@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-InterTight-Black:'InterTight-Black';
  --ff-InterTight-BlackItalic:'InterTight-BlackItalic';
  --ff-InterTight-bold:'InterTight-Bold';
  --ff-InterTight-BoldItalic:'InterTight-BoldItalic';
  --ff-InterTight-ExtraBold:'InterTight-ExtraBold';
  --ff-InterTight-ExtraBoldItalic:'InterTight-ExtraBoldItalic';
  --ff-InterTight-Light:'InterTight-Light';
  --ff-InterTight-ExtraLight:'InterTight-ExtraLight';
  --ff-InterTight-Italic:'InterTight-Italic';
  --ff-InterTight-ExtraLightItalic:'InterTight-ExtraLightItalic';
  --ff-InterTight-LightItalic:'InterTight-LightItalic';
  --ff-InterTight-MediumItalic:'InterTight-MediumItalic';
  --ff-InterTight-SemiBold:'InterTight-SemiBold';
  --ff-InterTight-SemiBoldItalic:'InterTight-SemiBoldItalic';
  --ff-InterTight-Medium:'InterTight-Medium';
  --ff-InterTight-Regular:'InterTight-Regular';
  --ff-InterTight-Thin:'InterTight-Thin';
  --ff-InterTight-ThinItalic:'InterTight-ThinItalic';

  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-black: #000000;
  --bg-lgrey: #F6F6F6;
  --bg-grey: #D9D9D9;
  --bg-grey2: #FAFAFA;
  --bg-blue: #5775E8;
  --bg-red: #B71A34;
  --bg-pink: #DB2DCC;
  --bg-light-blue: #8A96FF;
  --bg-light-purple: #A96BD1;
  --bg-light-pink: #F97E97;
  --bg-grey3 : #ECF0F0;


    --bg:#f7f8f9;
    --text:#111827;
    --muted:#6b7280;
    --primary:#5775e8; /* teal-ish for CTA */
    --card:#ffffff;
    --border:#e5e7eb;
    --track:#e5f3ef;
    --accent:#5775e8;
    --shadow:0 10px 25px rgba(0,0,0,.06);
    --radius:18px;

  /** text color declaration **/
  --txt-white: #ffffff;
  --txt-black:#000000;
  --txt-lblack:#0F0F0F;
  --txt-black2: #1B223C;
  --txt-blue: #5775E8;
  --txt-blue2: #072032;
  --txt-dblue: #0A142F;
  --txt-grey: #5C6972;
  --txt-grey2: #797878;
  --txt-grey3: #666666;
  --txt-grey4: #999999;
  --txt-pink: #DB2DCC;
  
  --brd-grey1: #D9D9D9;
  --brd-grey2: #BEBEBE;
  --brd-grey3: #939393;
  --brd-grey4: #999999;
  --brd-lblue: #E7EBFF;
  --brd-blue: #0A142F;
  
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-white); font-size:1rem; color:var(--bg-black); line-height:1.3; font-family: var(--ff-InterTight-Regular);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: var(--bg-black); text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:var(--bg-black);} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: var(--bg-black); outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width: 1240px; margin:auto; padding:0px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

/* common css */
.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
::selection { color: var(--txt-white); background-color: var(--bg-blue);}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}


/* selvaraj */

/* header css */
header {  transform: translateY(0%); transition: transform 0.6s ease; width: 100%; background: #fff; position: relative; z-index: 999; padding: 15px 0;}
.logo img { width: 200px;}
.logo img.stick-logo { display: none;}
.hdr-rht { display: flex; align-items: center; column-gap: 20px;}
header.sticky { transform: translateY(0); animation: slideDown 0.6s ease forwards; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); position: fixed;}
.sticky .megamenu-sec ul li a { color: var(--txt-black);}
.sticky .megamenu-sec ul li.has-mega-menu a::after { border-right: 2px solid var(--bg-black); border-bottom: 2px solid var(--bg-black);}
.sticky .megamenu-sec ul li a:hover { color: var(--bg-green);}
.sticky .megamenu-sec ul li.has-mega-menu:hover a { color: var(--bg-green);}
.sticky .megamenu-sec ul li.has-mega-menu:hover a::after { border-right: 2px solid var(--bg-green); border-bottom: 2px solid var(--bg-green); }
.sticky .m-menu span { background: var(--bg-pink);}
.sticky .m-menu.open span:nth-child(1), .sticky .m-menu.open span:nth-child(3) { background: var(--bg-black);}
.sticky .m-menu a:hover span { background: var(--bg-light-purple);}

.header-static header { position: relative; background: var(--bg-blue);}
.header-static header.sticky { position: fixed; background: var(--bg-white);}

/* Keyframes for sliding down */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

.contact-btn { position: relative; width: auto; display: flex; column-gap: 20px;}
.contact-btn a { background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%); border-radius: 5px; height: 45px; width: 158px; color: var(--txt-white); padding: 0 20px; font-size: 16px; font-family: var(--ff-InterTight-SemiBold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 8px;}
.contact-btn a:hover { background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);}
/* .contact-btn a.contact-btn{border: 2px solid #000; color: #000; background: #fff;}
.contact-btn a.contact-btn:hover{background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%); color: #fff; border: 2px solid transparent;} */

/**********home banner css**************/
.home-banner { position: relative; overflow: hidden; background: url(../images/banner-bg.png) no-repeat; background-size: cover; min-height: 620px;}
.home-banner > img { width: 100%; height: 650px;}
.banner-cap-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; position: absolute; top: 0; justify-content: space-between; height: 100%; align-items: center; z-index: 99;}

.ban-caption-lft{ float: left; width: 55%; padding: 45px 0; padding-left: calc((100% - 1240px) / 2);}
.ban-caption-lft h5{float: left; width: 100%; font-size: 16px; line-height: 26px; color: var(--txt-white); font-family: var(--ff-InterTight-Regular); margin-bottom: 10px; position: relative;}
.ban-caption-lft h2 {float: left;width: 100%;margin-bottom: 12px;font-size: 22px; line-height: 30px; letter-spacing: 0.5px; color: var(--txt-white); font-family: var(--ff-InterTight-SemiBold);}
.ban-caption-lft p{float: left; width: 100%; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; color: var(--txt-white); font-family: var(--ff-InterTight-Regular); margin-bottom: 12px;}
.ban-caption-lft p span{font-family: var(--ff-InterTight-SemiBold);}
.ban-caption-lft a.view-all { background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%); border-radius: 5px; height: 45px; width: auto; color: var(--txt-white); padding: 0 20px; font-size: 16px; font-family: var(--ff-InterTight-SemiBold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 8px;}
.ban-caption-lft a.view-all:hover { background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);}
.ban-caption-rgt { float: right; width: 40%;}
.ban-caption-rgt iframe{width: 100%; height: 620px; float: left;}

.ban-caption-lft h3{width: auto; float: left;color: var(--txt-white); font-size: 16px; line-height: 26px; letter-spacing: 0.5px;font-family: var(--ff-InterTight-bold); display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center;}
.subscribe-form { width: 80%; display: inline-block; z-index: 99;position: relative; margin: 10px 0 20px 0;}
.subscribe-form label { float: left; width: 100%; text-align: left; color: #303030; font-size: 14px; line-height: 21px; font-family: 'MacklinSans-Bold'; letter-spacing: -0.08px; padding-bottom: 10px;}
.subscribe-form .txt-bx { float: left; width: 100%; position: relative;}
.subscribe-form .txt-bx input[type="text"] { background: #fff; border: none; border-bottom: 1px solid #fff; width: 100%; height: 50px; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 26px;letter-spacing: 0.5px;color: #666;display: flex; align-items: center; padding: 0 15px; border-radius: 5px; border: none; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.subscribe-form .txt-bx button { position: absolute; right: 3px; top: 3px;  background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%); display: flex; align-items: center; justify-content: center;cursor: pointer; transition:all .5s ease; border: none; padding: 15px; font-family: var(--ff-InterTight-SemiBold); font-size: 14px; line-height: 20px; color: var(--txt-white); letter-spacing: 1px; height: 44px; border-radius: 5px;}
.subscribe-form .txt-bx button:hover{background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);}

/* .ban-caption-rgt  .swiper-container{float: left; width: 100%; overflow: hidden;}
.ban-caption-rgt  .swiper-slide {border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.ban-caption-rgt  .swiper-slide img{width: 100%; float: left; transition: all 0.5s ease;} */

.pad-lft{float: left; width: 100%; padding-left: 80px;}
.features-sec{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px;}
.circle{flex: 0 1 160px; padding-top: 10px; position: relative;height: 160px;}
.features-des{flex: 0 1 calc(100% - 190px);}
.circle svg { height: 160px; width: 160px; padding: 0; animation: rotate 10s linear infinite; fill: var(--bg-white);}
.play-icon { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); }
.play-icon i { color: var(--txt-white);}

.circle svg text { font-family: var(--ff-InterTight-Regular); font-size: 14px; }
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


