* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}
/* GLOBAL FIX */
html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
body {
	background: #ffffff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mtbutom {
	margin-bottom: 15px;
}
.container-fluid {
    
	max-width: 1280px !important;
	width: 100%;
}
/* HERO SECTION */
.hero-top {
	align-content: var(--align-content);
	align-items: var(--align-items);
	align-self: auto;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	flex-wrap: var(--flex-wrap);
	justify-content: var(--justify-content);
}
.hero-topscpace {
	background: #030619;
	background-image: linear-gradient(180deg, #6FC0E4 0%, #F2295B00 100%);
	display: flex;
	min-height: 200px;
	flex-direction: column;
	flex-wrap-mobile: wrap;
	margin-top: -140px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 4;
}
.hero {
	width: 100%;
	padding: 50px 0;   /* fluid padding for full screen */
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: #030619;
	color: #fff;
}
.hero-content {
	max-width: 50%;
}
.flexis-logo {
	width: 100%;
	height: auto;
	margin: 45px 0 30px 0;
}
.heropscpace {
	margin: 10px 0px 0px 0px;
	color: #fff;
}
.hero p {
	font-family: "Montserrat", Sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #6FC0E4;
	margin-bottom: 15px;
}
.hero h1 {
	font-family: "Montserrat", Sans-serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1em;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.feature-list {
	margin: 15px 0;
}
.feature-list ul {
	list-style: none;
	padding-left: 0;
}
.feature-list ul li {
	display: flex;
	align-items: center;
	font-family: "Montserrat", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #C0C0C0;
}
.feature-list ul li i {
	color: #6EC1E4;  /* blue icon color */
	font-size: 15px; /* icon size */
	margin-right: 10px;
}
.primary-btn {
	background-color: #08569A;
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	border-radius: 3px;
	display: inline-block;
	padding: 12px 24px;
	border: none;
}
/* FORM BOX */
.form-box {
	background: #fff;
	color: #333333;
	padding:20px 30px;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
}
.form-box h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #6FC0E4;
	text-align: center;
}
.form-box p {
	font-family: "Roboto", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #7A7A7A;
	margin: -8px 0 20px 0;
	text-align: center;
}
form {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.form-group {
	flex: 1 1 45%;
	display: flex;
	flex-direction: column;
}
.form-group label {
	margin-bottom: 5px;
	font-size: 16px;
	font-family: "Roboto", Sans-serif;
	font-weight: 600;
	color: #54595F;
}
.form-group input, .form-group select {
	border-radius: 4px;
	font-size: 16px;
	min-height: 45px;
	padding: 5px 16px;
	font-family: "Roboto", Sans-serif;
	font-weight: 400;
	color: #7A7A7A;
	border: 1px solid #CBCBCB;
}
.form-group textarea{
	border-radius: 4px;
    font-size: 16px;
    min-height: 73px;
    padding: 5px 16px;
	font-family: "Roboto", Sans-serif;
	font-weight: 400;
	color:#7A7A7A;
	border: 1px solid #CBCBCB;
}
/* Hover effect */
.form-group input[type="text"]:hover, input[type="text"]:active, .form-group select[type="text"]:hover, select[type="text"]:active {
	border: 1px solid #6FC0E4;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}
input::placeholder {
 color: #CBCBCB;          /* Text color */
 font-style: normal;   /* Italic text */
 font-size: 16px;      /* Font size */
 opacity: 0.9;     /* Transparency */
}
textarea::placeholder {
    color: #CBCBCB;          /* Text color */
    font-style: normal;   /* Italic text */
    font-size: 16px;      /* Font size */
    opacity: 0.9;     /* Transparency */
}
.form-group.full-width {
	flex: 1 1 100%;
}
.hero-textrun {
	font-family: "Roboto", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #7A7A7A;
	margin: -8px 0 20px 0;
	text-align: center;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea Specificity: (0, 1, 1) {
 border: 1px solid #000;
}
/* Green Success Border */
.valid {
	border-color: #4CAF50 !important;
}
/* Red Error Border */
.error-field {
	border-color: #ff3b3b !important;
	animation: shake 0.2s ease-in-out 0s 2;
}

/* Shake animation */
@keyframes shake {
 0% {
transform: translateX(0);
}
 25% {
transform: translateX(-4px);
}
 50% {
transform: translateX(4px);
}
 75% {
transform: translateX(-4px);
}
 100% {
transform: translateX(0);
}
}
/* ERROR MESSAGE BEAUTIFUL UI */
.error {
	font-size: 13px;
	color: #ff3b3b;
	padding-left: 5px;
	margin-top: 4px;
	display: none;
	opacity: 0;
	animation: fadeIn 0.4s forwards;
}

/* Fade in effect */
@keyframes fadeIn {
 to {
 opacity: 1;
}
}
.form-button {
	padding: 12px 20px;
	background-color: #08569A;
	border: none;
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	border-radius: 3px;
	transition: background 0.3s;
	flex: 1 1 100%;
	width: 100%;
	margin: 0 auto;
	max-width: 150px;
	height:65px;
}
.last-line-title {
	margin-top: 30px;
}
.last-line-title p {
	color: #2D2D2D;
	font-family: "Roboto", Sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 0;
}
/* iso */
.iso {
	width: 100%;
	padding: 40px 1vw;
	background: #030619;
	display: flex;
	justify-content: space-between;
	align-items: center; /* Ensures vertical centering */
}
.iso-box-stng {
	text-align: center;
	display: flex;
	flex-direction: column; /* Aligns children vertically */
	justify-content: center; /* Centers content vertically */
	align-items: center; /* Centers content horizontally */
	padding: 15px;
	height: 100%; /* Ensure height is available to center content */
}
.iso-text p {
	font-family: "Montserrat", Sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	color: #7A7A7A;
}
.iso-box-stng h2 {
	text-align: center;
	color: #6EC1E4;
	font-family: "Montserrat", Sans-serif;
	font-size: 48px;
	font-weight: 600;
}
.iso-box-sr-md {
	text-align: center;
	width: 100%;
	display: block;
}
.iso-box-stng span {
	font-family: "Montserrat", Sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
	color: #6EC1E4;
}
.services-box {
	background: #0b1128;
	padding: 50px 40px 50px 40px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.125);
	height: 100%;
}
.services-box h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	text-align: center !important;
	color: #D5D5D5;
}
.services-box p {
	color: #D5D5D5;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 20px;
	font-family: "Roboto", Sans-serif;
	text-align: center;
}
.icon-Box {
	position: relative;
	z-index: 2;
	text-align: center;
}
.box-icon {
	font-size: 55px;
	transform: rotate(0deg);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 13px;
	color: #FFFFFF;
	fill: #FFFFFF;
}
.box-icon svg {
	width: 1em;
	height: 1em;
	text-align: center;
}
#noc-service {
	padding: 60px 1vw;
	background: #FFFFFF;
}
.noc-service-marign {
	padding: 50px 0;
}
.noc-service-marign2 {
	padding: 30px 0;
}
.noc-service h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	color: #2C2C2C;
}
.noc-service p {
	color: #565656;
	font-size: 16px;
	line-height: 20px;
	font-family: "Roboto", Sans-serif;
	margin: 17px 0;
}
.noc-services ul {
	list-style-type: none; /* Removes default bullet points */
	margin: 0;
	padding: 0;
}
.noc-services li {
	color: #383838;
	font-family: Arial, sans-serif;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	font-family: "Roboto", Sans-serif;
}
.benefits-list {
}
.benefits-list ul {
	list-style-type: none;
	padding: 0;
}
.benefits-list ul li {
	display: flex;
	align-items: center;
}
.benefits-list ul li .checkmark {
	color: #1571BA;
	font-size: 20px;
	margin-right: 10px;
}
.benefits-list ul li span {
	font-size: 16px;
	color: #333;
}
#noc-service-user {
	padding: 0 1vw 30px;
	text-align: center;
}
.noc-service-user {
}
.noc-service-user h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #2C2C2C;
	margin-bottom: 25px;
}
.noc-service-user p {
	color: #2D2D2D;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	font-family: "Roboto", Sans-serif;
	margin-top: 15px;
}
.noc-service-user-btm {
	background-color: #08569A;
	font-family: "Montserrat", Sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #FFFFFF;
	padding: 20px 30px;
	max-width: fit-content;
	width: 100%;
	margin: 0 auto;
	border-radius: 3px;
}
#noc-support {
	padding: 30px 1vw 60px 1vw;
}
.noc-support {
	text-align: center;
}
.noc-support h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 34px;
	line-height: 38px;
	font-weight: 700;
	color: #2C2C2C;
	margin-bottom: 10px;
}
.noc-support p {
	color: #2D2D2D;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	font-family: "Roboto", Sans-serif;
	margin-top: 15px;
}
.flexible-manage {
	width: 60% !important;
	margin: 0 auto;
}
.flexible-manage h2 {
	font-family: Montserrat, sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	line-height: 42px;
	color: rgb(44, 44, 44);
	text-align: center;
}
.flexible-manage p {
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #7A7A7A;
}
.manger-card-mgr {
	margin: 25px 0;
}
.manager-card {
	background: #ffffff;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.manager-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.manage-card-icon {
	margin-bottom: 15px;
	width: 50px;
	height: 50px;
	background-color: #bfe3eb;
	fill: #0891B2;
	display: flex;
	justify-content: center;
	border-radius: 5px;
}
.manage-card-icon i {
	color: #0090b0;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	border-radius: 5px;
}
.manage-card-icon i:hover {
	color: #fff;
	background-color: #0090b0;
	width: 50px;
	height: 50px;
	border-radius: 5px;
}
.manager-card h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #111827;
}
.manager-card p {
	font-family: "Montserrat", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #4B5563;
}
/* Optional: fade-in animation on load */
.support-card {
	opacity: 0;
	animation: fadeInUp 0.8s ease forwards;
}
.support-card:nth-child(1) {
	animation-delay: 0.1s;
}
.support-card:nth-child(2) {
	animation-delay: 0.2s;
}
.support-card:nth-child(3) {
	animation-delay: 0.3s;
}
.support-card:nth-child(4) {
	animation-delay: 0.4s;
}
 @keyframes fadeInUp {
 from {
opacity: 0;
transform: translateY(20px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
.flexis-mid-market {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 25px;
}
.flexis-mid-market h2 {
	font-family: Montserrat, sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	line-height: 42px;
	color: rgb(44, 44, 44);
	text-align: center;
}
.flexis-mid-market p {
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #454545;
}
.flexis-mid-feature-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	height: 100%;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.flexis-mid-feature-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}
.mgr25 {
	margin-bottom: 25px;
}
.flexis-mid-feature-card h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: 600;
 color:#;
}
.flexis-mid-feature-card p {
	font-family: "Montserrat", Sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #4B5563;
}
.flexis-mid-icon {
	margin-bottom: 15px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	transition: all 0.3s ease;
}
.flexis-mid-icon i {
	font-size: 22px;
	transition: color 0.3s ease;
}
/* cleaner */
.color-blue:hover {
	background: #eef6ff;
}
.color-blue:hover .flexis-mid-icon {
	background: #3b82f6;
}
.color-blue:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 1*/
.col-md-4:nth-child(1) .flexis-mid-icon {
	background: #dbeafe;
}
.col-md-4:nth-child(1) .flexis-mid-icon i {
	color: #3b82f6;
}
.col-md-4:nth-child(1) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #3b82f6;
}
.col-md-4:nth-child(1) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 2*/
.col-md-4:nth-child(2) .flexis-mid-icon {
	background: #c2e9d6;
}
.col-md-4:nth-child(2) .flexis-mid-icon i {
	color: #16A34A;
}
.col-md-4:nth-child(2) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #16A34A;
}
.col-md-4:nth-child(2) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 3*/
.col-md-4:nth-child(3) .flexis-mid-icon {
	background: #f0e1fb;
}
.col-md-4:nth-child(3) .flexis-mid-icon i {
	color: #9333EA;
}
.col-md-4:nth-child(3) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #9333EA;
}
.col-md-4:nth-child(3) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 4*/
.col-md-4:nth-child(4) .flexis-mid-icon {
	background: #fde7dd;
}
.col-md-4:nth-child(4) .flexis-mid-icon i {
	color: #EA580C;
}
.col-md-4:nth-child(4) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #EA580C;
}
.col-md-4:nth-child(4) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 5*/
.col-md-4:nth-child(5) .flexis-mid-icon {
	background: #e3e0fa;
}
.col-md-4:nth-child(5) .flexis-mid-icon i {
	color: #4F46E5;
}
.col-md-4:nth-child(5) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #4F46E5;
}
.col-md-4:nth-child(5) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 6*/
.col-md-4:nth-child(6) .flexis-mid-icon {
	background: #fbdbe0;
}
.col-md-4:nth-child(6) .flexis-mid-icon i {
	color: #E66278;
}
.col-md-4:nth-child(6) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #E66278;
}
.col-md-4:nth-child(6) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 7*/
.col-md-4:nth-child(7) .flexis-mid-icon {
	background: #c2e6dc;
}
.col-md-4:nth-child(7) .flexis-mid-icon i {
	color: #059669;
}
.col-md-4:nth-child(7) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #059669;
}
.col-md-4:nth-child(7) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 8*/
.col-md-4:nth-child(8) .flexis-mid-icon {
	background: #f8cac9;
}
.col-md-4:nth-child(8) .flexis-mid-icon i {
	color: #DC2626;
}
.col-md-4:nth-child(8) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #DC2626;
}
.col-md-4:nth-child(8) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
/*For Card 9*/
.col-md-4:nth-child(9) .flexis-mid-icon {
	background: #bfe3eb;
}
.col-md-4:nth-child(9) .flexis-mid-icon i {
	color: #0891B2;
}
.col-md-4:nth-child(9) .flexis-mid-feature-card:hover .flexis-mid-icon {
	background-color: #0891B2;
}
.col-md-4:nth-child(9) .flexis-mid-feature-card:hover .flexis-mid-icon i {
	color: #fff;
}
.risk-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border: 2px solid #0b5ed7;
	border-radius: 18px;
	padding: 24px 28px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
	margin-top:25px;
}
/* Hover effect */
.risk-box:hover {
	border-color: #4ecd79;
	box-shadow: 0 10px 30px rgba(11, 94, 215, 0.15);
}
.risk-left {
	display: flex;
	align-items: center;
	gap: 18px;
}
.risk-icon {
	width: 56px;
	height: 56px;
	background: #dbe5ff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color: #0b5ed7;
	font-size: 22px;
}
.risk-text h3 {
	margin: 0;
	font-family: "Montserrat", Sans-serif;
	font-size:28px;
	line-height:34px;
    font-weight: 600;
	color: #111827;
}
.risk-text p {
	margin: 6px 0 0;
	font-family: "Montserrat", Sans-serif;
	font-size: 16px;
	line-height:20px;
	color: #4b5569;
}
.risk-btn {
	border-radius: 6px;
	text-decoration:none;
	transition: background 0.3s ease;
	background-color: #08569A;
    font-family: "Montserrat", Sans-serif;
    font-size: 19px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    padding: 20px 30px 20px 30px;
}
.risk-btn:hover {
	background: #084298;
}
.flexis-team-meet {
	width: 100%;
	margin: 0 auto;
}
.flexis-team-meet h2 {
	font-family: Montserrat, sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	color: rgb(44, 44, 44);
	text-align: center;
}
.flexis-team-meet p {
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #7A7A7A;
}
.flexis-manage-team {
	width: 100%;
    min-height:410px ;
    border-radius: 10px;
	padding: 18px;
    padding-top: 30px;
    background-color: #F1F1F1;
}
.flexis-manage-team h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #2C2C2C;
	margin-bottom: 0;
}
.flexis-manage-team span {
	font-family: "Montserrat", Sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #1571BA;
	margin-top: 0;
}
.flexis-manage-team p {
	font-family: "Montserrat", Sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #7A7A7A;
	margin-top: 15px;
}
.flexisteam-user122 {
}
.flexisteam-user122 h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #2C2C2C;
	margin: 40px 0 20px 0;
}
.support-models {
	width: 100%;
}
.support-models h2 {
	font-family: Montserrat, sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	line-height: 42px;
	color: rgb(44, 44, 44);
	text-align: center;
}
.support-models p {
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #4F4F4F;
}
.support-models-card {
	background: #ffffff;
	border-radius: 25px;
	padding: 25px;
	box-shadow: 0 2px 8px -1px rgb(0 0 0 / 0.5);
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* equal height feel */
	height: 100%;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.support-models-card-icon {
	margin-bottom: 15px;
	width: 50px;
	height: 50px;
	background-color: #c2e6dc;
	display: flex;
	justify-content: center;
	border-radius: 5px;
	color: #059669;
}
.support-models-card-icon i {
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	border-radius: 5px;
}
.support-models-card h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	color: #111827;
	margin:8px 0 16px;
}
.support-models-card p {
	font-size: 16px;
	line-height: 20px;
	color: #4B5563;
	font-family: "Montserrat", Sans-serif;
}
.support-models-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}


