@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,900 | Inter:400,500,600,700,800,900' );


html, body{height:100%;}
html {scroll-behavior: smooth;}
*{padding:0px; margin:0px; box-sizing: border-box; outline:none; list-style:none;}
ul, li{margin:0px; padding:0px;}
img{border:0px; max-width:100%;}
a{transition:all 0.3s ease-out 0s;text-decoration:none;} a:hover{text-decoration:none;}
a:hover img{opacity:.9;transition:all 0.3s ease-out 0s;}
.clr{clear:both;}
.f-right{float:right!important;} .f-left{float:left!important;}
h1, h2, h3, h4, h5, h6{margin:0;}
.marT1{margin-top:5px;} .marT2{margin-top:10px;} .marT3{margin-top:15px;} .marT4{margin-top:20px;} .marT5{margin-top:25px;} .marT6{margin-top:30px;} .marT7{margin-top:40px;}
.marB1{margin-bottom:5px;} .marB2{margin-bottom:10px;} .marB3{margin-bottom:15px;} .marB4{margin-bottom:20px;} .marB5{margin-bottom:25px;} .marB6{margin-bottom:30px;} .marB7{margin-bottom:40px;}
.padT1{padding-top:5px;} .padT2{padding-top:10px;} .padT3{padding-top:15px;} .padT4{padding-top:20px;} .padT5{padding-top:25px;} .padT6{padding-top:30px;} .padT7{padding-top:40px;}
.padB0{padding-bottom:0px!important;} .padB1{padding-bottom:5px;} .padB2{padding-bottom:10px;} .padB3{padding-bottom:15px;} .padB4{padding-bottom:20px;} .padB5{padding-bottom:25px;} .padB6{padding-bottom:30px; font-size: 16px;} .padB7{padding-bottom:40px;}
.width30, .width40, .width50, .width55, .width60, .width65, .width70, .width80, .width85, .width90{margin-left:auto; margin-right:auto;}
.width30{width:30%;} .width40{width:40%;} .width50{width:50%;} .width55{width:55%;} .width60{width:60%;} .width65{width:65%;} .width70{width:70%;} .width80{width:80%;} .width85{width:85%;} .width90{width:90%;}
.blue{color:#07222b!important;} .darkblue{color:#175183!important;} .lightblue{color:#81d0f4!important;} .red{color:#f15a4d!important;} .green{color:#8dca2c!important;} .white{color:#fff!important;} .orange{color:#ff4900!important;} .gray{color:#424242!important;} .yellow{color:#fed03e!important;} .lightGray{color:#595959!important;}
.widthAuto{min-width:auto!important;}
body{background:#fff; font:400 14px "Lato",sans-serif; color:#07222b;}
h1{font-family:Inter,sans-serif; }
.container{max-width:1300px; padding-left:0; padding-right:0;}
.contain{padding:70px 0;}
.wrapper{max-width:1000px;}
.header{padding:20px 0; position:relative; background:#fff;}
.mainheader{padding:0px 0 15px; position:relative; background:#fff;}
.header .row{align-items:center;}
.navbar{padding-top:20px;}
.logo{width:16%; float:left;}
.mainheader .logo{width:100px; float:left; margin-top:-20px;}

.lang{flex:inherit; max-width:none; cursor:pointer;}
.nav ul li{display:inline-block; padding-top:0px; vertical-align:middle; position:relative;color:#5710a2;}
.nav ul li a{display:block; padding:15px 25px; font-size:16px; color:#000; font-weight:700; position:relative; text-transform:uppercase;}
.nav ul li.active a{text-transform:uppercase; font-size:14px; background:#5710a2; border-radius:50px; padding:18px 28px; color:#fff;}
.nav ul li .fa{font-size:12px;}
.nav ul li a:hover, .nav ul li:hover, .nav ul li:hover a{text-decoration:none; color:#7fd0f4;}
.nav ul li.active a:hover{ padding:15px 25px; border-radius:0}
.nav ul li:hover ul li a{box-shadow:none;}
.nav ul li ul{position:absolute; background:#fff; top:45px; z-index:999; box-shadow:rgba(0,0,0,.2) 0px 0px 30px; display:none; border-radius:10px; overflow:hidden;}
.nav ul li:hover ul{display:block;}
.nav ul li ul li{display:block; border-bottom:1px solid #ddd; box-shadow:none;} .nav ul li ul li:last-child{border-bottom:0;}
.nav ul li ul li a{padding:25px 20px; color:#000;} .nav ul li ul li a:hover{background:#2e025d; padding:25px 25px;}
.langIn.lang{ border-left:0; margin-left:0; margin-right:10px;}
.langIn div{color:#000;}
.navbar ul li a{font:bold 14px lato; color:#000; text-transform:uppercase; padding:15px 15px;}
.nav_active{background:#e5ba31; border-radius:100px; color:#fff;}
.navbar ul li a .fa{background:#e6f7ff; border-radius:100px; color:#80d0f4; padding:6px 6px; margin-right:3px; line-height:12px;}
.nav .angel{position:absolute; right:10px; top:40%; font-size:11px;}
.menu-bar {display: none;float: right;margin:0px 0px 0;z-index: 9999;}
.fa-bars {cursor: pointer;display: none;padding: 10px 12px;}
.overlay{width:100%; position:fixed;background:rgba(0,0,0,.7); height:100%; right:0px; top:0px; display:none; z-index:1;}
.nav .fa-times{display:none;}

.banner{background:url(../images/hero.jpg) no-repeat center top; background-size:cover; min-height:684px; align-items:center; display:flex;}

.banner .row{align-items:center;}
.banner h1{font-size:62px; color:#fff; font-weight:400; text-transform:uppercase; }
.btn-primary{background:#07222b; border:0; border-radius:5px!important; font-size:16px; font-weight:400; text-transform:uppercase; padding:12px 40px 15px; text-align:center; color:#fff;}
.btn-primary:hover{background:#007b58;}
.btn-secondary{background:#00beff; border:0; border-radius:500px!important; font-size:16px; font-weight:500; text-transform:uppercase; padding:15px 30px; text-align:center; min-width:210px;margin:0 5px;}
.btn-secondary:hover{background:#02eaa7;}
.graySec{padding:70px 0; position:relative;}
.blueSec{padding:70px 0; background:#0d4254 url(../images/pattern.png) repeat 0 0;}
.graySec::before{position:absolute; width:100%; height:100%; background:url(../images/pattern.png) repeat 0 0; content:""; z-index:0; left:0; top:0; opacity:.3;}
.half{float:left; width:50%;}
.common h1{font-size:40px; font-family:Inter; font-weight:800; color:#2a2768; text-transform:uppercase;}
.common h3{font-size:32px; font-weight:400;}
.common h2{font-size:30px; font-family:Inter; font-weight:800; color:#2a2768; text-transform:uppercase;}
.common h4{font-size:30px; font-weight:300;}
.common h5{font-size:17px; line-height:26px; font-weight:400; color:#07222b;}
.common h6{font-size:16px; line-height:26px; font-weight:400;}
.common h6.smallH6{font-size:15px; line-height:20px; color:#4e4e4e;}
.common p{font-size:18px; line-height:28px; font-weight:400; color:#1a1a1a; padding-bottom:20px; margin:0; font-family:Lato;}
.img-shadow{background:#fff; padding:10px; box-shadow:rgba(0,0,0,.3) 0 0 20px;}
.item-center{align-items:center;}
.dashboard h3{font-size:25px; font-family:Inter; font-weight:800; color:#2a2768; text-transform:uppercase;}
.dashboard h3 .lato{font-family:lato; color:#81d0f4; letter-spacing:3px; font-weight:600;}
.dashboard h3 img{width:110px; vertical-align:inherit;}
.btn-link{border:0; color:#00b140; border-radius:0; font-size:16px; font-weight:700; text-transform:uppercase; padding:0 0; text-align:center;}
.btn-link i{background:url(../images/arrow-right-green.png) no-repeat 0 0; width:13px; height:21px; display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-5px;}
.btn-toolbar:hover{background:#00b140; color:#fff;}
.align-center{align-items:center;}
.menu-bar{display:none;}

.register-banner{background:url(../images/register-banner.png) no-repeat left top; min-height:650px; background-size:cover; }
.register-banner h1, .mainBanner h1{font-size:80px; font-weight:900; color:#fff; text-transform:uppercase; padding-top:100px;}
.formBox{background:#fff; border-radius:15px; padding:50px; margin-top:-350px;  margin-bottom:70px;}
.formBox h4{font-size:20px; font-weight:bold; color:#000; text-transform:uppercase; border-bottom:3px solid #f15a4e; display:block; padding-bottom:10px; margin-bottom:20px;}
.blueline{border-color:#80d0f4!important;}
.greenline{border-color:#99cc64!important;}
.yellowline{border-color:#fed03e!important;}
.purpleline{border-color:#2a2768!important;}


h2.fw-bold {
  font-size: 30px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768;
  text-transform: uppercase;
}

.Principal {
  font-size: 21px;
  font-family: Inter;
  line-height: 35px;
  color: #595959;
  text-align: justify;
  padding-top: 14px;
  padding-bottom: 30px;
  max-width: 750px;
  position: relative;
}

h5.text-muted {
  font-size: 20px;
  font-family: Inter;
  line-height: 24px;
  /* color: #595959; */
}
h2.padT3.padB1{

  font-size: 50px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768;
  text-transform: uppercase;
  /* margin-bottom: 30px; */
}

h2.pree{
  text-align: center;
  font-size: 50px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768;
  text-transform: uppercase;
  margin-bottom: 30px;
}

img.img-fluid.rounded-circle {
  width: 300px;
}

.Principal::before {
  content: "";
  display: block;
  background-image: url("../images/dot.png");
  width: 44px;
  height: 44px;
  background-size: contain;
  position: absolute;
  left: -48px;
    top: 0px;
}


.Principal::after {
  content: "";
  display: block;
  background-image: url(../images/dot.png);
  width: 44px;
  height: 44px;
  background-size: contain;
  position: absolute;
  right: -37px;
  bottom: 15px;
  transform: rotate(179deg);
}

section.desk {
  margin-top: 60px;
  margin-bottom: 60px;
}

.pre{
  font-size: 16px;
  font-family: "Lato";
  line-height: 27px !important;
  color: #ffffff;
  padding-top: 0px;
  padding-bottom: 30px;
  margin-top: 30px;
  line-height: 35px;
}

h3.pre1 {
  font: bold 28px Inter;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 40px;
}

.subscribe-box {
  display: flex;
  width: 400px;
  border-radius: 5px;
  overflow: hidden;
}
.subscribe-box input {
  flex: 1;
  padding: 10px;
  font-size: 16px;
  border: none;
  outline: none;
}
.subscribe-box button {
  background-color: #ffd13e;
  color: black;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
}
.subscribe-box button:hover {
  background-color:#fdc202;
}


.news-container {
  max-width: 1000px;
  margin: auto;
}

h2.latest {
  font-size: 50px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: left;
}

/* .see-all {
  color: red;
  text-decoration: none;
  font-weight: bold;
} */
.news-grid {
  display: flex;
  gap: 20px;
  /* overflow-x: auto; */
  margin-bottom: 90px;
}
.news-card {
  background: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  flex: 0 0 auto;
  margin: 0 10px;
}
.news-card img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.news-content {
  padding: 15px;
}
.news-meta {
  font-size: 12px;
  font-family: "Lato";
  line-height: 24px;
  color: #595959;
  padding-top: 0px;
  padding-bottom: 12px;
}
.news-title {
    font-size: 15px;
    font-family: 'Lato';
    font-weight: 800;
    color: #2a2768;
    text-transform: uppercase;
        margin-bottom: 13px;
        line-height: 22px;



}
.news-desc {
  font-size: 16px;
  font-family: "Lato";
  line-height: 24px;
  color: #595959;
  padding-top: 0px;
  padding-bottom: 30px;
  text-align: justify;
}
.news-footer {
  font-size: 12px;
  color: red;
  margin-top: 10px;
}

.quick_links {
  margin-top: 20px;
}

.quick_links li a {
  font-size: 17px;
  color: #fff;
  padding: 7px 0px;
  display: inline-block;
}

.image-row {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 10px;
  column-gap: 10px;
}

.image-row img {
  width: 100%;
  height: auto;
  border-radius: 8px;

}

.teams{
  font-size: 50px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.section1{
  border-radius: 15px;
}

.image-row img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.image-title {
  text-align: center;
  margin-top: 10px;
}

.sections12{
  border-radius: 15px;
}

.image-title {
  margin-top: 36px;
  font-size: 22px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768;
  text-transform: uppercase;
  margin-bottom: 30px;
}

section.camp {
  margin-bottom: 73px;
}


.image-row img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.image-row img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform 0.4s ease, filter 0.4s ease; /* Smooth zoom and brightness transition */
}

.col {
  position: relative;
  overflow: hidden;
}

/* Hover effects on column */
.col:hover img {
  transform: scale(1.1); /* Zoom in effect */
  filter: brightness(90%); /* Darken effect */
  border-radius: 8px;
}


/*  */
.mentor-card {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mentor-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.mentor-header {
  background: linear-gradient(to right, #a685e2, #f7c08a);
  border-radius: 12px 12px 0 0;
   padding: 10px; 
  position: relative;
}
.mentor-header .available {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #2c1c6a;
  color: white;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 15px;
}
.mentor-header .trophy {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: gold;
}
.mentor-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
  margin-top: -40px;
}
.mentor-name {
  font-weight: bold;
  font-size: 26px;
  margin-top: 10px;
  font-family: Inter;
}
.mentor-rating {
  color: #3b0785;
  font-size: 28px;
  font-weight: 900;
}
.mentor-description {
  font-size: 14px;
  color: gray;
  margin-top: 5px;
  height:  28px;
  overflow: hidden;
}
.view-profile {
  margin-top: 10px;
  border-radius: 20px;
  padding: 8px 15px;
  border: 1px solid #6c757d;
  background: white;
  transition: 0.3s ease;
}
.view-profile:hover {
  background: #6c757d;
  color: white;
}

.text-primary {
  /* color: #007bff !important; */
  font-size: 50px;
  font-family: Inter;
  font-weight: 800;
  color: #2a2768 !important;;
  text-transform: uppercase;
  margin-bottom: 2px;
  text-align: center;
}


p.mentors {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #1a1a1a;
  padding-bottom: 20px;
  margin: 0;
  font-family: Lato;
}



.mentor-card {
  margin-top: 16px;
    margin-bottom: 68px;
}

.lightBlue.keySec.common.homeCom {
  background-color: white;


}

.mentor-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
  margin-top: -50px;
  z-index: 0;
  position: relative;
}
.mentor-header {
  background: linear-gradient(to right, #7437e4, #c44c9a);
  border-radius: 12px 12px 0 0;
  padding: 10px;
  position: relative;
  height: 75px;
}

.mentor-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
  margin-top: -50px;
  z-index: 0;
  position: relative;
}
/*  */


.imagebar {
  border: 0px;
  max-width: 367%;
}

.formBox .form-control, .tabForm .form-control{border:2px solid #d7dbe4; padding:10px 20px; height: calc(2.0em + .75rem + 2px); font:400 18px Lato; color:#595959;}
.confrmBox .form-control{border:2px solid #d7dbe4; padding:10px 20px; height: calc(2.5em + .75rem + 2px); font:400 18px Lato; color:#595959; border-radius:6px;}
.formBox label{font:400 18px Lato; color:#595959;}
.confrmBox label{font:400 16px Lato; color:#595959;position: relative;background: #fff;padding: 5px 10px;margin-bottom: -15px;left: 10px;}
.tabForm label{font-size:18px; font-weight:bold; color:#595959;}
.formBox .gender{padding-top:5px;}
.formBox .gender input[type="radio"]{width:18px; height:18px;}
.formBox .gender b{font-size:18px; color:#595959; font-weight:700;}
.formBox .gender label{padding-left:20px;}
.tabForm .gender input[type="radio"]{width:24px; height:24px; vertical-align:top; margin-right:5px;}
.tabForm .gender {padding-top:12px;}
.tabForm .gender label{font-size:18px; font-weight:400; padding-right:20px;}
.formBox select.form-control, .tabForm select.form-control {
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0em;
  background-size:
    8px 5px,
    5px 6px,
    1px 3.5em;
  background-repeat: no-repeat;
}

.btn-default{background:#f15a4d; border-radius:100px; color:#fff; text-transform:uppercase; font:bold 16px Lato; padding:20px 30px; min-width:400px; text-align:center;}
.btn-default:hover{background:#30aee7; color:#fff;}
.signFrm a{font-size:18px; color:#656565; padding-top:10px; display:block;} .signFrm a:hover{color:#09F;}
.signFrm .btn-default{width:100%;}
.signFrm .form-control{border:2px solid #d7dbe4; padding:10px 20px; height: calc(2.5em + .75rem + 2px); font:400 18px Lato; color:#595959;}
.signFrm label{font-size:18px; font-weight:700; color:#595959;}


.footer{background:#1a2553; padding:0px 0; font-size:18px; color:#fff; text-transform:uppercase;}
.social a{color:#fff; border:2px solid #fff; border-radius:100px; width:50px; height:50px; font-size:20px; line-height:50px; display:inline-block; margin-right:5px;}
.social a:hover{background:#fff; color:#f15a4d;}
.social a .fa{line-height:47px;}
.feeTbl{background:#eff5fd; padding:30px; width:100%; border-radius:20px;}
.feeTbl table{ width:100%;}
.feeTbl table th{background:#2a2768; color:#fff; text-transform:uppercase; font-weight:700; font-size:20px; padding:30px; text-align:center;}
.feeTbl table tr th:first-child{border-radius:10px 0 0 10px;}
.feeTbl table tr th:last-child{border-radius:0px 10px 10px 0px;}
.feeTbl table td{color:#595959;  font-weight:400; font-size:24px; padding:30px; text-align:center;}
.feeTbl table td strong{font-weight:800;}
.process{border-top:1px solid #ddd; padding:40px 0 0 0; margin-top:20px;}
.process ul{counter-reset: counter; position:relative;}
.process ul::before{content:""; position:absolute; left:45px; top:0px; border-left:2px dashed #000; width:5px; height:90%;}
.process li{font-size:18px; line-height:24px; color:#595959; padding-bottom:70px; padding-left:100px; position:relative; padding-top:15px;} 
.process li::before{content: counter(counter); counter-increment: counter; width:90px; height:90px; background:#f15a4e; border-radius:100px; display:inline-block; position:absolute; left:0; top:-10px; box-shadow:#ffb1ab 0 -8px 0; font:900 55px Inter; color:#fff; text-align:center; line-height:90px;}
.process li:first-child{padding-top:0;}
.process li:nth-child(2)::before{background:#81d0f4;box-shadow:#b2e7ff 0 -8px 0;}
.process li:nth-child(3)::before{background:#fed03e;box-shadow:#ffe8a1 0 -8px 0;}
.process li:nth-child(4)::before{background:#99cc64;box-shadow:#c1e69b 0 -8px 0;}
.process li strong{font-weight:800;}
.signBox{background:#fff url(../images/logo-tree.png) no-repeat 105% 222%; margin:100px 0; border-radius:15px; overflow:hidden;}
.signFrm{padding:40px;}
.loadingBox{background:#fff; border-radius:10px; margin:230px 0 120px; padding:20px 20px 100px; position:relative;}
.loadingBox::after { content:"";
  height: 10px; width:100%; display:block; position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px;
  background-color: red;
  background-image:
    linear-gradient(
      to right, 
      #f15a4d,
      #f15a4d 25%,
      #97cb62 25%,
      #97cb62 50%,
      #80d0f4 50%,
	  #80d0f4 75%,
	  #fed03a 75%
    );
}
.loadingBox h1{font-size:50px;}
.loadingBox h1 img{vertical-align:inherit;}
.loadingBox h3{font-weight:bold; color:#81d0f4; font-size:30px; letter-spacing:4px; text-transform:uppercase; padding:40px 0 20px;}
.loadingBox p{font-weight:400; color:#5a5a5a; font-size:22px; line-height:33px; padding:20px 0 40px;}
.loadfig{margin-top:-200px;}
.btn-outline{background:none; border:2px solid #80d0f4; color:#2a2768; min-width:auto; text-transform:inherit; font-size:18px;}
.picBox{background:#fff; box-shadow:rgba(0,0,0,.15) 0 0 30px; padding:20px; border-radius:10px; margin:50px 0 0;}
.picBox ul.piclist{display:flex; flex-wrap:wrap;}
.picBox ul.piclist li.lists{max-width:31.33%; margin:15px 1%;background:#eff5fd;border-radius:10px; padding:15px;}

.childPic{position:relative;}
.childPic img{width:100%; height:390px; object-fit:cover;}
.childPic a.edit{position:absolute; top:10px; right:10px; background:rgba(0,0,0,.5); border-radius:100px; color:#fff; padding:10px 12px; font-size:24px; cursor:pointer;}
.childPic a.edit:hover{background:#2a2768;}

.picBox h4{font:400 24px Lato; color:#000000; text-align:center; padding:20px 0;}
.editlist{position:absolute; right:10px; top:65px; background:#fff; box-shadow:rgba(0,0,0,.12) 0 0 10px; border-radius:10px; padding:10px; display:none;}
.editlist li{max-width:100%; background:none; border-bottom:1px solid #eee;}
.editlist li:last-child{border-bottom:0;}
.editlist li a{padding:10px; display:block; font-size:16px; color:#2a2768;}
.editlist li a:hover{color:#80d0f4;}

.editlist::before{content:""; position:absolute; right:20px; top:-4px; border-left:7px solid #fff; border-right:7px solid transparent; border-top:7px solid #fff; border-bottom:6px solid transparent;transform: rotate(45deg);}

.whiteBox{background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 30px; padding:40px; border-radius:15px;}

#main #faq .card {margin-bottom: 15px;border: 0; border-radius:15px;  border: 2px solid #e8e8e8;}
#main #faq .card .card-header {border: 0; padding: 0;}
#main #faq .card .card-header .btn-header-link {color: #fff;display: block;text-align: left;color: #222;padding:15px 25px; background:#fff; font-size: 24px;}
#main #faq .card .card-header .btn-header-link:after {content: "\f056"; margin-top: -11px;font-family: 'FontAwesome';font-weight: 900; color:#f15a4d; font-size:36px;float: right;}
#main #faq .card .card-header .btn-header-link.collapsed {background: #fff;  border-radius:15px;}
#main #faq .card .card-header .btn-header-link.collapsed:after {content: "\f055"; color:#2a2768; }
#main #faq .card .collapsing {background: #fff; border:2px solid #eee;line-height: 30px;}
#main #faq .card .collapse {border: 0;}
#main #faq .card .collapse.show {background: #fff;line-height: 30px;color: #222;}
#main .card-body {padding:20px 40px;}
#main .card-body table{width:100%;}
#main .card-body table td{padding:15px 25px; font-size:20px; border-bottom:1px solid #ddd;}
#main .card-body table td:first-child{width:60%;}
#main .card-body table th{padding:20px 25px; font-size:25px;  font-weight:700;border-bottom:1px solid #ddd;}
#main .card-body table tr:last-child td{border-bottom:0;}
#main .card-body table .total{background:#2a2768; color:#fff;}
#main .fa-circle{font-size:14px; vertical-align:inherit;}

.mainBanner{background:#fff url(../images/banner.png) no-repeat center bottom; background-size:cover; min-height:980px; padding-top:100px; color:#fff;}
.mainBanner h5{font:bold 25px Lato; letter-spacing:2px; text-transform:uppercase; padding:20px 0 50px;}
.mainBanner .btn{min-width:230px;}
.whiteSec{background:#fff; padding:20px 0 50px;}
.tabSec{padding-bottom:100px; background:#fff;}
.homeCom h3{font-weight:bold; color:#81d0f4; font-size:30px; letter-spacing:4px; text-transform:uppercase;}
.homeCom h2{font-size:50px; font-family:Inter; font-weight:800; color:#2a2768; text-transform:uppercase;}
.homeCom h2 img{vertical-align:inherit;}
.homeCom h6{font-weight:bold; color:#292929; font-size:20px; line-height:30px; padding:10px 0 15px; }
.spl-pad{padding-left:5%; padding-right:5%;}

.nav-tabs.nav{display:block; padding-right:50px; border-bottom:0;}
.nav-tabs li{margin-bottom:8px;}
.nav-tabs li a{display:flex; align-items:center; padding:12px 30px; border-radius:10px; color:#fff; text-transform:uppercase; font-size:20px; font-weight:bold; background:#fed03e; position:relative;}
.nav-tabs li a.active::after{font-family:"FontAwesome"; content:"\f0da"; position:absolute; right:-15px; top:10%; font-size:48px;color: #fed03e;}
.nav-tabs li a span{display:inline-block; width:46px; height:46px; background:url(../images/tab-icon-1.png) no-repeat 0 0; margin-right:15px; transition:all 0.3s ease-out 0s;}
.nav-tabs li a:hover span{margin-left:30px;}
.tab-content h1::after{display:block; content:""; width:150px; height:4px; background:#fed03e; margin:8px 0 14px;}
.nav-tabs li.icon2 a, #sensorial h1::after{background:#81d0f4;}  .nav-tabs li.icon2 a span{background-image:url(../images/tab-icon-2.png);} .nav-tabs li.icon2 a.active::after{color:#81d0f4;}
.nav-tabs li.icon3 a, #practical-life h1::after{background:#f15a4e;}  .nav-tabs li.icon3 a span{background-image:url(../images/tab-icon-3.png);} .nav-tabs li.icon3 a.active::after{color:#f15a4e;}
.nav-tabs li.icon4 a, #math h1::after{background:#99cc64;}  .nav-tabs li.icon4 a span{background-image:url(../images/tab-icon-4.png);} .nav-tabs li.icon4 a.active::after{color:#99cc64;}
.nav-tabs li.icon5 a, #cultural h1::after{background:#2a2768;}  .nav-tabs li.icon5 a span{background-image:url(../images/tab-icon-5.png);} .nav-tabs li.icon5 a.active::after{color:#2a2768;}
.nav-tabs li.icon6 a, #art h1::after{background:#e159e3;}  .nav-tabs li.icon6 a span{background-image:url(../images/tab-icon-6.png);} .nav-tabs li.icon6 a.active::after{color:#e159e3;}

.tabImg{position:relative;}
.tabImg::before{content:""; position:absolute; left:50%; top:-20px; background:url(../images/star.png) no-repeat 0 0; width:90px; height:90px;}
.tabImg::after{content:""; position:absolute; right:-20px; top:45%; background:url(../images/rocket.png) no-repeat 0 0; width:120px; height:76px;}
.tabImg img{box-shadow:#fff0c1 40px 40px 0; border-radius:10px;}
.keySec{padding:50px 0 0; position:relative;}
/*.keySec::after{background:url(../images/blue-curve.png) no-repeat 0 0; height:434px; width:100%; background-size:cover; position:absolute; bottom:-50px; left:0; content:""; display:block;} */ 
.alpha-node{background:url("../images/why-choose-bg.png") no-repeat center top; min-height:518px; margin-top:60px; background-size: contain; }
.alpha-node h3{font-size:20px; line-height:24px; color:#000; font-weight:700; font-family:Lato; padding-bottom:7px; letter-spacing:normal; text-transform:inherit;}
.healthcare.icon01{background:url("../images/circle-icon1.png") no-repeat 90% 30px;}
.healthcare.icon02{background:url("../images/circle-icon2.png") no-repeat 90% 30px; margin-right:13%; padding-bottom:20px;}
.healthcare.icon03{background:url("../images/circle-icon3.png") no-repeat 85% 20px;}
.healthcare.icon04{background:url("../images/circle-icon4.png") no-repeat 10% 30px; }
.healthcare.icon05{background:url("../images/circle-icon5.png") no-repeat 10% 30px; margin-left:13%;}
.healthcare.icon06{background:url("../images/circle-icon6.png") no-repeat 15% 30px;}

.healthcare{padding-top:20px; min-height:135px;}
.icon01, .icon02, .icon07, .icon08{padding-right:150px; text-align:right;}
.icon01, .icon03{padding-right:180px; text-align:right;}
.icon04, .icon05, .icon06, .icon09, .icon10{padding-left:150px; text-align:left;}
.icon06{padding-left:180px;}
.icon04{padding-left:160px; padding-bottom:20px;}
.alpha-node p{font-size:16px; font-family:"Lato"; line-height:24px; color:#595959; padding-top:0px; padding-bottom:30px;}
.alpha-node .col-half{max-width:43%; float:left;}
.col-half-right{float:right;max-width:43%;}


.key-node{background:url("../images/key-circle.png") no-repeat center top; min-height:713px; margin-top:60px; }
.key-node h3{font-size:20px; line-height:24px; color:#000; font-weight:700; font-family:Lato; padding-bottom:7px; letter-spacing:normal; text-transform:inherit;}
.keycircle.icon-1{background:url("../images/key-icon1.png") no-repeat 90% 0px;}
.keycircle.icon-2{background:url("../images/key-icon2.png") no-repeat 90% 0px; margin-right:27%; padding-bottom:20px;}
.keycircle.icon-3{background:url("../images/key-icon3.png") no-repeat 85% 0px; margin-right:33%;}
.keycircle.icon-4{background:url("../images/key-icon4.png") no-repeat 90% 10px; margin-right:31%;}
.keycircle.icon-5{background:url("../images/key-icon5.png") no-repeat 10% 0px; margin-left:5%;}
.keycircle.icon-6{background:url("../images/key-icon6.png") no-repeat 15% 0px; margin-left:22%;}
.keycircle.icon-7{background:url("../images/key-icon7.png") no-repeat 15% 0px; margin-left:32%;}
.keycircle.icon-8{background:url("../images/key-icon8.png") no-repeat 15% 0px; margin-left:32%;}

.keycircle{padding-top:10px; min-height:110px;}
.icon-1, .icon-2, .icon-4{padding-right:145px;}
.icon-1{padding-right:180px; padding-left:20px;}
.icon-3{padding-right:160px; padding-top:0;}
.icon-5, .icon-6, .icon-7, .icon-8{padding-left:160px; }
.key-node p{font-size:16px; font-family:"Lato"; line-height:24px; color:#595959; padding-top:0px; padding-bottom:30px;}
.key-node .col-half{max-width:43%; float:left; text-align:right;}
.key-node .col-half-right{float:right;max-width:43%;text-align:left;}

.topBar{padding:2px 0 5px; background-size:50%; background-position:right top; position:relative; background: #2a2768; background-image: linear-gradient(90deg, #fff 0%, #fff 30%, #2a2768 30%, #2a2768 100%);}
.topBar::before{content:""; position:absolute; left:27%; top:0; background:url(../images/curve.png) no-repeat 0 0; width:44px; height:46px;}

.lang{position:relative; display:inline-block; padding:5px 0; }
.lang ul{position:absolute; z-index:99999; width:100px; right:0; top:30px; background:#fff; box-shadow:rgba(0,0,0,.12) 0 0 10px; border-radius:10px; padding:10px; display:none;}
.lang ul::before{content:""; position:absolute; right:10px; top:-4px; border-left:7px solid #fff; border-right:7px solid transparent; border-top:7px solid #fff; border-bottom:6px solid transparent;transform: rotate(45deg);}
.lang div:hover ul{display:block;} 

.tel{font-size:15px; font-weight:700; color:#fff;}
.tel b{font-weight:900;}
.tel em{font-style:normal; padding:0 5px;}
.tel a{color:#fff;}
.tel .fa{background:#ffd13e; border-radius:100px; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; transform:rotate(-27deg);}
.lang{font-size:16px; color:#fff; font-weight:700; padding-left:20px; margin-left:20px; border-left:1px solid #aaa;}
.lang img{margin-right:10px;}
.lang ul li a{padding:5px 5px; display:block; text-align:left; color:#000;}
.lang ul li a:hover, .tel a:hover, .lang:hover{color:#80d0f4;}

.formSec{background:#f4f9ff url(../images/child-playing.png) no-repeat right bottom; background-size:120%; padding:100px 0 260px;}
.confrmBox{background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 30px; padding:30px; border-radius:15px;}
.confrmBox::before{content:""; width:137px; height:147px; background:url(../images/logo-circle-tt.png) no-repeat 0 0; margin:-90px auto -10px; display:block;}
.homeFooter{background:#1a2553; color:#fff; padding:40px 0 70px; border-bottom:1px solid #3c456d;}
.homeFooter h2{font:bold 30px Inter; color:#fff; text-transform:capitalize;}
.homeFooter b{display:block; font-size:18px; font-weight:bold;}
.homeFooter .call, .homeFooter .email, .homeFooter .address{font-size:18px; line-height:26px; font-weight:400; padding:30px 0 0 60px; position:relative;}
.homeFooter .call::before, .homeFooter .email::before, .homeFooter .address::before{position:absolute; left:0; top:30px; content:"\f0e0"; display:block; font-family:FontAwesome; font-size:22px; display:block; width:48px; height:48px; border-radius:100px; text-align:center; line-height:48px; background:#00ced1;}
.homeFooter .call::before{content:"\f2a0"; transform:rotate(-30deg); font-size:26px;}
.homeFooter .address::before{content:"\f041"; font-size:30px;}
.map{border:6px solid rgba(255,255,255,.2); border-radius:10px; margin-top:30px;}
.homeFooter table{border-collapse: collapse;width: 90%; margin-top:30px;}
.homeFooter table, .homeFooter table td, .homeFooter table th {  border: 1px solid #396f81;text-align: left;}
.homeFooter table th, .homeFooter table td {padding: 12px 20px; font-size:17px; border-top:0; border-bottom:0;}
.homeFooter table th{font-weight:bold;}
.homeFooter tr:nth-child(even){background-color: #333d66;}
.homeFooter a{color:#fff;} .homeFooter a:hover{color:#00ced1;} 

.whieBg{background:#fff;}
.welcome_sec{background: #eff5fd;}
.feedbackSec{background:url(../images/testimonial-bg.png) no-repeat 0 0; background-size:100%; padding:350px 0 100px; margin-top:-290px; position:relative;}
.feedbackSec::before{content:""; background:url(../images/child-group.png) no-repeat 0 bottom; width:60%; height:786px; background-size:100%; position:absolute; bottom:0; right:0%;
}

.dashHead{position:relative;}
.dashHead::before{background:#2a2768 url(../images/logo-tree-large.png) no-repeat right center; min-height:135px; border-radius:15px 15px 0 0; left:0; top:0; width:100%; position:absolute; content:""; z-index:0;}
.profileBox{display:flex; flex-wrap:wrap; z-index:1; position:relative; align-items:end;}
.profileBox .profilePic{border-radius:100%; width:230px; height:230px; border:6px solid #fff; overflow:hidden;}
.profileBox .profilePic img{width:100%; height:100%; object-fit:cover;}
.profileDet{padding:0 0 30px 30px;}
.profileDet h4{font-size:22px; font-weight:400; color:#000; padding-top:5px;}
.iconBox{background:#fff3f2; padding:10px 15px; display:flex; align-items:center; border-radius:5px; font-size:22px; color:#000;}
.iconBox .icox{background:url(../images/edit-icon.png) no-repeat 0 0; width:76px; height:76px; margin-right:10px;}
.iconBox.x2 .icox{background-image:url(../images/pic-icon.png);} .iconBox.x2{background:#f1fbe7;}
.iconBox.x3 .icox{background-image:url(../images/account-icon.png);} .iconBox.x3{background:#f4f9ff;}

.iconBox i{font-size:20px; font-weight:400; margin:0 0 0 auto; transform:rotate(-30deg); color:#f0594d;}
.iconBox.x2 i{color:#99cc64;} .iconBox.x3 i{color:#81d0f4;}
.record{width:100%; border:1px solid #ccc;}
.record td, .record th{padding:18px 20px; font-size:20px; font-weight:400; color:#000; vertical-align:middle;} 
.record th{background:#2a2768; color:#fff;}
.record .fa{font-size:13px; vertical-align:inherit; margin-right:5px;}
.record a{border-bottom:2px solid #81d0f4; font-size:18px; color:#000;}.record a:hover{color:#81d0f4;}
.record tr:nth-child(odd){background-color: #f4f9ff;}
.progressTbl td, .progressTbl th{text-align:center;}
.progressTbl tr td:first-child, .progressTbl tr th:first-child{text-align:left;}
.progressTbl th{background:#80d0f4; color:#fff;}
.progressTbl tr td:first-child{color:#72b6d5;}
.progressTbl .final td, .progressTbl .final td:first-child{font-size:30px; font-weight:bold; color:#2a2768; background:#e6eff9;}
.report .fa{background:#80d0f4; width:55px; height:55px; border-radius:200px; text-align:center; line-height:50px; font-size:30px; color:#fff;}
.reportBox{border:1px solid #bbb; border-radius:5px; padding:20px; font-size:18px; color:#909090; line-height:28px;}
.summary{font-size:18px; font-weight:300; color:#fff; padding-top:30px; margin-left: -15px !important; margin-right: -15px !important;}
.summary .col-sm-4:nth-child(2)::before{border-left:1px solid rgba(255,255,255,.3); content:""; left:-15%; top:-10px; height:65px; display:block; position:absolute;}
.summary .col-sm-4:nth-child(2)::after{border-left:1px solid rgba(255,255,255,.3); content:""; right:25%; top:-10px; height:65px; display:block; position:absolute;}
.summary strong{font-size:20px; font-weight:700; display:block; padding-top:5px;}
.summaryBox::before{background-image:none; min-height:220px;}
.summaryBox .profileBox{align-items:start;}
.summaryBox .profileDet{padding:10px 0 0 50px;}
.child-record{padding:0px; overflow:hidden;}
.tabber{background:#2a2768; color:#fff; text-align:center; display:flex; flex-wrap:wrap; border-radius:15px 15px 0 0;} 
.tabber li{max-width:16.667%; flex:0 0 16.667%; border-right:1px solid #4f4e84; position:relative;}
.tabber li:last-child{border-right:0;}
.tabber li a{display:block; padding:25px 10px; color:#fff; font-size:20px; text-align:center;}
.tabber li a:hover{background:#45a7d2;}
.tabber li a::before{content:""; width:40px; height:35px; display:block;background:url(../images/record-icon1.png) no-repeat 0 0; margin:0 auto 10px;}
.tabber li:nth-child(2) a::before{background-image:url(../images/record-icon2.png);}
.tabber li:nth-child(3) a::before{background-image:url(../images/record-icon3.png);}
.tabber li:nth-child(4) a::before{background-image:url(../images/record-icon4.png);}
.tabber li:nth-child(5) a::before{background-image:url(../images/record-icon5.png);}
.tabber li:nth-child(6) a::before{background-image:url(../images/record-icon6.png);}
.tabber li a .fa{font-size:12px;}
.tabber li ul{display:none; background:#fff; z-index:99; box-shadow:rgba(0,0,0,0.2) 0 0 10px; position:absolute;  min-width:100%;}
.tabber li ul li{border:0; width:100%; flex:0 0 100%; max-width:100%;}
.tabber li ul li a{display:block; padding:15px 10px 15px 30px; color:#2a2768; font-size:18px; text-align:left; border-bottom:1px solid #eee;}
.tabber li ul li a::before{display:none;}
.tabberBox{padding:50px;}
.childProfile{border-radius:100%; width:230px; height:230px; border:6px solid #fff; overflow:hidden; box-shadow:rgba(0,0,0,.2) 0 0 20px;}
.childProfile img{width:100%; height:100%; object-fit:cover;}
.btn-save, .btn-reset{background:#97cc63 ; border-radius:100px; padding:18px 35px; color:#fff; font-size:16px; font-weight:bold; border:0; text-transform:uppercase;}
.btn-reset{background:#7fd0f4; margin-left:10px;}
.btn-save:hover, .btn-reset:hover{background:#2a2768;}
.profile{font-size:16px; font-weight:700; position:relative; cursor:pointer;}
.proImg{width:60px; height:60px; border-radius:100%; border:2px solid #80d0f4; padding:5px; background:#fff; display: inline-block; margin-right:7px;}
.proImg img{width:100%; height:100%; border-radius:100%; object-fit:cover;}
.profile ul{position:absolute; z-index:99999; width:200px; right:0; top:50px; background:#fff; box-shadow:rgba(0,0,0,.12) 0 0 10px; border-radius:10px; padding:10px; display:none;}
.profile ul::before{content:""; position:absolute; right:10px; top:-4px; border-left:7px solid #fff; border-right:7px solid transparent; border-top:7px solid #fff; border-bottom:6px solid transparent;transform: rotate(45deg);}
.profile div:hover ul{display:block;} 
.profile ul li a{padding:10px 20px; font-size:15px; display:block; color:#000;border-bottom:1px solid #eee; }
.profile ul li:last-child a{border-bottom:0px ; }
.profile ul li a:hover, .profile:hover{color:#81d1f5;}
.profile b{font-weight:700;}
@media only screen and (max-width: 3500px){
.feedbackSec{padding-top:650px; margin-top: -460px;}
.feedbackSec::before{background-size:60%; right:-7%;}
.topBar::before{left:28.5%;}
}

@media only screen and (max-width: 2200px){
.feedbackSec{padding-top:550px; margin-top: -390px;}
.topBar::before{left:28%;}
}

@media only screen and (max-width: 1900px){
.feedbackSec{padding-top:450px; margin-top: -350px;}
}
@media only screen and (max-width: 1800px){
.feedbackSec::before{background-size:inherit; right:0%;}
}

@media only screen and (max-width: 1600px){
.feedbackSec{padding-top:350px; margin-top: -365px;}
.topBar::before{left:27.4%;}
}

@media only screen and (max-width: 1200px){
.container{padding-left:15px; padding-right:15px;}
.row{margin-left:0; margin-right:0;}
.topBar::before{left:26.5%;}
}

@media only screen and (max-width: 1100px){
.header{padding:0px 0 5px;}
.menu-bar, .nav .fa-times{display:block; cursor:pointer;}
.nav .navigation-menu{display: none; background:#333; box-shadow:0 -8px 6px 0 #000 inset;}
.fa-bars{display:block; float:right; padding:8px; border-radius:3px; font-size:34px;margin-right:0; color:#1429a9; }
.navigation-menu .fa-bars{margin:10px;}
.nav ul, .header .nav-right, .header .nav-left{clear:both; float:none;}
.nav ul li{border:0 none; color:#fff; float: none; display:block; text-align:left; padding:0px 0px; border-radius:0px; border-bottom: 1px solid #0f2008;}
.nav ul li a, .nav ul li.last a, .nav ul li a.active, .nav ul li a:hover, .nav ul li ul li a{padding:13px 20px!important; color:#fff; border-bottom:0px; border:0px; border-radius:0px ;}
.nav .navigation-menu{position:fixed; top:0px; right:0px; display:none; width:300px; z-index:999999!important; height:100%; padding-bottom:20%;}
.nav .navigation-menu ul{overflow:auto; height:100%; background:#333; border-radius:0;}
.nav ul li.last{padding:0px;}
.nav ul li a:hover, .nav ul li:hover, .nav ul li:hover a{background:#111;}
.nav ul li a:hover, .nav ul li:hover{color:#fff; border:0px; background:#111;}
.nav ul li a{font-size:14px; font-weight:600; letter-spacing:1px;} .nav ul li.active a{font-size:15px;}
.nav ul li ul{position:static; width:auto;}
.nav ul li:hover ul{display:none;}
.nav ul li ul li{padding-left:20px;}

.nav .angel{font-size:17px; top:0px; right:0px; z-index:99999; padding:15px 15px 14px 15px; background:#000; cursor:pointer; transition:all 0.3s ease-out 0s;}
.nav .angel.rotate{transform:rotate(180deg);}
.nav .fa-times{color:#fff; cursor:pointer; float:right; margin:25px 10px 10px 10px; font-size:26px;}
.logo {flex:0 0 60%; max-width:60%;}
.nav ul li.active a{background:none;}
.menu-bar{margin-top:20px;}
.logo{padding:10px 0 10px 0px; width:50%; flex: 0 0 50%; max-width: 50%;}
.we-do li{padding:50px 40px;}
.signBox{background:#fff;}
.mainBanner h1{font-size:60px;}
.homeFooter .col-lg-3, .homeFooter .col-lg-4, .homeFooter .col-lg-5{max-width:100%; flex:0 0 100%; padding-bottom:30px;}
.navbar ul li a .fa{background: #80d0f4;color: #134e68;}
.nav ul li ul li a:hover{background:none;}
.langIn.lang{margin:20px 20px 0 0;}
.profile{padding-top:20px;}
}
@media only screen and (max-width: 1024px){
.key-node, .alpha-node{background-image:none; min-height:inherit;}
.key-node .col-half, .key-node .col-half-right, .alpha-node .col-half, .alpha-node .col-half-right{max-width:48%; margin:0;}

.keycircle, .healthcare{margin:0!important; padding-bottom:0!important; }
.icon-1, .icon-2, .icon-3, .icon-4, .icon01, .icon02, .icon03{padding:20px 120px 0 0 !important; background-position: right top !important;min-height: inherit !important;}
.icon-5, .icon-6, .icon-7, .icon-8, .icon04, .icon05, .icon06{padding:20px 0 0 120px!important; background-position: left top !important;min-height: inherit !important;}
.feedbackSec{padding-top:300px; margin-top: -70px;background-size: cover;background-position: center bottom;}
.healthcare.icon04{min-height:175px!important;}
.mainBanner{min-height:720px;}
}
@media only screen and (max-width: 991px){
.col-lg-6{padding-top:15px; padding-bottom:15px;}
.footer .col-lg-7{order:3; padding-top:30px;}
.feeTbl{max-width:990px; overflow-x:auto;}
.signBox .fig{display:none;}
.signBox{max-width:700px; margin:80px auto;}
.signBox .col-md-6{max-width:100%; flex: 0 0 100%;}
.topBar::before{left:26%;}
.nav-tabs.nav{display:flex; flex-wrap:wrap; padding-right:0; margin-left:-20px; margin-right:-20px;}
.nav-tabs.nav li{min-width:31.33%; margin:5px 1%; max-width:31.33%;}
.nav-tabs li a.active::after{content: "\f0d7"; right: 45%; top:inherit; bottom:-30px;}
.tab-content{margin-left:-20px; margin-right:-20px;}
.formSec{padding-bottom:400px;}
#feedback{background:rgba(42,39,104,.95);}
.homeCom h2, .common h1{font-size:30px;}
.homeCom h3{font-size:22px;}
.childProfile{margin:0 auto 40px;}
}
@media only screen and (max-width: 830px){
.summaryBox::before{min-height:420px;}
}
@media only screen and (max-width: 800px){
.summaryBox::before{min-height:190px;}
.width65{width:100%;}
.we-do li{padding:30px 10px;}
.clientSec{padding:40px 30px;}
.register-banner h1{font-size:50px;}
.formBox{margin-top:-450px;}
.register-banner{background-position:center top;}
.picBox ul.piclist li.lists{max-width:48%;}
.whiteBox{padding:15px;}
#main .card-body{padding:0;}
.topBar::before{left:25.5%;}
#main .card-body table td, #main .card-body table th{padding:15px 15px; font-size:18px;}
.mainBanner{min-height:800px;}

.keycircle, .healthcare{margin:0!important; padding:90px 0 0 0 !important; background-position:center top !important; background-size:80px !important;text-align:center;}
.key-node .col-half, .key-node .col-half-right, .alpha-node .col-half, .alpha-node .col-half-right{max-width:400px; margin:0 auto; text-align:center; float:none;}
.summaryBox h1{font-size:26px;}
.summaryBox .profilePic{max-width:25%; height:auto;}
.summaryBox .profileDet{max-width:75%; flex:0 0 75%;}
}

@media only screen and (max-width: 767px){

  .header__logo {
    max-width: 236px !important;
    margin: 7px 0 !important;
}

.header__list-item > a{
color: #fff !important;
}

.common h2{font-size:35px;}
.steps li{width:100%; margin:25px 0;}
.steps li::before{display:none;}
.footer .contact{text-align:left!important; padding-bottom:50px;}
.we-do {padding:0px 20px;}
.we-do li{max-width:330px; flex:0 0 330px; margin:0 2px 4px; padding:50px 20px;}
.common h3{font-size:20px;}.clientSec h3{font-size:20px;}
.common h4{font-size:22px;}
.banner h1{font-size:40px;}
.banner{background-position: left center; min-height:500px; padding:40px 0;}
.formBox .form-control{margin-bottom:5px;}
.feeTbl table{width:800px;}
.feeTbl table th, .feeTbl table td{padding:15px; font-size:16px;}
.homeFooter h2, .sliderSec h2{font-size:24px;}
.spl-pad{padding:0;}
.homeCom h2 img{width:100px;}
.progressTbl{max-width:650px; overflow-X:auto;}
.tabForm .form-group .col-md-6:nth-child(2){padding-top:25px;}
.tabber li a{font-size:16px;}
.profile .name{display:none;}
.imagebar {
  border: 0px;
  max-width: 230px;
}
}
@media only screen and (max-width: 600px){

.register-banner{min-height:400px;}
.register-banner h1{font-size:36px;}
.formBox{margin-top:-150px;}
.picBox ul.piclist li.lists{max-width:100%; width:100%;}
.topBar{background:#2a2768;}
.mainheader .logo{margin-top:-10px;}
.mainheader {padding-bottom:0;}
.sliderSec .owl-page span::after{display:none;}
.sliderSec .owl-controls{bottom:20px;}
.nav-tabs li a span{display:none;}
.nav-tabs li a{font-size:16px; padding: 20px 5px; justify-content:center;}
.mainBanner{min-height:140px !important; padding:70px 0 ;}
.sliderSec .item{
  min-height: 140px;
}
.mainBanner h1 {font-size: 36px;}
.summaryBox {padding:20px 0; }
.summaryBox .profilePic, .summaryBox .profileDet{max-width:100%; flex:0 0 100%; padding:0 0;}
.summaryBox .profilePic{max-width:150px; height:150px; margin:0 auto;}
.summaryBox .profileBox{background:#2a2768!important;border-radius:15px 15px 0 0; text-align:center; padding-bottom:20px;}
.summaryBox h1{padding-top:15px;}
.summaryBox::before{min-height:110px;}
.summary .col-sm-4{padding-top:10px; margin:10px 15px; padding-bottom:0px;border-top:1px solid rgba(255,255,255,.2);}
.summary .col-sm-4:nth-child(2)::before, .summary .col-sm-4:nth-child(2)::after{display:none;}
.progressTbl .final td, .progressTbl .final td:first-child{font-size:20px;}
.tabber li{max-width: 33.33%;flex: 0 0 33.33%;}
.tabber li{border-bottom:1px solid rgba(255,255,255,.2);}
.tabber li:nth-child(3){border-right:0;}
}
@media only screen and (max-width: 500px){
.banner{background-position: 12% center; min-height:500px; padding:40px 0;}
.formBox{padding:40px 10px;}
.btn-default{min-width:100%;}
.formBox h4{font-size:18px;}
.common h2{font-size:22px;}
.common h1{font-size:26px;}
.signFrm{padding:30px 20px;}
.process{padding-left:10px; padding-right:10px;}
.process ul::before{display:none;}
.process li{padding:0 0 40px 80px; font-size:16px;}
.process li::before{width:70px; height:70px; font-size:36px; line-height:70px; top:10px;}
.nav-tabs.nav li {min-width: 48%;margin: 5px 1%;max-width: 48%;}
.nav-tabs li a.active::after{right:40%; bottom: -27px;}
.mainBanner{min-height:600px; }
.feedbackSec{margin-top:-110px; padding-top:200px;}
.confrmBox{padding:10px;}
.homeFooter table{width:100%;}
.homeFooter table th, .homeFooter table td{font-size:15px;}
.formSec {padding-bottom: 200px;}
#feedback{padding:20px 10px 10px;}
#feedback .rating{font-size:18px; padding-bottom:10px;}
#feedback p, #feedback{font-size:15px; line-height:22px;}
#feedback .user h5{font-size:17px; margin-top:5px;}
#feedback .user span, #feedback .user span img{width:60px; height:60px;}
.tel em{display:none;}
#feedback.owl-theme .owl-controls .owl-page span{width:30px;}
.record td, .record th, .record td a{font-size:16px; padding:15px 10px;}
.dashHead{padding:20px 0;}
.iconBox{font-size:18px;}
.iconBox .icox{width:50px; height:50px; background-size:100%;}
.profileBox h1{font-size:20px;} .profileBox h4{font-size:18px;}
.profileDet{padding:10px 10px; text-align:center; width:100%;}
.profileBox .profilePic{width:150px; height:150px; margin:30px auto 0;}
.summaryBox .profilePic{margin:10px auto;}
.tabberBox{padding:30px 0;}
.header .logo{width:40%; max-width:40%; flex:0 0 40%;}
}


/* -----------------Gallery------------------------ */

.gallery_sec {
  background: #fff;
  padding: 70px 0px;
}

#lightbox {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 53%);
}

/* Container for the image and caption */
#lightbox figure {
  max-width: calc(90vw - 100px);
  max-height: calc(90vh - 100px);
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lightbox-image {
 width:60vw;
  height: 100%;
    max-height: calc(100vh - 100px); /* Adjusted to accommodate the caption */
  display: block;
  margin: 0;
  opacity: 0; /* Initial opacity */
  transition: opacity 0.5s; /* Cross-fade transition */
  object-fit: contain;
  aspect-ratio:4/3;
}

#lightbox-caption {
  color: var(--lightbox-caption-text-color);
  text-align: center;
  width: 100%;
  height: 80px; /* Fixed height for the caption */
  background: rgba(0, 0, 0, 0); /* Semi-transparent background for the caption */
  padding: 10px; /* Padding for spacing */
  box-sizing: border-box;
  padding-top:15px;
}

/* Styling for h2 and p in the caption */
#lightbox-caption h2 {
  font-size: 1.2em; /* Adjust as needed */
  margin: 0;
}

#lightbox-caption p {
  font-size: 0.9em; /* Adjust as needed */
  margin: 0;
}

#close, #prev, #next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.5);
  border: none;
  padding: 10px;
  border-radius: 5px;
  color: var(--lightbox-controls-color);
}

#lightbox #close {
  top: 35px;
  right: 20px;
  width:35px;
  height:35px;
}

#lightbox #close:hover {
    background: rgba(178, 34, 52, 0.95);
}
#lightbox #close  {
    text-indent: -9999px;
    cursor: pointer
}
#lightbox #close:after, .close-button:before {
    content: ""'';
    width: 55%;
    height: 2px;
    background: #fafafa;
    position: absolute;
    top: 48%;
    left: 22%;
    transform: rotate(-45deg);
    transition: .3s ease-out
}
#lightbox #close:after {
    transform: rotate(45deg);
    transition: .3s ease-out
}

#lightbox #close:hover:after, .close-button:hover:before {
    transform: rotate(180deg)
}

#lightbox #prev {
  left: 20px;
}

#lightbox #next {
  right: 20px;
}

#close:hover, #prev:hover, #next:hover {
  color: var(--lightbox-controls-hover-color);
  transition: all 0.5s ease-in-out;
}

/* Demo styles */

.top-title {
  width: 90vw;
  max-width: 1200px;
  margin:0 auto;
  padding-bottom:50px;
}

.gallery {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 10px; /* Row gap */
  column-gap: 10px; /* Column gap */

}

.gallery img {
  width: 100%;
  height: auto;
  cursor: pointer;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
width:100%;
height:auto;
/* aspect-ratio:4/3; */
object-fit: contain;
border-radius: 15px;
}

.gallery img:hover {
  transform: scale(1.01) translateY(-5px);
}


@media (max-width: 980px) {
  .gallery img:hover {
     transform: none;
  }
}

.news_sec {
  background: #eff5fd;
  padding: 60px 0px;
}

.news_sec .owl-theme .owl-controls .owl-page span{
  background: #2a2768;
}

.news_sec .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #e5ba31;
}

.activities-container {
  background: white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}

.activities-title {
  font-size: 22px;
  font-weight: bold;
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

.scroll-wrapper {
  max-height: 358px; /* Fixed height */
  overflow: hidden;
  position: relative;
}

.activities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  animation: scrollUp 10s linear infinite;
}

.activities-list li {
  background: #2a2768;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
}

/* Scrolling Animation */
@keyframes scrollUp {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

/* Pause animation on hover */
.scroll-wrapper:hover .activities-list {
  animation-play-state: paused;
}

.alumni_sec{
  background-color: #272460;
  padding: 70px 0px;
}

.alumni_sec h2{
  color: #fff !important;
}

.profile-card {
  text-align: center;
  background: white;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 15px 10px;
}

.profile-card img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

.profile-card h3 {
  font-size: 20px;
  margin: 10px 0;
  font-weight: bold;
}

.profile-card p {
  font-size: 14px;
  color: #555;
  margin: 5px 0;
}

/* -------------------Top Imp Links--------------- */

.imp_lin_sec {
  /* background: #2a2768; */
  padding: 6px 0 0px;
  border-bottom: 1px solid #5652a3;
  background-image: linear-gradient(to right, #235672, #9b3281);
}

.main-carousel .main-container {
  display: flex;
  align-items: center;
  position: relative;
}

.main-carousel .main-container .arrow-left,
.main-carousel .main-container .arrow-right {
  position: absolute;
  font-size: 18px;
  top: 40%;
  line-height: 20px;
  color: #fff;
  opacity: 0.6;
  cursor: pointer;
  text-align: center;
  transition: .2sease all;
  z-index: 10;
  background: none;
  color: #fff !important;
}



.main-carousel .main-container .arrow-left {
  left: 0;
}

.main-carousel .main-container .arrow-right {
  right: -13px;
}

.main-carousel .container-carousel {
    width: 100%;
    padding: 0px 0 6px;
    overflow: hidden;
    scroll-behavior: smooth;
}

.container-carousel::-webkit-scrollbar-track
{
  background-color: #f5f5f5;
  border-radius: 5px;
}

.container-carousel::-webkit-scrollbar
{
  height: 5px;
}

.container-carousel::-webkit-scrollbar-thumb
{
  background-color: #e0e0e0;
  border: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.main-carousel .container-carousel .carousel {
  display: flex;
  flex-wrap: nowrap;
}

.main-carousel .container-carousel .carousel .optionItem {
/*  min-width: 20%;*/
  transition: .3s ease all;
}


.main-carousel .main-container .arrow-left, .main-carousel .main-container .arrow-right{
  top: 3px;
}

.main-carousel .main-container .arrow-left {
    left: -5px !important;
}

.main-carousel .main-container .arrow-right {
    right: -24px !important;
}

.optionItem a {
  background: #E91E63;
  color: #fff;
  border: 0;
  font-size: 12px;
  text-align: center;
  padding: 4px 15px;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  margin: 0px 3px;
  white-space: nowrap;
}




/* ------------------DropMenu------------------ */

.base-template__wrapper {
	min-height: calc(100dvh - 300px);
	justify-content: flex-start;
	padding-bottom: 450px;
}

a {
	color: #fff;
	text-decoration: none;
}

img {
	max-width: 100%;
}

.header {
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  padding: 0 20px 0 40px;
  border-radius: 0;
  min-height: 82px;
  background-color: white;
  z-index: 1;
}

.header__logo {
  max-width: 300px;
  margin-top: -25px;
}

.header__wrapper {
	width: 100%;
	display: flex;
	align-items: center;
}

.header__navigation-wrapper {
	display: flex;
	width: 100%;
	padding-left: 50px;
  justify-content: center;
}

.header__list {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.header__list-item {
	display: flex;
	padding: 10px 0 30px;
	margin-bottom: -20px;
	gap: 8px;
	font-size: 16px;
}

.header__list-item > a {
  display: flex;
      font-size: 17px;
      font-weight: 600;
      text-transform: uppercase;
      align-items: center;
      gap: 8px;
      transition: var(--transition);
      color: #000;
      padding: 15px;
}

.header__list-item > a span i {
  font-size: 20px;
  padding-left: 2px;
}

.header__list-item > a svg path {
	transition: var(--transition);
}

.header__list-item .submenu-wrapper {
  position: absolute;
  width: 60%;
  top: 90px;
  left: 0;
  transform: translate(60%, -2%);
  border-radius: 33px;
  padding: 30px 30px 50px 30px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--transition);
  z-index: 1;
  border: 1px solid #c5c5c5;
  box-shadow: 0px 0px 14px 1px rgb(0 0 0 / 16%);
}

.header__buttons-wrapper {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-left: auto;
}

.header__button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 6px 20px;
	border-radius: 100px;
	gap: 8px;
	font-size: 16px;
	font-weight: 400;
	transition: var(--transition);
}

.submenu-list__title {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: 25px;
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(160, 161, 165, 1);
}

.submenu-list {
	/* display: flex; */
	flex-direction: column;
	gap: 20px;
  max-width: 295px;
  max-height: 300px;
  overflow: scroll;
  padding-left: 0;
}

.submenu-list__item {
	display: flex;
	padding-right: 100px;
	margin-right: -100px;
	cursor: pointer;
}

.submenu-list__item-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 6px 16px 6px 6px;
	gap: 16px;
	border-radius: 14px;
	transition: var(--transition);
}

.submenu-list__item-wrapper > svg {
	margin-left: auto;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
}

.submenu-list__wrapper {
	position: relative;
}

.submenu-content {
	position: absolute;
	right:40px;
	top: 0;
	max-width: calc(100% - 365px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: var(--transition);
  color: #000;
}

.submenu-list__item.has-submenu.active .submenu-content {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.submenu-list__item.has-submenu.active .submenu-list__item-wrapper {
  border: 1px solid #2a2768;
}

.submenu-list__item.has-submenu.active .submenu-list__item-wrapper > svg {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.submenu-list__item-link {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.submenu-list__item-title {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
}

.submenu-list__item-icon {
	display: flex;
}

.submenu-list__item-subtile {
	font-size: 12px;
	font-weight: 400;
	color: rgba(160, 161, 165, 1);
}

.submenu-content__title {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: 25px;
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(160, 161, 165, 1);
}

.submenu-content__list:not(.events) {
	width: 100%;
	display: grid;
	/*grid-template-columns: repeat(2, 1fr);*/
	gap: 20px;
	padding: 0;
}

.submenu-content__list.events {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 0;
}

.submenu-content__list-item {
	display: block;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.05);
	cursor: auto;
}

.submenu-content__link {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	padding: 10px 10px 20px;
	border: 1px solid transparent;
	transition: var(--transition);
  color: #000;
}

.submenu-content__link-img {
	margin-bottom: 20px;
	border-radius: 13px;
	overflow: hidden;
	transition: var(--transition);
}

.submenu-content__link-img img {
	transition: 0.4s ease-in;
}

.submenu-content__link-title {
	padding: 0 10px;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 12px;
}

.submenu-content__link-text {
	padding: 0 10px;
	font-size: 12px;
	color: rgba(160, 161, 165, 1);
}

.submenu-content__link-wrapper {
	display: flex;
	gap: 20px;
	padding: 10px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.05);
}

.submenu-content__list.events .submenu-content__link-img {
	width: 100%;
	max-width: 220px;
	flex: 1;
	border-radius: 13px;
	margin-bottom: 0;
}

.submenu-content__info {
	display: flex;
	flex-direction: column;
	flex: 1 0;
}

.submenu-content__category {
	display: flex;
	align-items: center;
	gap: 10px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 10px 20px;
	margin-bottom: 20px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.7);
}

.submenu-content__list.events .submenu-content__link-title,
.submenu-content__list.events .submenu-content__link-text {
	padding: 0;
	margin-bottom: 12px;
}

.submenu-content__link-address,
.submenu-content__link-date {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 400;
	color: rgba(160, 161, 165, 1);
}

.submenu-content__link-address span,
.submenu-content__link-date span {
	line-height: 0.9;
}

.submenu-content__url {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	margin-bottom: 20px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	transition: var(--transition);

	svg,
	svg path {
		transition: var(--transition);
	}
}

.submenu_trap li a {
  font-size: 16px;
  color: #000;
  padding: 10px 0px;
  display: inline-block;
}

.header__burger {
	display: none;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
	width: 24px;
	margin-left: auto;
}

.header__burger i {
  width: 100%;
  height: 4px;
  background-color: #1429a9;
  border-radius: 13px;
  transition: var(--transition);
}

.header__burger.active i:nth-child(1) {
	transform: rotate(45deg) translate(4px, 4px);
}

.header__burger.active i:nth-child(2) {
	opacity: 0;
}

.header__burger.active i:nth-child(3) {
  transform: rotate(-49deg) translate(8px, -7px);
}

@media (hover: hover) and (pointer: fine) {
	.header__list-item:hover .submenu-wrapper {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.header__list-item:hover ~ .header__list-item .submenu-wrapper {
		display: none;
	}

	.header__list-item:hover > a,
	.header__list-item:hover > a svg path {
		color: var(--color-primary);
		fill: var(--color-primary);
	}

	.header__button:hover {
		background-color: rgba(255, 255, 255, 0.05);
	}

	.submenu-list__item.has-submenu:hover .submenu-list__item-wrapper {
		background-color: rgba(255, 255, 255, 0.04);
	}

	.submenu-list__item.has-submenu:hover .submenu-content,
	.submenu-list__item.has-submenu:hover .submenu-list__item-wrapper > svg {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.submenu-content__list-item:hover .submenu-content__link {
		border-color: rgba(255, 255, 255, 0.3);
	}

	.submenu-content__list-item:hover .submenu-content__link-img img {
		transform: scale(1.05);
	}

	.submenu-content__url:hover,
	.submenu-content__url:hover svg path {
		color: var(--color-primary);
		stroke: var(--color-primary);
	}

	.submenu-content__url:hover svg {
		transform: translateX(5px);
	}
}


@media screen and (max-width: 1280px) {
	.header__navigation-wrapper {
		padding-left: 25px;
	}

	.submenu-list {
		max-width: 250px;
	}

	.submenu-content {
		max-width: calc(100% - 270px);
	}

	.submenu-content__url {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 1024px) {
	.base-template__wrapper {
		min-height: 105vh;
	}

	.header {
		min-height: 64px;
		padding: 0 20px;
	}

	.header__burger {
		display: flex;
	}

	.header__navigation-wrapper {
		flex-direction: column;
		align-items: center;
		position: absolute;
		top: 76px;
		left: 0;
		padding: 20px;
		background-color: #333333;
		border-radius: 20px;
		opacity: 0;
		visibility: hidden;
		transition: var(--transition);
    z-index: 1;
	}

	.header__navigation-wrapper.open {
		opacity: 1;
		visibility: visible;
	}

	.header__list {
		flex-direction: column;
		gap: 30px;
	}

	.header__buttons-wrapper {
		flex-direction: column;
		margin-left: unset;
		margin-top: 50px;
		gap: 8px;
	}

	.header__navigation,
	.header__list {
		width: 100%;
	}

	.header__list-item {
		flex-direction: column;
		width: 100%;
		padding: 0;
		gap: 0;
		margin: 0;
	}

	.header__list-item.active a,
	.header__list-item.active a > svg path {
		fill: var(--color-primary);
		color: var(--color-primary);
	}

	.header__list-item .submenu-wrapper {
		position: static;
		padding: 0;
		max-height: 0;
		border-radius: 0;
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		overflow: hidden;
		transition: max-height var(--transition);
	}

	.submenu-list {
		width: 100%;
		max-width: 100%;
		gap: 5px;
	}

	.submenu-list__wrapper {
		margin-top: 30px;
	}

	.submenu-list__item {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.submenu-list__item:active .submenu-list__item-wrapper {
		background-color: rgba(255, 255, 255, 0.04);
	}

	.submenu-list__item:active .submenu-list__item-wrapper > svg {
		opacity: 1;
		visibility: visible;
	}

	.submenu-list__title {
		display: none;
	}

	.submenu-content {
		display: none;
	}

	.header__button {
		border: 1px solid rgba(255, 255, 255, 1);
	}
}

@media screen and (max-width: 767.9px) {
	.header__buttons-wrapper,
	.header__button {
		width: 100%;
	}
}










#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  z-index: 100;
  display: none;
  }
  .cnt223 a{
  text-decoration: none;
  }
  

  .popup-onload {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
    height: 100%;
    top: 0;
    background: rgb(0 0 0 / 53%);
}

  .cnt223{
  min-width: 600px;
  width: 600px;
  min-height: 150px;
  margin: 100px auto;
  background: #f3f3f3;
  position: relative;
  z-index: 103;
  padding: 0px;
  border-radius: 5px;
  box-shadow: 0 2px 5px #000;
  }
  .cnt223 p{
  clear: both;
      color: #555555;
      /* text-align: justify; */
      font-size: 20px;
      font-family: sans-serif;
  }
  .cnt223 p a{
    font-size: 20px;
    line-height: 31px;
    color: #fff;
    font-weight: 200;
    width: 35px;
    height: 35px;
    background: #000000;
    text-align: center;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: -19px;
    top: -16px;
  }
  .cnt223 .x{
  float: right;
  height: 35px;
  left: 22px;
  position: relative;
  top: -25px;
  width: 34px;
  }
  .cnt223 .x:hover{
  cursor: pointer;
  }


  /* ----------------Popup Slider---------------- */


  .close {
    float: right;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgb(0 0 0 / 67%);
    position: absolute;
    top: -17px;
    right: -16px;
    font-size: 21px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    opacity: 1;
}


  .mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background: rgb(0 0 0 / 40%);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


.bodrr {
  border: 1px solid #e5e5e5;
}

.latest {
  position: relative;
}

.arrw {
  position: absolute;
  top: -1px;
  right: -10px;
}

.hightlight {
  color: #e91e63;
  font-family: "Gotham Book", Helvetica, Arial, Open Sans, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  margin-top: 14px;
}

.marq {
  padding: 8px 10px;
  margin: 0 auto;
}

.updtd {
  margin-top: 3px;
}
marquee {
  cursor: pointer;
}

marquee p {
  display: inline;
  font-size: 17px;
  font-weight: bold;
  color: #292768;
}

.updtd span {
  font-size: 18px;
  color: #292768;
  font-weight: bold;
}

.sticky {
      display: flex;
      align-items: center;
      position: fixed;
      margin: auto;
      top: 12px;
      left: 0;
      right: 0;
      padding: 0 20px 0 40px;
      max-height: 82px;
      background-color: rgb(255 255 255 / 73%);
      z-index: 1;
      border-radius: 60px;
      backdrop-filter: blur(3px);
      border: 3px solid #282769;
}

.sticky .header__logo {
  max-width: 240px;
  margin-top: -2px
}

.sticky .header__navigation-wrapper{
  justify-content: end;
}

.video_banner video {
  width: 100%;
}



/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 3px;
  height: 0;
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #6d6d6d; 
}