.infograpic img { transition: all 0.2s ease-out; max-width: 100%; width: auto;}
.hero-img {position: absolute; right: 80px; bottom: 100px;}
.hero-img img {width: 520px;}
.our-client{ float: left; width: 100%; padding: 65px 0; background: #fff; overflow: hidden;display: none;}
.our-client-inner{float: left; width: 100%;}
.our-client-cont{ float: left; width: 350px;}
.our-client-logo{ float: right; width: calc(100% - 400px);}
.our-client h2{float: left; width: 100%; color: var(--txt-black); font-size: 36px; line-height: 42px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Light);}
.our-client h2 span{color: var(--ff-InterTight-Medium); font-family: var(--ff-InterTight-bold); color: var(--bg-blue);}
.our-client-logo .swiper-container{float: left; width: 100%; overflow: hidden;}
.our-client-logo .swiper-slide {border: 1px solid #BEBEBE; border-radius: 18px; min-height: 145px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.our-client-logo .swiper-slide img{width: auto; transition: all 0.5s ease;}

/* education css */
.education-sec { float: left; width: 100%; padding: 80px 0; background: #fff; overflow: hidden;}
.education-main-sec { width: 100%; position: relative; }
.title-sec { display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: center; text-align: center; width: 100%; margin-bottom: 50px;}
.title-sec h2 {width: 100%; float: left; color: var(--txt-black); font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 50px; letter-spacing: 1px; position: relative;}
.title-sec h2 span { color: var(--txt-blue);}
.title-sec p { color: var(--txt-color); font-size: 16px; line-height: 26px;}
.load-txt-wrap {width: 100%;}
.digital-title {width: 100%;}
.title-left, .title-right {opacity: 1; position: relative; transform: translateY(0); /* Default position */ }
.education-slide { width: 100%; float: left;}
.education-main { width: 100%; background:var(--bg-grey2); padding: 40px 30px; position: relative; border-radius: 26px; display: flex; flex-wrap: wrap; row-gap: 20px; transition: all 0.5s ease;} 
.education-icon {width: 100%; float: left;}
.education-icon img { width: auto; transition: all 0.5s ease;}
.education-cnt { width: 100%; position: relative; overflow: hidden;}
.education-cnt h3 { width: 100%; font-family: var(--ff-InterTight-bold); color: var(--txt-black); font-size: 24px; line-height: 25px; margin-bottom: 15px; transition: all 0.5s ease;}
.education-cnt p { width: 100%; font-family: var(--ff-InterTight-Regular); color: var(--txt-grey); font-size: 18px; line-height: 28px; margin-bottom: 20px; transition: all 0.5s ease;}
.education-cnt h4 {width: auto; float: left; color: var(--txt-black); font-family: var(--ff-InterTight-SemiBold); display: flex; column-gap: 8px; align-items: center; transition: all 0.5s ease;} 
.education-slide .swiper-container {padding-bottom: 40px; overflow: hidden;}
.education-slide .swiper-slide a{width: 100%; float: left;}
.education-slide .swiper-slide:hover .education-icon{background: var(--bg-green);}
.education-slide .swiper-slide:hover .education-icon img{filter: blur(1); filter: brightness(0) invert(1);}
.education-slide .swiper-slide:hover .education-main {background: var(--bg-blue);}
.education-slide .swiper-slide:hover .education-cnt h3{color: var(--txt-white);}
.education-slide .swiper-slide:hover .education-cnt p{color: var(--txt-white);}
.education-slide .swiper-slide:hover .education-cnt h4{color: var(--txt-white);}
.education-slide .swiper-pagination-education { bottom: 0px; width: 100%; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.education-slide .swiper-pagination-bullet { width:12px; height:12px; background:var(--bg-blue); border:none; opacity:1; border-radius:15px; transition:.5s ease-in;}
.education-slide .swiper-pagination-bullet.swiper-pagination-bullet-active { background:var(--bg-pink); width: 24px;}


/*mobile-menu-start*/
body.over { overflow: hidden;}
.mobile-menu{ position:fixed; top:64px; bottom: 0; width:100%; overflow: auto; z-index: 999; border-top: none; padding:22px 0 160px; opacity: 0; visibility: hidden; transition: all 0.4s ease; border-bottom:none;background: linear-gradient(190deg, #d100e3 0%, #0093c1 100%);}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-pink); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-light-purple);}
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: var(--bg-light-purple);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background: var(--bg-light-purple);}

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 0;}
.mobile-menu ul li { flex: 1 1 100%; border-bottom: 1px solid #ffffff4d;}
.mobile-menu ul li:last-child {border-bottom:none}
.mobile-menu ul li a { font-size:20px; color: var(--txt-white); line-height:24px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-SemiBold); display: block; padding:15px; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li ul li a:hover {	background: none;}
.mobile-menu ul li.menu-item-has-children > a::after { display: block; content: ""; width: 9px; height: 9px; border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out;  margin-left: 0px; position: absolute; right: 10px; top: 18px;}
.mobile-menu ul li ul { display: none; padding:10px 0 10px 15px;}
.mobile-menu ul li ul li { margin-bottom: 12px; border: none;}
.mobile-menu ul li ul li:last-child { margin-bottom: 0;}
.mobile-menu ul li ul li a { font-size: 16px; line-height: 25px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular); padding: 0; color: var(--txt-white);}
.mobile-menu ul li ul li a::after { display: none;}
.mobile-menu ul li.active > a { font-family: var(--ff-InterTight-SemiBold);}
.mobile-menu ul li.active a:after { border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(-135deg); margin: 0px; }
.mobile-menu ul li a:hover { color: var(--txt-white);background: #ffffff1c; }
.mobile-menu ul li a:hover::after { border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white);}
 
.mobile-menu .contact-btn { width: 100%; text-align: center; margin-top: 50px;}

/* .mobile-menu .contact-btn a:hover { border: 1px solid var(--bg-white);} */

.business-sec{float: left; width: 100%;background: var(--bg-lgrey);padding: 65px 0;position: relative;overflow: hidden;}
.business-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 6%; row-gap: 0; z-index: 9; position: relative;}
.business-lft {flex: 0 1 50%; overflow: hidden;}
.business-lft img{width: 100%; float: left; border-radius: 20px;}
.business-rgt {flex: 0 1 44%; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px;}
.business-sec h2 {float: left; width: 100%;font-size: 42px; line-height: 50px; letter-spacing: 0.5px; color: var(--txt-black); font-family: var(--ff-InterTight-Medium);}
.business-sec h2 span{color: var(--bg-blue);}
.business-sec p{float: left; width: 100%; font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-grey); font-family: var(--ff-InterTight-Regular);}
.business-lft.integrate{text-align: center;}
.integrate-list{width: 100%; float: left;}
.integrate-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 30px;}
.integrate-list ul li{flex: 0 1 30%; padding: 20px;display: flex;flex-wrap: wrap;justify-content: center;text-align: center; border-radius: 5px; background: #fff; border: 1px solid #DDDDDD;}
.integrate-list ul li img{width: auto;}

/* button */
a.read-more {background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%); border-radius: 5px; height: 46px; min-width: 172px; column-gap: 8px; color: var(--txt-white); padding: 0 25px; font-size: 16px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-bold); display: inline-flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
a.read-more:hover {background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);}


/* Mounish */
/* footer css */
footer { float: left; width: 100%; position: relative; background: var(--bg-grey2); padding: 60px 0;}
.ftr-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ftr-logo { flex: 0 1 235px; }
.ftr-logo img { float: left; width: auto;}
.ftr-addr { flex: 0 1 260px; display: flex; flex-wrap: wrap; row-gap: 8px;}
.ftr-main h3 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 20px; line-height: 26px; letter-spacing: 1px; vertical-align: middle; margin-bottom: 20px; color: var(--txt-blue2);}
.ftr-main p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 26px; letter-spacing: 0.5px;}
.ftr-main a { float: left; width: auto; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 26px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.ftr-main a:hover{color: #db2dcc;}
.ftr-list { flex: 0 1 150px;}
.ftr-social { flex: 0 1 350px;}
.ftr-social p { font-size: 15px; margin-top: 25px;}
.ftr-main .ftr-social li { flex: 0 1 auto;}
.ftr-main .ftr-social li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 45px; height: 45px; border: 2px solid var(--brd-blue); border-radius: 100px; transition: all 0.5s ease;}
.ftr-main .ftr-social li a i { font-size: 16px; color: var(--txt-nblue);}
.ftr-main ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 15px;}
.ftr-main ul li { flex: 0 1 100%;}
.ftr-main .ftr-social li a:hover{background: #db2dcc;  border: 2px solid #db2dcc;}
.ftr-main .ftr-social li a:hover i{color: var(--txt-white);}

/* video css */
.video-sec { float: left; width: 100%; padding: 80px 0 85px;}
.video-sec h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 50px; line-height: 50px; letter-spacing: 0%; text-align: center; color: var(--txt-black); margin-bottom: 40px; }
.video-sec h2 span { color: var(--txt-blue); }
.video-main { float: left; width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; border-radius: 20px;}
.video-list { flex: 0 1 48%; position: relative;text-align: center;display: flex;flex-wrap: wrap;}
.video-img { float: left; width: 100%;position: relative;}
.videoWrapper { position: relative; width: 100%; height: 300px;}
.videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.videoPoster { text-indent: inherit; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}
.video-list .video-play { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: 1;}
.video-cnt { width: 330px; padding: 30px 20px 35px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); display: flex; flex-wrap: wrap; margin: 0 auto; position: relative; margin-top: -50px; }
.video-cnt h3 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 28px; line-height: 28px; letter-spacing: 0%; text-align: center; color: var(--txt-black); margin-bottom: 10px; }
.video-cnt p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 18px; letter-spacing: 0%; text-align: center; color: var(--txt-grey3); }

