@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;transition: all .3s ease-in-out;background: #7b0006 !important;z-index: 10;padding: 0px 5px 0px 20px;font-size: 18px;font-family: 'Roboto';font-weight: 400;border-radius: 50px;gap: 10px;color: #fff;height: 45px;}



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



.btn11::before {content: '';width: 0%;height: 100%;display: block;background: #7b0006;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%;padding: 10px 0;z-index: 9;background: #ffffff;}





/*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-between;width: 100%;align-items: center;}



.menuSec ul li {position: relative;display: inline-block;margin: 0;padding: 0;line-height: 1;}



.admission_btn a {display: flex;align-items: center;width: fit-content;margin-left: auto;}

.call_icon{width: 35px;height: 35px;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;padding: 8px;}

.menuSec li ul {

    display: none;

}



.menuSec ul li a {position: relative;display: inline-block;text-decoration: none;color: #000000dd;padding: 0;font-size: 18px;font-weight: 600;overflow: hidden;line-height: 1;}


.menuSec ul li a:after {
    background: #76000b;
    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: #76000b;}



.menuSec li:hover>ul {display: block;position: absolute;z-index: 1000;background-color: #ffffff;left: 0px;width: 230px;text-align: left;top: 20px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}



.menuSec li>ul>li>a {border: none;padding: 10px 15px !important;color: #000000 !important;overflow: hidden;font-size: 14px;line-height: 1;font-weight: 500;}



.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: #7b0006;color: #ffffff !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: 70px;font-weight: 800;margin-bottom: 30px;}

.banner_text h1 span{color: #7b0006;}

.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;}

  /*.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: 100%;width: 100%;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;background-color: #fff;height: 100%;}

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

  .serv-box .serv-img img{/* transition: 0.3s ease-in-out; */width: 100%;height: 100%;object-fit: contain;}

  .serv-box .serv-img{transition: 0.3s ease-in-out;background-color: #7b0006;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{text-align: center;transition: 0.3s ease-in-out;padding: 10px;}

  .serv-box .serv-txt h4{color: #000;font-size: 25px;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;filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(2732%) hue-rotate(326deg) brightness(84%) contrast(92%);}

  .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: auto;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);padding-left: 20px;opacity: 0;}

  .contact-btn:hover{box-shadow: inset 70px 0 0 0 #7b0006, inset -70px 0 0 0 #7b0006;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{border-radius: 5px;background: #7b0006;}

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

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

  .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{}

  .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;height: auto;}

  .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%;filter: brightness(0) saturate(100%) invert(9%) sepia(51%) saturate(7500%) hue-rotate(353deg) brightness(114%) contrast(98%);display: none;}

  .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: #76000b;left: 0;}

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

  .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: #76000b;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: #76000b;font-weight: bold;font-size: 60px;}

.themes-h3 span{

  display: block;

}

.btn-sty{height: 45px;display: flex;align-items: center;justify-content: flex-end;width: fit-content;}

.btn-sty img{padding: 5px;height: 30px;width: 30px;background-color: #fff;border-radius: 50%;transform: rotate(-90deg) !important;animation: none;}



.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);filter: brightness(0) saturate(100%) invert(9%) sepia(51%) saturate(7500%) hue-rotate(353deg) brightness(114%) contrast(98%);}