.support-models-card:hover .support-models-card-icon {
	background: #2fa47a; /* green */
	color: #fff;
}
support-models-card:hover .support-models-card-icon i {
	color: #ffffff; /* white */
}
#testimonials {
	background: #08569A;
	padding: 60px 1vw;
}
.testimonials {
	text-align: center;
}
.testimonials h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.testimonials h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 34px;
	line-height: 44px;
	font-weight: 700;
	text-transform: capitalize;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.testimonials p {
	font-family: "Montserrat", Sans-serif;
	font-size: 22px;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.testimonials-box {
	background-color: #FFFFFF;
	border-radius: 12px;
	padding: 20px 20px 20px 20px;
}
.testimonial-text {
}
.testimonial-text p {
	color: #000000;
	font-family: "Raleway", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
}
.swiper-slide {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	height: auto !important;
}
.swiper-slide h6 {
	margin-top: 10px;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}
.swiper-wrapper p {
	color: #000000;
	font-family: "Raleway", Sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	text-align: left;
}
.swiper-pagination {
	text-align: center;
	margin-top: 15px;
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #ccc;
	opacity: 1;
	margin: 0 5px !important;
	border-radius: 50%;
	transition: background 0.3s;
}
.swiper-pagination-bullet-active {
	background: #007bff; /* Active dot color */
}
#consulatent {
	background: #030619;
	padding: 60px 1vw;
}
.downtime {
	margin: 80px 0 0 0;
}
.downtime h1 {
	font-family: "Montserrat", Sans-serif;
	font-size: 42px;
	line-height: 50px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.downtime h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	color: #6FC0E4;
	margin-bottom: 20px;
}
.downtime h3 {
	font-family: "Montserrat", Sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	color: #C0C0C0;
	margin-bottom: 20px;
}
#footer {
	padding: 45px 0;
	background: #000000;
}
.footer {
	text-align: center;
}
.footer h2 {
	font-family: "Montserrat", Sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	color: #FFFFFF;
}
.footer p {
	font-family: "Roboto", Sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #C6C6C6;
	margin-top: 10px;
}
.footer i {
	color: #6EC1E4;
}
.p-itext {
	font-size: 20px !important;
	line-height: 26px !important;
	font-weight: 700 !important;
	margin-bottom: 0 !important;
}
.error {
	color: red;
	font-size: 14px;
	display: none;
	margin-top: 5px;
}
input.error-field, select.error-field {
	border: 2px solid red;
}
#rc-anchor-classic-warning {
	display: none !important;
}
/* CSS For Slider*/

