/* new */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'General Sans';
    src: url('../font/GeneralSans-Medium.eot');
    src: url('../font/GeneralSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/GeneralSans-Medium.woff2') format('woff2'),
        url('../font/GeneralSans-Medium.woff') format('woff'),
        url('../font/GeneralSans-Medium.ttf') format('truetype'),
        url('../font/GeneralSans-Medium.svg#GeneralSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General Sans';
    src: url('../font/GeneralSans-Bold.eot');
    src: url('../font/GeneralSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/GeneralSans-Bold.woff2') format('woff2'),
        url('../font/GeneralSans-Bold.woff') format('woff'),
        url('../font/GeneralSans-Bold.ttf') format('truetype'),
        url('../font/GeneralSans-Bold.svg#GeneralSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General Sans';
    src: url('../font/GeneralSans-Regular.eot');
    src: url('../font/GeneralSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/GeneralSans-Regular.woff2') format('woff2'),
        url('../font/GeneralSans-Regular.woff') format('woff'),
        url('../font/GeneralSans-Regular.ttf') format('truetype'),
        url('../font/GeneralSans-Regular.svg#GeneralSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'General Sans';
    src: url('../font/GeneralSans-Light.eot');
    src: url('../font/GeneralSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/GeneralSans-Light.woff2') format('woff2'),
        url('../font/GeneralSans-Light.woff') format('woff'),
        url('../font/GeneralSans-Light.ttf') format('truetype'),
        url('../font/GeneralSans-Light.svg#GeneralSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family:'Esperanza Headline Roman';
    src: url('../font/Esperanza Headline Roman.eot');
    src: url('../font/Esperanza Headline Roman.eot?#iefix') format('embedded-opentype'),
        url('../font/Esperanza Headline Roman.woff2') format('woff2'),
        url('../font/Esperanza Headline Roman.woff') format('woff'),
        url('../font/Esperanza Headline Roman.svg#Esperanza Headline Roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'General Sans', sans-serif;
    scrollbar-width: none; -ms-overflow-style: none;
    box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,ul {margin: 0; padding: 0;}

a {text-decoration: none}
a:hover {text-decoration: none}

.container{width: 100%; max-width: 100%; padding: 0 110px;  margin: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* slider --------------------------------------------------------------------------------------------------------------------- */

.slider-main{ position: relative; overflow: hidden;}
/* .slider-main::before {content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100px; background: #A3A582; z-index: 4;} */
.slider-main .slider-area{position: relative;}
.slider-main .logo-area{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 99; padding: 20px 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.slider-main .logo-area .container{display: flex; align-items: center; justify-content: space-between; padding:0 140px; width: 100%; max-width: 100%;}
.slider-main .logo{width: 250px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.slider-main .logo img{width: 100%; margin-left: -20px;}
.slider-main .logo-area .white-logo{display: none;}
.slider-main .logo-area .rightside{display: flex; align-items: center; gap: 32px;}
.slider-main .logo-area .btn-enquiry{background: #F4EEE4; font-size: 18px; border-radius: 0; font-weight: 400; padding:7px 35px; line-height: 20px; color: #A3A582; text-decoration: none;  border:none }
.slider-main .logo-area .btn-enquiry.bd{border: 1px solid #A3A582; color: #35352C;}
.slider-main .logo-area .btn-contact{background: #A3A582; font-size: 18px; border-radius: 0; font-weight: 400; padding:7px 35px; line-height: 20px; color: #F4EEE4; text-decoration: none; text-transform: uppercase; border:none }

.slider-main .item{position: relative; max-height: 911px;}
/* .slider-main .item::before{content: ''; z-index: 3; width: 100%; height: 410px; left: 0; bottom:0px; position: absolute;background: linear-gradient(360deg, rgba(2, 2, 1, 1) 0%, rgba(244, 238, 228, 0) 84.41%);} */
.slider-main .item .content{position: absolute; text-transform: uppercase; width: 100%; line-height: 84px; text-align: center; bottom: 120px; left: 0; z-index:5; font-size: 78px; color: #fff; font-weight: 300;}
.slider-main .item .content span{ font-weight: 500;}
.slider-main .item .slider-img{width: 100%; height: 100%; position: relative;}
.slider-main .item .slider-img::after{content: ''; width: 100%; height: 70vh; top:0 ; left: 0;  position: absolute; background: rgb(53,53,44);  background: linear-gradient(0deg, rgba(53,53,44,0) 0%, rgba(53,53,44,0.7) 100%);}
.slider-main .item .slider-img::before{content: ''; width: 100%; height: 100%; left: 0; bottom:00px; position: absolute; background: url('../images/pattern.png') center center no-repeat; background-position: bottom; background-size: cover;}
.slider-main .item .slider-img img{width: 100%; height:100%; object-fit: cover;}
/* .slider-main .owl-dots {display: none;} */
.slider-main .left-box {width: 40%;}
.slider-main .left-box {width: 40%;}
.slider-main .left-box .container{padding-left: 140px; padding-right: 0;}
.slider-main .middle-box {width: 5%;}
.slider-main .right-box {width: 55%; height: 100%; overflow: hidden;}
.slider-main .right-box img {width: 100%; height: 100%; object-fit: cover;}
.slider-main .left-box h1 {font-family: 'Esperanza Headline Roman'; font-size: 58px; color: #5c5b49; line-height: 1.3;}
.slider-main .left-box h4:nth-child(2) {max-width: 320px; margin-top: 30px; color: #fff; font-weight: 400;}
.slider-main .left-box h4:nth-child(2) {max-width: 320px; margin-top: 30px; color: #fff; font-weight: 400;}

.slider-main .left-box h4:nth-child(1) {color: #fff; font-weight: 400; max-width: 395px;}
.slider-main .left-box .btn-enquiry{background: #5c5b49; font-size: 18px; border-radius: 0; font-weight: 400; padding:7px 35px; line-height: 20px; color: #fff; text-decoration: none;  border:none; margin-top: 10px; }
.slider-main .left-box .left-inner-box{padding-top: 180px; padding-bottom: 100px; gap: 100px;}
.owl-theme .owl-dots {position: absolute; bottom: 00px; width: 100%;}
.owl-theme .owl-dots .owl-dot span {background-color: #5c5b49 !important; opacity: 0.5;}
.owl-theme .owl-dots .owl-dot.active span {opacity: 1;}
.slider-main .item1 .left-box {background-color: #A3A582;} 


.hero_landing .owl-nav { display: flex; padding: 0 110px; align-items: center; justify-content: space-between; position: absolute; bottom: 50px; width: 100%; margin: 0;}
.hero_landing.owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important;}
.slider-main .item1 {background-color: #A3A582;}
.slider-main .item2 {background-color: #9f9467;}
.slider-main .item1 .middle-box{background-color: #5c5b49;}
.slider-main .item2 .middle-box{background-color: #333b2c;}
.slider-main .item2 .left-box h4:nth-child(2) {max-width: 420px;}
.slider-main .item2 .left-box .top{gap: 30px;}
.slider-main .item .icon-box {width: 120px; min-width: 120px; height: 120px; overflow: hidden;}
.slider-main .item .icon-box img{width: 100%; height: 100%; object-fit: cover;}
.slider-main .item2 .left-box .left-inner-box {gap: 30px;}
.slider-main .item2 .left-box h1 {max-width: 97%;}
.slider-main .item2 .right-box{background-image: url(../images/banner_2.png); background-position: top right; background-size: cover; background-repeat: no-repeat;}
/* .slider-main .item1, .slider-main .item2, .slider-main .item3 {height: 100vh;} */
.slider-main .item {min-height: 550px;}
.slider-main .item3 {position: relative; background-image: url('../images/banner_3.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.slider-main .item3::before {content: ''; width: 100%; height: 100%; left: 0; top: 0; bottom:0px; position: absolute; background-color: rgba(0, 0, 0, 0.5);}
.slider-main .item3 .left-box {width: 100%; z-index: 2;}
.slider-main .item3 .left-box h4:nth-child(1) {max-width: unset;}


.slider-main .item3 .left-box .left-inner-box{padding-bottom: 0; gap: 40px;}
.slider-main .owl-item {height: 100%;}

/* === SLIDE 4 - INVESTOPIA === */
.item4 {
  background: #1E484A;
  position: relative;
  min-height: 80vh;
  color: #fff;
  font-family: 'Montserrat', Arial, sans-serif;
}

.investopia-slide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.investopia-slide .bg-left,
.investopia-slide .bg-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.32;
}

.investopia-slide .bg-left {
  left: 0;
  background-image: url('../images/bg-design-1.png');
}

.investopia-slide .bg-right {
  right: 0;
  background-image: url('../images/bg-design-2.png');
  background-position: right bottom;
}

.investopia-slide .header {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}

/* Subtitle */
.investopia-slide .subtitle {
  position: absolute;
  top: 14vh;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  padding: 0 10px;
}

/* Logo */
.investopia-slide .investopia-logo {
  position: absolute;
  top: 23vh;
  left: 50%;
  transform: translateX(-50%);
  width: 50vw;  /* scales with viewport */
  max-width: 600px;
  height: auto;
}

/* Main Heading */
.investopia-slide .main-heading {
  position: absolute;
  top: 48vh;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.2rem, 4vw, 2rem); /* flexible sizing */
  line-height: 1.4;
  text-align: center;
  max-width: 90%;
  padding: 0 10px;
}

/* Register Button */
.investopia-slide .register-btn {
  position: absolute;
  top: 65vh;
  left: 50%;
  transform: translateX(-50%);
  min-width: 180px;
  max-width: 220px;
  width: 60%;
  height: 50px;
  font-size: clamp(0.9rem, 3vw, 1.1rem);
  font-weight: 600;
  background: #F3EEE4;
  color: #1E484A;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s;
}
.investopia-slide .register-btn:hover {
  background: #A3A582;
  color: #fff;
}

/* Footer */
.investopia-slide .footer {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  display: flex;
  flex-wrap: wrap; /* allow stacking */
  justify-content: center;
  gap: 10px;
  font-size: clamp(0.7rem, 2.5vw, 0.9rem);
  color: #A2A582;
  text-align: center;
}

/* ===== Responsive Breakpoints ===== */
@media (max-width: 768px) {
  .investopia-slide .subtitle {
    top: 12vh;
    font-size: 1.2rem;
  }

  .investopia-slide .investopia-logo {
    top: 20vh;
    width: 50vw;
  }

  .investopia-slide .main-heading {
    top: 42vh;
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .investopia-slide .register-btn {
    top: 58vh;
    width: 70%;
    height: 45px;
  }

  .investopia-slide .footer {
    flex-direction: column;
    gap: 6px;
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  .investopia-slide .subtitle {
    top: 10vh;
    font-size: 1.2rem;
    padding: 50px 0 0 ;
     font-weight: 500;
  }

  .investopia-slide .investopia-logo {
    top: 22vh;
    width: 80vw !important;
  }

  .investopia-slide .main-heading {
    top: 35vh;
    font-size: 1.5rem;
    max-width: 150%;
  }
  .investopia-slide .register-btn {
    top: 55vh;
    width: 80%;
    font-size: 0.9rem;
  }

  .investopia-slide .footer {
    bottom: 10px;
    font-size: 0.75rem;
  }
}

/* ---------------- SLIDE 5 (Investopia Full) ---------------- */
/* === SLIDE 5 - INVESTOPIA FULL === */
.item5 {
  position: relative;
  width: 100%;
  min-height: 80vh;
  background: url('../images/bg-image.png') center center/cover no-repeat fixed;
  color: #fff;
  font-family: 'Montserrat', Arial, sans-serif;
  overflow: hidden;
}

/* Background decorative images */
.item5 .bg-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%;
  background: url('../images/bg-design-1.png') left bottom/cover no-repeat;
  opacity: 0.32;
  z-index: 1;
}
.item5 .bg-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100%;
  background: url('../images/bg-design-2.png') right bottom/cover no-repeat;
  opacity: 0.35;
  z-index: 1;
}


.item5 .main-content {
  position: relative;
  z-index: 10;
  max-width: 900px;
  margin: 0 auto;
  padding: 90px 20px 60px;
  text-align: center;
}

/* Top intro text */
.item5 .kicker {
  font-size: 18px; 
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0.95;
  margin-bottom: 20px;
}


/* Logo/wordmark */
.item5 .wordmark {
  max-width: 65%;
  margin: 20px auto;
  height: auto;
  display: block;
}

/* Event meta description */
.item5 .meta {
  font-size: 16px;
  line-height: 1.5;
  color: #A2A582;
  margin-top: 15px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Section: What's happening */
.item5 .whats {
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  color: #fff;
}

/* Event list */
.item5 .events {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}
.item5 .event-title {
  font-size: 18px;
  color: #A2A582;
  font-weight: 600;
  margin-bottom: 4px;
}
.item5 .event-desc {
  font-size: 16px;
  color: #F3EEE5;
  line-height: 1.4;
}

/* Footer note */
.item5 .footer-note {
  font-size: 16px;
  font-weight: 500;
  color: #F3EEE5;
  margin-top: 25px;
}

/* === RESPONSIVE (mobile-first improvements) === */
@media (max-width: 768px) {
  .item5 {
    min-height: auto;
  }
  .item5 .main-content {
    padding: 130px 25px 40px; 
  }
  .item5 .kicker {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .item5 .wordmark {
    max-width: 75%;
    margin: 15px auto;
  }
  .item5 .meta {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .item5 .whats {
    font-size: 16px;
    margin-top: 20px;
  }
  .item5 .event-title {
    font-size: 15px;
  }
  .item5 .event-desc {
    font-size: 13px;
  }
  .item5 .footer-note {
    font-size: 13px;
    margin-top: 20px;
  }
}


/* ---------------- SLIDE 6 (Investopia Mobile Merged) ---------------- */
.item6 {
  position: relative;
  width: 100%;
  min-height: 80vh;
  background: url('../images/bg-image.png') center center/cover no-repeat;
  color: #fff;
  font-family: 'Montserrat', Arial, sans-serif;
  overflow: hidden;
  display: none; /* hidden by default, will show only on mobile */
}

/* Background decorations */
.item6 .bg-left,
.item6 .bg-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.32;
  z-index: 1;
}
.item6 .bg-left {
  left: 0;
  background-image: url('../images/bg-design-1.png');
}
.item6 .bg-right {
  right: 0;
  background-image: url('../images/bg-design-2.png');
}

/* Content wrapper */
.item6 .main-content {
  position: relative;
  z-index: 10;
  max-width: 600px;
  margin: 0 auto;
  padding: 100px 20px 50px;
  text-align: center;
}

/* Intro kicker text */
.item6 .kicker {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}

/* Logo */
.item6 .wordmark {
  max-width: 70%;
  margin: 15px auto;
  display: block;
  height: auto;
}

/* Event description */
.item6 .meta {
  font-size: 13px;
  line-height: 1.4;
  color: #A2A582;
  margin: 10px auto 20px;
  max-width: 90%;
}

/* What's happening */
.item6 .whats {
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0 10px;
}

/* Events list */
.item6 .events {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.item6 .event-title {
  font-size: 15px;
  color: #A2A582;
  font-weight: 600;
}
.item6 .event-desc {
  font-size: 13px;
  color: #F3EEE5;
  line-height: 1.4;
}

/* Register Button (from slide 4) */
.item6 .register-btn {
  display: inline-block;
  margin: 25px auto 15px;
  min-width: 160px;
  width: 70%;
  height: 45px;
  font-size: 0.9rem;
  font-weight: 600;
  background: #F3EEE4;
  color: #1E484A;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s;
}
.item6 .register-btn:hover {
  background: #A3A582;
  color: #fff;
}

/* Footer (date, time, venue) */
.item6 .footer {
  margin-top: 10px;
  font-size: 0.8rem;
  color: #A2A582;
  line-height: 1.4;
}

/* Footer note (from slide 5) */
.item6 .footer-note {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #F3EEE5;
}

/* Show only on smaller screens */
@media (max-width: 768px) {
  .item6 {
    display: block;
  }
}


/* Hide slide 4 & 5 on mobile */
@media (max-width: 768px) {
  .item4,
  .item5 {
    display: none !important;
  }
  .item6 {
    display: block !important;
  }
}

/* thank-you --------------------------------------------------------------------------------------------------------------------- */

.slider-main.thank-you{padding-bottom: 0;}
.slider-main.thank-you .thankyou-img{width: 100%; height:100vh; position: relative; background-color: #f6f2e9;}
.slider-main .thankyou-img::before{content: ''; width: 100%; height: 100%; left: 0; bottom:00px; position: absolute; background: url('../images/pattern-dark.png') center center no-repeat; background-position: bottom; background-size: cover;}

.slider-main .thankyou-img .th-inner{height: 100%; position: relative; z-index: 1;}
.slider-main .thankyou-img .th-inner {display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center;}
.slider-main .thankyou-img .th-inner h1{color:#A3A582;font-weight: 500; font-size: 48px; line-height: 100%; letter-spacing: 0%; text-align: center; padding-bottom: 17px; position: relative;}
.slider-main .thankyou-img .th-inner h1::before{background-color:#35352C; width: 60px; height: 2px; position: absolute; transform: translateX(-50%); bottom: 0; left: 50%; content: '';}
.slider-main .thankyou-img .th-inner p{font-weight: 400; font-size: 24px; line-height: 100%; letter-spacing: 0%; text-align: center; color: #35352C ; margin-top: 17px;}
.slider-main .thankyou-img .th-inner .btn-enquiry{background: transparent; font-size: 18px; border-radius: 0; border: 1px solid #A3A582;  font-weight: 500; padding:7px 35px; line-height: 20px; color: #35352C; text-decoration: none; margin-top: 105px;}


/* vision-tab-area --------------------------------------------------------------------------------------------------------------------- */

.empowering{ padding: 92px 0 98px 0;  background-color: #F4EEE4;}
.empowering .inner-content h2{text-transform: uppercase; margin-bottom: 43px; font-size: 68px; text-align: center; line-height: 100%; font-weight: 400; color: #A3A582; }
.empowering .inner-content p{font-size: 22px; text-align: center; line-height: normal; font-weight: 500; color: #35352C;}
.empowering .inner-content p.small{ font-weight: 400; }
.empowering .inner-content p.small{padding: 0 150px;}
.empowering .inner-content p:not(:last-child){margin-bottom: 30px;}

.vision-tab-area {margin-top: 121px;}
.vision-tab-area .inner-block{display: flex;}
.vision-tab-area .inner-block .left-part{width: 22%;}
.vision-tab-area .inner-block .left-part .logo{width: 235px;}
.vision-tab-area .inner-block .left-part img{width: 100%;}
.vision-tab-area .inner-block .rightlist{width: 78%; display: flex; margin: 0px; padding: 0; list-style: none; border-left: #09213A 1px solid;}
.vision-tab-area .inner-block .rightlist li{width: 30%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; display: flex; flex-direction: column; justify-content: space-between; min-height: 640px; border-right: #09213A 1px solid; padding: 0 16px;}
.vision-tab-area .inner-block .rightlist li h3{font-size: 22px; cursor: pointer; line-height: 110%; color: #C1C1C1; margin: 0px; font-weight: 400; }
.vision-tab-area .inner-block .rightlist li h3 span{display: block;}
.vision-tab-area .inner-block .rightlist li .bottom-part{display: flex; align-items: end; justify-content: end; position: relative; overflow: hidden;}
/* .vision-tab-area .inner-block .rightlist li .left-block{width: 58%; opacity: 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; display: none;} */
.vision-tab-area .inner-block .rightlist li .left-block{width: 58%; opacity: 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; left: -58%; position: absolute;}
.vision-tab-area .inner-block .rightlist li .photo-block{width: 100%; height: 200px; position: relative; overflow: hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.vision-tab-area .inner-block .rightlist li .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; filter: grayscale(100%);}

.vision-tab-area .inner-block .rightlist li .animated{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.vision-tab-area .inner-block .rightlist li.open{width: 70%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.vision-tab-area .inner-block .rightlist li.open .left-block{ width: 58%; left: 0px; opacity: 1; padding-right: 80px; width: 58%;  display: block; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.vision-tab-area .inner-block .rightlist li.open .left-block p{font-size: 22px; line-height: 100%; color: #35352C;  }
.vision-tab-area .inner-block .rightlist li.open .photo-block{height: 400px; width: 42%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;} 
.vision-tab-area .inner-block .rightlist li.open .photo-block img{filter: grayscale(0%);}
.vision-tab-area .inner-block .rightlist li.open h3{color: #A3A582; font-weight: 400; font-size: 68px; line-height: 74px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.vision-tab-area .inner-block .rightlist li.open h3 span{font-size: 22px; line-height: 26px;}
.vision-tab-area .inner-block .rightlist li.open .photo-block .top-left{width: 50%;height: 80px;overflow: hidden;position: relative; z-index: 1;}
.vision-tab-area .inner-block .rightlist li.open .photo-block .top-left:before{content: ""; display: block; width: 100%; height: 200%; position: absolute; border-radius: 50%; top: 0; right: 0; box-shadow: 40px -15px 0 0 #F4EEE4;}
.vision-tab-area .inner-block .rightlist li.open .photo-block .top-right{width: 50%;height: 80px;overflow: hidden;position: absolute; z-index: 1; top: 0px; right: 0px;}
.vision-tab-area .inner-block .rightlist li.open .photo-block .top-right:before{content: ""; display: block; width: 100%; height: 200%; position: absolute; border-radius: 50%; top: 0; left: 0; box-shadow: -40px -15px 0 0 #F4EEE4;}

/* learning --------------------------------------------------------------------------------------------------------------------- */

.vision-mission-photo{position: relative; width: 100%; height: 100vh;}
.vision-mission-photo img.bg{width: 100%; height: 100%; object-fit: cover;}
.vision-mission-photo::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: radial-gradient(126.28% 260.46% at 48.75% 52.41%, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.vision-mission-photo .center-content{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex;  justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.vision-mission-photo .center-content h2{font-size: 90px; text-align: center; line-height: 88px; font-weight: 300; color: #fff; }

/* providing --------------------------------------------------------------------------------------------------------------------- */

.providing-main{ padding: 66px 0; background-color: #F6F2E9;}
.providing-main .inner-flex {display: flex; align-items: center; }
.providing-main .inner-flex .left-image{width: 50%; height: 805px;}
.providing-main .inner-flex .left-image img{width: 100%; height: 100%; object-fit: cover;}
.providing-main .inner-flex .right-content{width: 50%; padding: 0 180px;}
.providing-main .inner-flex .right-content h2{text-transform: uppercase; margin-bottom: 70px; font-size: 65px;  line-height: 110%; font-weight: 400; color: #35352C;}
.providing-main .inner-flex .right-content h2 span {display: block; color: #A3A582;}
.providing-main .inner-flex .right-content p{font-size: 22px;  line-height: normal; font-weight: 400; color: #959385;}

/* Experiences --------------------------------------------------------------------------------------------------------------------- */

.experiences{ padding: 93px 0 97px 0; }
.experiences .inner-content h2{text-transform: uppercase;  margin-bottom: 43px; font-size: 68px; text-align: center; line-height: 110%; font-weight: 400; color: #A3A582; }
.experiences .inner-content p{font-size: 22px;  text-align: center; line-height: normal; font-weight: 400; color: #959385;}
.experiences .inner-content p:not(:last-child){margin-bottom: 20px;}

.experiences .list-container{margin-top: 92px;}
.experiences ul { display: grid; list-style-type: disc; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); padding-left: 20px; column-gap: 40px; row-gap: 2px; justify-content: space-between;}
.experiences li { font-size: 20px;  line-height: normal; font-weight: 400; color: #35352C;}

.experiences .img-gallry{display: grid; list-style-type: disc; grid-template-columns: repeat(3, 1fr); column-gap: 16px; row-gap: 20px; justify-content: space-between; margin-top: 70px;}
.experiences .img-gallry .ex-img{height: 380px; width: 100%; position: relative;}
.experiences .img-gallry .ex-img img{height: 100%; width: 100%; object-fit: cover; position: absolute; inset: 0;}

/* world-class --------------------------------------------------------------------------------------------------------------------- */

.world-class{ padding: 93px 0; background-color: #35352C;}
.world-class .inner-flex {display: flex; align-items: start; justify-content: space-between;}
.world-class .inner-flex .left-content{width: 50%; padding-right: 100px; }
.world-class .inner-flex .left-content h2{text-transform: uppercase;  margin-bottom: 30px; font-size: 62px;  line-height: 110%; font-weight: 400; color: #fff; }
.world-class .inner-flex .left-content p{font-size: 22px;  line-height: 115%; font-weight: 400; color: #959385;}
.world-class .inner-flex .left-content p:not(:last-child){margin-bottom: 30px;}
.world-class .inner-flex .left-content .additional-info {margin-top: 55px;}
.world-class .inner-flex .left-content .additional-info .info-flex{display: flex; column-gap:60px ;}
.world-class .inner-flex .left-content .additional-info .info-flex:not(:last-child){margin-bottom: 40px;}
.world-class .inner-flex .left-content .additional-info .info-flex .left{font-size: 22px;  line-height: 100%; font-weight: 400; color: #A3A582; min-width: calc(30% - 0px);}
.world-class .inner-flex .left-content .additional-info .info-flex .right-info{font-size: 22px;  line-height: 100%; font-weight: 400; color: #F6F2E9;}
.world-class .inner-flex .right-image-slider{width: 50%; }
.world-class .inner-flex .right-image-slider .slider-img{width: 100%; height: 600px;}
.world-class .inner-flex .right-image-slider .slider-img img{width: 100%; height: 100%; object-fit: cover;}
.world-class .inner-flex .right-image-slider .owl-dots{display: none;}

/* digital learning --------------------------------------------------------------------------------------------------------------------- */

.digital-learning{ padding: 85px 0; background-color: #9CB1B0;}
.digital-learning h2{text-transform: uppercase;  margin-bottom: 80px; font-size: 68px;  line-height: 110%; font-weight: 400; color: #fff; text-align: center;}
.digital-learning .inner-flex {display: flex; align-items: center;}
.digital-learning .inner-flex .left-image-slider{width: 50%; }
.digital-learning .inner-flex .left-image-slider .slider-img{width: 100%; height: 470px;}
.digital-learning .inner-flex .left-image-slider .slider-img img{width: 100%; height: 100%; object-fit: cover;}
.digital-learning .inner-flex .left-image-slider .owl-dots{display: none;}
.digital-learning .inner-flex .right-content{width: 50%; padding: 0 96px; }
.digital-learning .inner-flex .right-content p{font-size: 22px;  line-height: 109%; font-weight: 400; color: #F6F2E9;}
.digital-learning .inner-flex .right-content p:not(:last-child){margin-bottom: 30px;}
.digi-learning .owl-nav { display: flex; padding: 0 25px; align-items: center; justify-content: space-between; position: absolute; bottom: 30px; width: 100%; margin: 0;}
.digi-learning.owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important;}

/* benefits of joining --------------------------------------------------------------------------------------------------------------------- */

.benefits-of-joining .benefit-img{width: 100%;}
.benefits-of-joining .benefit-img img{width: 100%;}
.benefits-of-joining .benefits-inner {background-color: #67482F; position: relative; overflow: hidden; }
.benefits-of-joining .benefits-inner .rays{width: 4103px; height: 4122px; position: absolute; left: 0; margin-left:-2051.5px; margin-top: -2053px ; z-index: 1; animation-name: rotate; animation-duration: 350s; animation-iteration-count: infinite; animation-timing-function: linear; opacity: 0.12; }
.benefits-of-joining .benefits-inner .rays img{width: 100%;}
.benefits-of-joining .benefits-inner .inner-flex{display: flex; padding: 90px 0 115px 0; position: relative; z-index: 2;}
.benefits-of-joining .benefits-inner .inner-flex .left-content{width: 50%;}
.benefits-of-joining .benefits-inner .inner-flex .left-content h2{text-transform: uppercase;  font-size: 68px;  line-height: 110%; font-weight: 400; color: #F6F2E9;}
.benefits-of-joining .benefits-inner .inner-flex .right-content{width: 50%; padding: 0 150px;}
.benefits-of-joining .benefits-inner .inner-flex .right-content ul.benefit-list{list-style-type: disc; padding-left: 20px; margin-bottom: 110px;}
.benefits-of-joining .benefits-inner .inner-flex .right-content ul.benefit-list li{  font-size: 22px; line-height: 110%; font-weight: 400; color: #F6F2E9;}
.benefits-of-joining .benefits-inner .inner-flex .right-content ul.benefit-list li span{text-transform: uppercase; display: block;}
.benefits-of-joining .benefits-inner .inner-flex .right-content ul.benefit-list li:not(:last-child){margin-bottom: 50px;}
.benefits-of-joining .benefits-inner .inner-flex .right-content p{  font-size: 22px; line-height: 110%; font-weight: 400; color: #F6F2E9;}
.benefits-of-joining .benefits-inner .inner-flex .right-content p:not(:last-child){margin-bottom: 30px;}

/* bottom-slider --------------------------------------------------------------------------------------------------------------------- */

.bottom-slider .slider-area .item{position: relative; }
.bottom-slider .slider-area .item .slider-img{width: 100%; height:100vh; position: relative;}
.bottom-slider .slider-area .item .slider-img img{width: 100%; height:100%; object-fit: cover;}
.bottom-slider .slider-area .owl-dots {display: none;}
.bottom-slider .slider-area .owl-nav {display: flex; padding: 0 110px; ; align-items: center; justify-content: space-between; position: absolute; bottom: 35px; width: 100%; margin: 0;}
.bottom-slider .slider-area .owl-theme .owl-nav [class*="owl-"]:hover{background: transparent !important;}
.bottom-slider .slider-area .owl-them .owl-nav [class*="owl-"]{margin: 0;}

/* chairman --------------------------------------------------------------------------------------------------------------------- */

.chairman-section{ overflow: hidden; position: relative; margin-bottom: 56px;}
.chairman-section .inner-area{ display: flex;  justify-content: space-between; }
.chairman-section .inner-area .content-area{ width: 50%; display: flex; padding: 105px 195px 100px 50px; flex-direction: column; }
.chairman-section .inner-area .content-area .bottom-bar {margin-bottom: 68px;}
.chairman-section .inner-area .content-area .bottom-bar .name{font-size: 32px; color:#09213A; line-height: 109%; font-weight: 500}
.chairman-section .inner-area .content-area .bottom-bar p{font-size: 22px; line-height: 109%;}
.chairman-section .inner-area .content-area p{font-size: 22px; line-height: 109%; font-weight: 300; color:#09213A; font-weight:300}
.chairman-section .inner-area .content-area p:not(:last-child){margin-bottom: 30px;}
.chairman-section .inner-area .chairman-photo{width: 50%; padding: 105px 116px 0px 0px;}
.chairman-section .chairman-photo img{width: 100%;}

/* chairperson-section */

.chairperson-section {padding-bottom: 70px; border-bottom: 1px solid #C7C7C3;}
.chairperson-section .chairperson{padding-bottom: 5px; border-right: 1px solid #939393;}
.chairperson-section .chairperson h3{font-size: 42px; margin-bottom: 54px; font-weight: 500; line-height: 109%; color:#35352C}
.chairperson-section .chairperson .name { font-size: 22px; font-weight: 500; line-height: 109%; color: #35352C; text-transform: uppercase; }
.chairperson-section .chairperson p{font-size: 22px; margin-top: 35px; font-weight: 300; line-height: 109%; color:#35352C}
.chairperson_list .chairperson_item .name { font-size: 22px; font-weight: 500; line-height: 109%; color: #35352C; text-transform: uppercase; }
.chairperson_list .chairperson_item p { font-size: 22px; margin-top: 14px; font-weight: 300; line-height: 109%; color: #35352C;}
.chairperson img {margin-bottom: 25px;max-width: 100%;}
ul.chairperson_list {
    list-style: none;
    padding-left: 115px;
}
ul.chairperson_list li {
    display: inline-block;
    width: 48%;
    margin-bottom: 50px;
    vertical-align: top;
}

.school-list{margin: 100px 0;}
.school-list .list-detail p {font-size: 22px; font-weight: 400px; text-align: center;  line-height: 110%; color: #35352C;}
.school-list .list-detail p:last-child { color: #000000;}
.school-list .list-detail .inner-logo{max-width: 330px; margin: 40px 0;}
.school-list .list-detail .inner-logo img{width: 100%}
.school-list .sch-nm a{ font-size: 22px; line-height: 110%; color: #0E2747; font-family: 'Esperanza Headline Roman'; text-transform: capitalize; display: inline-block;}
.school-list .sch-nm span{display: block; text-decoration: underline;}
.school_list_right {
    display: inline-block;
    width: 100%;
    padding-left: 115px;
}
.school-list .school_text {
    border-right: 1px solid #939393;
    display: inline-block;
    padding-right: 20px;
}
.school-list .school_text p {
    font-size: 22px;
}


/* footer --------------------------------------------------------------------------------------------------------------------- */

.footer-area{background: #F4EEE4;  position: relative; overflow: hidden; z-index: 15;}
.footer-area .container{width: 100%; max-width: 100%; padding: 0 50px;  z-index: 2; height: 100%; top: 0px;}
.footer-area .inner-flex{display: flex; height: 100%; position: relative; z-index:3}
.footer-area .inner-flex .leftside .logo.logo-1{width: 495px}
.footer-area .inner-flex .leftside .logo.logo-2{width: 640px}
.footer-area .inner-flex .leftside .logo img{width: 100%;}
.footer-area .inner-flex .leftside,
.footer-area .inner-flex .rightside{width: 50%; padding: 40px 0 30px 0; display: flex; flex-direction: column; justify-content: space-between;}
.footer-area .inner-flex .rightside .toppart{display: flex; justify-content: space-between; margin-bottom: 200px;}
.footer-area .inner-flex .rightside .inner-part{width: 33.33%;}
.footer-area .inner-flex .rightside .last-part{width: 24%;}
.footer-area .inner-flex .rightside h3{ font-size: 22px; line-height: 109% ; color: #35352C; font-weight: 400; margin: 0 0 15px 0;}
.footer-area .inner-flex .rightside p{ font-size: 18px; line-height: 109%; color: #A3A582;}
.footer-area .inner-flex .rightside p a{color: #A3A582; text-decoration: none;}
.footer-area .inner-flex .rightside ul.link{margin: 0px; padding: 0px; list-style: none;}
.footer-area .inner-flex .rightside ul.link li a{ color: #35352C; text-decoration: none; font-size: 22px; line-height: 153%;}
.footer-area .inner-flex .rightside ul.social{margin: 0px; padding: 0px; list-style: none; align-items: center; justify-content: space-between; display: inline-block;}
.footer-area .inner-flex .bottompart {text-align: right;}
.footer-area .inner-flex .rightside .copyright{text-align: right; margin-top: 100px;}
.footer-area .inner-flex .rightside .copyright p{margin: 0px; font-size: 18px; line-height: 109%;}
.footer-area .inner-flex .rightside .copyright a{margin: 0px 0px 0px 50px; font-size: 18px; line-height: 109%; color: #35352C; text-decoration: none;}
.footer-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 113px; background: #A3A582; opacity: 0.9; } 

.footer-area .bottom-text {padding: 25px 0; background-color: #A3A582; position: relative; z-index: 3;}
.footer-area .bottom-text .inner p{color:#F4EEE4; font-size: 16px; font-weight: 400; line-height: 109% !important;}
.footer-area .bottom-text .inner p a {font-weight: 500; color: #F4EEE4; text-decoration: underline; transition: all 0.3s linear;}
.footer-area .bottom-text .inner p a:hover {color: #09213A;}
.footer-area .bottom-text .inner p:not(:last-child){margin-bottom: 22px;}

.footer-area .rays{width: 4103px; height: 4122px; position: absolute; left: 50%; margin-left:-2051.5px; margin-top: -2045px; z-index: 1; animation-duration: 350s;animation-iteration-count: infinite;animation-name: rotate; animation-timing-function: linear;  }
.footer-area .rays img{width: 100%;}

@keyframes rotate{
    from
    { transform: rotate(-360deg); }
    to
    { transform: rotate(360deg); }
}


.enquiry_form h2{text-align: center;font-size: 30px; font-weight: 600; line-height: 105%; margin-bottom: 30px;}
.enquiry_form .modal-content{border-radius: 0; position: relative;}
.enquiry_form .modal-content .btn-close{top: 20px; right: 20px; border: 1px solid #A3A582; position: absolute; z-index: 1; padding: 8px; font-size: 12px; opacity: 1;}
.enquiry_form .modal-content .btn-close:focus, 
.enquiry_form .modal-content .btn-close:focus-visible{box-shadow: none; outline: none;} 
.enquiry_form .modal-content .modal-body{padding: 45px 65px;}
.enquiry_form .form-group:not(:last-child){margin-bottom: 15px;}
.enquiry_form .form-group label{display: block; margin-bottom: 10px; font-size: 20px; color: #35352C; line-height: 26px;}
.enquiry_form .form-group .form-control{color: #35352C; font-size: 20px; border-color: #C1C1C1; background:transparent;}
.enquiry_form .form-group textarea.form-control{ resize: none; }
.enquiry_form .form-group .form-control:focus{ box-shadow: none; background:none; border-color: #A3A582}
.enquiry_form .btn-submit{background: #A3A582; font-size: 15px; margin-top: 50px; border-radius: 0; font-weight: 400; padding:6px 12px; color: #F4EEE4; text-transform: uppercase; border:none }

.select-wrapper{position: relative; width: 100%; background: #fff;}
.select-wrapper .select-field{ cursor: default;}
.select-wrapper .select-field + span { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0;  width: 32px; }
.select-wrapper .select-field + span::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #35352C transparent transparent transparent; pointer-events: none; transition: 0.5s; z-index: 1; }
.select-wrapper .select-field.turn + span::after { transform: rotate(-180deg);}
.select-list {display: none; position: absolute; top: 45px; left: 0; width: 100%; border-radius: 5px; background-color: #F6F2E9;  border: 0.5px solid #C1C1C1; animation: fadeIn 0.2s; z-index: 10; padding: 10px 0;}
.select-list.open { display: block; }
.select-list li {display: block; color: #35352C; font-weight: 400; transition: all 0.2s ease-out; cursor: pointer; font-size: 15px; padding: 0 10px;}
.select-list li:not(:last-child){margin-bottom: 3px;}
.select-list li:hover {background-color: #A3A582; color: #fff;}

.iti {width: 100%;}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color: transparent;}

@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }


@media (min-width: 576px) {
.enquiry_form  .modal-dialog {max-width: 635px;}
}