.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: #71000f;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: #71000f;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: #71000f;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: #000;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: transparent;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: 0;}

  .contact-sec h2{color: #000;font-size: 65px;font-weight: bold;padding-left: 0;}

  .contact-sec p{color: #000;padding-left: 0;font-weight: 400;width: 100%;}

  .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: #76000b;padding: 50px 35px;position: unset;width: 100%;margin-left: 5%;border-radius: 5px;top: -10%;box-shadow: 0 0 10px 0 #00000022;}



   .box-form h3{font-size: 65px;color: #fff;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: 190px 0 0 0;
    background: url(../images/pattern-6.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.ft-cont p {font-size: 16px;line-height: 30px;font-weight: 400;color: #fff;}



.ft-cont img {padding-bottom: 20px;width: 50%;filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);}



.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;
    color: #fff;
}


.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;
  z-index: 999;
  animation: goDown 0.5s ease-in-out forwards;
  background: #ffffff70;
  width: 98%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 14px;
  border-radius: 5px;
  backdrop-filter: blur(30px);
}

@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: 0px;
    text-align: center;
    padding-top: 200px;
    /*background: #f9f9f9;*/
}
header.thank-head {
    position: unset;
}

.thankyou-main p {
    width: 46%;
    margin: 0 auto 40px;
}


.bann_formz{
    padding: 40px;
    background: #89040d63;
    border-radius: 10px;
    position: relative;
    width: 80%;
    margin-left: auto;
    box-shadow: inset 0 0 7px 3px #89040d;
    backdrop-filter: blur(10px);
}
.bann_formz h2{
    color: #fff;
    text-align: center;
    font-size: 50px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: 'Poppins';
    font-weight: bold;
}
.bann_formz .grp{}
.bann_formz .grp input{
    width: 100%;
    padding: 12px 20px;
    background-color: #ebebeb;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 0;
}
.bann_formz .grp textarea{
    width: 100%;
    padding: 12px 20px;
    background-color: #ebebeb;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 0;
    resize: none;
    height: 100px;
}
.bann_formz .grp button{
    background: #000;
    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: 5%;
}
.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: 0;
    text-align: center;
}
.footerSec {
    padding-top: 30px;
    background: #71000f;
    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 20px;
        margin: 20px 0px;
        position: relative;
        z-index: 1;
        width: 100%;}
    
.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;}
    
    
section.new-banner {height: auto !important;padding: 100px 0;}
img.gear-img{display: none;}

}


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

.thankyou-main {
    padding-top: 80px;
    padding-bottom: 100px;
}

.thankyou-main h2 {
    font-size: 31px;
    line-height: 48px;
}

.thankyou-main p {
    width: 90%;
}
.footerSec ul {
    display: block !important;
    justify-content: center;
    margin-top: 40px;
}
.footerSec ul > li > a {
    font-size: 14px !important;
    padding: 0 8px !important;
}

.footerSec ul li {
    display: inline;
}
.admission_btn a.btn11 {
    justify-content: center;
    width: auto !important;
    align-items: center !important;
    display: inline-flex
;
    margin-left: 0;
}
section.new-banner {
    padding-top: 80px !important;
    padding-bottom: 90px !important;
}

}

span.call_icon img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(2732%) hue-rotate(326deg) brightness(84%) contrast(92%);
}

.btm_wrps {
    text-align: center;
    margin: 0 0 40px 0;
}


.header-logo img {
    width: 200px;
    height: auto;
}


/* banner new :start */
section.new-banner {
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    padding-top: 180px;
    padding-bottom: 90px;
    background: #89040d94;
}

img.banner-img {
    position: absolute;
    top: -65px;
    left: 0;
    width: 100%;
    height: 105%;
    z-index: -1;
    object-fit: cover;
    filter: brightness(0) saturate(100%) invert(9%) sepia(51%) saturate(7500%) hue-rotate(353deg) brightness(114%) contrast(98%);
}

img.shap-1 {
    position: absolute;
    bottom: 0;
    right: 12%;
    width: 55%;
}


img.gear-img {
    position: absolute;
    bottom: 60px;
    left: 50px;
    animation: rotate 15s linear infinite;
}


section.new-banner .banner_text * {
    color: #fff;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* banner new :end */


/* new css */

section.new-banner > img.banr_imgg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}

.menuSec li a > i {
    transition: 0.3s ease-in-out;
}

.menuSec li:hover a > i {
    transform: rotate(180deg);
}

