@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: #393939;

  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: #1d91cc!important;z-index: 10;display: inline-block;color: #fff;padding: 8px 10px 8px 25px;border-radius: 10px;font-size: 18px;font-family: 'Roboto';font-weight: 400;border-radius: 50px;width: 180px;}



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



.btn11::before {content: '';width: 0%;height: 100%;display: block;background: #1d91cc;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%

}



.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; */

}





/*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: #1d91cc;
    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: #1d91cc;}



.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: #000;font-family: 'Poppins', sans-serif;line-height: 90px;font-weight: 800;margin-bottom: 30px;}

.banner_text h1 span{color: #1d91cc;}

.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: #1d91cc;}

.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: 90%;

  width: 100%;

  z-index: -1;

  background-color: #e7ebfd;

  left: 0;

  top: 0;

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

}

.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: #000;font-size: 60px;font-weight: 600;font-family: 'Poppins';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;

  }

  .service-sec .themes-h2{

    text-align: right;

  }

  .serv-box::before{content: '';position: absolute;left: 0;top: 0;height: 0;width: 100%;background-color: #1d91cc;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;

    background-color: #fff;

  }

  .serv-box .serv-img::before{content: '';position: absolute;left: -12px;top: -12px;height: 120px;width: 120px;background-color: #1d91cc;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: #1d91cc;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: #000;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:hover{box-shadow: inset 70px 0 0 0 #1d91cc , inset -70px 0 0 0 #1D91CC;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: 60px 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: #1d91cc;}

  .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: 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';

  }

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

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

  .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: #1d91cc;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: 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';

  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: #000;font-size: 67px;font-weight: bold;font-family: 'Poppins';margin: 10px 0;line-height: 80px;}

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

.themes-h3 span{

  display: block;

}

.btn-sty{

  height: 55px;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  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: #1d91cc;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 10px 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: #1d91cc;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: #1d91cc;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';

  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;

}

.client-box::after{

  content: '\f10e';

  font-weight: 600;

  font-family: 'Font Awesome 5 Free';

  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: #1d91cc;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: 160px;

  }

  .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: #1d91cc;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;

    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: #f4ebff;
}



.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: #000;

    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: #000;

    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;background: #000;background-size: 400% 400%;animation: gradient 15s ease infinite;color: #fff;}

#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';
  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: #3693ca;
    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) {
    
    .carousel-item {
        height: 900px;
    }
    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: 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: #f4ebff;
    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:#1d91cc;}