/* parent css */
.parent-sec { float: left; width: 100%; padding: 65px 0; background: var(--bg-white); display: none;}
.parent-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 35px; align-items: center;}
.parent-lft { width: 32%;}
.parent-lft h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 50px; letter-spacing: 0.5px; margin-bottom: 10px; } 
.parent-lft h2 span { color: var(--txt-blue);}
.parent-lft p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-grey3); max-width: 360px;}
.parent-slide { width: 62%; overflow: hidden;}
.parent-cnt { float: left; width: 100%; padding: 45px 42px; background: var(--bg-white); }
.parent-rating { float: left; width: 100%; margin-bottom: 20px; }
.parent-rating ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6px; }
.parent-rating ul li { flex: 0 1 auto; }
.parent-rating ul li i { font-size: 16px; color: var(--bg-red); }
.parent-cnt p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: 0%; color: var(--txt-grey3); margin-bottom: 20px; }
.parent-det { float: left; width: 100%; display: flex; /*! flex-wrap: wrap; */ justify-content: space-between; column-gap: 10px;}
.parent-prof { width: auto; display: flex; /*! flex-wrap: wrap; */ column-gap: 12px; align-items: center; }
.parent-img { float: left; width: auto; }
.parent-img img { float: left; width: 100%; }
.parent-txt { flex: 0 1 auto; }
.parent-txt h3 { float: left; width: 100%; font-family: var(--ff-InterTight-SemiBold); font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: 0%; color: var(--txt-black); }
.parent-txt p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 28px; letter-spacing: 0%; margin: 0; }
.parent-quote { flex: 0 1 auto; }
.parent-quote img { float: left; width: 100%; } 
.swiper-controls { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px; gap: 12px; }
.swiper-button-prev-parent, .swiper-button-next-parent { width: 49px; height: 49px; border: 1px solid var(--brd-grey4); border-radius: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.5s ease; background: #fff; }
.swiper-button-prev-parent i, .swiper-button-next-parent i { font-size: 18px; color: var(--txt-grey4); }
.swiper-button-prev-parent:hover, .swiper-button-next-parent:hover { background: var(--txt-blue); border-color: var(--txt-blue); }
.swiper-button-prev-parent:hover i, .swiper-button-next-parent:hover i { color: var(--txt-white); }

/* campus css */
.campus-sec { float: left; width: 100%; padding: 70px 0 80px;}
.campus-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 25px;}
.campus-lft { flex: 0 1 42%;}
.campus-lft h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 28px; letter-spacing: 0%; color: var(--txt-black); margin-bottom: 45px; }
.campus-lft h2 span { color: var(--txt-blue);}
.campus-img { float: left; width: 100%; margin-bottom: 25px; }
.campus-img img { float: left; width: 100%; }
.campus-lft p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0%; color: var(--txt-grey3);}
.campus-rht { flex: 0 1 50%;}
.campus-rht ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; }
.campus-rht ul li { flex: 0 1 100%;}
.campus-list { float: left; width: 100%; padding: 45px; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid var(--brd-grey1);justify-content: space-between;}
.campus-cnt { flex: 0 1 80%;}
.campus-cnt h3 { float: left; width: 100%; font-family: var(--ff-InterTight-SemiBold); font-size: 30px; line-height: 32px; letter-spacing: 0%; vertical-align: middle; margin-bottom: 15px; }
.campus-cnt p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0%; color: var(--txt-grey3);}
.campus-arw{ width: 51px; height: 51px; border: 1px solid var(--brd-grey3); border-radius: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.5s ease; background: var(--bg-white); }
.campus-arw i { font-size: 18px; color: var(--txt-grey4); transform: rotate(-45deg);}
.campus-arw:hover { background: var(--txt-blue); border-color: var(--txt-blue); }
.campus-arw:hover i { color: var(--txt-white); }


