*{box-sizing:border-box}
html,body{height:100%}
/*Font*/
@font-face {font-family: 'MBold';src: url('fonts/Montserrat-Bold.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'MSemiBold';src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'MMedium';src: url('fonts/Montserrat-Medium.ttf') format('truetype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'MRegular';src: url('fonts/Montserrat-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'MLight';src: url('fonts/Montserrat-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
/*End of Font*/

:root{
  --primary-1:#CF2983;
  --primary-2:#74389F;
  --gradient: linear-gradient(90deg,var(--primary-1),var(--primary-2));
  --primary-font:#010101;
  --secondary-font:#4c4c4c;
  --white-font:#ffffff;
  --muted:#c1c1c1;
  --light:#e5e5e5;
  --radius:14px;
  --nav-h:72px;
  --fade-duration:320ms;
  --font-light:MLight;
  --font-regular:MRegular;
  --font-semibold:MSemiBold;
  --font-medium:MMedium;
  --font-bold:MBold;
  --font-size-14:14px;
  --font-size-16:16px;
  --font-size-18:18px;
  --font-size-20:20px;
  --font-size-24:24px;
  --font-size-12:12px;
  --font-size-40:40px;
  --line-height-16:16px;
  --line-height-20:20px;
  --line-height-24:24px;
  --line-height-28:28px;
  --line-height-32:32px;
  --line-height-36:36px;
  --line-height-40:40px;
  --line-height-48:48px;
  --gradient-start: #CF2983;
  --gradient-end: #74389F;
  --per-page: 4;
}

/*Common CSS*/
.gradient-text {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
a{font-family: var(--font-light);text-decoration: none;transition: all 0.3s ease;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family: var(--font-medium);color:var(--primary-font)}
.font_bold {font-family: var(--font-bold) !important;}
.font_medium{font-family:var(--font-medium)}
span.gradient-text{background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.container{box-sizing: border-box;}
.container.pos_relative{position: relative;height:100%}
section{padding:80px 0}
.secondary-text{color:var(--secondary-font);font-family: var(--font-medium);}
.margin_top_24{margin-top:24px;}
.text-primary-color{color:var(--primary-font)}
.text-secondary-color{color:var(--secondary-font)}
.para_text{font-family: var(--font-light);font-size:var(--font-size-16);line-height:var(--line-height-32);}
.align-right{text-align: right;}
.align-left{text-align: left;}
.border-radius-16{border-radius:16px;}
.align-center{text-align: center;}
.custom_margin_bottom{margin-bottom:40px;}
.custom_margin_top{margin-top:8px}
.float_left{float:left;margin-right:8px}
.float_right{float:right;margin-right:8px}
.overflow_hidden{overflow: hidden;}
.heading_one{font-size:2.5rem}
.box.underline::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -8px;width: 80px;height: 4px;border-radius: 2px;background: linear-gradient(90deg, #CF2983 0%, #74389F 100%);}
/*Common CSS*/

/*Navbar*/
.navbar-container {max-width: 1366px;margin: 0 auto;}
.offcanvas-start {width: 250px;}
.navbar {background-color: #fff; box-shadow: 0 6px 18px rgba(15,23,32,0.06);position: fixed;top:0; left:0; right:0;z-index: 1100;display: flex;align-items:center;height:72px}
.navbar-brand img{height:40px;margin-left:24px}
.navbar-brand.desktop_logo{display:block}
.navbar-nav{margin-top:-4px}
.navbar-nav a.nav-link {color:var(--primary-font);font-family:var(--font-light);font-size:var(--font-size-14);line-height:24px;position:relative;padding-left:0 !important;padding-right:0 !important}
.navbar-nav .nav-item{padding-left:16px;padding-right:16px}
.navbar-nav .nav-item.active{background: var(--gradient);border-radius:12px}
.navbar-nav .nav-item a.nav-link.active {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;font-family:var(--font-bold)}
.navbar-nav .nav-item a.dropdown-item{padding:12px 16px;border-radius:24px;}
.navbar-nav .nav-item a.dropdown-item:hover{background:var(--gradient);color:var(--white-font);border-radius:24px;font-family: var(--font-semibold);}
ul.dropdown-menu{padding:12px}
/*End of Navbar*/

/*Spacer*/
.spacer {height: 72px; width: 100%;overflow:hidden}
/*End of Spacer*/

/*Products*/
.custom-carousel-main {position: relative;height: 450px;overflow: hidden;border-radius: 12px;}
.custom-carousel-inner{display: flex;transition: transform 0.6s ease;width: max-content;}
.custom-carousel-main .custom-carousel-item {display: none;height: 100%;position: absolute;inset: 0;opacity: 0;transition: all 0.6s ease;}
.custom-carousel-main .custom-carousel-item.active {display: block;left: 0;opacity: 1;z-index: 2;}
.custom-carousel-img {width: 100%;height: 100%;object-fit: cover;display: block;}
.custom-carousel-caption {position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;color: var(--white-font, #fff);padding: 16px;z-index: 2;}
.custom-carousel-main .custom-carousel-item::after{content:'';position:absolute; inset:0; background: rgba(0,0,0,0.25); z-index:1;}
.custom-carousel-side {overflow: hidden;padding: 0;}
.custom-carousel-side .custom-carousel-item {display: none;}
.custom-carousel-side .custom-carousel-item.active {display: block;}
.custom-carousel-img-sm {width: 100%;height: 240px;object-fit: cover;border-radius:12px}
.custom-carousel-img-sm.no-border-radius {border-bottom-right-radius:0px !important;border-top-right-radius:0px !important;}
.custom-carousel-subtext {color: var(--secondary-font, #666666);font-size:var(--font-size-14);text-align: left;}
.custom-chevron {background: linear-gradient(90deg,#CF2983,#74389F);color: #fff;border: none;width: 48px;height: 48px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 6px 20px rgba(115,56,159,0.18); cursor: pointer;}
.custom-chevron:focus { outline: none; box-shadow: 0 0 0 4px rgba(115,56,159,0.12); }
.m_view{display:none !important;text-align: right;}
/*End of Products*/

/*Industries*/
.four-col, .eight-col {min-height:600px;display: flex;}
.custom_padding{padding:16px;}
.industries_card{width: 100%;height: 100%;position: relative;display: flex;align-items: flex-end;border-radius: 12px;box-sizing: border-box;}
.governance {background: url('../images/industries/governance.png') center/cover no-repeat;}
.four-col-caption {padding: 16px;color:var(--white-font);}
.bg-card {width: 100%;height: 100%;position: relative;display: flex;align-items: flex-end;border-radius:12px;}
.healthcare{background: url('../images/industries/healthcare.png') center/cover no-repeat;}
.education{background: url('../images/industries/education.png') center/cover no-repeat;}
.supply_chain{background: url('../images/industries/supply_chain.png') center/cover no-repeat;}
.finance{background: url('../images/industries/finance.png') center/cover no-repeat;}
.retail{background: url('../images/industries/retail.jpg') center/cover no-repeat;}
.caption {position: absolute;bottom: 16px;right:0;left:0;color:var(--white-font);}
.caption-right {padding:16px;background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);}
.caption-left {padding: 16px;background: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);}
.gradient-card {position: relative;width: 100%;height: 100%;padding: 0 16px;background: linear-gradient(135deg, #CF2983, #74389F);color: #fff;border-radius: 8px;overflow: hidden;}
.gradient-card img{height:64px}
.icon-container {position: absolute;top: 0;left: 0;height: 100%;display: flex;align-items: center;padding-left: 16px;font-size:240px;opacity: 0.2;}
/*End of Industries*/


/*Why Choose Us*/
.sub_text{font-family: var(--font-light);color:var(--secondary-font);;line-height: var(--line-height-28);}
.card-custom {background-color: var(--card-bg);padding: 32px 24px 40px 24px;border-radius: 12px;height: 100%;box-shadow: 0 4px 12px rgba(0,0,0,0.1);border:1px solid #e5e5e5;margin-top:24px}
.icon-wrapper {position: relative;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius:12px;}
.icon-wrapper.color1{background-color: rgba(157,25,89,0.1);}
.icon-wrapper.color2{background-color: rgba(207,41,131,0.1);}
.icon-wrapper.color3{background-color: rgba(30,129,171,0.1);}
.icon-wrapper.color4{background-color: rgba(44,178,140,0.1);}
.icon-wrapper.color5{background-color: rgba(230,186,65,0.1);}
.icon-wrapper.color6{background-color: rgba(157,106,25,0.1);}
.icon-inner.color1{background-color:#9D1959;}
.icon-inner.color2{background-color:#CF2983;}
.icon-inner.color3{background-color:#1E81AB;}
.icon-inner.color4{background-color:#2CB28C;}
.icon-inner.color5{background-color:#E6BA41;}
.icon-inner.color6{background-color:#9D6A19;}
.icon-inner {width: 64px;height: 64px;border-radius:12px;display: flex;align-items: center;justify-content: center;}
.icon-inner i {color: #fff;font-size: 40px;}
.card-custom h4 {color: var(--primary-font);margin-top: 16px;margin-bottom: 8px;}
.card-custom p {color: var(--secondary-font);font-size: 1rem;line-height: 1.5;}
/*End of Why Choose Us*/

/*EU*/
.eu_img{overflow:hidden;border-radius:12px;padding:0 0 40px 0;text-align: center;}
.eu_img img{width:90%;transition: all 0.3s ease;border-radius:12px;box-shadow: 8px 8px 16px rgba(0,0,0,0.2);}
/*End of EU*/

/*Core Features*/
.core_features{text-align: center;box-sizing: border-box;}
.core_features .core_features_icon{color:var(--primary-font);font-size:48px;margin-bottom:8px;margin-top:24px}
.core_features .core_features_text{font-size:var(--font-size-20);line-height:var(--line-height-28); font-family: var(--font-bold);color:var(--primary-font);padding-bottom:8px}
.core_features .core_features_sub_text{font-size:var(--font-size-14);line-height:var(--line-height-24);font-family: var(--font-light);color:var(--secondary-font)}
/*End of Core Features*/

/*Custom Card2*/
.custom_card2 img{max-width:100%;border-radius:12px}
.custom_card2 img.icon{width:90px}
/*End of Custom card 2*/

/*Custom Card 3*/
.custom-card3{padding:32px 24px 40px 24px;margin-top:24px}
.custom-card3 span.text_highlighter{font-size:48px;line-height:48px;overflow:hidden;float:left;margin-right:16px;}
.custom-card3 .sub_text{margin-top:8px}
.clr{clear: both;}
/*End of Custom Card 3*/

/*CSS3 Animation*/
.box {opacity: 0;transform: translateY(20px);transition: all 0.8s ease-out;}
.box.show {opacity: 1;transform: translateY(0);}
.from-left {transform: translateX(-8px);}
.from-left.show {transform: translateX(0);}
.from-right {transform: translateX(8px);}
.from-right.show {transform: translateX(0);}
.from-bottom {transform: translateY(8px);}
.from-bottom.show {transform: translateY(0);}
.from-top {transform: translateY(-8px);}
.from-top.show {transform: translateY(0);}
/*End of CSS3 Animation*/

/*Technology Tabs*/
.tabs-wrapper {position: relative;display: flex;align-items: center;overflow: hidden;}
.nav-tabs-container {overflow-x: auto;white-space: nowrap;scrollbar-width: none;-ms-overflow-style: none;flex: 1;padding:0 40px;display:flex;justify-content: center;}
.nav-tabs-container::-webkit-scrollbar {display: none;}
.nav-tabs {border-bottom: none;display: inline-flex;flex-wrap: nowrap;}
.nav-tabs .nav-links {color:var(--secondary-font);font-weight: 500;border: none;position: relative;transition: color 0.3s ease;margin: 5px 12px;background: none;font-family: var(--font-medium);}
.nav-tabs .nav-links.active{color: transparent;background: linear-gradient(90deg, #CF2983, #74389F);-webkit-background-clip: text;background-clip: text;}
.nav-tabs .nav-links.active::after{content: "";position: absolute;left: 0;right: 0;bottom: -5px;height: 3px;border-radius: 2px;background: linear-gradient(90deg, #CF2983, #74389F);}
.tab-content {margin-top: 2rem;}
.tab-arrow {background: rgba(255, 255, 255, 0.9);border: 1px solid #ddd;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);transition: background 0.3s ease;}
.tab-arrow:hover {background: linear-gradient(90deg, #CF2983, #74389F);color: #fff;}
.tab-arrow.left {left: 0;}
.tab-arrow.right {right: 0;}
/*Technology Tabs*/


/*End of Footer*/
.footer {position: relative;background-color: #121212;overflow: hidden;z-index: 1;padding:80px auto;}
.footer .container{max-width:1366px;}
.footer .footer_logo img {height: 40px;width: auto;object-fit: contain;margin-bottom:40px;}
.footer h5 {font-family: var(--font-semibold);font-size:var(--font-size-16);color:var(--white-font);line-height:var(--line-height-24)}
.footer ul li{font-size:var(--font-size-14);font-family: var(--font-light);line-height:var(--line-height-24);color:var(--muted);padding:4px 0 6px;}
.footer ul li a {color: #bbb;text-decoration: none;font-size:var(--font-size-14);line-height:var(--line-height-28);transition: color 0.3s ease;}
.footer ul li a:hover {color: #fff;}
.footer .copyright_text {font-size:var(--font-size-14);font-family: var(--font-light);line-height:var(--line-height-24);color:var(--white-font);}
.footer-divider {border-top: 1px solid rgba(255,255,255,0.1);margin: 0;}
.sub-footer p {font-size: 14px;color: #aaa;}
.footer .sub-footer .accreditions{padding-right:0}
.footer .sub-footer .accreditions img {float:left;height: 72px;width: auto;object-fit: contain;}
.footer .footer_social a{text-decoration: none;}
.footer .footer_social img {height: 24px;width: 24px;object-fit: contain;margin-right: 16px;}
.footer .gradient-circle {position: absolute;top: 0;left: -200px;width:400px;height:400px;background: radial-gradient(circle, rgba(207,41,131,1) 0%, rgba(1,1,1,1) 80%, rgba(1,1,1,1) 100%);border-radius: 50%;z-index: -1;}
.footer .list-unstyled li img{margin-right:8px}
.footer .accreditions ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.footer .accreditions ul li{margin-left:24px}
/*End of Footer*/

/* ===== Slider Container ===== */
section.no_padding {padding: 0;}
.slider {position: relative;width: 100%;height:90vh;overflow: hidden;}
.slide {position: absolute;top: 0;left: 100%;width: 100%;height: 100%;opacity: 0;transition: all 0.8s ease;display: flex;align-items:flex-end;}
.slide.active {left: 0;opacity: 1;z-index: 2;}
.slide-1 {background:url('../images/slide2.jpg') center/cover no-repeat;}
.slide-2 {background:url('../images/slide3.jpg') center/cover no-repeat;}
.slide-3 {background:url('../images/slide1.jpg') center/cover no-repeat;}
.slide-content {max-width: 600px;margin-bottom:150px}
.slide-content h2 {margin-bottom: 10px;font-family: var(--font-bold);color:var(--white-font)}
.slide-content p {opacity: 0.9;font-family: var(--font-light);color:var(--white-font)}
.chevron {position: absolute;bottom:64px;color: #fff;font-size: 2rem;background:var(--gradient);border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;}
.chevron.left { left:0px; }
.chevron.right { left:64px; }

 @media (min-width: 1024px) {
.tab-arrow {display: none;}
}

/*Responsive*/
@media (max-width: 768px) {
  .navbar-toggler{border:0;}
  .navbar-toggler img{margin-left:12px}
  .navbar-nav {margin-top: 16px;}
  .navbar-nav .nav-item {padding-left: 8px;padding-right: 8px;}
  .navbar-brand.desktop_logo{display:none}
  .carousel-section .carousel-inner {margin: 0 20px;}
  .carousel-flex div {padding-top:24px;}
  .carousel-flex img {width:auto;height:40px;display: block;}
  .footer {padding:32px 16px;}
  .footer .footer_logo img {margin-bottom:24px;}
  .footer h5 {margin-top:16px;margin-bottom:8px;}
  .footer ul li {padding:2px 0 4px;}
  .footer .sub-footer {text-align: center;}
  .footer .sub-footer .accreditions {justify-content: center;padding-top:16px;padding-right:0;}
  .footer .sub-footer .accreditions img {height: 64px;margin-right:16px;}
  .footer .footer_social img {height: 20px;width: 20px;margin-right: 12px;}
  .m_view{display:block !important;overflow:hidden;height:64px}
  .industries_card {height:400px;display: flex;}
  .eight-col{margin-top:24px}
  .mobile_industries{height:300px}
  .hero-content-section{text-align:center;}
  .join_our_team{text-align: center;flex-direction: column;}
  .hero {height:720px;}
  .m_center{text-align: center !important;}
  ul.dropdown-menu{border:0;}
  img.mobile_logo{float:left;height:40px}
  .navbar-nav a.nav-link{font-size:18px;line-height:48px;color: var(--primary-font);font-family: var(--font-medium);}
  .float_left{float:none;margin-right:0;}
  .float_right{float: none;margin-left:0}
  .illustration_display{display:none}
}