/*.menuSec li:hover>ul:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: #ffffff;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    left: 10px;*/
/*    top: -10px;*/
/*    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
/*}*/

.service-sli .slick-track {
    display: flex;
    align-items: stretch;
}

.service-sli .slick-list.draggable {
    padding-top: 30px !IMPORTANT;
    padding-bottom: 30px !IMPORTANT;
}

/* packages sec */

.packages-sec .bx .mbpx-30 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.packages_tabss ul.tabbing-links li {
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-weight: 500;
    background: #ebebeb;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 5px;
}

.packages_tabss.tab-custom .tabbing-links li.current {
    background: #ebebeb;
    border-color: transparent;
    color: #000;
    box-shadow: 0 0 5px 1px #ababab
}

.tab-custom.content.packages_tabss .tabs.current ul.tabbing-links li {
    height: 40px;
    font-size: 13px;
    border: 1px solid
}

.tab-custom.content.packages_tabss .tabs.current ul.tabbing-links li.current {
    background: #7b0006;
    border: 1px solid #7b0006;
    color: #fff
}

.tab-custom .tabs.current {
    display: block
}

.tab-custom .tabs {
    display: none
}

.packages-sec {
}

.content.srv-info-sec.dv_srv_secc .col-md-12>p,.packages-sec h2 {
    margin-bottom: 50px
}

.packages-sec .bx {
    background: #fff;
    padding: 40px 35px;
    -webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
    -moz-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
    box-shadow: 7px 5px 30px rgba(72,73,121,.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    margin-bottom: 30px
}

.packages-sec .bx:hover {
    -webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.25);
    -moz-box-shadow: 7px 5px 30px rgba(72,73,121,.25);
    box-shadow: 7px 5px 30px rgba(72,73,121,.25);
    transform: translateY(-10px);
    background-color: #000
}

.packages-sec .bx .info {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 32px;
    padding-bottom: 8px
}

.packages-sec .bx .info h5 {
    text-transform: capitalize;
    color: #000;
    border: 2px solid #7b0006;
    display: inline-block;
    margin: 0 0 18px;
    padding: 5px 11px;
    border-radius: 5px;
}

.packages-sec .bx .info h3,.srv-info-sec .srv-info-wrap .srv-item-content h3 {
    font-size: 24px;
    color: var(--dark);
    font-weight: 700
}

.packages-sec .bx .info h4 {
    font-size: 60px;
    font-weight: 800;
    position: relative;
    color: #000;
}

.packages-sec .bx .info h4 sup {
    font-weight: 700;
    font-size: 34px;
    top: -23px;
    left: 13px
}

.packages-sec .bx .info h4 small {
    font-weight: 700;
    font-size: 34px;
    position: relative;
    left: -19px;
    top: -23px
}

.packages-sec .bx .info h4 sub {
    position: static;
    font-size: 15px;
    display: block;
    margin: 8px 0 10px
}

.packages-sec .bx .detail {
    margin-bottom: 20px;
}

.packages-sec .bx .detail .slimScrollDiv {
    height: auto!important
}

.packages-sec .bx .detail ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    height: 190px;
    overflow-y: scroll;
}

.packages-sec .bx .detail ul li.heading {
    font-weight: 700;
    font-size: 18px
}

.packages-sec .bx .detail ul li {
    font-size: 16px;
    padding: 13px 10px 0;
    color: #000;
}

.packages-sec .bx .detail .slimScrollBar {
    background: #8fa5f7!important
}

.packages-sec .bx .primary-btn {
    padding: 13px 15px
}

.packages-sec .bx .primary-btn:hover {
    transform: translateY(0)
}

.packages-sec .bx .see-all {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #7b0006;
}