/* inner banner selvaraj */
.inner-banner {float: left;width: 100%;border-radius: 0;overflow: hidden;position: relative; height: 450px;}
.inner-banner img {float: left;width: 100%;height: auto;display: block;object-fit: cover;}
.inner-banner::after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(51, 51, 51, 0.6);background: linear-gradient(to right,rgba(51, 51, 51, 0.6) 0%,rgba(168, 54, 43, 0) 65%,rgba(231, 56, 39, 0) 100%);z-index: 1;}
.inner-pad {width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding-left: calc((100% - 1240px) / 2);padding-right: calc((100% - 1240px) / 2);z-index: 2;}
.inner-caption {flex: 0 1 40%;color: #fff;}
.inner-caption .breadcrum {margin-bottom: 15px;}
.inner-caption .breadcrum ul {margin: 0;padding: 0;list-style: none;display: flex;gap: 8px;}
.inner-caption .breadcrum ul li {font-size: 15px;color: #fff;opacity: 0.8;}
.inner-caption .breadcrum ul li a {color: #fff;text-decoration: none;transition: 0.3s;}
.inner-caption .breadcrum ul li a:hover {opacity: 0.7;}
.inner-caption h2 {float: left;width: 100%;color: #ffffff;font-size: 36px;line-height: 42px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-bold);margin-bottom: 15px;}
.inner-caption p {float: left;width: 100%;color: #ffffff;font-size: 18px;line-height: 28px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular);margin-bottom: 20px;}
.inner-caption a.book-btn {background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%);border-radius: 5px;height: 45px;width: auto;color: #fff;padding: 0 20px;font-size: 16px;font-family: var(--ff-InterTight-SemiBold);display: inline-flex;align-items: center;justify-content: center;position: relative;transition: all 0.5s ease;column-gap: 8px;text-decoration: none;}
.inner-caption a.book-btn:hover {background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);}
.caption-img {flex: 0 1 50%;text-align: right;position: relative;}
.caption-img img {width: auto; position: relative;bottom: -32px;}

/*breadcrum*/
.breadcrum { float: left; width: 100%; margin-bottom: 20px;}
.breadcrum ul { float: left; width: 100%;}
.breadcrum ul li { float:left; width: auto; color: #ffffff;font-family: var(--ff-InterTight-Regular); font-size: 15px; line-height: 26px; padding-right: 20px; margin-right: 10px; position: relative;}
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li a { float: left; width: auto; font-family: var(--ff-InterTight-Regular); font-size: 15px; color: #ffffff; line-height: 26px; transition:all .5s ease;}
.breadcrum ul li::after { position: absolute; content: ">"; color: #ffffff; right: 0; top: 0;}
.breadcrum ul li a:hover { color: #f04fff;}
.breadcrum ul li:last-child:after { content: none;}

.wlcme-sec{float: left; width: 100%; padding: 70px 0; background: var(--bg-white);}
.wlcme-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 0; margin-bottom: 70px;}
.wlcme-title{flex: 0 1 380px;}
.wlcme-cnt{flex: 0 1 calc(100% - 420px); padding-left: 40px; border-left: 1px solid #D9D9D9; display: flex;flex-wrap: wrap;row-gap: 15px;}
.wlcme-sec h2{float: left; width: 100%; color: var(--txt-black); font-family: var(--ff-InterTight-Regular); font-size: 42px;line-height: 48px;letter-spacing: 0.5px;}
.wlcme-sec h2 span{color: var(--txt-blue); font-family: var(--ff-InterTight-SemiBold); display: block;}
.wlcme-sec p{float: left; width: 100%; color: var(--txt-grey3); font-size: 18px; line-height: 26px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular);}

.history-sec{float: left; width: 100%;display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 0; align-items: center;}
.history-img{flex: 0 1 48%; overflow: hidden; border-radius: 20px;}
.history-img img{width: 100%; float: left;}
.history-cnt{flex: 0 1 48%; display: flex;flex-wrap: wrap;row-gap: 15px;}
.history-sec h3{float: left; width: 100%; color: var(--txt-black); font-family: var(--ff-InterTight-Regular); font-size: 36px; line-height: 42px; letter-spacing: 0.5px;}
.history-sec h3 span{color: var(--txt-blue); font-family: var(--ff-InterTight-SemiBold);}
.history-sec p{float: left; width: 100%; color: var(--txt-grey3); font-size: 18px; line-height: 28px; font-family: var(--ff-InterTight-Regular);}

.our-vision{float: left; width: 100%; background: #F8F8F8;}
.our-vision ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.our-vision ul li{flex: 0 1 33.3%; padding: 45px; display: flex; flex-wrap: wrap; row-gap: 15px; align-content: flex-start;}
.our-vision ul li .our-icon{float: left; width: 100%;}
.our-vision ul li .our-icon img{width: auto; float: left;}
.our-vision ul li h3{float: left; width: 100%; color: var(--txt-black); font-size: 24px; line-height: 28px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-SemiBold);}
.our-vision ul li p{float: left; width: 100%;  color: var(--txt-grey3); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular);}
.our-vision ul li:first-child {padding-left: 0;}
.our-vision ul li:nth-child(2) {background: #F3F3F3;}
.our-vision ul li:last-child {padding-right: 0;}

.enroll-sec{float: left; width: 100%; background: var(--bg-white); padding: 65px 0;}
.enroll-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 0;}
.enroll-img{flex: 0 1 calc(100% - 430px); border-radius: 20px; overflow: hidden;}
.enroll-img img{width: 100%; float: left; height: 100%; object-fit: cover;}
.enroll-list{flex: 0 1 400px;}
.enroll-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 30px;}
.enroll-list ul li{flex: 0 1 100%; display: flex; flex-wrap: wrap; /*column-gap: 15px;*/ padding: 40px 15px; border-radius: 0; overflow: hidden;}
/*.enroll-icon{flex: 0 1 65px;}*/
.enroll-cnt{width: 100%;}
.enroll-cnt .exp-number{width: 100%; float: left; text-align:center;display: flex;align-items: center;justify-content: center;}
.enroll-cnt .exp-number .odometer.odometer-auto-theme, .experience-sec ul li .exp-number  .odometer.odometer-theme-default{font-family: var(--ff-InterTight-bold); color: var(--txt-white); font-size: 36px; line-height: 40px;}
.enroll-cnt .exp-number span{font-family: var(--ff-InterTight-bold); color: var(--txt-white); font-size: 40px; line-height: 40px;}

.enroll-cnt p{float: left; width: 100%; font-family: var(--ff-InterTight-Regular); color: var(--txt-white); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; text-align: center;}

.enroll-list ul li.light-blue{background: var(--bg-light-blue);}
.enroll-list ul li.light-purple{background: var(--bg-light-purple);}
.enroll-list ul li.light-pink{background: var(--bg-light-pink);}
.enroll-sec.home{padding: 0;}
.enroll-list.home{flex: 0 1 100%; padding-left: calc((100% - 1240px) / 2); padding-right: calc((100% - 1240px) / 2); background: #5775e8;}
.enroll-list.home ul{column-gap: 0;}
.enroll-list.home ul li{flex: 0 1 16.6%; border-right: 1px solid rgba(255,255,255,0.2);}
.enroll-list.home ul li:first-child{padding-left: 0;}
.enroll-list.home ul li:last-child{border-right: none; padding-right: 0;}
.enroll-list.home .enroll-cnt .exp-number span{font-size: 36px; line-height: 42px;}
.our-client.abt{padding-top: 0;}
.our-client-cont.full-width {width: 100%; text-align: center; margin-bottom: 35px;}
.our-client-logo.full-width {width: 100%;}

.talk-to-us{float: left; width: 100%; position: relative;min-height: 400px;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden; background: url(../images/talk-bg.png) no-repeat; background-size: cover;}
.talk-to-us h2{float: left; width: 100%; text-align: center; color: var(--txt-white); font-size: 48px; line-height: 56px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-bold); margin-bottom: 35px;}
.talk-to-us a.talk-btn {background: #fff;border-radius: 5px;height: 45px;width: auto;color: var(--txt-blue);padding: 0 30px;font-size: 16px;font-family: var(--ff-InterTight-SemiBold);display: inline-flex;align-items: center;justify-content: center;position: relative;transition: all 0.5s ease;column-gap: 8px;text-decoration: none;}
.talk-to-us a.talk-btn:hover {background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%); color: var(--txt-white);} 
.talk-to-us::after{position: absolute; content: ""; right: 20px; bottom: 20px; background: url(../images/talk-us.svg) no-repeat; background-size: cover; width: 340px; height: 360px;}


/* pricing */
.pricing-sec { float: left; width: 100%; padding: 65px 0 65px; background: var(--bg-lgrey); }
.price-title{width: 100%; float: left; text-align: center; padding: 0 10%;}
.pricing-sec h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 48px; letter-spacing: 0.5px; text-align: center; margin-bottom: 25px; color: var(--txt-black); }
.pricing-sec h2 span { color: var(--txt-blue); }
.pricing-sec p{float: left; width: 100%; color: var(--txt-grey3);  font-size: 18px; line-height: 28px; letter-spacing: 0.5px; margin-bottom: 40px;}
.pricing-main {  width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2%; row-gap: 25px; margin: 0 auto;}
.pricing-det { flex: 0 1 32%; background: var(--bg-white); box-shadow: 0px 26px 40px 0px #BCCAFF21; border: 1px solid var(--brd-lblue); padding: 30px 30px; border-radius: 25px; } 

.pricing-icon { float: left; width: auto; margin-bottom: 20px;}
.pricing-icon img { float: left; width: 100%; }
.pricing-det h4 { float: left; width: 100%; font-family: var(--ff-InterTight-SemiBold); font-size: 28px; line-height: 36px; letter-spacing:0.5px; margin-bottom: 15px; color: var(--txt-black2); }
.pricing-det h5 { float: left; width: 100%; font-family: var(--ff-InterTight-Light); font-size: 24px; line-height: 32px; letter-spacing: 0%; color: var(--txt-grey2); margin-bottom: 25px; }
.pricing-det h3 { float: left; width: 100%; font-family: var(--ff-InterTight-SemiBold); font-size: 52px; line-height: 100%; letter-spacing: -1px; margin-bottom: 30px; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; }
.pricing-det h3 span { font-family: var(--ff-InterTight-Regular); font-size: 20px; line-height: 40px; letter-spacing: 0%; color: var(--txt-grey3); }
.pricing-list { float: left; width: 100%; border-top: 1px solid var(--brd-lblue); padding: 20px 0 20px;}
.pricing-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px;}
.pricing-list ul li { flex: 0 1 100%; padding-left: 32px; font-family: var(--ff-InterTight-Regular); font-size: 17px; line-height: 26px; letter-spacing: 0.5px; color: var(--txt-black2); position: relative; display: flex;}
.pricing-list ul li::before { position: absolute; top: 4px; left: 0; content: ""; width: 18px; height: 18px; background: url(../images/blue-tick.svg) no-repeat center;}
.pricing-btn { float: left; width: 100%;}
/* .pricing-btn a { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-family: var(--ff-InterTight-Regular); font-size: 22px; line-height: 40px; letter-spacing: 0%; background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%); height: 60px; border-radius: 12px; color: var(--txt-white); transition: all 0.5s ease; }
.pricing-btn a:hover{background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);} */

/* student title */
.student-title { float: left; width: 100%; padding: 65px 0; background: var(--bg-lgrey);}
.student-inner {width: 100%;float: left;padding: 0 10%;}
.student-title h2 { float: left; width: 100%; }
.student-title h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 48px; letter-spacing: 0.5px; color: var(--txt-black); margin-bottom: 20px; text-align: center; }
.student-title h2 span { color: var(--txt-blue);}
.student-title p { width: 100%; float: left; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-grey3); text-align: center;}

/* student */
.student-sec { float: left; width: 100%; padding: 65px 0; background: var(--bg-lgrey); }
.student-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 25px; align-items: center; }
.student-img { flex: 0 1 50%; border-radius: 20px; overflow: hidden;}
.student-img img { float: left; width: 100%; }
.student-cnt { flex: 0 1 45%; }
.student-cnt h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 36px; line-height: 42px; letter-spacing: 0.5px; color: var(--txt-black); margin-bottom: 15px;}
.student-cnt h2 span { color: var(--txt-blue); }
.student-cnt h5 { float: left; width: 100%; font-family: var(--ff-InterTight-bold); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; vertical-align: middle; color: var(--txt-grey); margin-bottom: 20px; }
.student-cnt p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-grey); margin-bottom: 20px;}
/* .student-cnt a { float: left; width: auto; display: flex; flex-wrap: wrap; align-items: center; background: var(--bg-blue); height: 50px; padding: 0 30px; column-gap: 10px; font-family: var(--ff-InterTight-bold); font-size: 16px; line-height: 24px; letter-spacing: 0%; color: var(--txt-white); margin-top: 10px;} */
.student-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px ; margin-bottom: 20px;}
.student-cnt ul li { flex: 0 1 100%; padding-left: 42px; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-grey); position: relative;}
.student-cnt ul li span {color: var(--txt-blue);}
.student-cnt ul li::before { position: absolute; top: 2px; left: 0; content: ""; width: 25px; height: 25px; background: url(../images/blue-tick.svg) no-repeat center;  }
.student-sec.bg-white { background: var(--bg-white);}
.student-sec.bg-white .student-img { order: 1; }
.student-sec.bg-white .student-cnt { order: 0; } 

/* tution */
.tution-sec { float: left; width: 100%; padding: 65px 0;}
.tution-main { float: left; width: 100%; }
.tution-main h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 50px;letter-spacing: 0.5px; text-align: center; margin-bottom: 45px; color: var(--txt-black); }
.tution-main h2 span { color: var(--txt-blue); }
.tution-main ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 30px; }
.tution-main ul li { flex: 0 1 31.33%; background:var(--bg-grey2); border-radius: 26px; transition: all 0.5s ease;}
.tution-list { width: 100%; position: relative; transition: all 0.5s ease;} 
.tution-icon {width: 100%; float: left;margin-bottom: 20px;}
.tution-icon img { width: auto; transition: all 0.5s ease;}
.tution-cnt { width: 100%; position: relative; overflow: hidden;}
.tution-cnt h3 { width: 100%; font-family: var(--ff-InterTight-bold); color: var(--txt-black); font-size: 22px; line-height: 30px; letter-spacing: 0.5px; margin-bottom: 20px; transition: all 0.5s ease;}
.tution-cnt p { width: 100%; font-family: var(--ff-InterTight-Regular); color: var(--txt-grey); font-size: 18px; line-height: 28px; letter-spacing: 0.5px;transition: all 0.5s ease; min-height: 170px;}
.tution-main ul li a{width: 100%; float: left; padding: 40px 25px; }
.tution-main ul li a:hover .tution-icon img{filter: blur(1); filter: brightness(0) invert(1);}
.tution-main ul li:hover {background: var(--bg-blue);}
.tution-main ul li a:hover .tution-cnt h3{color: var(--txt-white);}
.tution-main ul li a:hover .tution-cnt p{color: var(--txt-white);}

