body{
    overflow-x: hidden;
    scroll-behavior: smooth;
}
html {
    /* scrollbar-color: #000 #000;
    scrollbar-width: thin; */
    scroll-behavior: smooth;
    overflow-x: hidden;
}
html.lenis,
html.lenis body {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ca252b; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ca252b; 
}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {
    transform: translate3d(-493px, 0, 0);
}
a {text-decoration: none;}

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

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



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

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

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

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/* home page start */
.menu-top ul{margin: 0; padding: 0;}
.menu-top li{display: inline-block; padding-right: 25px;}
.menu-top li:last-child{padding-right: 0;}
.menu-top{text-align: right; padding: 8px 0; position: relative; z-index: 999;}
.menu-top a{color: #000; font-weight: 600; font-size: 14px; text-decoration: none; transition: 0.5s;  font-size: 14px;
  color: #333;
  text-decoration: none;
  transition: 0.25s ease;
  font-family: 'Poppins';
  font-weight: 600; }
.menu-top a:hover{color: #f3a163; transition: 0.5s;}
.back-video{width: 100%; height: auto; position: relative;}
header{position: absolute; top: 0px; left: 0; width: 100%; z-index: 99;}
.navbar-brand{background: #fff; position: relative;}
.call-phone img{height: 13px;}
.curve img{width: 260px;}
.navbar-brand {background: transparent;position: relative;}
.call-phone a{border: 1px solid #B0BC36; color: #fff; text-decoration: none; padding: 8px 20px; border-radius: 16px; margin-right: 10px; font-weight: 300; font-size: 13px; transition: 0.5s;}
.call-phone a:hover{background: #f3a163; transition: 0.5s;}
.call-box{margin-right: 12%;display: flex;align-items: center; padding-top: 30px;}
.navbar-expand-lg .navbar-collapse{padding-left: 20px;justify-content: right;
 margin-right: 110px;}
header .toggle{top: 5px;right: 0;}
.headerRightmainAll ul{padding: 0; margin: 0;}
.headerRightmainAll li{list-style: none;}
.navbar-light .navbar-nav .nav-link{color: #fff; font-size: 15px; font-weight: 300;}
.navbar-light .navbar-nav .nav-link.active{color: #fff;}
.phone-video{display: none;}
 .bannerbg img{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.banner{position: relative;  z-index: 9;}
.onlinebtnphone{display: none;}
.greenphone{display: none !important;}
.greendesktop {display: block !important;justify-content: center !important;
    display: flex !important;}

/* .banner-text a{color: #fff; font-size: 15px; padding: 10px 25px; border-radius: 16px; background: #263228; text-decoration: none; font-weight: 300;} */
/* .bannerbtn a  {
  border: 1px solid #707070;
  border-radius: 42px;
  padding: 15px 30px;
  color: #000;
  text-decoration: none;transition: 0.5s;display: flex;
  align-items: center;
}
.bannerbtn a:hover {background:#f3a163;color: #fff;border: 1px solid #f3a163;} */
.bannerbtn a .bookone{display: block;}
.bannerbtn a .booktwo {display: none;}
.bannerbtn a:hover .bookone {display: none;}
.bannerbtn a:hover .booktwo  {display: block;}
.bannerhead {padding-left: 10%;margin-bottom: -60px;position: relative;}
.bannerbtn a img { height: 15px;margin-left: 15px;}

.header-container {
 padding: 20px 60px;background: #F9F3E3
}
.main-container {
  padding: 0 110px;
}

.header-btn {
 margin-left: 35px;
  padding: 10px 18px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
  white-space: nowrap;
  transition: 0.3s ease;
  background: #F65A39 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  border-radius: 11px;
  font-family: 'Roboto';
}
.header-btn:hover {
  background: rgb(246.6068292683, 55.9619512195, 17.5931707317);
  transform: translateY(-1px);
}
.banner-text h3 {font-size: 48px;
  font-weight: bold;
  line-height: 1.15;
  color: #222;
  margin-bottom: 20px;
  font-family: 'Poppins';}



.banner-text h6 {
  display: block;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 18px;
  color: #2fbf71;
  font-family: 'Poppins';
}
.rainbow-text {
  letter-spacing: -4px;
}

 .rainbow-text span:nth-child(1) { color: #ff6b6b; }
.rainbow-text span:nth-child(2) { color: #feca57; }
.rainbow-text span:nth-child(3) { color: #1dd1a1; }
.rainbow-text span:nth-child(4) { color: #54a0ff; }
.rainbow-text span:nth-child(5) { color: #5f27cd; }
.rainbow-text span:nth-child(6) { color: #ff9f43; }
.rainbow-text span:nth-child(7) { color: #00d2d3; }
.rainbow-text span:nth-child(8) { color: #ee5253; }
.rainbow-text span:nth-child(9) { color: #005f5f; }
.rainbow-text span:nth-child(10) { color: #4e0081; }
.banner-text p {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 20px;
  font-family: 'Roboto';
  font-weight: 500;padding-right: 25%;
}


.banner-text .btn.primary {
  background: linear-gradient(135deg, #ff9f1c, #ffb001);
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(255, 122, 0, 0.35);padding: 8px 25px;
  border-radius: 999px;
  font-size: 15px; font-family: 'Roboto';  font-weight: 500

}

.banner-text  {
  position: absolute;
  right: 0;
  top: 150px;
  max-width: 600px;
}
.schoolad img  {
  width: 200px;
  position: absolute;
  bottom: 90px;
  z-index: 9;
  left: 45%;
  right: 45%;
}
.cloud img {
  position: absolute;
  bottom: 0px;
  z-index: 9;
}
.aboutright h2 {font-size: 30px;
  font-weight: 500;padding: 5px 0;
  font-family: 'Poppins';padding-right: 10%;}
.aboutright h2 span {
  color: #ff5b3d;
}
.desktopgrid{display: block;}
.phonegrid {display: none;}
.aboutright h4 {
color: #23B581;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px; font-family: 'Poppins';
}
.aboutwrap {padding-left: 15%;}
.aboutright p{
  color: #000;
  font-size: 15px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}
.voilet {background: #303150 0% 0% no-repeat padding-box;}
.orange{background: #F65A39 0% 0% no-repeat padding-box;}
.playbox {box-shadow: 3px 6px 15px #0000004D;
 padding: 25px 25px;
  border-radius: 25px;
  color: #fff;
  max-width: 290px;margin-bottom: 25px;}
.playwrap{display: flex;gap: 15px;}

.aboutwrapper {padding-bottom: 110px;}

.playbox h6 {
  font-size: 18px;
  font-weight: 500;
  font-family: 'Poppins';
}
.playbox p {
  font-size: 14px;font-family: 'Roboto';
  font-weight: 500;margin: 0;}
.about-images .img-main {
  width: 100%;
 max-width: 350px;position: relative;
}
.img-main::before {width: 10px;
  height: 200px;
  left: -25px;
  top: 30px; content: '';background-image: url(../images/lines.png);background-repeat: no-repeat;position: absolute;}

.about-images .img-small {
  position: absolute;
  bottom: -70px;
  left: -50px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  width: 240px;
}
.about-images img {
  width: 100%;
  display: block;
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;}
.about-images .experience-badge {
  position: absolute;
  bottom: -100px;
 right: 180px;
  width: 180px;
  height: 180px;
  border: 8px solid white;background: #ff5b3d;border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 15px 40px rgba(255, 91, 61, 0.4);
}
.about-images .experience-badge .text {
  font-size: 14px;
  margin-top: 4px; font-weight: 500;
  font-family: 'Poppins';
}
 .about-images .experience-badge .number {
  font-size: 34px;
  font-weight: 700;
  line-height: 1; font-weight: 500;
  font-family: 'Poppins';
}
.about-images {
  position: relative;
}
.check-list {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.check-list ul{
  padding: 0;
}
 .check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
 background-image: url(../images/tick-circle-svgrepo-com.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;background-repeat: repeat;
  background-size: cover;
}
 .check-list li {
  font-size: 15px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;position: relative;padding-left: 30px;margin-bottom: 10px; list-style:none;
}

.aboutwrap .btn-primary {
  display: inline-block;
  padding: 8px 28px;
  background: #2c2f4a;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s ease;
}
.aboutwrap .btn-primary:hover {
  background: #ff5b3d;
}
/* opportunity */
.opportunity-section {
position: relative;
  background-image: url("../images/opportunity-bg.png");
  background-position: top;
  background-repeat: no-repeat;
  overflow: visible;
  text-align: center;
  color: #fff;
  background-size: cover;
}

.opportunity-section .section-badge {
  font-family: 'Roboto';
  font-weight: 500;color: #ff6b3d;margin-bottom: 0px;font-size: 20px;
}

.opportunity-section .section-title {
  font-weight: 500;
  font-family: 'Poppins';font-size: 34px;margin-top: 15px;
  margin-bottom: 30px;
}
.opportunity-section .section-title span {
  color: #ff6b3d;
}

.feature-card {
  background: #2B2B4B;
  padding: 10px 10px;
  border-radius: 14px;
  text-align: left;
  display: flex;
  gap: 16px;
  align-items: center;
  transition: 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  min-height: 100px;
}

.feature-card img {
width: 55px;
  height: 55px;
  background: #fff;
  padding: 10px;
  border-radius: 50%;
}

.feature-card h4 {
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 15px;margin-bottom: 5px;
}

.feature-card p {
  color: #AEACAC;font-size: 13px;
  font-family: 'Roboto';
  font-weight: 500;
}
.feature-card:hover {
  transform: translateY(-6px);
  background: #ff6b3d;
}
.oppowrap {
  padding: 90px 0;padding-bottom: 13%;
}



.stat-circle.orange {
  background: #ff6b3d;
  color: #fff;width: 230px;
  height: 180px;
}
.stat-circle.green {
  background: #27c383;
  color: #fff;width: 230px;
  height: 180px;
}
.stat-circle h3 {
  font-weight: 500;
  font-family: 'Poppins';font-size: 40px;
  margin-bottom: 6px;
}
.stat-circle p {
  font-family: 'Roboto';
  font-weight: 500;font-size: 13px;
}
.stat-circle {
width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
 
}
.stats-container {
max-width: 850px;
  margin: auto;
    margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -7%;
  position: relative;
  z-index: 9;padding-bottom: 50px;
}
.stat-circle.white {
  background: #F9F9F9;
  padding: 20px 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
}
.whites { border: 30px solid #fff;border-radius: 50%;background: #fff;}
.uniwrapper{position: relative;}
.uniwrapper::after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: 35%;
  width: 100px;
  height: 100px;
  background: url("../images/diamond-right.webp") no-repeat center;
    background-size: auto;
  background-size: contain;
  z-index: 0;
}
.uniwrapper::before {
  content: "";
  position: absolute;
 top: -60px;
  right: 30px;
  width: 100px;
  height: 100px;
  background: url("../images/learning-shape.webp") no-repeat center;
    background-size: auto;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
  animation: floatShape 6s ease-in-out infinite;
}
 @keyframes floatShape {
      0% {
        transform: translateY(0) rotate(0deg);
      }
      25% {
        transform: translateY(-8px) rotate(5deg);
      }
      50% {
        transform: translateY(-16px) rotate(0deg);
      }
      75% {
        transform: translateY(-8px) rotate(-5deg);
      }
      100% {
        transform: translateY(0) rotate(0deg);
      }
    }
.uniright h2 span {
  color: #ff5b3d;
}
.uniright h2 {
font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-right: 10%;
  margin-bottom: 20px;
}

.unibox p {
  color: #000;
  font-size: 15px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}

.uniwrap {
  padding-left: 15%;
}
.uniright p {
  color: #000;
  font-size: 15px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
 padding-right: 16%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 30px;
}
.uniright p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #ff5b3d;
}


.unibox h6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/tick-circle-svgrepo-com.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  background-repeat: repeat;
  background-size: cover;
}
.unibox h6 {
font-size: 15px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}

 .unibox .btn-join {
  display: inline-block;
  padding: 8px 28px;
  background: #ff6b35;
  color: #fff;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: 0.3s ease;margin-top: 20px;
}
.uniflex {display: flex;align-items: center;}
.uniwrapper {padding-bottom: 60px;}



/* enroll */

 .enroll-content h2 {
  font-weight: 700;
  font-family: 'Poppins';font-size: 26px;
  color: #000;
  margin-bottom: 20px
}
.enroll-content .enroll-btn {
background: #F65A39;
  color: #fff;
  border: none;
padding: 7px 24px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  margin-top: 5px;
}
.enroll-section .enroll-content {
  position: relative;
  z-index: 3;
  padding: 100px 145px;
  text-align: center;
  background: url("../images/enroll-in.png") no-repeat center;
  background-size: auto;
  background-size: 73%;
  margin-top:100px;
}
 .enroll-content h6{
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 16px;
  margin-bottom: 30px;
  color: #fff;
}
.enroll-section .bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.enroll-section .enroll-container {
  position: relative;
  max-width: 1200px;
  margin: auto;
  height: 420px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.enroll-section {padding: 60px 0;}
/* testimonials */

.testimonials-section {
  padding: 60px 15px;
  color: #ffffff;
  text-align: center;
  overflow: visible;
  position: relative;
  background-image: url("../images/test-bg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;z-index: 9;
}
.testimonials-section h2 {
  font-weight: 500;
  font-size: 28px;
  font-family: 'Poppins';
  padding-bottom: 10px;
}
.testimonials-section .section-subtitle {
font-family: 'Roboto';
  font-weight: 500;
  padding: 0 31%;
font-size: 14px;
  text-align: center;
  color: #F9F9F9;padding-bottom: 40px;
}
.testimonial-card .quote {
  position: absolute;
  top: 18px;
  left: 18px;
  font-size: 42px;
  line-height: 1;
  color: #f85b3a;
}

.testimonial-card .testimonial-text {
  color: #777777;
  font-size: 13px;
  font-family: 'Roboto';
  font-weight: 500;
  margin: 35px 0 25px;line-height: 22px;
}
.testimonial-card .testimonial-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.testimonial-card {
  background: #ffffff;
  color: #333333;
  border-radius: 14px;
  padding: 30px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  text-align: left;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;margin-bottom: 10px;
}

.stars {
  margin-left: auto;
  font-size: 14px;
  color: #fbbf24;
  white-space: nowrap;
}
.testimonial-card .testimonial-footer h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #222222;font-family: 'Roboto';
  font-weight: 500;
}

.testimonial-card .testimonial-footer span {
  font-size: 13px;
  color: #777777;
}

.testimonial-card .testimonial-footer img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
 .testimonial-card .quote img{
  height: 25px;
  margin-bottom: 15px;
}
.testimonial-card .testimonial-footer span {
  font-size: 13px;color: #777777;  font-family: 'Roboto';
  font-weight: 500;
}
/* blog */

.blogwrapper{
  position: relative;padding: 60px 0;
  background: #fff;
  overflow: hidden;
}


 .decor {
  position: absolute;
  z-index: 0;
}



.decor-left {
  left: 0;
top: 80px;
  width: 120px;
  animation: birdFly 6s ease-in-out infinite;
  transform-origin: center;
}
.decor-right {
 right: 0;
  top: 30px;
  width: 240px;
}

.blogmargin h4 {
  color: #23B581;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: 'Poppins';text-align: center;
}
.blogmargin h2 span{position: relative;z-index: 9;
  position: relative;}
.blogmargin h2 span::before {width: 100%;
  height: 5px;
  background: #f0b01a;
  left: 0;
  position: absolute;
  content: '';
  z-index: -1;
  bottom: 13px;}
.blogmargin p {
  color: #666;
  font-size: 15px;
margin-bottom: 80px;
  max-width: 100%;
  position: relative;
  padding: 0 27%;
  font-family: 'Roboto';
  font-weight: 500;text-align: center;
}

.blogmargin h2 {
  font-size: 30px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  padding-right: 10%;text-align: center;padding: 0 40%;z-index: 9;
  position: relative;
}



.card-inner {
  border-radius: 18px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.image-wrap {
  position: relative;
}
.image-wrap .category {
position: absolute;
  top: 10px;
  right: 20px;
  color: #fff;
  font-size: 13px;
  padding: 6px 25px;
  border-radius: 6px;
  background: #A5BE25 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  font-family: 'Roboto';
  font-weight: 500;
}
.card-body .date {
  position: absolute;
  top: -32px;
  right: 20px;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  z-index: 10;
  border-radius: 5px;
}

.card-body .date small {
  display: block;
  background: #ef5e25;
  color: #fff;
  padding: 5px 0;
  width: 50px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-body .date strong {
  display: block;
  background: #fab001;
  color: #fff;
  padding: 6px 0;
  font-size: 18px;
  width: 50px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.card-body {
  padding: 35px 30px;
  text-align: left;
  margin: 0 20px;
  background: white;
  border-radius: 15px;
  position: relative;
  margin-top: -20%;
  margin-bottom: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  height: 265px;
}
.card-body .type {
  font-size: 17px;
  font-family: 'Roboto';
  font-weight: 500;
  color: #ff8a00;
}

.card-body h3 {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 18px;
  margin: 11px 0;
}

.card-body p {
  color: #777;
  padding-right: 2%;
  font-family: 'Roboto';
  font-weight: 500;font-size: 14px;
}
.card-body .card-date {
  font-size: 12px;
  color: #ff6a00;
}
.card-body .card-date b {
  color: #000;
}

/* footer */
footer {
  background: #1e1f45;
  color: #cfd3ff;
  position: relative;
  overflow: visible;
  z-index: 2;padding-bottom: 0;margin-top: -30px;
}
.footer-container {max-width: 1200px;
  margin: auto;
 padding: 110px 20px 40px;
  position: relative;
  z-index: 2;
}
.footer-card {
  background: #FFFFFF12 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  border-radius: 18px;padding: 40px;
}

.brand-box {
display: inline-block;
  background: #ffffff;
  padding: 12px 16px;
  border-radius: 12px;
  margin-bottom: 18px;
}

.brand p {
  font-family: 'Roboto';
  font-weight: 500;
  color: #898AB5;
  padding-right: 14%;
}

.social-icons {
  display: flex;
  gap: 0px;
}

.social-icons a {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-size: 14px;
  transition: background 0.3s ease;
  text-decoration: none;
}
.social-icons a:hover {
  color: #ff5b3d;
  background: transparent;
}
.links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col h5 {
  font-weight: 500;
  font-family: 'Poppins';font-size: 18px;
  margin-bottom: 20px;
  color: #ffffff;
}


.links ul li {
  margin-bottom: 12px;
}
.links ul li a {
  font-weight: 500;
  font-family: 'Poppins';
  color: #898AB5;font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.links ul li a:hover {
  color: #ffffff;
}
.contact p {
  font-family: 'Roboto';
  font-weight: 500;
  color: #898AB5;
}
.contact p {
  font-size: 14px;
  display: flex;
  gap: 15px;
  align-items: flex-start;
 margin-bottom: 20px;
}

.footer-bottom span {
  font-family: 'Roboto';
  font-weight: 500;
  color: #898AB5;
}

.footer-bottom .bottom-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.footer-bottom .bottom-links a {
  font-family: 'Roboto';
  font-weight: 500;
  color: #898AB5;text-decoration: none;
  transition: color 0.3s ease;
}
.brand img {
  height: 42px;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-top: 40px;
  color: #9aa0ff;
  flex-wrap: wrap;
  gap: 10px;
}
.links .ultops {
  padding-top: 40px;
}
.brand p {
  font-family: 'Roboto';
  font-weight: 500;
  color: #898AB5;
  padding-right: 14%;font-size: 14px;
  margin-bottom: 20px;
}
/* acti */
.activities-section {
  position: relative;
background: url("../images/activitiesbg.png") no-repeat bottom center; background-size: cover;
  overflow: hidden;
 padding: 120px 0 17% 0;
}
 .activities-section h4 {
 color: #F65A39;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
  .activities-section h2 {
  font-weight: 500;
  font-size: 28px;
  font-family: 'Poppins';
  padding-bottom: 10px;  color: #fff;
}
 .activities-section p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
padding-right: 8%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}
.activities-section .icon.elephent {
  width: 105px;bottom: 225px;animation: elephant-walk 5s linear infinite;right: 850px;
 
}

@keyframes elephant-walk {
  0% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(-10px) rotate(1deg);
  }
  50% {
    transform: translateX(-20px) rotate(-1deg);
  }
  75% {
    transform: translateX(-10px) rotate(1deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
.activities-section .icon {
  position: absolute;
  z-index: 2;
}



.activities-section .kite {
  position: absolute;
top: 170px;
  right: 460px;
  width: 50px;
  transform: translateX(-50%);
  transform-origin: center bottom;
  animation: kite-fly 6s ease-in-out infinite;
}
.activities-section .content {
  max-width: 520px;
  color: #fff;padding-bottom: 100px;
  z-index: 2;
}
.activities-section .icon.drum {
  bottom: -115px;
  right: -50px;
  width: 130px;
}
.activities-section .icon.ball {
 bottom: 190px;
  right: 625px;
  width: 40px;
}
.activities-section .icon.shoe {
 bottom: 30px;left: 40px;
  width: 90px;
}



.activities-section .content .btn {
background: #F65A39;
  color: #fff;
  padding: 7px 22px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: 0.3s;  font-family: 'Roboto';
  font-weight: 500;
}


.activities-section .content .btn:hover {
  background: #ff884f;
}

/* learn */
 .learnleft h4{
  color: #23B581;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}

 .learnleft h2 {
  font-size: 30px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  padding-right: 40%;
}

 .learnright p {
color: #777777;
  font-size: 14px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
  padding-right: 8%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}

 .learnright a{
  background: linear-gradient(135deg, #ff9f1c, #ffb001);
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(255, 122, 0, 0.35);
  padding: 8px 25px;
  border-radius: 999px;
  font-size: 15px;
  font-family: 'Roboto';
  font-weight: 500;
}
 .learnright a:hover { background: #2c2f4a;}

 .program-card .info {
  padding: 65px 40px 20px;
 margin-top: -180px;
  min-height: 230px;
  margin-left: 20px;
  margin-right: 20px;border-radius: 26px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

}
 .program-card.pink .info {
  background-image: url("../images/pink.png");
}
 .program-card .info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}
 .program-card .info ul {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  position: relative;
  text-align: left;
}

 .program-card .info .meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
}


 .program-card .info ul li {
  font-size: 14px;
  color: #777777;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  font-family: 'Roboto';
  font-weight: 500;
}


 .program-card .info .meta {
  font-size: 13px;
  font-weight: 600;
}
 .program-card .info .arrow {
  position: absolute;
  left: 20px;
  bottom: -35px;
}
 .program-card .info .arrow {
  position: absolute;
  left: 20px;
  bottom: -35px;
}
 .program-card.green .arrow {
  background: #2ecc71;
}
 .program-card .info .arrow {
  position: absolute;
  right: 50%;
bottom: -30px;
  transform: translateX(50%);
  width: 34px;
  height: 34px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #fff;
}
.program-card.green .age {
  background: url("../images/green-age.png") no-repeat center/contain;
}

 .program-card.pink .age {
  background: url("../images/pink-age.png") no-repeat center/contain;
}
 .program-card .age {
  top: 70px;
}
.program-card .age {
  font-weight: 500;
  font-family: 'Poppins';
}
 .program-card .age {
  position: absolute;
top: -31px;
  width: 250px;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px 18px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  z-index: 3;
}

.program-card {
  position: relative;
  text-align: center;
}

.program-card.green .info {
  background-image: url("../images/green.png");
}
.pinkbox {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 28px;
  display: block;
  background: #eee;
}
.learnboxs {padding: 60px 0;}

.black {
  color: #000 !important;
}
.program-card .info h4 {
  font-weight: 500;
  margin-bottom: 12px;
  font-size: 18px;
  font-family: 'Roboto';
 }
 
 .program-card .info ul::before {
  width: 20px;
  height: 300px;
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  top: -50px;
  background-size: contain;}

.program-card .info .meta span{color: #000;}

.learnwrapper  .owl-carousel .owl-dots.disabled {display: block;}

.learnwrapper .owl-dots { position: absolute; right: 50%;bottom: -80px;  display: flex;gap: 7px;align-items: center;}
.learnwrapper .owl-dots button {  display: block;  background: #ccc;    border: 1px #ccc solid;    -moz-border-radius: 10px;   -webkit-border-radius: 10px;  margin: 25px 0px;   border-radius: 10px;    -moz-transition: .4s;    -webkit-transition: .4s;   -ms-transition: .4s;   -o-transition: .4s;  transition: .4s;box-shadow: 0px 3px 6px #00000045;width: 8px;
  height: 8px;}
.learnwrapper .owl-dots button.active { background: #ff6b35;  border: 1px solid #ff6b35;box-shadow: 0px 3px 6px #00000045;width: 13px;
  height: 13px;}






/* photo */
.photo-gallery {
  padding: 60px 0;padding-top: 0;
  background: #fff;
}
.photo-gallery h2 span {
  color: #ff5b3d;
}

.photo-gallery  h2 {
  font-size: 30px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  text-align: center;
}
.photo-gallery .category-card:hover .cat-overlay {
  background: rgba(255, 122, 0, 0.8);
}

.cat-overlay {
  font-weight: 500;
  font-family: 'Poppins';position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;color: #fff;
  font-size: 17px;
  letter-spacing: 1px;
  transition: 0.3s ease;}
 .category-card img  {
background: #F6A52A 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.4s ease;
  width: 100%;
}
.photo-gallery .category-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);margin-top: 30px;
}
.cat-overlay {display: none;}

.photo-gallery .category-card:hover .cat-overlay {display: block;display: flex;
  align-items: center;
  justify-content: center;}
  .photo-gallery .hidden-gallery {
  display: none;
}
.photo-gallery .img-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}
.photo-gallery .img-modal .nav {
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  padding: 10px 15px;
  opacity: 0.8;position: absolute;
  color: #fff;
}
.photo-gallery .img-modal .next {
  right: 20px;
}
.photo-gallery .img-modal .prev {
  left: 20px;
}
.photo-gallery .img-modal #closeModal {
  top: 20px;
  right: 30px;
}
.photo-gallery .img-modal span {
  position: absolute;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
 user-select: none;
}
/* birdFly */
@keyframes birdFly {0% {transform: rotate(0deg);}25% {transform: rotate(1.5deg);}50% {transform: rotate(0deg);}75% {transform: rotate(-1.5deg);}100% {transform: rotate(0deg);}} 

  @keyframes treeWind {
    0% { transform: rotate(0); }
    20% { transform: rotate(2deg); }
    40% { transform: rotate(-1deg); }
    60% { transform: rotate(1.5deg); }
    80% { transform: rotate(-1deg); }
    100% { transform: rotate(0); }
  }

.cateround img {
  background: transparent;
  box-shadow: none;
  border-radius: 0;width: 70px;
}
 .cateround {
  text-align: center;
}


.desktop {display: block;}
.phone{display: none;}


/* our team */
.ourleft h4 {
  margin-bottom: 20px;
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 21px;color: #2ecc71;
  padding: 0;
}
.ourwrapper {padding: 60px 0;padding-top: 10%;}


.ourleft p {
  color: #000;
  max-width: 100%;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 14px;
}
.ourteamleft h2 {color: #F65A39;  margin-bottom: 20px;font-size: 25px;
  font-weight: 500;
  font-family: 'Poppins'; }

.oursliders h4 {
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 600;padding-top: 30px;
}

.oursliders p {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 500;
}
.oursliders h6 {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 500;
}

.lkgwrapperbg {background: #F9F9F9;}

.lkgwrapper{padding: 60px 0;}


/* welcome */
.welcome-container {padding: 0 0 0 100px;}

.welcomewrapper {margin-top: 13%; }

.welcomeleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
}
.welcomeright {padding-left: 80px;}
.welcomeflex{display: flex;align-items: center;}
.atwrapper {padding: 60px 0;}
.atleft p {
color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  max-width: 100%;
  position: relative;
  padding-right: 9%;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}

.bloswrapper {background-image: url(../images/blossoming.png); background-size: cover;background-repeat: no-repeat;padding: 100px 0;position: relative;}

.bloswrapper::before{background-image: url(../images/blos-shadow.png);position: absolute;left: 0;width: 100%; height: 100%;top: 0;content: '';background-size: cover;}
 .bloswrapper h2{
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 29px;
  margin-bottom: 0;
  color: #fff;position: relative;z-index: 9;
}


 .currimargin h2{
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 30px;
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
}
 .curriwrapper{
  background: #1E1F45 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  padding: 60px 0;
 }
.curriright{
  background: #E4E4E4 0% 0% no-repeat padding-box;
  border-radius: 36px;
  padding: 40px 50px;
}
.curriwrap{margin-bottom: 50px;}

.greencolor {
  color: #23B581;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 5px;
  font-family: 'Poppins';
}
.orangecolor {
 color: #F65A39;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 5px;
  font-family: 'Poppins';
}

.curriright h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';padding-bottom: 20px;margin: 0;
}

.curriright p {
  color: #000;
  font-size: 14px;
  margin-bottom: 15px;
  font-family: 'Roboto';
  font-weight: 500;
}


.curriright h6 {
  color: #000;
  font-size: 15px;
  margin-bottom: 0px;
  font-family: 'Roboto';
  font-weight: 500;
}
.currileft {padding-right: 4%;}

/* fac */
.facpagewrapper {padding: 60px 0;margin-top: 13%;}


.facpageleft h2 {font-size: 30px;
  font-weight: 500;padding-bottom: 30px;
  font-family: 'Poppins';}

.facpageleft  h4 {
color: #23B581;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px; font-family: 'Poppins';
}
.facpageleft p{
 color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: 'Roboto';
  font-weight: 500;
  padding-left: 0;
}

.facpageimgs {position: relative;}
.facpageteddy {
  position: absolute;
  top: 28%;
  left: 70px;
}
.graycolor { background: #F5F5F5 ;}
.libright h4 {
  color: #ff5b3d;
  font-weight: 500;
  font-size: 21px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
.libright p{
 color: #000;
  font-size: 14px;
  margin-bottom: 0px;
  font-family: 'Roboto';
  font-weight: 500;
  padding-bottom: 5px;padding-right: 65px;
}
.libflex {display: flex;align-items: center;}
.libwrapper{padding: 60px 0;}
.libleft {padding-right: 10%;}
.libwrap{position: relative;}
.libshap {
  position: absolute;
  bottom: -10px;
  width: 180px;
  left: -10px;
}
/* about */
.bbmmargin {background: #1E1F45 0% 0% no-repeat padding-box;
box-shadow: 3px 6px 15px #0000004D;
border-radius: 34px;padding: 40px 80px;}

.bbmwrapper  {
  margin-top: 8%;padding: 60px 0;
}

.bbm-container {
  padding: 0 80px;
}
.bbmleft h2 {
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 29px;
  margin-bottom: 0;
  color: #fff;
  position: relative;
  padding-right: 15%;
}
.bbmleft p  {
  font-size: 21px;
  color: #FFF;
  font-weight: 500;
  font-family: 'Poppins';
  padding-right: 18%;
}
.bbmright {
  text-align: right;
}
.bbmright img  {
  height: 450px; position: relative;z-index: 9;
}
.bbmflex {display: flex;align-items: center;}

 .bbmtowrap img{
 margin-left: -10px;
  height: 50px;
  margin-right: -10px;
}

 .bbmtowrap {
  display: flex;
  gap: 0;justify-content: center;
}
 .bbmto{
  background: #1C1D33 0% 0% no-repeat padding-box;
  border-radius: 24px;
 width: 200px;
  text-align: center;
  padding: 20px 20px;position: absolute;
  bottom: 0;z-index: 1;
}
.bbmtext{ position: relative;}
 .bbmto h6 {
  font-weight: 500;
  font-size: 17px;
  font-family: 'Poppins';
  padding-bottom: 10px;color: #fff;text-align: center;
}
.itsright p {padding-bottom: 10px;font-size: 14px;padding-right: 0;}

.itsleft {position: relative;padding-right: 10%;}

 .itsabc img{
  position: absolute;
  bottom: -20px;
  right: 0;
}
.itsflex{display: flex;align-items: end;}

 .itskite img{
 position: absolute;
  top: -60px;
  right: 70px;
  height: 120px;
}
/* vm */
.vmwrapper{padding: 60px 0;}

.visiontext  {
  background: #F7F7F7 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 34px;
  padding: 30px 40px;
margin-bottom: 20px;}
.visiontext h5 {
  color: #23B581;
  font-weight: 500;
font-size: 20px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
.visiontext li {
  font-size: 15px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.visiontext li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/tick-circle-svgrepo-com.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  background-repeat: repeat;
  background-size: cover;
}
.visiontext ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}
.vmright img {height: 100%;}

.visiontext:last-child {margin-bottom: 0;}
.vmright{height: 100%;position: relative;}


 .itsbus img{
 position: absolute;
  top: -50px;
  right: 50px;
  height: 50px;
}
/* c detail */
.curridewrapper { margin-top: 10%;padding-top: 60px;}
 .currideleft h4 {
  color: #23B581;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px;
  font-family: 'Poppins';
}
.currideleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';padding-bottom: 40px;margin: 0;}
.currideleft h3 span {color: #ff5b3d;font-weight: 600;}

.currideleft h3 {
  font-size: 25px;
  font-weight: 500;
  font-family: 'Poppins';}

.currideleft p {
  color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  padding-right: 8%;
  font-family: 'Roboto';
  font-weight: 500;
}


.currideright p {
  color: #000;
  font-size: 14px;
  margin-bottom: 30px;
  padding-right: 5%;
  font-family: 'Roboto';
  font-weight: 500;margin-top: 30px;
}
 .currideleft h6 {
  background: #898AB529 0% 0% no-repeat padding-box;
  color: #000;
  padding: 15px 20px;
   font-family: 'Roboto';
  font-weight: 500;}

.whybhavansmargin {padding: 30px 30px;}

.whybhavanswrapper{background: #F2F0F0 ; padding: 60px 0;}

.whybhavansleft{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 6px 15px #0000004D; padding: 60px 60px;
border-radius: 34px;}

.whybhavansleft h2 {font-size: 30px;
  font-weight: 500;padding-bottom: 30px;font-family: 'Poppins';text-align: center;}
.whybhavansleft h2 span {
  color: #ff5b3d;
}


.whybhavansleft li {
  font-size: 17px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}
.whybhavansleft li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/green-tick.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-repeat: repeat;
  background-size: cover;
}
.whybhavansleft ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}




.ctechhead h4 {
  font-size: 27px;
  font-weight: 500;
  font-family: 'Poppins';
 color: #F65A39;
}



.ctechhead h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
 padding-right: 60%;padding-bottom: 30px;
}
.ctechright p {
color: #777777;
  font-size: 15px;
  margin-bottom: 30px;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
}


.ctechleft p {
  color: #777777;
  font-size: 15px;
  margin-bottom: 30px;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
}
.ctechleft img {padding-bottom: 20px;}

.ctechleft h5 {
  font-size: 25px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  padding-right: 18%;
}

.ctechright h6 {
  font-size: 18px;
  font-weight: 500;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Poppins';
  padding-right: 22%;padding-top: 20px;
}

.ctechleft {padding-right: 10%;position: relative;}
.ctechsilder {position: relative;}
.ctechsilder::before {position: absolute;
  background-image: url(../images/line-01.png);
  background-repeat: no-repeat;
left: -40px;
  top: 0;
  width: 5px;
  height: 100%;
  content: '';}


.ctechwrapper {padding: 60px 0;}
/* safe */
.safewrapper {background: #303150;position: relative;}

.safewrapper::before{position: absolute;width: 50%;height: 100%;right: 0;
background-color: #fff;content: '';}
.safeleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-right: 10%;  color: #fff;padding-top: 20px;
}


.safeleft  p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  padding-right: 13%;
  font-family: 'Roboto';
  font-weight: 500;
}
.safeleft , .saferight {padding: 30px 0;}

.safeleft {padding-right: 20px;}

.saferight {position: relative;z-index: 9;}



.safebox {background: #F7F7F7 0% 0% no-repeat padding-box;
border: 0.5px solid #707070;
border-radius: 34px; padding: 20px 20px;}

.saferight li {
  font-size: 17px;
  color: #000;
  font-family: 'Roboto';
  font-weight: 500;
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
.saferight li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  font-weight: 400;
  background-image: url(../images/green-tick.png);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-repeat: repeat;
  background-size: cover;
}
.saferight ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}
.safeimg img {
  max-width: 310px;
}
.saferight {padding-left: 30px;}

.saferight p {
  color: #777777;
  font-size: 14px;
  font-family: 'Roboto';
  font-weight: 500;padding-top: 20px;
}
.saferight h6 {
  font-size: 18px;
  font-weight: 500;
  font-family: 'Poppins';padding: 20px 0;
}

/* contact */
.contactleft {background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 6px 15px #0000004D;
border-radius: 34px;padding: 50px 50px;height: 100%;}
.contactwrapper {margin-top: 8%;padding: 60px 0;background: #F9F9F9}



.contactleft .form-control {
  box-shadow: 0px 3px 6px #00000029;
  background: #F5F5F5 0% 0% no-repeat padding-box;
 border-radius: 10px;border: none;
margin-bottom: 25px;
  padding: 12px 25px;  font-weight: 500;
  font-family: 'Poppins';
}

.contactleft .form-control::placeholder {color: #000;font-size: 13px;  font-weight: 500;
  font-family: 'Poppins';}



.formbtn {margin-top: 20px;text-align: center;}

.formbtn a {
 background: #303150 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  color: #fff;
padding: 7px 35px;
  text-align: center;font-weight: 600;}


.formbtn a:hover {background: #000;color: #fff;transition: 0.5s;}

.contactleft h5 {
  font-size: 22px;
  font-weight: 500;
  font-family: 'Poppins';
  color: #F65A39;
}
.contactleft h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Poppins';
padding-bottom: 30px;;margin: 0;
}

.contactleft p {
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: 'Roboto';
  font-weight: 500; border-bottom: 1px solid #000;margin-bottom: 40px;
padding-bottom: 35px;
}
.conbox  {
  background: #FFF 0% 0% no-repeat padding-box;
  box-shadow: 3px 6px 15px #0000004D;
  border-radius: 15px;
  padding: 20px 30px;margin-top: 20px;
}
.emailbox  {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 15px;
  padding: 20px 20px;display: flex;
  gap: 20px;margin-bottom: 15px;
}
.emailicon{background: #E3EEF6;
  border-radius: 40px;
min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;}

.emailicon img {
  height: 20px;
}
.emailtext h6 {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-bottom: 10px;margin: 0;
}
.emailtext p {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-bottom: 0px;margin: 0;
}

.checkbox-group {
    display: flex;
    align-items: center;
margin: 40px 0;
}

.checkbox-group input {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
}

.checkbox-group label {
    margin: 0;
    color: #2F3C33;
    font-weight: bold;  font-weight: 500;
  font-family: 'Poppins';font-size: 13px;
}

.checkbox-group a {
    color: #000;
    text-decoration: none;  font-weight: 500;
  font-family: 'Poppins';
}
.mapwrapper {padding: 60px 0;background: #F5F7FB}

.mapmargin h6 {
    margin: 0;
    color: #000; font-weight: 500;
  font-family: 'Poppins';font-size: 16px;text-align: center;margin-bottom: 30px;
}
.mapmargin h6 img {height: 15px;margin-right: 10px;}
.mapmargin iframe{box-shadow: 3px 6px 15px #0000004D;
border-radius: 15px; }

/* acti */
.activiwrap{padding: 60px 0;margin-top: 8%;}
.main-box{

  background:#fff;
  border-radius:20px;
  display:flex;
  overflow:hidden;
 background: #F9F9F9 0% 0% no-repeat padding-box;
border: 0.5px solid #707070;
border-radius: 20px;
}

/* LEFT SIDE */
.left{
  width:260px;
  padding:30px;
  border-right:1px solid #707070;
}

.left h3{
  color:#ff4d4d;font-weight: 500;
  font-family: 'Poppins';
  margin-bottom:20px;font-size: 18px;
}

.list-item{
  margin-bottom:15px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#444;
}

.list-item input{
  accent-color:#1aa260;
  cursor:pointer;
}

.list-item.active{
  color:#1aa260;
  font-weight:600;
}

/* RIGHT SIDE */
.right{
  flex:1;
  padding:40px;
}

.right h2{
  color:#1aa260;
  margin-bottom:10px;font-size: 18px;font-weight: 500;
  font-family: 'Poppins';
}

.right p{
 color: #000;
  margin-bottom: 30px;
  font-weight: 500;
  font-family: 'Poppins';
  font-size: 13px;
padding-right: 35%;
}

.tab-content{
  display:none;
  animation:fade 0.4s ease-in-out;
}

.tab-content.active{
  display:block;
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}
.card {background: transparent; border: none;}
.card img{
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:0.3s;
}

.card img:hover{
  transform:translateY(-6px);
}

.card img{
  width:100%;
  height:200px;
  object-fit:cover;
}

.card h4{
  padding:15px;
  margin:0;
  font-size:16px;font-weight: 500;
  font-family: 'Poppins';
}

@keyframes fade{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}