.suitable-package {
    padding: 55px 0;
    background: #e8f7ff;
    background: -moz-linear-gradient(top,#0f1770 0,#040c5e 100%)
}

.suitable-package h2,.suitable-package p {
    color: #000
}

.suitable-package p {
    margin-bottom: 0;
    font-weight: 400;
    width: 94%
}

.suitable-package .quote-vector:before {
    content: '';
    background: url(../images/suitable-package-vector.png) center top/cover no-repeat;
    width: 398px;
    height: 399px;
    position: absolute;
    left: -90px;
    bottom: -50px;
    z-index: 1
}

.suitable-package .quote-form {
    background: var(--white);
    border-radius: 10px;
    padding: 41px 33px;
    text-align: center;
    width: 100%;
    position: relative;
    box-shadow: 8px 3px 20px 0 #00000054
}

.suitable-package .quote-form:after {
    content: '';
    background: url('../images/suitable-package-vector-form.png') center top no-repeat;
    width: 204px;
    height: 208px;
    position: absolute;
    right: -91px;
    top: -86px
}

.suitable-package .quote-form h4 {
    color: var(--dark);
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px
}

.suitable-package .quote-form .form .field {
    margin-bottom: 12px
}

.clients-slider .owl-dots,.clients-slider .owl-nav,.free-consult .form label.error,.inner_quote_form .quote-vector:before,.suitable-package .quote-form .form .field label.error {
    display: none!important
}

.suitable-package .quote-form .form .field input[type=email],.suitable-package .quote-form .form .field input[type=text],.suitable-package .quote-form .form .field textarea {
    width: 100%;
    background: #f5f5f5;
    font-size: 15px;
    color: #767676;
    font-weight: 600;
    border: 1px solid transparent;
    padding: 13px 24px;
    border-radius: 10px
}

.suitable-package .quote-form .form .field input[type=email]::placeholder,.suitable-package .quote-form .form .field input[type=text]::placeholder,.suitable-package .quote-form .form .field textarea::placeholder {
    color: #000
}

.suitable-package .quote-form .form .field textarea {
    resize: none;
    height: 99px
}

.suitable-package .quote-form .form .primary-btn {
    width: 100%;
    padding: 13px 15px;
    cursor: pointer
}

section.content.suitable-package.animate.fadeInUp .heading-sep+h2 {
    font-size: 40px;
    font-family: Now;
    font-weight: 500
}

.packages-sec .bx {
    transition: .2s ease-in;
    text-align: center;
}
section.package_secc_parent {
    padding: 80px 0px;
}

section.package_secc_parent ul.tabbing-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.packages-sec .bx:hover h5 {
    color: #fff;
}

.packages-sec .bx:hover h4 {
    color: #fff;
}

.packages-sec .bx:hover .detail ul li {
    color: #fff;
}

.packages-sec .bx p {
    color: #000;
    line-height: 1.2;
        margin: 0;
}

.packages-sec .bx p > a {
}

.packages-sec .bx:hover .see-all {
    color: #fff;
}

.packages-sec .bx:hover p {
    color: #fff;
}

.packages-sec .bx .detail ul::-webkit-scrollbar-track {
    border-radius: 10px;
}

.packages-sec .bx .detail ul::-webkit-scrollbar {
    width: 6px;
}

.packages-sec .bx .detail ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #7b0006;
}

/* legal policy pages */

.termsandcondition_secc {
    padding: 80px 0;
}

.termsandcondition_secc p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.termsandcondition_secc h3 {
    font-size: 24px;
    font-weight: 800;
    color: #000;
    margin-bottom: 20px;
}

.termsandcondition_secc ul>li {
    color: #7b0006;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 10px;
}

.termsandcondition_secc ul {
    margin: 20px 0px;
}

.footerSec ul {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.footerSec ul > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    border-right: 1px solid #fff;
    padding: 0 20px;
}

.footerSec ul > li:last-child > a {
    padding-right: 0;
    border: 0;
}

.footerSec ul > li:first-child > a {
    padding-left: 0;
}

/*popup form*/