/* Contact Us page */
/* reach us out */
.reach-out { float: left; width: 100%; padding: 65px 0;}
.reach-out h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 50px; letter-spacing: 0.5px; text-align: center; color: var(--txt-black); margin-bottom: 35px;}
.reach-out h2 span { color: var(--txt-blue); }
.reach-out-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 25px; }
.reach-out-list { flex: 0 1 48.5%; padding: 45px 80px 65px 45px; background: linear-gradient(129.97deg, #5775E8 0.62%, #1E40C1 98.34%); border-radius: 10px; overflow: hidden; }
.reach-out-list.bg-vio {background: linear-gradient(129.97deg, #2C223D 0.62%, #40256D 49.95%, #5E29B7 98.34%);}
.reach-out-list h3 { float: left; width: 100%; font-size: 32px; line-height: 36px; letter-spacing: 1px; font-family: var(--ff-InterTight-bold); color: var(--txt-white); margin-bottom: 30px; }
.reach-out-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.reach-out-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 15px; }
.reach-out-icon { flex: 0 1 60px; background: var(--bg-white); border-radius: 100px; padding: 15px; width: 60px; height: 60px; }
.reach-out-cnt { flex: 0 1 calc(100% - 85px);}
.reach-out-cnt h4 { float: left; width: 100%; font-size: 22px; line-height: 36px; letter-spacing: 1px; font-family: var(--ff-InterTight-bold); color: var(--txt-white); }
.reach-out-cnt p { float: left; width: 100%; font-size: 18px;  font-family: var(--ff-InterTight-Regular); color: var(--txt-white); line-height: 28px;letter-spacing: 0.5px;}
.reach-out-cnt a { float: left; width: auto; font-size: 18px; line-height: 28px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular); color: var(--txt-white) !important; transition: all 0.5s ease; } 
.reach-out-list ul li .reach-out-cnt ul { row-gap: 5px; }
.reach-out-list.bg-vio .reach-out-icon { background: var(--bg-blue); }
.reach-out-cnt a:hover {opacity: 0.7;}

/* contact form */
.contact-form { float: left; width: 100%; padding: 65px 0; background: var(--bg-grey3); }
.cont-form-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 25px; }
.cont-form-main input[type="button"] {
	background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%);
	border-radius: 5px;
	height: 45px;
	width: 158px;
	color: var(--txt-white);
	padding: 0 20px;
	font-size: 16px;
	font-family: var(--ff-InterTight-SemiBold);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all 0.5s ease;
	border: none;margin-top: 3%;
}
.cont-form-main input[type="button"]:hover {
	background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);
}
.cont-form-img { flex: 0 1 41%; }
.cont-form-img img { float: left; width: 100%; }
.cont-form-cnt { flex: 0 1 54%; }
.cont-form-cnt h5 { float: left; width: 100%; font-family: var(--ff-InterTight-bold); font-size: 15px; line-height: 16px; letter-spacing: 18%; text-transform: uppercase; color: var(--txt-blue); margin-bottom: 15px; }
.cont-form-cnt h2 { float: left; width: 100%; font-family: var(--ff-InterTight-bold); font-size: 42px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 20px; color: var(--txt-black); }
.cont-form-cnt h2 span { color: var(--txt-blue); }
.cont-form-cnt p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-grey3); margin-bottom: 30px; } 
.cont-form-det { float: left; width: 100%; }
.cont-form-det ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 30px; }
.cont-form-det ul li { flex: 0 1 48.5%; }
.cont-form-det ul li.full-width { flex: 0 1 100%;}
.cont-form-det ul li label { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 20px; letter-spacing: 0.5px; color: var(--txt-black); margin-bottom: 10px; }
.cont-form-det ul li input[type="text"] { float: left; width: 100%; border: none; height: 60px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; font-family: var(--ff-InterTight-Regular); font-size: 15px; line-height: 16px; letter-spacing: 0.5px; color: var(--txt-grey3); padding: 20px 25px; }
.cont-form-det ul li textarea  { float: left; width: 100%; height: 125px; resize: none; border: none;  border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; font-family: var(--ff-InterTight-Regular); font-size: 15px; line-height: 16px; letter-spacing: 0.5px; color: var(--txt-grey3); padding: 20px 25px; }

/* map */
.map-sec { float: left; width: 100%; }
.map-sec iframe { float: left; width: 100%; height: 500px;}

.accord-sec { float: left; width: 100%; padding: 65px 0 50px 0; }
.accord-sec h2 { float: left; width: 100%; font-family: var(--ff-InterTight-bold); font-size: 42px; line-height: 50px; letter-spacing: 0.5px; margin-bottom: 50px; text-align: center; color: var(--txt-black); }
.accord-sec h2 span { color: var(--txt-blue); }
.accord-main {width: 100%; float: left;}
.accord-lft {width: 49%;float: left;}
.accord-rgt {width: 49%;float: right;}
.accord-list { width: 100%;background: var(--bg-lgrey); border-radius: 5px; float: left; margin-bottom: 25px;}
.accord-title { float: left; width: 100%; padding: 20px 25px; border-radius: 16px; display: flex; column-gap: 10px; justify-content: space-between; cursor: pointer;}
.accord-title h4 { float: left; width: 100%; font-family: var(--ff-InterTight-bold); color: var(--txt-black); font-size: 20px; line-height: 28px; letter-spacing:.5px;}
.accord-list.acc-active .accord-title h4 { color: var(--txt-blue);}
.accord-list .accord-title .expand-icon { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 22px; display: inline-block; margin-left: 10px; } 
.accord-list .accord-title .expand-icon::before {
	content: "\f067";
	background: #eee;
	padding: 8px 9px;
	border-radius: 100%;
	background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%);
	color: #fff;
	font-size: 17px;
}
.accord-list.acc-active .accord-title .expand-icon::before { content: "\f068"; color: var(--bg-white) }
.accord-content { float: left; width: 100%; display: none; overflow: hidden; padding: 0 25px 30px;}
.accord-content p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-black); margin-bottom: 20px} 
.accord-content p:last-child { margin-bottom: 0;}

.demo-section { float: left; width: 100%; background: var(--bg-lgrey); padding: 65px 0; }
.demo-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 25px;}
.demo-lft { flex: 0 1 55%;}
.demo-lft h2 { float: left; width: 100%; font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 25px; color: var(--txt-black); }
.demo-lft h2 span { color: var(--txt-blue); }
.demo-lft h3 { float: left; width: 100%; font-family: var(--ff-InterTight-SemiBold); font-size: 24px; line-height: 28px; letter-spacing: 0.5px; margin-bottom: 20px; color: var(--txt-black); }

