@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400&family=Roboto:wght@100;300;400;500;700;900&display=swap');

/***** General CSS *****/



body {

  word-break: break-word;

  font: 15px/25px 'Roboto', sans-serif;

  color: #2D3436;

  overflow-x: hidden;

}
html {
    overflow-x: hidden;
}


a {

  text-decoration: none;

  color: #000;

  white-space: initial;

}



a:hover,

a:focus {

  text-decoration: none;

  color: #393939;

}



a:hover {

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

}



img {

  max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



ul {

  margin: 0 0 0px;

  padding: 0;

  list-style-type: none;

}



p {

  font-weight: 500;

}





/***** Font Files *****/



@font-face {

  font-family: 'Fonts Awesome';

  src: url(../fonts/fontawesome-webfont.eot);

  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

  font-weight: 400;

  font-style: normal

}

@font-face {

  font-family: 'Big Noodle';

  src: url(../fonts/big_noodle_titling.ttf);

}

@font-face {

  font-family: 'Big Noodle Oblique';

  src: url(../fonts/big_noodle_titling_oblique.ttf);

}

@font-face {

  font-family: 'TrajanPro3 Bold';

  src: url(../fonts/TrajanPro3-Bold.otf);

}

@font-face {

  font-family: 'TrajanPro3 Regular';

  src: url(../fonts/TrajanPro3-Regular.otf);

}







/***** Custom Classes *****/



.noPadding {

  padding: 0;

}



.noLeft {

  padding-left: 0;

}



.noRight {

  padding-right: 0;

}



.centerCol {

  float: none;

  margin: 0 auto;

}



.btn11 {border: 1px solid #ecf0f9!important;text-align: center;position: relative;overflow: hidden!important;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background: #76B947!important;z-index: 10;display: inline-block;color: #fff;padding: 8px 10px 8px 25px;border-radius: 10px;font-size: 18px;font-family: 'Roboto', sans-serif;font-weight: 400;border-radius: 50px;width: 180px;}



.btn11:hover {border: 1px solid #76B947!important;color: #fff!important}



.btn11::before {content: '';width: 0%;height: 100%;display: block;background: #76B947;position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);transform: skewX(-20deg);left: -10%;opacity: 1;top: 0;z-index: -12;-moz-transition: all .7s cubic-bezier(.77, 0, .175, 1);-o-transition: all .7s cubic-bezier(.77, 0, .175, 1);-webkit-transition: all .7s cubic-bezier(.77, 0, .175, 1);transition: all .7s cubic-bezier(.77, 0, .175, 1);box-shadow: 2px 0 14px rgba(0, 0, 0, .6);border-color: #a30000!important}



.btn11::after {

    content: '';

    width: 0%;

    height: 100%;

    display: block;

    background: #fff;

    position: absolute;

    -ms-transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg);

    transform: skewX(-20deg);

    left: -10%;

    opacity: 0;

    top: 0;

    z-index: -15;

    -webkit-transition: all .94s cubic-bezier(.2, .95, .57, .99);

    -moz-transition: all .4s cubic-bezier(.2, .95, .57, .99);

    -o-transition: all .4s cubic-bezier(.2, .95, .57, .99);

    transition: all .4s cubic-bezier(.2, .95, .57, .99);

    box-shadow: 2px 0 14px rgba(0, 0, 0, .6);

    border-color: #a30000!important

}



.btn11:hover::before,

.btn11:hover::before {

    opacity: 1;

    width: 116%

}



.btn11:hover::after,

.btn11:hover::after {

    opacity: 1;

    width: 120%

}

.slider_call .admission_btn{
    display:none;
}
.flexRow {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}



.flexCol {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  align-items: center;

}



/*header css start */

header{

  /* position: absolute; */

  top: 0;

  width: 100%;

  z-index: 1;

  padding: 30px 0;

  /* padding: 12px 0; */
  /* background-color: #9bdd9c; */
    box-shadow: 0 0 40px 0 #00000022;

}





/*Main Menu Styling*/



.menuSec {

    padding: 0px 0;

}



.menuSec img {

    margin: 0;

}



.menuSec ul {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

    text-transform: capitalize;

    display: inline-flex;

    justify-content: space-evenly;

    align-items: start;

    width: 100%;

}



.menuSec ul li {

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

}



.admission_btn a {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.call_icon{

  width: 40px;

  height: 40px;

  background-color: #fff;

  border-radius: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;



}

.menuSec li ul {

    display: none;

}



.menuSec ul li a {

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #7c7c7c;

    padding: 10px 23px;

    font-size: 20px;

    font-weight: 600;
    overflow: hidden;

}


.menuSec ul li a:after {
    background: #4E8150;
    content: '';
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(-100%, 0, 0);
    width: 100%;
}
.menuSec ul li a:hover::after {
    animation: link-hoverstate .5s linear forwards;
        animation-timing-function: linear;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes link-hoverstate {
 0% {
  opacity:1;
  transform:translate3d(-100%, 0, 0)
 }
 55% {
  transform:translate3d(100%, 0, 0)
 }
 56% {
  transform:translate3d(100%, calc(0.5rem + 4px), 0)
 }
 100% {
  opacity:1;
  transform:translate3d(0, calc(0.5rem + 4px), 0)
 }
}





.menuSec ul li a:hover,

.menuSec ul li a.active {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;color: #4E8150;}



.menuSec li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 38px;

}



.menuSec li>ul>li>a {

    border: none;

    padding: 13px 20px !important;

    color: #fff !important;

    overflow: hidden;

    font-size: 13px;

    line-height: 20px;

}



.menuSec li>ul>li,

.menuSec li>ul>li>a {

    display: block;

    margin: 0;

}



.menuSec li>ul>li>a:before,

.menuSec li>ul>li>a:after {

    display: none;

}



.menuSec li:hover li {

    float: none;

}



.menuSec li:hover a {}



.menuSec li ul li a:hover {

    background-color: #ffffff;

    color: #000000 !important;

}



.menuSec ul ul ul {

    left: 100%;

    top: 0;

}



.menuSec ul:before,

.menuSec ul:after {

    content: " ";

    display: table;

}



.menuSec ul:after {

    clear: both;

}



.menuSec li>ul>li:hover>ul {

    left: 230px;

    top: 0px;

    width: 270px;

}











@-moz-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



@-webkit-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



@-o-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



@keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



/*Main Menu Styling End*/





/*CAROUSEL*/

.main_slider{

  position: relative;

  overflow-y: hidden;

}

.main_slider::after{

  content: '';

  position: absolute;

  background-image: url(../images/banner_bg.jpg);

  width: 100%;

  height: 100%;

}

.main_banner{

  width: 100%;

}

.banner_text h1{font-size: 61px;color: #111e3d;font-family: 'Poppins', sans-serif;line-height: 90px;font-weight: 800;margin-bottom: 30px;}

.banner_text h1 span{color: #4E8150;}

.banner_text p{

  color: #7c7c7c;

  font-size: 16px;

  font-family: 'Roboto';

}

.banner_text ul{

  margin-top: 40px;

  display: flex;

  align-items: center;

}

li.slider_aboutbtn .btn11 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

li.slider_aboutbtn .btn11:hover .arrow_icon{

  transform: rotate(-90deg);

  transition: 0.3s ease-in-out;

}

li.slider_aboutbtn .btn11 .arrow_icon{

  width: 40px;

  height: 40px;

  background-color: #fff;

  border-radius: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s ease-in-out;

}

.slider_aboutbtn{

  margin-right: 25px;

}

.headphone_img{

  margin-right: 20px;

}

.call_headphones .phone_num h4{font-size: 20px;color: #000;font-family: 'Roboto',sans-serif;margin-bottom: 0;}

.call_headphones .phone_num h3 a{font-size: 27px;color: #76B947;}

.banner_text ul li{

  display: inline-block;

}

.call_headphones {

    display: flex;

    align-items: center;

}

.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

  width: 100%;

}

.carousel-control.right,

.carousel-control.left {

  background: none;

  opacity: 1;

  width: 50px;

  height: 50px;

  top: initial;

  top: 40%;

  background: rgba(255, 255, 255, 0.1);

  text-shadow: none;

}

.carousel-control.right:hover,

.carousel-control.left:hover {

  background: rgba(255, 27, 27, 0.6);

  color: #fff;

}

.carousel-control.right .fa,

.carousel-control.left .fa {

  position: relative;

  top: 12px;

  font-size: 20px;

  color: #fff;

  opacity: 0.5;

}

.carousel-control.right {

  right: 0px;

}

.carousel-control.left {

  left: 0px;

}

.carousel-indicators {}

.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 12px;

    padding: 0;

    margin: 3px!important;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    /* transition: opacity 0.6s ease; */

    border-radius: 20px;

}

.carousel-item{

  height: 1100px;

}

.carousel-item::before{

  content: '';

  position: absolute;

  height: 100%;

  width: 100%;

  z-index: -1;

  background-color: #e7ebfd;
  /* background-color: #e8f4f8; */

  left: 0;

  top: 0;

  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);

}
.left_banner{
    margin-top: -23%;
}
.carousel-item::after{

      content: '';

    position: absolute;

    z-index: -1;

    height: 70%;

    width: 35%;

    right: 0;

    background-repeat: no-repeat;

    background-size: contain;

    top: 20%;

    /* background-image: url(../images/admission_btn-bg.png); */

}

.carousel-caption {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  margin: 0;

  padding: 0;

  color: #fff;

  text-align: left;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  /*background: rgba(0, 0, 0, 0.1);*/

}

.carousel-indicators li {

  border: none;

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  background: #fff;

  width: 12px;

  height: 12px;

  margin: 0;

}

.carousel-indicators .active {

  margin: 0;

  background-color: #28b16d;

  width: 10px;

  height: 12px;

}



.banner_image{

  position: relative;

}

.img-2{

  position: absolute;

  top: 0;

  left: 43%;


}

.img-2 img{
    animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}






/*home pages sec*/

  .themes-padd{padding: 80px 0;}

  .themes-h2{color: #111e3d;font-size: 60px;font-weight: 600;font-family: 'Poppins', sans-serif;font-weight: bold;}

  .service-sec{position: relative;padding-top: 0;height: 800px;}

  .service-sec::before{

        content: '';

    position: absolute;

    left: 0;

    top: -30%;

    height: 100%;

    width: 60%;

    background-image: url(../images/service-dots.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

  }
/* .slick-cloned .serv-box{
    height: 478px;
} */
  .service-sec .themes-h2{

    text-align: right;

  }

  .serv-box::before{content: '';position: absolute;left: 0;top: 0;height: 0;width: 100%;background-color: #4E8150;z-index: -1;transition: height 2s ease-in-out;}

  .serv-box{

    position: relative;

    transition: 0.3s ease-in-out;

    box-shadow: 0 0 10px #00000022;

    /* border-radius: 5px; */

    padding: 20px;

    z-index: 1;

    /* margin-top: 80px; */
    margin-top: 20px;

    background-color: #fff;

  }

  .serv-box .serv-img::before{content: '';position: absolute;left: -12px;top: -12px;height: 120px;width: 120px;background-color: #4E8150;border-radius: 50%;z-index: -1;}

  .serv-box .serv-img img{

transition: 0.3s ease-in-out;

filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);

}

  .serv-box .serv-img{transition: 0.3s ease-in-out;background-color: #4E8150;height: 100px;width: 100px;border-radius: 50%;margin: 0% auto;padding: 20px;border: 2px dashed #fff;position: relative;margin-bottom: 20px;margin-top: 20px;}

  .serv-box .serv-txt{

    padding: 20px;

    text-align: center;

    transition: 0.3s ease-in-out;

  }

  .serv-box .serv-txt h4{

    color: #000f5c;

    font-size: 30px;

    margin-bottom: 10px;

    transition: 0.3s ease-in-out;

  }

  .serv-box .serv-txt p{

    color: #7c7c7c;

    font-size: 14px;

    margin-bottom: 10px;

    transition: 0.3s ease-in-out;

    font-weight: 400;

    letter-spacing: 0;

  }

  .serv-box .serv-txt .read-btn{color: #000;display: flex;align-items: center;justify-content: center;height: 50px;width: 180px;margin: 0% auto;transition: 0.3s ease-in-out;}

  .serv-box .serv-txt .read-btn img{

    height: 20px;

    width: 20px;

    object-fit: contain;

    margin-left: 15px;

    transition: 0.3s ease-in-out;

  }

  .last-p{

    transition: 0.3s ease-in-out;

    opacity: 0;

    position: absolute;

    height: 0;

  }

  /* .contact-btn{display: flex;align-items: center;justify-content: flex-end;height: 45px;width: 140px;background-color: #1A2B3C;border: 2px solid #000;border-radius: 50px;margin: 0% auto;color: #fff;transition: 0.6s ease-in-out;position: absolute;left: 50%;transform: translate(-50%, 22px);opacity: 0;} */
.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center; /* Changed from flex-end to center */
    height: 45px;
    width: 140px;
    background-color: #1A2B3C;
    border: 2px solid #000;
    border-radius: 50px;
    color: #fff;
    transition: 0.6s ease-in-out;
    position: absolute;
    bottom: 20px; /* Position from bottom instead of translate */
    left: 50%;
    transform: translateX(-50%); /* Only translate horizontally */
    opacity: 0;
    margin: 0; /* Remove auto margin */
}
.service-sli .slick-slide.slick-center .contact-btn {
    opacity: 1;
    bottom: 80px;
}
  .contact-btn:hover{box-shadow: inset 70px 0 0 0 #76B947 , inset -70px 0 0 0 #76B947;color: #fff;}

  .contact-btn img{

    height: 28px;

    width: 28px;

    object-fit: contain;

    background-color: #fff;

    padding: 5px;

    border-radius: 50%;

    margin:0 10px;

    transform: rotate(-90deg);

  }



  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box::before{

    height: 100%;

        border-radius: 5px;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box{

    /*background-color: #913bff;*/

        transform: scale(1.2);

        margin: 55px 0;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-img{

    background-color: #fefeff;

    border-color: #000;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-img::before{background-color: #4E8150;}

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-img {



  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-img img{

animation: rotating 2s linear infinite;

filter: brightness(0) saturate(100%);

}

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-txt h4{

    color: #fff;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-txt p{

    color: #fff;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-txt .read-btn{

    display: none;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-txt .last-p{

    opacity: 1;

    position: relative;

    height: 100%;

  }

  .service-sli .slick-slide.slick-current.slick-active.slick-center .serv-box .serv-txt .contact-btn{

    opacity: 1;

  }



  @keyframes rotating {

  from {

    -ms-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -ms-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.rotating {

  -webkit-animation: rotating 2s linear infinite;

  -moz-animation: rotating 2s linear infinite;

  -ms-animation: rotating 2s linear infinite;

  -o-animation: rotating 2s linear infinite;

  animation: rotating 2s linear infinite;

}



  .service-sli .slick-slide{
    opacity: 0.5;
    transition: opacity 0.3s ease;
    padding: 15px;
    transform: scale(0.9);
    transition: all 0.3s ease;
    /* opacity: 1;
    margin: 20px 30px; */

  }

  .service-sli .slick-prev{transition: 0.3s ease-in-out;left: -5px;z-index: 111;}

  .service-sli .slick-next{transition: 0.3s ease-in-out;right: 25px;z-index: 0;}

  .service-sli .slick-next::before{

    content: '';

    position: absolute;

    opacity: 1;

    background-image: url("../images/right-arrow.png");

    height: 30px;

    width: 30px;

    background-repeat: no-repeat;

    background-size: contain;

  }

  .service-sli .slick-prev::before{

    content: '';

    position: absolute;

    transform: rotate(180deg);

    opacity: 1;

    background-image: url("../images/right-arrow.png");

    height: 30px;

    width: 30px;

    background-repeat: no-repeat;

    background-size: contain;

  }



  .about-sec::after{

    content: '';

    position: absolute;

    right: -8%;

    height: 100%;

    width:50%;

    background-image: url("../images/about-element-right.png");

    background-repeat: no-repeat;

    background-size: contain;

    top: 0;
      animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  }

  .about-sec::before{

    content: '';

    position: absolute;

    left: 0;

    height:40%;

    width:20%;

    /* background-image: url("../images/about-lef-element.png");

    background-repeat: no-repeat;

    background-size: contain; */

    top: -20%;

  }

  .about-sec{

    position: relative;

    z-index: 0;

  }

  .about-sec .row{

    display: flex;

    align-items: center;

  }

  .about-sec .container-fluid::before{

    content: '';

    position: absolute;

    height: 130%;

    width: 100%;

    background-image: url(../images/about-main-bg.png);

    background-repeat: no-repeat;

    background-size: contain;

    z-index: -2;

    top: -20%;

  }

  .about-sec .container-fluid{

    padding-left: 10%;

    position: relative;

  }



  .about-sec .nav-tabs{

    border-bottom: 2px solid #ebebeb;

    display: inline-flex;

    margin-bottom: 20px;

  }

  .about-sec .nav-tabs .nav-link{

    color: #7c7c7c;

    border: 0;

    margin: 10px 0;

    padding: 0;

    width: 120px;

    text-align: left;

    position: relative;

    font-size: 18px;

    font-weight: bold;

    transition: 0.3s ease-in-out;

    font-family: 'Roboto', sans-serif;

  }

  .about-sec .nav-tabs .nav-link.active::before{content: '';position: absolute;bottom: -12px;height: 2px;width: 85%;background-color: #4E8150;left: 0;}

  .about-sec .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #4E8150;}

  .about-sec .tab-content p{

    color: #7c7c7c;

    font-size: 14px;

    font-weight: 400;



  }

  .about-sec img{

     animation: 1s shiver ease-in-out infinite;

  }





@keyframes shiver{

  0%{

    position: relative;

    left: 10px;

  }

  50%{

    position: relative;

    left: 0px;

  }

  100%{

    position: relative;

    left: 10px;

  }



}



.number-sec{

  position: relative;

  margin: 60px 0;

  z-index: 1;

}

.number-sec ul{display: flex;justify-content: space-between;text-align: center;background: #1A2B3C;border-radius: 5px;background-size: 400% 400%;animation: gradient 15s ease infinite;padding: 80px 0;}

@keyframes gradient {

  0% {

    background-position: 0% 50%;

  }

  50% {

    background-position: 100% 50%;

  }

  100% {

    background-position: 0% 50%;

  }

}



.number-sec ul li{

  text-align: center;

  width: 25%;

}
.number-sec ul li h2 {
    margin: 0;
    color: #fff;
    font-size: 160px;
    font-weight: 400;
    font-family: 'Be Vietnam Pro', sans-serif;
    text-align: center;
}
/* .number-sec ul li h2{

  margin: 0;

  color: #fff;

  font-size: 65px;

  font-weight: bolder;

  font-family: 'Poppins';

  text-align: center;

} */

.number-sec ul li h6{

  margin: 0;

  color: #fff;

  font-size: 35px;

  font-weight: 600;

  font-family: 'Poppins', sans-serif;

  text-align: center;

}



.data-sec::before{

  content: '';

    position: absolute;

    left: -10%;

    top: 5%;

    height: 100%;

    width: 55%;

    background-image: url(../images/blue-circle.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

}

.data-sec::after{

     content: '';

    position: absolute;

    right: 0;

    top: -25%;

    height: 85%;

    width: 30%;

    background-image: url(../images/dots-data.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

}

.move-img{

   animation: 1s shiver ease-in-out infinite;

}

.data-sec{

  position: relative;

  z-index: 0;

}

.themes-p{

  color: #7c7c7c;

  font-size: 14px;

  line-height: 30px;

  font-weight: 400;

}

.data-sec p{

  margin: 20px 0;



}

.data-sec .container-fluid{

  padding-right: 10%;

}

.data-sec .row{

  display: flex;

  align-items: center;

}

.themes-h3{color: #111e3d;font-size: 67px;font-weight: bold;font-family: 'Poppins', sans-serif; margin: 10px 0;line-height: 80px;}

.themes-h3 b{color: #4E8150;font-weight: bold;font-size: 60px;}

.themes-h3 span{

  display: block;

}

.btn-sty{

  height: 55px;

  display: flex;

  align-items: center;

  justify-content: flex-end;

      /* top: 40px; */
  width: 160px;

}

.btn-sty img{

  padding: 5px;

  height: 30px;

  width: 30px;

  background-color: #fff;

  border-radius: 50%;

  margin: 0 10px;

  transform: rotate(-90deg) !important;

}



.profess-sec .row{

  display: flex;

  align-items: center;

}

.profess-sec::after{

       content: '';

    position: absolute;

    right: -25px;

    height: 40%;

    width: 15%;

    /* background-image: url(../images/about-lef-element.png); */

    /* background-repeat: no-repeat;

    background-size: contain; */

    top: -20%;

    transform: rotate(180deg);

}

.profess-sec{

  position: relative;

  z-index: 0;

}

.profess-sec .mg-topss{

  margin-top: 90px;

}

.softw-box::before{content: '';position: absolute;left: 0;bottom: 0;height: 0;width: 100%;background-color: #4E8150;transition: height 0.5s ease-in-out;z-index: -1;
    /* border-radius: 5px;border-radius: 5px; */
}

.softw-box:hover::before{

  height: 100%;

}

.softw-box:hover{

  /* transform: scale(1.05); */

}

.softw-box{

    background-color: #fff;
    box-shadow: 0 0 3px 0 #00000022;
    /* border-radius: 5px; */
    /* margin: 10px 0; */
    padding: 30px 20px;
    text-align: center;
    z-index: 1;
    position: relative;
    padding-bottom: 10px;
    transition: 0.3s ease-in-out;

}

.softw-box:hover .sof-img{

  background-color: #fff;

  border-color: #000;

}

.softw-box .sof-img{transition: 0.3s ease-in-out;background-color: #4E8150;height: 100px;width: 100px;border-radius: 50%;margin: 0% auto;padding: 20px;border: 2px dashed #fff;position: relative;margin-bottom: 20px;}

.softw-box .sof-img::before{content: '';position: absolute;height: 120px;width: 120px;background: #4E8150;left: -12px;top: -12px;border-radius: 50%;z-index: -1;}

.softw-box:hover .sof-img img {
    filter: brightness(0) saturate(100%);
    animation: rotating 2s linear infinite;
}

.softw-box .sof-img img {
    height: 60px;
    object-fit: contain;
    width: 50px;
    transition: 0.3s ease-in-out;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.softw-box .soft-txt{

  padding: 20px 10px;

      margin-bottom: 0;

}

.softw-box:hover .soft-txt h4{

  color: #fff;

}

.softw-box .soft-txt h4{

  color: #000f5c;

  font-size: 20px;

  font-weight: 600;

  font-family: 'Roboto', sans-serif;

  transition: 0.3s ease-in-out;

}

.softw-box:hover .soft-txt p{

  color: #fff;

}

.softw-box .soft-txt p{

  font-weight: 400;

  margin:0;

  transition: 0.3s ease-in-out;

}



.client-sec{

  position: relative;
  padding: 0 2%;

}

.client-box::after{

  content: '\f10e';

  font-weight: 600;

  font-family: 'Font Awesome 5 Free' , sans-serif;

  color: #7d84ab;

  right: 10px;

  position: absolute;

  top: -10px;

  font-size: 60px;

}

.client-box{

  background-color: #fff;

  box-shadow:  0 0 10px 0 #00000022;

  border-radius: 5px;

  padding: 20px 15px;

  position: relative;

}

.client-box img {
    
    margin-top: -60px;
    
    height: 100px;
    
    object-fit: cover;
    
    width: 100px;
    
    border-radius: 60px;
    
}

.client-box p{

  color: #7c7c7c;

  font-size: 13px;

  line-height: 30px;

  position: relative;

  margin-bottom: 20px;

}

.client-box ul{

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

  border-top: 1px solid #d8e4ea;

  padding: 10px 0;

}

.client-box ul li h5{

  color: #000000;

  font-size: 14px;

  margin:0;

}

.client-box ul li h6{

  color: #7c7c7c;

  font-size: 14px;

  margin:0;

}

.client-box ul li i{

  color: #f4a600;

}

.client-sli {

  margin: 40px 0;

}

.client-sli .slick-slide{

  opacity: 1;

  margin: 40px 10px;

}

.client-sli .slick-prev{transition: 0.3s ease-in-out;left: -25px;z-index: 11;}

  .client-sli .slick-next{

transition: 0.3s ease-in-out;

right: 5px;

z-index: 1;

}

  .client-sli .slick-next::before{

    content: '';

    position: absolute;

    opacity: 1;

    background-image: url("../images/right-arrow.png");

    height: 30px;

    width: 30px;

    background-repeat: no-repeat;

    background-size: contain;

  }

  .client-sli .slick-prev::before{

    content: '';

    position: absolute;

    transform: rotate(180deg);

    opacity: 1;

    background-image: url("../images/right-arrow.png");

    height: 30px;

    width: 30px;

    background-repeat: no-repeat;

    background-size: contain;

  }



  .bg-box::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1A2B3C;border-radius: 5px;background-size: 400% 400%;animation: gradient 15s ease infinite;z-index: -1;}

  .bg-box{

    position: relative;

    z-index: 0;

    padding: 60px 0;

  }

  .contact-sec{

    position: relative;

    margin-bottom: 230px;

  }

  .contact-sec h2{

    color: #fff;

    font-size: 65px;

    font-weight: bold;

    padding-left: 40px;

  }

  .contact-sec p{

    color: #fff;

    padding-left: 50px;

    font-weight: 400;

    width: 90%;

  }

  .contact-sec ul{

display: flex;

justify-content: center;

padding-left: 0;

gap: 20px;

}

  .contact-sec ul li i{display: block;margin: 0% auto;height: 60px;width: 60px;background-color: #4E8150;box-shadow: 0 0 10px 0 #00000022;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 25px;}

  .contact-sec ul li a{

color: #fff;

display: block;

text-align: center;

margin: 5px 0;

font-size: 12px;

}

   .box-form{

       background-color: #fff;

    /* padding: 50px 15px 20px; */
    padding: 50px 15px;

    position: absolute;

    width: 40%;

    margin-left: 5%;

    border-radius: 5px;

    top: -10%;

    box-shadow: 0 0 10px 0 #00000022;

  }



   .box-form h3{

    font-size: 65px;

    color: #000f5c;

    font-weight: bold;

   }

   .box-form input{

    width: 100%;

    padding: 12px 20px;

    background-color: #ebebeb;

    border-radius: 50px;

    margin-bottom: 20px;

    border: 0;

   }

   .box-form textarea{

    width: 100%;

    resize: none;

    padding: 12px 20px;

    background-color: #ebebeb;

    border-radius: 50px;

    margin-bottom: 20px;

    border: 0;

    height: 90px;

   }

/*home pages sec*/

















.footerSec {
    padding-top: 60px;
    background: #1A2B3C;
    color: #fff;
}



.ft-cont p {

        font-size: 16px;

    line-height: 30px;

    font-weight: 400;

}



.ft-cont img {

    padding-bottom: 20px;

}



.footerSec h5 {

    font-size: 27px;

    font-weight: bold;

    color: #fff;

    line-height: 1;

    margin: 0 0 20px;

}



.newl-ft a {

    color: #000;

    font-size: 19px;

    margin-right: 5px;

}



.newl-ft form {

    display: flex;

    margin-bottom: 15px;

}



.newl-ft input::placeholder {

    color: #000;

}



.newl-ft input {

       width: calc(100% - 50px);

    border: none;

    height: 50px;

    padding: 10px;

    background: #fff;

    font-weight: 500;

    color: #000;

}



.newl-ft button {

        background: #8837ef;

    width: 60px;

    color: #fff;

    font-size: 20px;

    border: none;

}



.conact-det-flx a {

    display: flex;

    align-items: start;

    color: #fff;

    margin-bottom: 16px;

}
.ft-cont-info {
    padding-left: 40px;
}


.conact-det-flx a i {

        font-size: 16px;

    padding: 1px;

    margin-right: 13px;

    margin-top: 5px;

}



.linkedin-img img {

    margin: 5px;

    height: 78px;

    width: 78px;

    object-fit: cover;

}



.copy-right-sec {padding: 15px 12px;margin-top: 50px;text-align: center;border-top: 1px solid #FFFFFF33; background: #1A2B3C;background-size: 400% 400%;animation: gradient 15s ease infinite;color: #fff;box-shadow: 0 -4px 15px rgba(26, 43, 60, 0.6), 0 0 20px rgba(255, 255, 255, 0.1);}

#particles-js  {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.counter span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 65px;
  font-weight: bolder;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
header.fixed {
  position: fixed;
  background: #fff;
  padding: 11px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 111;
  animation: goDown 0.5s ease-in-out forwards;
}

@keyframes goDown {
  0%{
    top:-60px;
  }
  100% {
    transform: translateY(0px);
  }
}

.footerSec .row {
    
    align-items: end;
    
}
.thankyou-main .btn-sty {
    
    width: 200px;
    
    margin: 0 auto;
    
}
.thankyou-main h2 {
    
    color: #000;
    
    margin-bottom: 20px;
    
    font-size: 40px;
}
.thankyou-main {
    
 padding-bottom: 100px;
    text-align: center;
    padding-top: 100px;
    background: #f9f9f9;
}
header.thank-head {
    position: unset;
}


.bann_formz{
    padding: 30px 50px;
    background: #fff;
    border-radius: 25px;
    margin: 0 50px;
}
.bann_formz h2{
    color: #04115b;
    text-align: center;
    margin: 0 0 20px 0;
}
.bann_formz .grp{}
.bann_formz .grp input{
    width: 100%;
    padding: 12px 20px;
    background-color: #ebebeb;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 0;
}
.bann_formz .grp textarea{
    width: 100%;
    padding: 12px 20px;
    background-color: #ebebeb;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 0;
    resize: none;
}
.bann_formz .grp button{
    background: #1A2B3C;
    padding: 10px 10px;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    border: 0;
    color: #fff;
    font-size: 18px;
}



@media only screen and (min-width: 1200px) and (max-width: 1365px) {

.banner_text h1 {
    font-size: 51px;
    line-height: 71px;
    margin-bottom: 20px;
}
.serv-box .serv-txt {
    padding: 20px 0px;
}
.serv-box .serv-txt p {
    font-size: 13px;
}
.serv-box .serv-txt h4 {
    font-size: 22px;
}
.number-sec ul li h2 {
    font-size: 55px;
}
.number-sec ul li h6 {
    font-size: 25px;
}
.themes-h3 {
    font-size: 57px;
}
.softw-box .soft-txt {
    padding: 20px 0px;
}
.softw-box .soft-txt h4 {
    font-size: 17px;
}
.softw-box .soft-txt p {
    font-size: 13px;
}
.themes-h3 {
    font-size: 57px;
    line-height: 60px;
}
.client-box p {
    line-height: 24px;
}
.linkedin-img img {
    height: 60px;
    width: 60px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .themes-h3 {
    font-size: 50px;
    line-height: 60px;
}
.number-sec ul li h2 {
    font-size: 50px;
}
.counter span {
    font-size: 50px;
}
.number-sec ul li h6 {
    font-size: 25px;
}
.number-sec ul {
    padding: 60px 0;
}
.btn11 {
    padding: 8px 10px 8px 20px;
    font-size: 16px;
    gap:5px;
    width: max-content;
}
.service-sli .slick-slide {
    opacity: 1;
    margin: 20px 30px 35px;
}











}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
   
    .main_menu .col-md-7.d-none.d-md-block {
    order: 3;
    width: 100%;
}

.main_menu .col-md-3.col-sm-6.col-xs-6 {
    width: 50%;
}.main_menu .col-md-2.col-sm-6.col-xs-6.text-right {
    width: 50%;
}

header {
    /* position: absolute; */
    padding: 15px 0;
}
.carousel-item {
    height: 1250px;
}
.admission_btn {
    display: flex
;
    justify-content: end;
    align-items: center;
}
.header-logo img {
    width: 50%;
}
.carousel-item::after {
    top: 50%;
}.img-2 {
    left: 73%;
    height: 150px;
    width: 150px;
}
.service-sli .slick-slide {
    opacity: 1;
    margin: 20px 30px 30px;
}
   .number-sec ul li h2 {
    font-size: 40px;
}
.counter span {
    font-size: 40px;
}
.number-sec ul li h6 {
    font-size: 20px;
}
  .number-sec ul {
    padding: 60px 0;
} 
  .box-form {
    padding: 25px 10px;
    position: relative;
    width: 100%;
    margin-left: 0%;
    top: 3%;
  }
  .box-form textarea {
    border-radius: 26px;
}

.contact-sec h2 {
    font-size: 55px;
    padding-left: 0px;
}
.contact-sec p {
    padding-left: 0px;
    width: 100%;
}
 .contact-sec ul {
    padding-left: 0px;
} 
 .footerSec {
    padding-top: 50px;
} 
  .footerSec h5 {
    font-size: 25px;
    margin: 20px 0 15px;
}.themes-padd {
    padding: 50px 0;
}
  
  .contact-sec {
    margin-bottom: 10px;
}
  
  
  
 
    
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
        
    .carousel-item {
        height: 800px;
    }
    header {
        top: 0px;        position: relative;
        padding: 15px 0;
        background: #e7ebfd;
    }
.admission_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_text h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
}

    .carousel-item::after {
        height: 26%;
        width: 48%;
        bottom: 10%;
        top: unset;
    }
.banner_text p {
    font-size: 13px;
    line-height: 18px;
}.banner_text ul {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: column;
}
.img-2 img {
    height: 50px;
    width: 50px;
}
.slider_aboutbtn {
    margin-right: 0px;
}
.service-sec {
    position: relative;
    padding-top: 0;
    height: auto;
}

.service-sli .slick-slide {
    margin: 20px 30px 39px;
}
.themes-h2 {
    font-size: 40px;
}
.serv-box .serv-txt p {
    font-size: 13px;
}
.themes-padd {
    padding: 40px 0;
}
.about-sec .container-fluid {
    padding-left: 5%;
}

.number-sec ul {
    display: flex;
    text-align: center;
    flex-wrap: wrap;gap:15px;   padding: 40px 0;
}

.number-sec ul li {
    width: 45%;
}
.counter span ,
.number-sec ul li h2 {
    font-size: 35px;
}
.number-sec ul li h6 {
    font-size: 16px;
}
section.data-sec.themes-padd {
    padding-top: 0px;
}
.themes-h3 {
    font-size: 30px;    line-height: 30px;
}
p {
    font-size: 13px;
    line-height: 18px;
}
.btn-sty {
    height: 49px;    padding: 6px 5px 6px 19px;
    width: max-content;
}
.box-form {
    padding: 25px 10px;
    position: relative;
    width: 100%;
    margin-left: 0%;
    top: 0%;
}
.themes-p {
    font-size: 13px;
    line-height: 18px;
}
.profess-sec .mg-topss {
    margin-top: 0px;
}
section#client {
    padding: 0px;
}
.client-box p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
}
.client-sli .slick-slide {
    margin: 40px 10px 0px;
}
.contact-sec h2 {
    font-size: 40px;
    padding-left: 0px;
}
.contact-sec p {
    padding-left: 0px;
    width: 100%;
}
.contact-sec ul {

    padding-left: 0px;
    flex-wrap: wrap;
    gap: 15px;    margin: 0 0 10px;
}

.box-form h3 {
    font-size: 40px;
}
.box-form textarea {
    border-radius: 25px;
    margin-bottom: 15px;
}
.contact-sec {
    position: relative;
    margin-bottom: 10px;
}
.footerSec {
    padding-top: 30px;
    background: #f4ebff;
}
.ft-cont p {
    font-size: 13px;
    line-height: 18px;
}

.footerSec h5 {
    font-size: 20px;
    margin: 20px 0 10px;
}
.copy-right-sec {
    padding: 12px 7px;   font-size: 12px;
    margin-top: 50px;
}
.serv-box .serv-txt h4 {
    font-size: 19px;
}
.contact-btn {
    height: 45px;
    width: fit-content;
    padding-left: 12px;

}
.banner_image{
     margin: 20px 0 10px;
}
section#about-us {
    padding-top: 100px;
}
.slicknav_nav a:hover {
    background: #913bff !important;
}



}

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

    .slider_call .admission_btn{
        display: block;
    }
     .left_banner{
        margin-top: 0;
    }
    .carousel-item {
        height: 900px;
    }
    header {
        top: 0px;    position: relative;
        padding: 15px 0;
        background: #e7ebfd;
    }
/* .admission_btn {
    display: flex;
    align-items: center;
    justify-content: center;
} */
    .admission_btn{
    display: none;
}
.banner_text h1 {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 20px;
}

    .carousel-item::after {
        height: 26%;
        width: 48%;
        bottom: 10%;
        top: unset;
    }
.banner_text p {
    font-size: 12px;
    line-height: 18px;
}.banner_text ul {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: column;
}
.img-2 img {
    height: 50px;
    width: 50px;
}
.slider_aboutbtn {
    margin-right: 0px;
}
.service-sec {
    position: relative;
    padding-top: 0;
    height: auto;
}

.service-sli .slick-slide {
    margin: 20px 30px 39px;
}
.themes-h2 {
    font-size: 40px;
}
.serv-box .serv-txt p {
    font-size: 12px;
}
.themes-padd {
    padding: 40px 0;
}
.about-sec .container-fluid {
    padding-left: 5%;
}
.number-sec ul {
    padding: 40px 0;
    flex-direction: column;
    gap: 15px;
}
.number-sec ul li {
    width: 100%;
}
.counter span ,
.number-sec ul li h2 {
    font-size: 35px;
}
.number-sec ul li h6 {
    font-size: 16px;
}
section.data-sec.themes-padd {
    padding-top: 0px;
}
.themes-h3 {
    font-size: 30px;    line-height: 30px;
}
p {
    font-size: 12px;
    line-height: 18px;
}
.btn-sty {
    height: 49px;    padding: 6px 5px 6px 19px;
    width: max-content;
}
.box-form {
    padding: 25px 10px;
    position: relative;
    width: 100%;
    margin-left: 0%;
    top: 0%;
}
.themes-p {
    font-size: 12px;
    line-height: 18px;
}
.profess-sec .mg-topss {
    margin-top: 0px;
}
section#client {
    padding: 0px;
}
.client-box p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}
.client-sli .slick-slide {
    margin: 40px 10px 0px;
}
.contact-sec h2 {
    font-size: 40px;
    padding-left: 0px;
}
.contact-sec p {
    padding-left: 0px;
    width: 100%;
}
.contact-sec ul {

    padding-left: 0px;
    flex-wrap: wrap;
    gap: 15px;    margin: 0 0 10px;
}

.box-form h3 {
    font-size: 40px;
}
.box-form textarea {
    border-radius: 25px;
    margin-bottom: 15px;
}
.contact-sec {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}
.footerSec {
    padding-top: 30px;
    background: #1A2B3C;
    text-align: center;
}
.ft-cont p {
    font-size: 12px;
    line-height: 18px;
}

.footerSec h5 {
    font-size: 20px;
    margin: 20px 0 10px;
}
.copy-right-sec {
    padding: 12px 7px;   font-size: 12px;
    margin-top: 50px;
}
.serv-box .serv-txt h4 {
    font-size: 19px;
}
.contact-btn {
    height: 45px;
    width: 120px;
    padding-left: 12px;

}
.banner_image{
     margin: 20px 0 10px;
}

.slicknav_nav a:hover {
    background: #913bff !important;
}


.header-logo a {
    margin: 0 auto;
    text-align: center;
    margin: 0 auto 10px;
    display: block;
}


.themes-h3 b {
    font-size: 30px;}
    
.contact-sec ul li.wow.bounceInLeft {
    width: 100%;}
    
.ft-cont {
    text-align: center;
}
    
.bann_formz {
    padding: 10px 30px;
    margin: 20px 20px; position: relative;
        z-index: 1;}
    
.bann_formz .grp textarea {
    height: 45px;         margin-bottom: 10px;}

.bann_formz .grp input {
    height: 45px;         margin-bottom: 10px;}  

.ft-cont-info {
    padding-left: 0;
}    


.conact-det-flx a {
    justify-content: center;}
}

ul.term_po{}
ul.term_po li{}
ul.term_po li a{color: #fff;}
ul.term_po li a:hover{color:#4E8150;}

/*Edit By IJ for form checkbox*/

.accept-check input {
    width: auto;
}

.accept-check p {
    color: #000;
    padding-left: 7px;
    font-size: 11px;
    width: 100%;
    line-height: 17px;
    text-align: left;
}
.accept-check p a {
    color: #4f6adc;
    text-decoration: underline
}

.accept-check {
    position: relative;
    display: flex;
    align-content: stretch;
    justify-content: center;
    align-items: baseline;
}
/*Edit By IJ for form checkbox*/

/* Fix for equal height slides */
 .service-sli .slick-track {
    display: flex;
    align-items: stretch;
}

.service-sli .slick-slide {
    height: auto;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.service-sli .slick-slide > div {
    height: 100%;
}
/*
.serv-box {
    height: 100%;
    min-height: 450px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 10px #00000022;
}
*/
.serv-img {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    background-color: #4E8150;
    border-radius: 50%;
    padding: 20px;
    border: 2px dashed #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-divider{
    height: 50px;
    background-color: #E8F4F8;
}
.service-sli .slick-slide.slick-center {
    opacity: 1;
}

.service-sli .slick-slide.slick-center .serv-box {
    background-color: #4E8150;
}

.service-sli .slick-slide.slick-center .serv-txt h4,
.service-sli .slick-slide.slick-center .serv-txt p {
    color: #fff;
}

.service-sli .slick-slide.slick-center .serv-img {
    background-color: #fff;
    border-color: #000;
}

.service-sli .slick-slide.slick-center .serv-img img {
    filter: brightness(0) saturate(100%);
} 
.serv-box {
    position: relative;
    min-height: 450px;
}

.serv-box .serv-txt .read-btn {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 180px;
    transition: 0.3s ease-in-out;
    position: absolute;
    bottom: 20px;  /* Distance from bottom */
    left: 50%;
    transform: translateX(-50%);
}

.slick-current .serv-box .serv-txt p,
.slick-current .serv-box .serv-txt div {
    color: #fff;
 }


 .stats-section {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1A2B3C;
    padding: 80px 40px;
}

.stat-box {
    text-align: left;
    padding: 0 60px;
}

.dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #76B947;
    margin-bottom: 15px;
}

.title {
    color: #76B947;
    font-size: 18px;
    margin-bottom: 15px;
}

/* .stat-box h2 {
    font-size: 80px;
    font-weight: 400;
    color: #000;
    line-height: 1;
} */
 .stat-box h2 {
    font-size: 80px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

/* Dynamic font sizing based on number of digits */
.stat-box h2[data-digits="3"] { font-size: 100px; }
.stat-box h2[data-digits="4"] { font-size: 80px; }
.stat-box h2[data-digits="5"] { font-size: 60px; }
.stat-box h2[data-digits="6"] { font-size: 50px; }

@media (max-width: 992px) {
    .stat-box h2[data-digits="3"] { font-size: 70px; }
    .stat-box h2[data-digits="4"] { font-size: 60px; }
    .stat-box h2[data-digits="5"] { font-size: 50px; }
    .stat-box h2[data-digits="6"] { font-size: 40px; }
}

.divider {
    width: 1px;
    height: 180px;
    background: #ccc;
}

@media (max-width: 992px) {
    .stats-section {
        flex-direction: column;
        text-align: center;
        flex-direction: column;
        text-align: center;
        padding: 40px;
        align-items: normal;
    }

    .divider {
        display: none;
    }

    .stat-box {
        padding: 40px 0;
    }

    .stat-box h2 {
        font-size: 80px;
    }
}



/* ================= SECTION ================= */
.services-section {
    padding: 100px 2%;
	font-family:'Inter', Arial, sans-serif;
    background-color: #1A2B3C;
}

/* ================= TOP ================= */
.section-label {
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-label .dot {
    width: 6px;
    height: 6px;
    background: #76B947;
}

.section-divider {
    width: 100%;
    height: 1px;
    background: #FFFFFF33;
    margin-bottom: 60px;
}

.top-content {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 70px;
}

.top-content .left h1 {
    font-size: 54px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
}

.top-content .right {
    max-width: 420px;
}

.top-content .right p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 25px;
    color: #fff;
}

.btn-orange {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #76B947;
    color: #fff;
    padding: 14px 28px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s ease;
}

.btn-orange:hover {
    background: #ff6a2a;
}

/* ================= CAROUSEL ================= */
.carousel-wrapper {
    position: relative;
}

.services-grid {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    padding-bottom: 10px;
}

/* 3 cards visible */
.service-card {
    flex: 0 0 calc((100% - 2 * 30px) / 3); /* 3 cards */
    scroll-snap-align: start;
    position: relative;
    height: 450px;
    overflow: hidden;
    cursor: pointer;
}

/* Hide scrollbar */
.services-grid::-webkit-scrollbar {
    display: none;
}
.services-grid {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Background images */
/* .service-card:nth-child(1) {
    background: url('https://images.unsplash.com/photo-1581092335397-9583eb92d232?w=1200&auto=format&fit=crop') center/cover no-repeat;
}
.service-card:nth-child(2) {
    background: url('https://images.unsplash.com/photo-1509395176047-4a66953fd231?w=1200&auto=format&fit=crop') center/cover no-repeat;
}
.service-card:nth-child(3) {
    background: url('https://images.unsplash.com/photo-1497436072909-f5e4be8c11b1?w=1200&auto=format&fit=crop') center/cover no-repeat;
} */

/* Zoom effect */
.service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
    z-index: 0;
}

.service-card:hover::before {
    transform: scale(1.08);
}

/* Overlay */
.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3));
    z-index: 1;
}

/* ================= CARD CONTENT ================= */
.card-content {
    position: absolute;
    inset: 0;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    color:#fff;
}

/* Top */
.card-top {
    display: flex;
    flex-direction: column;
}
.number {
    font-size: 14px;
    margin-bottom: 15px;
    opacity: 0.9;
}
.top-line {
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.3);
}

/* Bottom */
.card-bottom {
    position: relative;
}
.card-bottom h3 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}
.card-bottom p {
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
    margin-bottom: 25px;
    padding-right: 60px; /* space for arrow */
}

/* Arrow Button */
.arrow-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #76B947;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}
.service-card:hover .arrow-btn {
    transform: translateX(6px);
    background: #2c8559;
}

/* ================= CAROUSEL BUTTONS ================= */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #76B947;
    border: none;
    color: #fff;
    font-size: 24px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}
.carousel-btn:hover {
    background: #ff6a2a;
}
.carousel-btn.prev {
    left: -20px;
}
.carousel-btn.next {
    right: -20px;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .top-content {
        flex-direction: column;
    }
    .service-card {
        flex: 0 0 80%; /* show 1 card on tablet/mobile */
        height: 380px;
    }
    .top-content .left h1 {
        font-size: 40px;
    }
    .carousel-btn.prev { left: -10px; }
    .carousel-btn.next { right: -10px; }
}
@media (max-width: 600px) {
    .service-card {
        flex: 0 0 100%; /* full width for small screens */
    }
}

/* ================= SECTION ================= */
.approach-section {
    padding: 60px 2% 50px 2%;
    font-family: 'Inter', Arial, sans-serif;
    background-color: #1A2B3C;
    }

/* ================= TOP ================= */
.section-label {
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-label .dot {
    width: 6px;
    height: 6px;
    background: #76B947;
    display: inline-block;
}

.section-divider {
    width: 100%;
    height: 1px;
    background: #FFFFFF33;
    /*margin-bottom: 50px;*/
}

/* ================= TOP CONTENT ================= */
.top-content {
    display: flex;
    gap: 60px;
    margin-bottom: 70px;
}

.top-content .left_ {
    flex: 0 0 368px;
}

.top-content .left_ h1 {
    font-size: 54px;
    font-weight: 700;
    line-height: 1.15;
    margin: 20px 0 20px 0;
    color: #fff;
}

.top-content .left_ p {
    font-size: 15px;
    line-height: 1.7;
    color: #fff;
    margin: 0;
}

.top-content .right_ {
    flex: 1;
}

/* ================= CARDS CONTAINER ================= */
.cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*gap: 30px;*/
}

/* ================= CARD ================= */
.card_ {
    display: flex;
    min-height: 450px;
    border: 1px solid #FFFFFF33;
    background: transparent;
    transition: all 0.3s ease;
	 position: relative;
    
}

/*.card:hover {
    border-color: #76B947;
}*/

.card-content_ {
    display: flex;
    flex-direction: column;
    padding: 30px;
    width: 100%;
	 margin-top: auto;
}

.card-number_ {
    font-size: 14px;
    color: #76B947;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.card-title_ {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.3;
}

.card-description_ {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    margin: 0;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .top-content {
        flex-direction: column;
        gap: 40px;
    }
    
    .top-content .left {
        flex: 0 0 auto;
    }
    
    .top-content .left h1 {
        font-size: 40px;
    }
    
    .cards-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .approach-section {
        padding: 60px 5%;
    }
    
    .card-content_ {
        padding: 25px;
    }
    
    .card-title_ {
        font-size: 20px;
    }
}
.card-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: #76B947;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.banner{
    position:relative;
    width:100%;
    height:420px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:60px 80px;
    overflow:hidden;
    background:linear-gradient(135deg,#d9f2e6,#c9ebdc,#bfe6d6);
}

/* Left Content */
.banner-content{
    max-width:550px;
    z-index:2;
}

.banner small{
    color:#7aa89a;
    font-size:14px;
    display:block;
    margin-bottom:15px;
}

.banner h1{
    font-size:48px;
    font-weight:700;
    color:#1f2d2a;
    margin-bottom:20px;
}

.banner p{
    font-size:18px;
    color:#5e7f75;
    margin-bottom:30px;
}

.banner button{
    background:#7cc04b;
    border:none;
    padding:14px 28px;
    border-radius:30px;
    font-size:16px;
    color:#fff;
    font-weight:600;
    cursor:pointer;
    transition:0.3s ease;
}

.banner button:hover{
    background:#69a93c;
}

/* Decorative Right Side */
.decor{
    position:relative;
    width:500px;
    height:100%;
}

/* Big background circle */
.circle-big{
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(255,255,255,0.35);
    border-radius:50%;
    right:-150px;
    top:-100px;
}

/* Floating small circles */
.circle{
    position:absolute;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    color:#2f4f4f;
}

.circle1{
    width:70px;
    height:70px;
    background:#a7e0b8;
    top:80px;
    right:200px;
}

.circle2{
    width:90px;
    height:90px;
    background:#1e3d59;
    color:#fff;
    top:180px;
    right:320px;
}

.circle3{
    width:60px;
    height:60px;
    background:#c4f1ce;
    top:260px;
    right:180px;
}

.circle4{
    width:75px;
    height:75px;
    background:#9dddb4;
    top:120px;
    right:80px;
}

/* subtle floating effect */
.circle,
.circle-big{
    animation:float 6s ease-in-out infinite;
}

@keyframes float{
    0%{ transform:translateY(0px);}
    50%{ transform:translateY(-15px);}
    100%{ transform:translateY(0px);}
}

/* Responsive */
@media(max-width:992px){
    .banner{
        flex-direction:column;
        height:auto;
        text-align:center;
        padding:60px 30px;
    }
    .decor{
        display:none;
    }
}