.slider-container {
	width: 100%;
	overflow: hidden;
	padding: 0; /* optional spacing */
	box-sizing: border-box;
}
.slider-track {
	display: flex;
	gap: 20px; /* spacing between slides */
	transition: transform 0.5s ease;
}
.slide {
	flex: 0 0 calc((100% - 40px) / 3); /* 3 slides + 2 gaps */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	vertical-align: top;
}
.dots {
	text-align: center;
	margin-top: 15px;
}
.dot {
	height: 6px;
	width: 6px;
	background: #ccc;
	display: inline-block;
	margin: 5px;
	border-radius: 50%;
	cursor: pointer;
}
.dot.active {
	background: #2c2c2c;
}

/* --------------------------- */
/* 📱 MOBILE RESPONSIVE BELOW */
/* --------------------------- */

@media (max-width: 900px) {
.hero {
	padding: 20px 2vw;
}
.hero, .mid-section {
	flex-direction: column;
}
.hero-content {
	max-width: 100%;
}
.flexis-logo {
	margin: 0;
}
.form-box {
	width: 100%;
}
.form-box h3 {
	font-size: 20px;
}
.form-box p {
	font-size: 15px;
}
}
 @media (max-width: 600px) {
.hero {
	padding: 20px 2vw;
}
.flexis-logo {
	margin: 0 0 25px;
}
.hero p {
	font-size: 16px;
	line-height: 20px;
}
.hero h1 {
	font-size: 26px;
	line-height: 32px;
}
.form-box {
	padding: 30px 25px;
	border-radius: 10px 10px 10px 10px;
}
.primary-btn {
	margin-bottom: 20px;
}
.feature-list ul li {
	font-size: 16px;
	font-weight: 400;
	color: #C0C0C0;
	line-height: 22px;
}
.form-box h3 {
	font-size: 19px;
	line-height: 24px;
	margin: 0;
}
.hero-textrun {
	font-size: 15px;
	line-height: 18px;
	margin: 0 0 15px;
}
.iso-text p {
	font-size: 20px;
	line-height: 24px;
}
.mtbutom {
	margin-bottom: 15px;
}
.noc-service h2 {
	font-size: 24px;
	line-height: 30px;
}
.services-box h3 {
	font-size: 22px;
	line-height: 30px;
}
.noc-support h2 {
	font-size: 24px;
	line-height: 30px;
}
.noc-service-user-btm {
	font-size: 18px;
	line-height: 22px;
}
.noc-service-user-btm {
	font-size: 18px;
}
.testimonials p {
	font-size: 14px;
	line-height: 20px;
}
.downtime h1 {
	font-size: 32px;
	line-height: 40px;
}
.downtime h3 {
	font-size: 22px;
	line-height: 30px;
}
.testimonials h2 {
	font-size: 22px;
	line-height: 30px;
}
.flexible-manage {
	width: 100% !important;
	margin-bottom: 20px;
}
.flexible-manage h2 {
	font-size: 24px;
	line-height: 30px;
}
.flexible-manage p {
	font-size: 16px;
	line-height: 20px;
}
.manger-card-mgr {
	margin: 15px 0;
}
.support-models h2 {
	font-size: 24px;
	line-height: 30px;
}
.support-models p {
	font-size: 16px;
	line-height: 20px;
}
.flexis-mid-market p {
	font-size: 15px;
	line-height: 20px;
}
.flexis-mid-market h2 {
	font-size: 28px;
	line-height: 32px;
}
.flexis-team-meet h2 {
    font-size: 24px;
    line-height: 30px;
}
.flexis-team-meet p {
    font-size: 16px;
    line-height: 20px;
}
.risk-box {
    flex-direction: column;
    align-items: flex-start;
 }
.risk-left {
    align-items: flex-start;
}
.risk-btn {
    width: 60%;
    text-align: center;
	margin:0 auto;
	padding: 12px;
}
.risk-icon {
    width: 75px;
    height: 50px;
}
.risk-text h3 {
    font-size: 20px;
    line-height: 28px;
}
.risk-text p {
    margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.slide {
	flex: 0 0 100%;
}
}