.demo-lft p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: var(--txt-black); margin-bottom: 30px;}
.demo-lft ul {float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px;}
.demo-lft ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; border-bottom: 1px solid #E4E4E4; padding-bottom: 25px;}
.exp-icon{width: 65px; height: 65px; border-radius: 5px; background: #5775E8; display: flex; align-items: center; justify-content: center; text-align: center;}
.exp-icon img{width: auto;}
.demo-lft ul li p{ width: calc(100% - 80px); font-family: var(--ff-InterTight-Regular); font-size: 18px; line-height: 28px; margin: 0;}
.demo-lft ul li:last-child{border-bottom: none; padding-bottom: 0;}
.demo-rht { flex: 0 1 40%; background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.demo-form h3 { float: left; width: 100%; font-size: 28px; line-height: 36px; font-family: var(--ff-InterTight-SemiBold); color: var(--txt-black); text-align: center; margin-bottom: 22px;}
.demo-form p { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 26px; letter-spacing: 0.5px; color: var(--txt-black); text-align: center; margin-bottom: 20px; }
.demo-form ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 20px; }
.demo-form ul li { flex: 0 1 100%; position: relative;display: flex; flex-wrap: wrap; row-gap: 10px;}
.demo-form ul li span i{ position: absolute;top: 50%;left: 15px;transform: translateY(-50%);color: var(--txt-blue);font-size: 18px;}
.demo-form ul li label { float: left; width: 100%; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 16px; letter-spacing: 0%; color: var(--txt-black); margin-bottom: 10px; }
.demo-form ul li input[type="text"] { float: left; width: 100%; border: none; height: 46px; border-radius: 5px; display: flex; flex-wrap: wrap; align-items: center; font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 16px; letter-spacing: 0%; color: var(--txt-grey3); padding: 10px 12px 10px 42px; border: 1px solid #BEBEBE;}
.captcha{width: 80%; float: left; border: 1px solid #BEBEBE; border-radius: 5px; overflow: hidden; padding: 10px;}
.captcha img{width: 100%; float: left;}
.demo-form ul li input[type="text"]:focus{border: 1px solid #5775E8;}
.demo-form ul li .frm-div {width: 100%;display: flex;}
.demo-form ul li .frm-div span {position: relative;}
.demo-form ul li .err-msg { color: #ff0000;}

.parent-sec.testi .parent-main { position: relative;}
.parent-sec.testi .parent-main h2 { text-align: center; float: none;max-width: 80%;margin: 0 auto;}
.parent-sec.testi .parent-lft { width: 100%;}
.parent-sec.testi .parent-slide { width: 100%; max-width: 90%; margin: 0 auto;position: relative;z-index: 99;}
.parent-sec.testi .swiper-controls { margin-top: 0; position: absolute; top: 60%; justify-content: space-between;z-index: 1;}

.business-sec.bg-white { background: var(--bg-white);}
.business-sec h5 { float: left; width: 100%; font-size: 20px; line-height: 20px; color: var(--txt-blue); font-family: var(--ff-InterTight-Regular); }

/* */
.agenda-inner-sec { float: left; width: 100%; padding: 65px 0; background: #f1f1f1;}
.agenda-inner { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.5%;}
.agenda-inner h2 {width: 100%; float: left; color: var(--txt-black); font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height: 56px; letter-spacing: 1px; text-align: center; position: relative; padding:0;}
.agenda-inner h2 span { color: var(--txt-blue);}

/* arbol-problemas page */
.arbol-tab-div { float: left; width: 100%; margin-top: 35px;}
#tab-container { float: left; width: 100%; background: #5775e8; border: 3px solid #5775e8; border-radius: 10px;} 
ul.tabs{margin: 0px 0px; padding: 0px;list-style: none; position: relative; display: flex; align-items: center; justify-content: center; column-gap: 0%;}
ul.tabs li{ flex: 0 1 50%; background: #5775e8;display: inline-block;cursor: pointer;margin-right:0px; padding:12px 20px; color: #fff; font-size: 21px; line-height: 24px; font-family: var(--ff-InterTight-SemiBold); border-radius: 8px 8px 0px 0px;
text-align: center; transition:all .5s ease; }
ul.tabs li:last-child { margin-right: 0px;}
ul.tabs li.current{ color: #5775e8; background: #fff; }
ul.tabs li:hover { color: #5775e8; background: #fff; }
.tab-content{display: none; padding: 50px 50px;float: left; width: 100%; background: #fff; border-radius: 0px 0px 8px 8px;}
.tab-content.current{display: inherit;}

.modules-list{float: left; width: 100%; margin-bottom: 40px;}
.modules-list ul{ width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 0; justify-content: center;}
.modules-list ul li{flex: 0 1 20%;cursor: pointer; background-color: var(--bg-white); border: 2px solid transparent; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; row-gap: 12px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 20px; transition: all 0.5s ease;}
.modules-list ul li .tabs-icon{float: left; width: 100%;}
.modules-list ul li .tabs-icon img{width: 65px; transition: all 0.5s ease;}
.modules-list ul li p{width: 100%; float: left; text-align: center; font-size: 17px; line-height: 25px; letter-spacing: 0.8px; color: #000; font-family: var(--ff-InterTight-SemiBold); }
.modules-list ul li:hover {border: 2px solid #5775e8;}


.modulescnt{ display: none; float: left; width: 100%;}
.modulescnt h3{width: 100%; float: left; color: var(--txt-black); font-family: var(--ff-InterTight-Medium); font-size: 32px; line-height: 40px; letter-spacing: 1px; text-align: left; margin-bottom: 20px;}
.modulescnt p{float: left; width: 100%; color: var(--txt-grey); font-size: 17px; line-height: 27px; font-family: var(--ff-InterTight-Regular); text-align: left; letter-spacing: 0.5px; margin-bottom: 15px;}

.modules-left{width: 48%; float: left; overflow: hidden; border-radius: 20px;}
.modules-left img{width: 100%; float: left;}
.modules-right{width: 48%; float: right;}
.modulescnt ul{width: 100%; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 12px; margin-bottom: 15px;}
.modulescnt ul li{flex: 0 1 100%; position: relative; padding-left: 30px; color: var(--txt-grey); font-size: 17px; line-height: 27px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular); position: relative;}
.modulescnt ul li::after { position: absolute; top: 4px; left: 0; content: ""; width: 18px; height: 18px; background: url(../images/blue-tick.svg) no-repeat center;}
.modulescnt.active {display: inline-flex;}

/*roi*/
.roi{width: 100%; float: left; background: var(--bg-white); padding: 65px 0;}
.roi-title{text-align: center;float: none;max-width: 80%;margin: 0 auto 40px;display: flex;flex-wrap: wrap;}
.roi h2 {float: left;width: 100%;font-family: var(--ff-InterTight-Medium);font-size: 42px;line-height: 50px;letter-spacing: 0.5px; text-align: center;margin-bottom: 20px;}
.roi h2 span {color: var(--txt-blue);}
.roi h5{float: left;width: 100%;font-size: 18px;line-height: 28px;letter-spacing: 0.5px;color: var(--txt-grey);font-family: var(--ff-InterTight-Regular); text-align: center;}
.roi-lft{width: 48%; float: left; background:#fbfbfb;border:1px solid var(--border);border-radius:5px; padding:30px;}
.roi-rgt{width: 48%; float: right;}
.roi .range {display: flex;gap: 15px; align-items: center; width: 100%;}
.roi .field{margin-bottom:18px; float: left; width: 100%;}
.roi .label{ width: 100%; float: left; font-size:18px; line-height: 26px; letter-spacing: 0.5px; text-transform: capitalize; font-family: var(--ff-InterTight-SemiBold); margin-bottom:10px;}
.roi .number-wrap{position:relative;flex:0 0 70px;}
.roi input[type="number"]{width:100%;padding:10px 12px;font-size:15px;border:1px solid var(--border);border-radius:5px;background: var(--bg-white); font-family: var(--ff-InterTight-Regular);outline:none; height: 50px;}
.roi input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--fill,0%),var(--track) var(--fill,0%));outline:none;font-family: var(--ff-InterTight-Regular);}
.roi input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;}
.roi input[type="range"]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;}
.roi .hint{font-size:16px; line-height: 25px; letter-spacing: 0.5px; color:var(--muted);margin-top:10px; font-family: var(--ff-InterTight-Regular);}
.roi select, .roi .text-input{width:100%;padding:12px 15px;font-size:16px;border:1px solid var(--border);border-radius:10px;background:#f9fafb; font-family: var(--ff-InterTight-Regular);outline:none;}
.roi .text-input[readonly]{color:#111827; opacity:.75;}

/* Right result card */
.roi .result{background:#fbfbfb;border:1px solid var(--border);border-radius:5px;padding:30px;height:100%;min-height: 605px;}
.roi .result small{color:var(--muted)}
.roi .impact{ width: 100%; float: left;font-size:16px;font-family: var(--ff-InterTight-Regular);margin-top:0;margin-bottom:20px;}
.roi .amount{width: 100%; float: left; color: var(--txt-blue); font-size:40px; line-height: 50px; font-family: var(--ff-InterTight-bold);letter-spacing:1px;margin:0 0 20px 0;}
.roi .eyebrow{width: 100%; float: left; font-size:16px;color:var(--muted);margin-bottom:20px;}
.roi .side-title{width: 100%; float: left;font-size:20px;line-height:28px;font-family: var(--ff-InterTight-Medium); margin:0 0 20px 0;}
.roi .side-text{float: left;width: 100%;color:#374151;font-size:16px; line-height: 26px; letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular); margin:0 0 10px 0;}
.roi .note{width: 100%; float: left; font-size: 16px; line-height: 26px; color: var(--txt-grey3); letter-spacing: 0.5px; font-family: var(--ff-InterTight-Regular);  margin-top: 25px;} 

.roi .sbHolder {padding-right: 0; width:100%;}
.roi .sbSelector {height: 50px;padding: 0 20px;line-height: 50px;border: 1px solid #ededed; background: var(--bg-white); border-radius: 5px; font-family: var(--ff-InterTight-Regular);font-size: 16px;color: #333333;}
.roi .sbOptions { width: 100% !important; margin-top:0px;top: 100% !important; }
.roi .sbHolder .sbOptions li { text-align: left; }
.roi .sbOptions a {font-family: var(--ff-InterTight-Regular);font-size: 15px;padding: 10px 20px;color:#666666;}
.roi .sbOptions a:focus, .roi .sbOptions a.sbFocus {color: #666666;background:#f0f0f0;}
.roi a.sbToggle { background: url(../images/arrow-gray.png) no-repeat 0 0; width:12px; height:7px; border: none; background-size: 100%; right:20px; top: 22px; z-index: 9;}

.parent-slide .video-list {
  flex: 0 1 100%;
}





/*video section*/

.banner-home { float:left; width:100%; position:relative;}
.video-section{ float:left; width:100%; margin-top: -15px;}
#videoContainer{ float:left; width:100%;overflow: hidden; }
#videoContainer::after{ content: ""; background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; left: 0px; top:0px;}
.video-ban-cont{ z-index: 99; position: absolute; top:0px; left: 0px; bottom: 0px; width: 100%; height: 100%; text-align: center;display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
#mute { position:relative; padding:0px; right: 0px; z-index: 99;}
.videoControls{float: left; width: 100%; position: absolute;bottom:35px;left: 0px;right:0px;	padding: 5px;z-index:99;}
.videoControls .row{ position: relative;}

/* BASE STYLES
------------------------------------------------------- */
#videoContainer button {
	border: none;
	background: none;
	outline: none;
	cursor:pointer;
}
#videoContainer {        
	position: relative;
	/* height: 50%; */
 height:500px;
}
#video {
	width: 100%;
	object-fit: cover;height: 100%;
}
/* VIDEO CONTROLS
------------------------------------------------------- */
#videoControls {
	position: absolute;
	bottom:35px;
	left: 0px;
	right:0px;
	padding: 5px;
	z-index:2;
}
#progress {
	width: 0%;
	position: absolute;
	top: -10px;
	-webkit-appearance: none;
	background-color: #b89e67;  
	height: 5px;
	z-index: 1;
	left:0px;
	pointer-events: none;		
}
#progressBar {
	width: 100%;
	position: absolute;
	top: -10px;
	left: 0px;
	-webkit-appearance: none;
	background-color: #6d6e6d;  
	height: 5px;
	z-index: 0;
	margin:0;
}
#progressBar:focus {
  	outline: none; 
}
#progressBar::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 0;
    width: 0;
}
#progressBar::-moz-range-thumb {
	visibility: hidden !important ;
}
#buttons {
	opacity: 0; 
	transition: opacity .3s ease-out;
}
#videoContainer:hover #buttons {
	opacity: 1.0;
} 
#duration, #fastFwd {
	color: white;	
	font-size: 14px;
	position: relative;
	bottom: 5px;
	left: 5px;
}
#mute, #closedCaption, #fullScreen, #volumeBar {
	float: right;
}
#volumeSlider {
	width: 60px;
	float: right;
} 
#volumeSlider::-webkit-slider-thumb {
    background-color: green;
    height: 10px;
    width: 10px;
}