.custom_popop_new .close-poppup {
    background: #7b0006;
    position: absolute;
    right: -40px;
    top: -40px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    z-index: 10;
    cursor: pointer;
}

.custom_popop_new {
    width: 500px;
    margin: 0 auto;
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    position: relative;
    text-align: center;
}

.custom_popop_new .popup_close {
    position: absolute;
    top: -60px;
    left: -80px;
    width: 150px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.custom_popop_new .popup_close:hover {
    z-index: 1;
    transition: 0.3s ease-in-out;
    filter: blur(1px);
}

.custom_popop_new h2 {
    font-size: 34px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px;
}

.custom_popop_new h2>span {
    display: block;
    font-size: 42px;
    font-family: 'avenir-black';
    color: #b4e2ff;
}

.custom_popop_new h4 {
    background: #f2f8ff;
    padding: 15px 20px;
    font-size: 19px;
    font-family: 'avenir-black';
    text-align: left;
    border-radius: 10px;
    color: #000;
}

.custom_popop_new h4>span {
    display: block;
    font-size: 13px;
    color: #000;
}

.custom_popop_new h3 {
    text-align: left;
    color: #fff;
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom_popop_new ul {text-align: left;}

.custom_popop_new ul>li {
    font-size: 16px;
    color: #fff;
    font-family: 'avenir-roman';
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
}

.custom_popop_new ul>li>i {
    color: #040056;
    background: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}

.custom_popop_new a:nth-child(1) {
    text-align: left;
    display: block;
}

.custom_popop_new a {
    text-align: left;
    color: #fff;
    display: block;
    text-decoration: underline;
    font-size: 19px;
    font-family: 'avenir-black';
}

.custom_popop_new a.theme-btn {
    width: fit-content;
    text-decoration: none;
    font-family: 'avenir-roman';
    margin-bottom: -80px !IMPORTANT;
    margin: 0 auto;
    margin-top: 40px;
    padding: 14px 50px !IMPORTANT;
}

.popup_main_new {
    padding: 80px 0px;
}

.toggle-poppup {
    position: relative;
    overflow: hidden !IMPORTANT;
}

.toggle-poppup .popup_main_new {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
    margin: 0 auto;
    transition: 0.5s ease-in-out;
    display: block;
    transform: scale(1);
}

.popup_main_new {
    display: none;
    transform: scale(0);
}

.toggle-poppup:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    backdrop-filter: blur(10px);
    background-color: #000000a8;
}

.custom_popop_new img.popimg1 {
    position: absolute;
    left: -13%;
    top: -10%;
    width: 110px;
}

.custom_popop_new img.popimg2 {
    position: absolute;
    right: 0;
    top: -7%;
    right: -6%;
    width: 100px;
}

.custom_popop_new img.popimg3 {
    position: absolute;
    bottom: -20%;
    right: -30%;
    width: 150px;
}

.custom_popop_new p {
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
}

.custom_popop_new form input, select {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 0;
    background-color: #f2f2f2;
    margin-bottom: 15px;
}

.custom_popop_new>.container {
    transform: scale(1);
}
.custom_popop_new form label {
    display: block;
    text-align: left;
    margin: 7px 0 6px;
    padding-left: 30px;
    font-size: 15px;
    color: #000;
}

.custom_popop_new form input {
    padding: 15px 30px;
}

.custom_popop_new form .btn4 {
    border: 0;
    margin-top: 0px;
}

.custom_popop_new h2 {
    margin-bottom: 10px;
}

.custom_popop_new form button {
    border: 0;
    background: #7b0006;
    color: #fff;
    font-size: 18px;
    padding: 0 30px;
    height: 40px;
    border-radius: 5px;
}
.custom_popop_new form textarea {
    width: 100%;
    height: 100px;
    resize: none;
    padding: 10px 30px;
    border: 0;
    border-radius: 5px;
    background: #f2f2f2;
    color: #000;
    margin-bottom: 5px;
}

/*popup form*/