/*CONTACT PAGE*/
 /* breadcrumb */
.breadcrumb {
	float: left;
	width: 100%;
	padding: 50px 0 20px 0;
	border-top: 1px #e6e6e6 solid;
}
.breadcrumb ul { display: flex; flex-wrap: wrap;}
.breadcrumb ul li{position: relative;color: var(--drk-blu);font-size: 12px; line-height:16px;font-family: var(--ff-K2D-Medium); margin-right: 5px; padding-right: 10px;}
.breadcrumb ul li:after{position: absolute;content: "/"; font-size:12px ; color: var(--drk-blu);font-family: var(--ff-K2D-Medium);right:0px;top:50%;transform: translateY(-50%);}
.breadcrumb ul li:last-child:after{display: none;} 
.breadcrumb ul li a{color: var(--drk-blu);font-size: 12px; line-height:16px;transition: all 0.5s ease;}
.breadcrumb ul li a:hover {color:  var(--golden);;}
.breadcrumb h1 {font-family: var(--ff-K2D-Bold);font-size: 56px;line-height:74px;color: var(--drk-blu); margin-top: 10px; }
.breadcrumb h3 {font-family: var(--ff-InterTight-Regular);font-size: 16px;line-height:21px;color: var(--golden);margin-top: 25px;}


.contact-ban {float: left;width: 100%;padding-bottom: 95px;} 
.contact-ban-main {display: flex;flex-wrap: wrap;column-gap: 15%;row-gap: 20px;}
.contact-ban-cnt {flex:  0 1 41.5%;} 


.contact-ban-cnt h2 {
float: left;width: 100%;font-family: var(--ff-InterTight-Medium);
font-size: 42px;line-height: 48px;letter-spacing: 0.5px;margin-bottom:20px;color: var(--txt-black);
}

.contact-ban-cnt p {font-family: var(--ff-InterTight-Regular);font-size: 18px;line-height:26px;color: var(--txt-blk6);}
.contact-ban-cnt ul {float: left;width: 100%; margin-top: 40px;}
.contact-ban-cnt ul li { flex: 0 1 100%;display: flex;flex-wrap: wrap;column-gap: 20px;border-bottom: 2px solid var(--gray);padding: 0 0 25px 20px;margin-bottom: 20px;}
.contact-ban-cnt ul li:last-child {border: none;margin-bottom: 0;padding-bottom: 0;}
.contact-ico {flex: 0 1 45px;} 
.contact-ico span{width:45px;height: 45px;background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);border-radius: 1000%;display: flex;align-items: center;justify-content: center;}
.contact-ico span i{color: var(--txt-white);font-size:1.6rem;}
.contact-info {flex: 0 1 calc(100% - 65px);}
.contact-info span {float: left;width: 100%;color: var(--txt-blue); font-size: 16px;line-height: 21px;font-family: var(--ff-InterTight-Regular);margin-bottom: 10px;}
.contact-info a {float: left;width: 100%;color: var(--txt-blk1); font-size: 22px;line-height: 27px;font-family: var(--ff-K2D-SemiBold);transition: all 0.3s ease;}
.contact-info a:hover{color: var(--golden);}
.contact-info p {float: left;width: 100%;color: var(--txt-blk7); font-size: 22px;line-height: 27px;font-family: var(--ff-K2D-SemiBold);transition: all 0.3s ease;}
.contact-ban-img { flex: 0 1 41.5%;float: left;width: 100%;height: 100%;position: relative;z-index: 99;}
.contact-ban-img img {float: left;width: 100%;border-radius: 10px 10px 40px 10px;} 
.contact-ban-img::after {position: absolute;content: ' ';bottom: -8px;right: -11px; width: 100px;height: 100px;background: var(--txt-blue);border-radius: 10px 10px 50px 10px;z-index: -1;}
.contact-ban-img::before {position: absolute;content: ' ';top: -25px;right: -25px; width: 100px;height: 100px;background: url(../images/dotted-img.svg) no-repeat 0 0;z-index: -1;}
.map {float: left;width: 100%;}
.map iframe { float: left;width: 100%;height: 500px;}

.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.align-center { align-items: center;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.full-width { width: 100%; }

/*contact-form*/
.cont-form { float: left;width: 100%;padding: 85px 0;background: var(--bg-grey3);}
.cont-form-main h2  {width: 100%; float: left; color: var(--txt-black); font-family: var(--ff-InterTight-Medium); font-size: 42px; line-height:42px; letter-spacing: 1px; text-align: center; position: relative; padding: 0 10%;}
.cont-form-main span {
	color: var(--txt-blue);
}
.cont-form-main  p  {
	float: left;
	width: 100%;
	color: var(--txt-grey3);
	font-size: 18px;
	line-height: 28px;
 
	margin-bottom:0px;text-align: center;
  position: relative;
}

.cont-form-main { float: left; width: 100%;padding: 0 65px;}
.cont-form-main ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 30px;margin-top: 50px;}
.cont-form-main ul li { flex: 0 1 48.5%;}
.cont-form-main ul li.full-width {flex: 0 1 100%;}
.cont-form-main ul li p { float: left; width: 100%; text-align: left; color: rgba(48,48,48,0.53); font-size: 14px; line-height: 20px; padding-top: 5px;}
.cont-form-main ul li label { float: left; width: 100%; color: var( --txt-blk5);font-family: var(--ff-InterTight-Regular);font-size: 16px; line-height: 21px; margin-bottom: 8px;}
.cont-form-main ul li label span { color: var(--txt-red);}
.cont-form-main ul li input[type="text"] { float: left;width: 100%;font-family: var(--ff-InterTight-Regular);font-size: 16px; line-height: 21px; padding:  15px 0 15px 25px; border: 1px solid #AEAEAE; border-radius:4px;  color: rgba(48,48,48,0.53);}
.cont-form-main ul li input[type="file"] { float: left;width: 100%;font-family: var(--ff-InterTight-Regular);font-size: 16px; line-height: 21px; padding:  15px 0 15px 25px; border: 1px solid rgba(48,48,48,0.53); border-radius:4px; color: rgba(48,48,48,0.53);background: var(--bg-white);}
.cont-form-main ul li textarea {float: left; width: 100%;height: 114px; padding: 15px 0 15px 25px;border-radius:4px; border:  1px solid rgba(48,48,48,0.53); font-family: var(--ff-InterTight-Regular); font-size: 16px; line-height: 21px; color: rgba(48,48,48,0.53);}
.cont-form-btn{width: 100%;float: left;}
.cont-form-btn input[type="button"]{background: linear-gradient(90deg, #f04fff 0%, #00c2ff 100%);
  border-radius: 5px;
  height: 45px;
  width: 158px;
  color: var(--txt-white);
  padding: 0 20px;
  font-size: 16px;
  font-family: var(--ff-InterTight-SemiBold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.5s ease; border: none;}
.cont-form-btn input[type="button"]:hover{cursor: pointer;background: linear-gradient(90deg, #00c2ff 0%, #f04fff 100%);}
 
 
.ct-select .sbHolder {padding-right: 0; width:100%;}
.ct-select .sbSelector {font-family: var(--ff-InterTight-Regular);font-size: 16px; line-height: 21px; padding:  15px 35px 15px 25px; border: 1px solid rgba(48,48,48,0.53); border-radius:4px;  color: rgba(48,48,48,0.53);background: var(--bg-white);}
.ct-select .sbOptions { width: 100% !important; margin-top:0px;top: 100% !important;row-gap: 0; }
.ct-select .sbHolder .sbOptions li { text-align: left;flex: 0 1 100%; border-bottom: 1px solid rgba(124, 124, 124, 0.53);}
.ct-select .sbOptions a {font-family: var(--ff-InterTight-Regular);font-size: 16px; line-height: 21px;padding: 8px 15px; color: #707070;}
.ct-select .sbOptions a:focus, .ct-select .sbOptions a.sbFocus {color: var(--txt-white);background:var(--golden);}
.ct-select a.sbToggle { background: url(../images/arrow-gray.svg) no-repeat 0 0; width:11px; height:7px; border: none; background-size: 100%; right:20px; top: 22px; z-index: 9;}
.ct-select a.sbToggle.sbToggleOpen { transform: rotate(180deg);}
.contact-us { padding: 0 240px;}
.contact-us.cont-form-main ul {row-gap: 12px;margin-top:20px;}
.contact-us .cont-form-btn {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 10px;}
.contact-us .cont-form-btn p { color: var(--txt-blk1); font-size: 16px;line-height: 21px;font-family: var(--ff-InterTight-Regular);}


/*Home page banner*/
.home-slide{float: left;width: 100%;position: relative;overflow: hidden;}
.home-slide img{float: left;width: 100%;height: 100%;object-fit: cover; position: relative;}
 
.home-slide .swiper-slide {min-height: 350px;}  
.ban-cnt {position: absolute;top:45%; transform: translateY(-45%);max-width:500px;}
 
.ban-cnt h1 {
	float: left;
	width: 100%;
	font-size:60px;
	line-height: 70px;
	color: var(--txt-white);
		font-family: var(--ff-InterTight-Regular);margin-bottom: 10px;
}
.ban-cnt h1 span{
	float: left;
	width: 100%;
	font-size: 60px;
		line-height: 70px;
	color: var(--txt-white);
font-family: var(--ff-InterTight-bold); 
}
 
.ban-cnt p {font-size: 18px;line-height: 25px;font-family: var(--ff-InterTight-Medium);color: #fff;margin-bottom: 50px;}
.home-controls{position: absolute;z-index: 99;bottom: 40px;display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 1170px;}
.home-slide .swiper-nav-home-slide {  width: 70px; display: flex;justify-content: space-between;align-items: center; display: none;}
.home-slide .swiper-button-prev-home-slide { cursor: pointer; background:url(../images/arrow-left-o.svg) center center no-repeat; width:25px; height:14px; filter: brightness(0) invert(1);}
.home-slide .swiper-button-next-home-slide { cursor: pointer;  background:url(../images/arrow-right-o.svg) center center no-repeat; width:25px; height:14px;filter: brightness(0) invert(1);}
.home-slide .swiper-button-prev-home-slide:hover{ opacity: 0.6;}
.home-slide .swiper-button-next-home-slide:hover {opacity: 0.6;}
.home-slide .swiper-pagination-bullet { width:12px; height:12px; background:#D8D8D8; border:none; opacity:1; border-radius:15px;}
.home-slide .swiper-pagination-bullet-active { background:url("../images/slide-dot-active.svg") no-repeat scroll 0 0; width: 20px; height: 20px;}
.home-slide .swiper-pagination-bullets { column-gap: 10px;  width: auto; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.home-slide .swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}






/* ===== Book a Live Demo — simple style ===== */

.demo-simple {
padding: 32px 16px 60px;
background: #fff;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #111827;
}
.demo-card {
max-width: 420px;
margin: 0 auto;
}
.demo-card h2 {
text-align: center;
font-size: 28px;
font-weight: 700;
margin: 0 0 18px;
}
/* Form layout */
.demo-form { display: grid; gap: 14px; }
/* Field with left icon */

.field {
position: relative;
}

.field .icon {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);width: 20px; height: 20px;color: #6b7280;
pointer-events: none;}

.field .icon svg {width: 20px; height: 20px; fill: currentColor;}



/* Inputs */

.demo-form input[type="text"],

.demo-form input[type="email"],

.demo-form input[type="tel"],

.demo-form input[type="date"],

.demo-form input[type="time"] {
float: left;width: 100%;border: none;height: 46px;border-radius: 5px;display: flex;
flex-wrap: wrap;align-items: center;font-family: var(--ff-InterTight-Regular);font-size: 16px;line-height: 16px;
letter-spacing: 0%;color: var(--txt-grey3);padding: 10px 12px 10px 42px;border: 1px solid #BEBEBE;}
.demo-form input::placeholder { color: #9ca3af; }
.demo-form input:focus {border-color: #9ca3af;box-shadow: 0 0 0 3px rgba(99,102,241,.15);}


/* Captcha look */

.captcha {display: flex;align-items: center;justify-content: space-between;gap: 12px;border: 1.5px solid #e5e7eb;
border-radius: 10px;padding: 14px;}

.captcha .check {display: inline-flex;align-items: center;gap: 12px;font-size: 15px;color: #111827;
cursor: pointer;}
.captcha .check input {appearance: none;width: 18px; height: 18px;border: 1.5px solid #9ca3af;border-radius: 3px;
display: grid; place-items: center;}
.captcha .check input:checked {background: #3b82f6;border-color: #3b82f6;}
.captcha .check input:checked::after {content: "";width: 10px; height: 10px;background: #fff;clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
}

.captcha .box { display:none; } /* (kept for markup parity) */
.captcha-badge {width: 44px; height: 44px;background: linear-gradient(#f3f4f6, #e5e7eb);
border-radius: 6px;position: relative;}
.captcha-badge::after {content: "";position: absolute; inset: 10px;background: radial-gradient(circle at 65% 35%, #60a5fa 30%, #1d4ed8 31% 65%, transparent 66%),
linear-gradient(#111827,#111827);-webkit-mask: radial-gradient(circle at 45% 55%, #000 40%, transparent 41%) top left / 60% 60% no-repeat,
radial-gradient(circle at 55% 45%, #000 40%, transparent 41%) bottom right / 60% 60% no-repeat;
mask: radial-gradient(circle at 45% 55%, #000 40%, transparent 41%) top left / 60% 60% no-repeat,
radial-gradient(circle at 55% 45%, #000 40%, transparent 41%) bottom right / 60% 60% no-repeat;
}



/* Submit button */

.btn-gradient {height: 46px;border: 0;border-radius: 10px;font-weight: 600;color: #fff;background: linear-gradient(90deg, #c084fc, #22d3ee);
cursor: pointer;transition: filter .15s ease, transform .06s ease, box-shadow .15s ease;
box-shadow: 0 8px 16px rgba(34,211,238,.25);}
.btn-gradient:hover { filter: brightness(1.05); }
.btn-gradient:active { transform: translateY(1px); }
/* ===== Dropdown (Select Time) style ===== */

.styled-select {width: 100%;height: 44px;
font-size: 15px;color: #111827;background-color: #f5f6f8; /* soft light gray background */
border: 1px solid #d1d5db;border-radius: 6px;padding: 12px 14px 12px 44px; /* space for arrow on right */
appearance: none;-webkit-appearance: none;-moz-appearance: none;

background-image:

url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");

background-repeat: no-repeat;

background-position: right 12px center;

background-size: 18px;

transition: border-color 0.2s ease, box-shadow 0.2s ease;

}
.capcha{border: 1.5px solid #e5e7eb;background-image:url('img/cap_bg.jpg'); text-align:center; border:none; font-weight:bold; font-size:20px;}


.styled-select:focus {

outline: none;

border-color: #9ca3af;

box-shadow: 0 0 0 3px rgba(147,197,253,0.35);

}



.styled-select option[disabled] {

color: #9ca3af;

}



/* For consistency in dark-on-light UI */

.styled-select:hover {

background-color: #f9fafb;

}





/* Small screens */

@media (max-width: 480px) {

.demo-card { max-width: 360px; }

}



.home-slide .swiper-container { overflow:hidden;}


.logo { position: relative;}
.breeze {
	display: inline-block;
	color: #071636; 
	letter-spacing: -2.24px;
	font-size: 17px;
	font-family: 'MuseoModerno-SemiBold';
	position: absolute;
	float: left;
	width: auto;
	bottom: 0;
	right: 35px;
  }
  
  .breeze span {
	display: inline-block;
	animation: wave 2s ease-in-out infinite;
  }
  
  /* Wave delay for each letter */
  .breeze span:nth-child(1) { animation-delay: 0s; }
  .breeze span:nth-child(2) { animation-delay: 0.1s; }
  .breeze span:nth-child(3) { animation-delay: 0.2s; }
  .breeze span:nth-child(4) { animation-delay: 0.3s; }
  .breeze span:nth-child(5) { animation-delay: 0.4s; }
  .breeze span:nth-child(6) { animation-delay: 0.5s; }
  
  @keyframes wave {
	0%, 100% {
	  transform: translateY(0);
	}
	25% {
	  transform: translateY(-4px);
	}
	75% {
	  transform: translateY(4px);
	}
  }


  .breeze-text1 {
	display: inline-block;
	color: #071636; 
	letter-spacing: -2.24px;
	font-size: 17px;
	font-family: 'MuseoModerno-SemiBold';
	position: absolute;
	float: left;
	width: auto;
	bottom: 0;
	right: 35px;
  }
  
  .breeze-text1 span {
	opacity: 0;
	display: inline-block;
	animation: breezeFade 2s ease-in-out forwards;
	animation-iteration-count: infinite;
  }
  
  .breeze-text1 span:nth-child(1) { animation-delay: 0s; }
  .breeze-text1 span:nth-child(2) { animation-delay: 0.2s; }
  .breeze-text1 span:nth-child(3) { animation-delay: 0.4s; }
  .breeze-text1 span:nth-child(4) { animation-delay: 0.6s; }
  .breeze-text1 span:nth-child(5) { animation-delay: 0.8s; }
  .breeze-text1 span:nth-child(6) { animation-delay: 1s; }
  
  @keyframes breezeFade {
	0% {
	  opacity: 0;
	  transform: translateY(0px);
	  filter: blur(0px);
	}
	60% {
	  opacity: 1;
	  transform: translateY(0);
	  filter: blur(0);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
  }

  .ftr-main .foot-img, .foot-img { 
	float: left;
	position: relative;
	padding-bottom: 27px;
}
.ftr-main .foot-img .breeze, .foot-img .breeze {
	display: inline-block;
	color: #071636; 
	letter-spacing: -2.8px;
	font-size: 20px;
	font-family: 'MuseoModerno-SemiBold';
	position: absolute;
	float: left;
	width: auto;
	bottom: 0;
	right: 41px;
  }