.alert.alert-success.text-center.text-dark {
    background: #221618 !important;
    border: 3px solid #ffffff;
    border-style: dotted;
    color: #fff !important;
    padding: 25px !important;
    font-size: 18px !important;
}
.alert.alert-success.text-center.text-white.bg-info {
    background: #221618 !important;
    border: 3px solid #ffffff;
    border-style: dotted;
    padding: 25px !important;
    font-size: 18px !important;
}
.bg_danger{background-color: #b10000 !important;}
.pc-block{display: block !important;}
.mobile-block{display: none !important;}
.marquee-wrapper .marquee-block{
    --total-marquee-items: 10;
    height: 140px;
    width: calc(250px*(var(--total-marquee-items)));
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    padding: 0px 0;
}
.marquee-inner.to-left{
  animation: marqueeLeft 30s linear infinite;
}
.marquee-inner.to-right{
  animation: marqueeRight 30s linear infinite;
}

a.custome-link-media.text-decoration {
    color: #000000;
    text-decoration: none;
    background: #fff;
    margin: 4px 0px;
    display: block;
    padding: 0px 10px;
    width: 100%;
    position: relative;
    bottom: 0px;
}
.col-lg-3.col-md-3.col-sm-6.col-6.in-saven-card {
    box-shadow: 0px 0px 5px 3px #dcdcdc inset;
    margin-bottom: 14px;
    padding: 4px;
    border-radius: 2px;
    transform: scale(.95);
    transition: .5s;
}
.col-lg-3.col-md-3.col-sm-6.col-6:hover.in-saven-card {
    box-shadow: 0px 0px 5px 1px #dcdcdc inset;
    margin-bottom: 14px;
    padding: 4px;
    border-radius: 2px;
    transform: scale(.94);
    transition: .5s;
}

#careercustome {
     position: fixed;
    top: 15vh;
    z-index: 9999;
    width: 60vw;
    opacity: .9;
    left: 20vw;
    right: 20vw;
    font-size: 22px;
    font-weight: 600;
}
#careercustome {-webkit-animation: cssAnimation 5s forwards;
animation: cssAnimation 5s forwards;padding: 10px 10px;text-align: center;}
@keyframes cssAnimation {
0% {opacity: 0;}
40% {opacity: 1;}
70% {opacity: 1;}
80% {opacity: 1;}
90% {opacity: 1;transform: scale(1.1);}
100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
0% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}
.call-buton .cc-calto-action-ripple {
    z-index: 99999;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    background: #fff;
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid  #b10000;

    color: #b10000;
    -webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
    animation: cc-calto-action-ripple 0.6s linear infinite;


    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none; }
    .call-buton .cc-calto-action-ripple i {
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      font-size: 2.2rem; }
    .call-buton .cc-calto-action-ripple:hover i {
      -webkit-animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
  animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 300px;
  perspective: 300px; }
  @keyframes vibrate {
  0.50%, 10%, 20%, 30%, 40%, 50%
  {
    -webkit-transform: translate3d(0.5px, 0, 0);
    transform: translate3d(0.5px, 0, 0);
  }
  5%, 15%, 25%, 35%, 45% 
  {
    -webkit-transform: translate3d(-0.5px, 0, 0);
    transform: translate3d(-0.5px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0.5px, 0, 0);
    transform: translate3d(0.5px, 0, 0);
  }

}
  
  @-webkit-keyframes cc-calto-action-ripple {
    0% {
      -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
      box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
    100% {
      -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
      box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
    0% {    box-shadow: 0 4px 10px rgb(255 58 58 / 20%), 0 0 0 0 rgb(236 0 0 / 20%), 0 0 0 5px rgb(236 0 0 / 20%), 0 0 0 10px rgb(236 0 0 / 20%);
}
    100% {
      box-shadow: 0 4px 10px rgb(167 46 46 / 0%), 0 0 0 5px rgb(236 0 0 / 20%), 0 0 0 10px rgb(236 0 0 / 20%), 0 0 0 20px rgb(167 46 46 / 11%);
} } }

    span.num{
        position: absolute;
    color: #b10000;
    left: -30%;
    bottom: -50%;
    }

.jumbotron_custome{    
    height: 45vh;
    margin-left: 12px;
    width: 100%;
    background-repeat: no-repeat !important;
    BACKGROUND-SIZE: 100% 100% !important;
}
.custome_slider_school {
    color: #fff;
    position: absolute;        
    text-shadow: 1px 1px 2px #000000;
    bottom: 60px;
    width: 95%;
    display: flow;
    text-align: center;
}






.slider-box_main {
    width: 85%;
    word-break: break-all;
    text-shadow: 0px 0px 3px #000000;
}
img.custome-star {
    width: 100%;
    height: 130px;
    object-fit: fill;
}
    .custome_slider_box {
    position: absolute;
    z-index: 1;
    color: #fff;
     background: linear-gradient(90deg, #b10000  0%, rgb(163 0 0 / -24%) 60.62%, hsla(0, 0%, 100%, 0));
    display: flex;
    width: 100%;
    height: 435px;
    justify-content: left;
    align-items: center;
}
.custome_slider_box:after {
    content: "";
    position: absolute;
    z-index: 1;
    color: #fff;
    background: linear-gradient(271deg, #b10000 7%, rgb(163 0 0 / 5%) 23.62%, hsla(0, 17%, 100%, 0));
    display: flex
;
    width: 100%;
    height: 435px;
    justify-content: left;
    align-items: center;
}
.slider-box_main{    z-index: 9999;}
  .marquee-wrapper{
    padding-top: 15px;
  text-align:center;
}
.marquee-wrapper .container{
  overflow:hidden;
}
.marquee-item img {
    border-radius: 7px;
    padding: 2px;
    box-shadow: 0px 0px 19px #b1000029 inset;
}
.marquee-inner span{
  float:left;
  width:50%;
}
/*timer*/

.marquee-inner{
  display: block;
  width: 200%;
  position: absolute;
}
.marquee-inner p{
  font-weight: 800;
  font-size: 30px;
  font-family: cursive;
}

.marquee-item{
  width: 230px;
  height: auto;
      min-height: 100px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 7px;
  float: left;
  transition: all .2s ease-out;
 
}
@keyframes marqueeLeft{
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes marqueeRight{
  0% { 
    left: -100%; 
  }
  100% {
   left: 0; 
  }
}
/*end slider*/


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');

*{

  margin: 0;

  padding: 0;

  outline: none;

  box-sizing: border-box;

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

}

.slider-multi {
     background: linear-gradient(90deg, #b10000 22%, rgb(163 0 0 / 53%) 45.62%, hsla(0, 0%, 100%, 0));
}
.custome_slider_box {
    position: absolute;
      z-index: 1;
}


body{

  background: #f5f5f5;

}

html, body {overflow-x: hidden;}

body {position: relative}

img, svg {vertical-align: sub;}
h4.custome-bar-item.custome-button {
    cursor: pointer;
        color: #3e4145;
    font-weight: 600;
    cursor: pointer;
    transition: .4s;
}
h4.custome-bar-item:hover.custome-button {
    cursor: pointer;
        color: #b10000;
    font-weight: 600;
    transition: .4s;
}
h4.custome-bar-item.custome-button.open-tab-title:focus  {
    color: #b10000;transition: .3s;
}
h4.custome-bar-item.custome-button.open-tab-title:hover {
    color: #b10000;transition: .3s;
}
.custome-20-collage.pt-4 img {
}
.custome-20-collage:hover.pt-4 img {
    animation: scal_animastion 1s ease 0s 1 normal forwards;
}
.aafooter li.list-group-item a {margin-left: 0px;transition: .5s;font-weight: 600 !important;}
.aafooter li.list-group-item:hover a {margin-left:5px;transition: .5s;color: #b10000 !important;font-weight: 600 !important;}
.custome-six-box-collage p.small {min-height: 42px;}
.custome-six-box-collage img.my-3 {transition: .6s;transform: rotate(360deg);}
.custome-six-box-collage:hover img.my-3 {animation: scal_animastion 1s ease 0s 1 normal forwards; }
@keyframes scal_animastion {
    0% {
        animation-timing-function: ease-in;
       
        transform: scale(.9);
    }

    38% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }

    55% {
        animation-timing-function: ease-in;
        transform: scale(0.7)rotate(10deg);
    }

    72% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }

    81% {
        animation-timing-function: ease-in;
        transform: scale(0.84)rotate(-20deg);
        border-radius: 20px;
    }

    89% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }

    95% {
        animation-timing-function: ease-in;
        transform: scale(0.95);
    }

    100% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

       .open-tab{display: none;}
        .open-tab.active{display: block;}
        .active{cursor: pointer;}
p.mega-menu-cc-con {

    min-height: 80px;

	margin-bottom:20px;

    font-size: 14px;

}

a.pt-4.custome-btn-nav {

    text-decoration: none;

    text-transform: capitalize;

    color: #0038ff;

}
.container .bg-light {
    background: #b1000000 !important;
    padding: 0px !important;
        position: absolute;
}
.menu-custome-box.p-3 h3.text-danger.other-device-title {

    font-size: 18px;    min-height: 24px;

}

.navbar{position: fixed;width: 100vw;z-index: 9990;}

.carousel_item {

    height:75vh;

}

.carousel-item.active {

    height:75vh;

}







/*section one school*/

 .custome-img-col{width: 100%;}

  p.testimonial-content {

    font-size: 14px;

    margin-bottom: 50px;

}

.custome-collage-slider{ border-radius: 50px;}

.testimonial{background: #fff;border-radius: 10px;}





.owl-prev:before,

.owl-next:before{

    content: "\f060";

    font-family: "Font Awesome 5 Free";

    font-size: 12px;

    font-weight: 900;

}

.owl-next:before{ content: "\f061"; }

.owl-pagination {

    position: relative;

    bottom: 3em;

}

.owl-buttons {

    position: absolute;

    right: 50px;

    bottom: 50px;

}

.owl-theme .owl-controls .owl-page {

    display: inline-block;

    zoom: 1.2;

}

.owl-theme .owl-controls .owl-page span {

    margin: 5px 2px;}

    .owl-theme .owl-controls .owl-page span{background: #869791;}

    .owl-theme .owl-controls .owl-page.active span{background: #b10000;width: 20px;}

    .owl-theme .owl-controls .owl-buttons div{

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 24px;

    background: #b10000 !important;

    color: black;

    box-shadow: 0px 0px 0px 1px #b10000;

    border-radius: 25px;

    margin-right: 5px;

    opacity: 1 !important;

}

/*end school*/











section.section-one {

   

}

section.section-one img {

    width: 100%;

    height: auto;

}

section.section-two

{

background-color: #f5f5f5;

            padding: 0px 0px 55.55px 0px;

}

h2.custome-title {

    color: #b10000;

    font-size: 35px;

    font-weight: 600;

}

.custome-title-small {

    color: #b10000;

    font-size: 22px;

    font-weight: 600;

}

section.section-three

{

background-color: #fff;

    padding: 55.55px 0px;

}

a.read-more {

    text-decoration: none;

    color: #b10000;

    font-weight: 700;

} 

.responsive-img {width: 100%;background-size: cover; border-radius: 15px;}

section.section-four

{

background-color: #f7ecec;

    padding: 55.55px 0px;

}

section.section-five

{background-color: #b10000;
            border-bottom: 3px solid #ffffff26;
    border-bottom-style: double;
    padding: 55.55px 0px;

}

h1.five-sec-title {

    font-size: 4.5em;

    color: #fff;

    min-height: 2.5em;

}

.image.responsive-five {
    background: #fff;
    width: 100%;
    height: AUTO;
    min-height: 100px;
    max-height: 101px;
    object-fit: scale-down;
    padding: 4px;
    border-radius: 12px;
    margin-bottom: -5px;

}

section.section-six

{

background-color: #b10000;
    
    padding: 55.55px 0px;

}

section.section-saven

{

background-color: #fff;

    padding: 55.55px 0px;

}

section.section-eight

{

background-color: #fff;

    padding: 55.55px 0px;

}

section.section-nine

{

background-color: #ebf9ef;

    padding: 55.55px 0px;

}



button.enquire_now {

    background: #b10000;

    border: 1px solid #ffffff;

    padding: 20px 43px;

    color: #fff;

    font-size: 21px;

    border-radius: 35px;

}

section.section-footer

{

background-color: #fff;

    padding: 55.55px 0px;

}



.list-group-item {

    padding: 0.5rem 0rem;

    color: #212529;

    text-decoration: none;

    font-size: 14px;

    background-color: #fff;

    border: 1px solid rgb(255 255 255 / 13%);

}

a.enquire_now {

    border: 1px solid #fff;

    padding: 25px 40px;

    border-radius: 40px;

    text-decoration: none;

    font-size: 16px;

    color: #fff;

    text-align: center;

    background-color: #b10000;

    cursor: pointer;

    transition: .5s !important;

    font-weight: 600;

}

a:hover.enquire_now {

    border: 1px solid #ebf9ef;

    padding: 25px 40px;

    border-radius: 40px;

    text-decoration: none;

    font-size: 16px;

    color: #b10000;

    background: #fff;

    text-align: center;

    cursor: pointer;

    transition: .5s !important;

    font-weight: 600;

}



a.enquire_now:after {

    content: "";

    position: absolute;

    background: #00000000;

    width: 100%;

    padding: 0px;

    border-radius: 0px;

    display: block;

    transform: scale(.1);

    top: 50px;

    z-index: 0;

    transition: .7s;

}

a.enquire_now:hover:after {

    content: "";

    position: absolute;

    background: #0000002b;

    width: 100%;

    transform: scale(1.0);

    padding: 37px;

    border-radius: 40px;

    display: block;

    top: -24px;

    z-index: 0;

    transition: .9s;

}





/*slider*/
.carousel-indicators {
    position: relative;
    right: 0;
    bottom: 160px;
    left: 0;
    z-index: 2;
    display: flex
;
    padding: 0;
    margin-right: 15%;
    list-style: none;}
.carousel-indicators {


    text-shadow: 0px 0px 4px #000000;
    margin-left: 0% !important;
    width: 100%;
 



}

.custome-slider-text {
        text-shadow: 0px 0px 4px #000000;

    display: block;

    position: absolute;

    top: 24vh;

    width: 75vw;

}



.custome-slider-text-mini {

    display: block;

    position: absolute;
text-shadow: 0px 0px 4px #000000;
    top: 30px;

    text-align: end;

    right: 7vw;

    width: auto;

    color: #fff;

}

.custome-slider-text h2{font-size: 3.2em;color: #fff;}

.custome-slider-text p{font-size: 18px;color: #fff;margin-top: 20px;}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {

    cursor: pointer;

    background: #00000000;

    border: none;

}

.carousel-control-prev-icon {

    background-image: url(/image/left.png) !important;

    border: none;

    width: 35px;

    height: 35px;

    background-size: 100% 100%;

    opacity: .8;transition: .3s;

}

.carousel-control-next-icon {

    background-image: url(/image/right.png) !important;

    border: none;

    width: 35px;

    height: 35px;

    background-size: 100% 100%;

    opacity: .8;transition: .3s;

}

.carousel-control-prev-icon:hover { opacity: 1;transition: .3s;}

.carousel-control-next-icon:hover { opacity: 1;transition: .3s;}



.custme-btns {

 padding: 5px;
    position: relative;
    z-index: 999;
    margin: auto;
    bottom: 100px;
    width: 80%;
    display: flex;
    justify-content: flex-end;

}

button.carousel_control-next {

    padding: 7px;

}

button.carousel_control-prev {

    padding: 7px;

}

.carousel-indicators.car-2 p {

    background: #ff000000;

    color: #000 !important;

    border-bottom: 2px solid #fff;

    border-top: 0px solid #ffffff !important;

    opacity: 1 !important;

    font-size: 14px;

}

.carousel-indicators.car-2 p.active {

    background: #ff000000;

    color: #000 !important;

    animation: colorfill 22s;

    animation-delay: .1s;

    animation-fill-mode: forwards;

    border-top: 0px solid #ffffff !important;

}



.saven-fristbox {

    text-align: justify;

}



.carousel-indicators {

   justify-content: left;
    text-align: right !important;

}

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

    box-sizing: content-box;

    height: 28px !important;

    padding: 2px;

    min-width: 36px !important;

    justify-content: left;

    margin-right: 3px;

    display: flex !important;

    margin-left: -3px !important;

    opacity: .5 !important;

    /* transition: opacity .6s ease; */

}



.carousel-indicators.car-2 p {background: #ff000000;color: #fff !important;border-bottom: 2px solid #858383;border-top: 0px solid #ffffff !important;

  opacity: 1 !important;font-size: 14px;width: 150px;}

.carousel-indicators.car-2 p.active {background: #ff000000;color: #fff !important;animation: colorfill 22s;

  animation-delay: .1s;animation-fill-mode: forwards;border-top: 0px solid #ffffff !important;width: 150px;}

@keyframes colorfill{

     0%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#858383,#858383,#858383, #858383, #858383, #858383, #858383, #858383, #858383);}

     10%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#858383,#858383, #858383,#858383,#858383,#858383,#858383,#858383);}

     20%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#858383, #858383,#858383,#858383,#858383,#858383,#858383);}

     30%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #858383, #858383, #858383, #858383, #858383, #858383);}

     40%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #fff, #858383, #858383, #858383, #858383, #858383);}

     50%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #fff, #fff, #858383, #858383, #858383, #858383);}

     60%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #fff, #fff, #fff, #858383, #858383, #858383);}

     70%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #fff, #fff, #fff, #fff, #858383, #858383);}

     80%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #fff, #fff, #fff, #fff, #fff, #858383);}

     100%{ border-top: 0px solid #ffffff !important;border-bottom-width: 2px;border-bottom-style: solid;border-image-slice: 1;border-image-source: linear-gradient(to right, #fff,#fff,#fff,#fff, #fff, #fff, #fff, #fff, #fff, #fff);}}

     .carousel-item.active{border-radius: 10px;}

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {

    display: block;

    background: #F5F5F5;

    border-radius: 10px;

    padding: 0px;

    box-shadow: 0px 2px 0px 52px #F5F5F5;

    }
p.active span.custome-texts {

    background: red;

    position: relative;

    right: -70px;

    top: 36px;

}
span.custome-texts {

    background: red;

    position: relative;

    right: -70px;

    top: 36px;

}



.carousel-indicators.car-2 p:nth-child(1):before {

    content: "1";

    position: relative;

    font-size: 18px;

    left: 5px;

    background: red;

}

.carousel-indicators.car-2 p:nth-child(2):before {

    content: "2";

    position: relative;

    font-size: 18px;

    left: 5px;

    background: red;

}

.carousel-indicators.car-2 p:nth-child(3):before {

    content: "3";

    position: relative;

    font-size: 18px;

    left: 5px;

    background: red;

}



/*about section one */

.collage-section-one{height: 100%; width:100%;background-size: 100% 100%; background-repeat: no-repeat;background-size: cover;

    background-position: center center;box-shadow: 0px -140px 0px #f5f5f5 inset;

}

.collage-section-one h2 {font-size: 2.7em;color: #000;text-align: left;}

.content-collage{padding: 30px 20px;}

.right-left-collgae{position: absolute;bottom: 20px;right: 30px;}

section.section-two-collage{

background-color: #f5f5f5;

    padding: 55.55px 0px;

}

.custom-row-collage {display: flex;}

.custome-20-collage {width: 20%;text-align: center;transition: .5s;    transform: translateY(0px);box-shadow: 0px 0px 0px #ffffff;}

.custome-20-collage:hover {transition: .5s;    transform: translateY(-3px);background: #dbdbdb52;border-radius: 0px;box-shadow: 0px 8px 0px #b10000;}

.custome-20-collage:hover p{color: #b10000;transition: 5s;}

section.section-three-collage {background: #fdf4dc;padding: 55.55px 0px;}

section.section-three-collage h2 {font-size: 2.7em;font-weight: 600;padding-bottom: 10px;}

.coll-box {

background: #f5f5f5;

    height: 207px;

    width: 207px;

    box-shadow: 0px 0px 3px #2125291a;

    margin: auto;

    border-radius: 200px;

    border: 1px solid #fdf4dc;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s;

}

.coll-box:hover {box-shadow: 0px 0px 10px #21252933;transition: .5s;animation: col_move 2s ease 0s 1 normal forwards;}

@keyframes col_move {

    0%,

    100% {

        transform: rotate(0deg);

        transform-origin: 50% 0;

    }



    10% {

        transform: rotate(1deg);

    }



    20%,

    40%,

    60% {

        transform: rotate(-1deg);

    }



    30%,

    50%,

    70% {

        transform: rotate(1deg);

    }



    80% {

        transform: rotate(-1deg);

    }



    90% {

        transform: rotate(0deg);

    }

}

    .coll-box img {

    width: 85%;

    border-radius: 77px;

    padding: 5px;

    min-height: 150px;

    object-fit: scale-down;

}

section.section-four-collage {

    background: #13294b;

    padding: 55.55px 0px;

}

section.section-four-collage h2{color: #47d7ac;font-weight: 600;}

section.section-five-collage h2{color: #47d7ac;font-weight: 600;}

section.section-five-collage {

    background: #192770;

    padding: 55.55px 0px;

}

section.section-eights {

    background: #164b9c;

    padding: 55.55px 0px;

}



section.section-six-collage{

        background: #fff;

    padding: 55.55px 0px;

}

.custome-title-size-big {

    font-size: 35px;

    font-weight: 700;

    padding: 5px 0px;

}

.custome-title-size-big-red {

    font-size: 35px;

    font-weight: 700;

    padding: 5px 0px;

    color: #b10000;

}

.custome-title-size-big-white {

    font-size: 38.50px;

    font-weight: 700;        text-shadow: 0px 0px 4px #000000;

    padding: 5px 0px;

    color: #fff;

}

.six-box-20 {

    width: 20%;

    margin-bottom: 15px;

    padding: 5px 20px;

}

.container.rounded_custome-shadow {

    background: #fff;

    margin: auto;

    overflow: hidden;

    padding: 5px 15px;

    border-radius: 20px;

    box-shadow: 0px 2px 4px #0000007a;

}

.small{font-size: 13px;}

.custome-six-box-collage {

    border: 1px solid #0000009c;

    border-radius: 11px;

    padding: 0px 15px;
        min-height: 175px;
    transform: scale(1.0);

    transition: .6s;

}

.custome-six-box-collage:hover{transform: scale(1.1);

    transition: .5s;}

.custome-six-box-collage:hover p.small{color: #b10000;transition: .5s}

section.section-saven-collage{

        background: #fff;

    padding: 55.55px 0px;

}

.saven-box-responsive{padding: 5px;margin-bottom: 0px;}

.saven-box-responsive img {

    background: #ffffff;

    width: 100%;

        border: 5px solid #fff;

    height: 175px;

    object-fit: cover;

    transform: scale(1); transition: .5s;

}

.saven-box-responsive:hover img {

    background: #ffffff;

    width: 100%;

    height: 175px;

    object-fit: cover;

    transform: scale(1); transition: .5s;

}



section.section-eight-collage{

        background: #fff;

    padding: 55.55px 0px;

}

.eight-section-col {

    display: flex;

    justify-content: space-between;

    align-items: start;

}

i.color-star {

    color: #f8c130;

    font-size: 18px;

}

.customeinbox {

    border: 5px solid #ffffff;
    min-height: 350px;
    background: #fff;

    box-shadow: 0px 0px 0px 1px #21252938 inset;

    border-radius: 11px;transition: .5s;}
.customeinbox:hover {transition: .5s;box-shadow: 0px 0px 0px 1px #b10000 inset;}


    section.skill-section-one {

    width: 100%;

        height: 75vh;

/*        height: 778px;*/



/*    height: 530px;*/

    background-position: center 5px;

    background-size: cover;}

    section.skill-section-two{padding: 55.55px 0px;background: #fff;}

    section.skill-section-three {

    background: #fdf4dc;

    padding: 55.55px 0px;

}

   section.skill-section-careers {

    width: 100%;

    height: 75vh;

    background-position: center 5px;

    background-size: cover;}

    section.skill-section-two{padding: 55.55px 0px;background: #fff;}

    section.skill-section-three {

    background: #fdf4dc;

    padding: 55.55px 0px;

}

section.skill-section-three h2 {

    font-size: 2.7em;

    font-weight: 600;

    padding-bottom: 10px;

}

.image-section-skill {

    border: 1px solid #b10000;

    background: #ff000000;

    background-size: cover;

    object-fit: cover;

    border-radius: 7px;

    margin-bottom: 25px;

    padding: 4px;

    background-position: center center;}

    .image-section-skill img.img-skill-responsive {

    padding: 2px;

    width: 100%;

    background: #fff;

    max-height: 149px;

    background-size: cover;

}

.about-content {

    height: 75vh;

    display: flex;

    justify-content: center;

    align-items: center;}

    section.about-section-two{  background: #fff;

    padding: 55.55px 0px;background-color: #f7ecec;}

    .miss-visi-image img {

    border-radius: 70px 0px 9px 70px;

    overflow: hidden;

}

.about-mini-box {

    padding: 10px 15px 0px 15px;

}

.about-section-four{ padding: 55.55px 0px;background-color: #fff;}

section.career-section-careers {

    background-size: cover;

    background-repeat: no-repeat;

}

.collage-career {

    height: 75vh;

    justify-content: left;

    align-items: center;

    display: flex;

    width: 100%;

}

.career-barcode {

    display: flex;

    justify-content: center;

    align-items: end;

}

.collage-career h3 {

    padding: 20px 0px 15px 0px;

    font-size: 32px;

    font-weight: 700;

}



.career-barcode {

    display: flex;

}



img.resp-mi-vi-img {

    width: 100%;

    padding: 10px;

    height: auto;

    background-size: cover;

}

/*inq*/

  section.inq-section-one {

    width: 100%;

        height: 85vh;

        box-shadow: 0px -260px 0px #ffffff inset;

/*        height: 778px;*/

/*      height: 530px;*/

    background-position: center 5px;

    background-size: cover;}



.form-div {

    width: 100%;

    padding: 10px 5px;

}

.form-div-submit {

    padding: 20px 5px;

 

}

.btn.btn-submit {

    background: #b10000;

    padding: 6px 22px;

    margin-top: 33px;

    color: #fff;

}

.admission-box{display: flex;}

.enq-section-two{padding:0px;}

section.enq-section-two h4 {color: #b10000;font-weight: 300;}

section.enq-section-three{padding:100px 0px;}

.text-danger{color: #b10000 !important;}

.nav-link.active{color: #b10000 !important;}

.nav-link{color: #000 ;}



.img-fluid.gallery-img {

    cursor: crosshair;

}



/* DEMO-SPECIFIC STYLES */

.typewriter {

  overflow: hidden; /* Ensures the content is not revealed until the animation */

  border-right: .15em solid orange; /* The typwriter cursor */

  white-space: nowrap; /* Keeps the content on a single line */



  animation: 

    typing 1.5s steps(30, end),

    blink-caret .5s step-end infinite;

}



/* The typing effect */

@keyframes typing {

  from { width: 0 }

  to { width: 100% }

}



/* The typewriter cursor effect */

@keyframes blink-caret {

  from, to { border-color: transparent }

  50% { }

}

img.barcode-img {

    height: 170px;
    border: 5px solid #fff;
    border-radius: 5px;
    padding: 0px;
    box-shadow: 0px 0px 15px 5px #fff inset;

    width: auto;

}

section.career-section-two {

    padding: 55.55px 0px;

}

.current-openings {

    padding: 0px 0px 55px 0px;

}

h2.or {

    padding: 0px 15px;

}

section.media-section {

    padding: 55.55px 0px;

}

.media-img {

border: 2px solid #f72527;
    height: auto;
    width: 100%;
    max-height: 240.1px;
    object-fit: fill;
    min-height: 240px;
    background-size: cover;
    background-repeat: no-repeat;

    cursor: pointer;

}

.media-section-two{padding: 55.55px 0px;    background: #f8f9fa;}

section.contact-section {

    background-color: #13294b;

/*    background-image: url(/image/bg-con.webp);*/

    background-size: 100%  100%;
        box-shadow: -31vw 0px 0px #FFF inset;
          animation-name: example;
  animation-duration: 2.5s;
    height: 75vh;
      animation-timing-function: linear;
    padding: 55.55px 0px;

        display: flex;

    align-items: center;

}
@keyframes example {
   0% { box-shadow: -0vw 0px 0px #FFF inset;}
   70% { box-shadow: -35vw 0px 0px #FFF inset;}
   70% { box-shadow: -31vw 0px 0px #FFF inset;}
   70% { box-shadow: -35vw 0px 0px #FFF inset;}
   100% { box-shadow: -31vw 0px 0px #FFF inset;}
}

.contact-second-box {

    padding: 35px 30px;

    border-radius: 25px;

    box-shadow: 0px 0px 6px #0000000f;

}

h1.get-in-teach {font-weight: 600;}

h1.get-in-teach span {color: #b10000;}

.collage-hero {

    height: 75vh;

    display: flex;

    justify-content: left;

    align-items: center;

}

.menu-drop-mega{padding: 5px 0px;}
.lb-data .lb-close {
    position: absolute;
    display: -webkit-inline-box !important;
    top: 25px;
    margin-left: 20px;
    z-index: 999 !important;
    cursor: pointer;
}
ul.navbar-nav.me-auto.mt-2.my-lg-0.navbar-nav-scroll {
        justify-content: normal;
}
.custome_logo_pl{display: none;}
.hide-mobile {
    display: block;
        z-index: 9990;
    margin-left: 55px;
    margin-right: 18px;
}
/*pc*/

























@media (max-width: 1283px) {

  nav .nav-items li a{}

.carousel-indicators {

    margin-right: 10% !important;

    margin-left: 7% !important;

}

section.inq-section-one {

    width: 100%;

    height: 85vh;

    box-shadow: 0px -115px 0px #ffffff inset;}

    .enq-section-two{padding: 50px 0px;}

section.enq-section-two h4 {

    color: #b10000;

}

    .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 0.4rem;

        padding-left: 0.4rem;

        font-size: 14px;

    }

    section.contact-section {

    background-color: #13294b;

    background-image: url(/image/bg-con.png);

    background-size: 100% 100%;

    height: 100vh;

    padding: 55.55px 0px;

    display: flex;

    align-items: center;

}

.contact-second-box {

    padding: 25px 30px;

    border-radius: 25px;

}

}



@media (max-width: 1245px) {

  nav{

    padding: 0 0px;

  }

      .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 0.4rem;

        padding-left: 0.4rem;

        font-size: 11px !important;

    }





}
@media (min-width:1200px) and (max-width:1400px){
    .carousel-indicators{margin-left: .5% !important;}
    .custome-slider-text {top: 19vh !important;}
    .custome-slider-text h2 {font-size: 3em;color: #fff;}
}
@media (max-width: 1140px){
.custme-btns {bottom: 95px !important;}


  .carousel-indicators {
 bottom: 160px;
        margin-right: 0% !important;
        margin-left: 12% !important;

    }

        .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 0.4rem;

        padding-left: 0.4rem;

        font-size: 11px !important;

    }

  .inner-spaceing {

    margin-bottom: 3em;

}



h1.five-sec-title {

    font-size: 3.5em;

    color: #fff;

    min-height: 1.5em;

}

section.section-two{padding: 45px 0px;}

section.section-three{padding: 45px 0px;}

section.section-four{padding: 45px 0px;}

section.section-five{padding: 45px 0px;}

section.section-six{padding: 45px 0px;}

section.section-saven{padding: 45px 0px;}

section.section-eight{padding: 45px 0px;}

section.section-nine{padding: 45px 0px;}

section.section-saven{padding: 45px 0px;}

.four-image {padding: 25px;}

section.section-footer{padding: 45px 0px;}

.custome-slider-text h2 {

    font-size: 35px;

    color: #fff;

}

.custome-slider-text p {

    font-size: 24px;

    margin-top: 20px;

    color: #fff;

}



/*  */

    a.contact-mobile {

        display: flex;

        width: 60px;

        text-align: center;

        position: relative;

        right: 0px;

        justify-content: center;

        color: #fff;

        font-weight: 600;

        text-decoration: none;

        background: #65a52f;

        bottom: 5px;

        padding: 5px 10px;}

        .part-two-nav {

    list-style: none;

    padding: 0 0px;

    display: block;

    width: 100%;

}

nav:hover .nav-items li{}

.nav-items.active {

    background: #fff;

    width: 100%;

    box-shadow: 1px 0px 0px #4661578c;

}



  nav{position: fixed;z-index: 999;}

  nav{box-shadow: 0px 0px 4px #ccc;

  

    padding: 0px;

  }

  nav .logo{

    flex: 2;

    text-align: left;

  }

  nav .nav-items{

position: fixed;

        z-index: 99;

        top: 72px;

        width: 100%;

        left: -100%;

        height: 80%;

        padding: 2px 0px 0 0px;

        text-align: justify;

        background: #14181f;

        display: inline-block;

        transition: left 0.3s ease;

  }

  nav .nav-items.active{

    left: 0px;

  }

  nav .nav-items li{

           background: #ffffff;

           border-bottom: 1px solid #0000003b;

        line-height: 45px;

        margin: 1px 0;

  }

  nav .nav-items li a{

    font-size: 14px;

  }

  nav form{

    position: absolute;

    top: 80px;

    right: 50px;

    opacity: 0;

    pointer-events: none;

    transition: top 0.3s ease, opacity 0.1s ease;

  }

  nav form.active{

    top: 95px;

    opacity: 1;

    pointer-events: auto;

  }

  nav form:before{

    position: absolute;

    content: "";

    top: -13px;

    right: 0px;

    width: 0;

    height: 0;

    z-index: -1;

    border: 10px solid transparent;

    border-bottom-color: #1e232b;

    margin: -20px 0 0;

  }

  nav form:after{

    position: absolute;

    content: '';

    height: 60px;

    padding: 2px;

    background: #1e232b;

    border-radius: 2px;

    min-width: calc(100% + 20px);

    z-index: -2;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

  }

  nav .menu-icon{

    display: block;

  }

  nav .search-icon,

  nav .menu-icon span{

    display: block;

  }

  nav .menu-icon span.hide,

  nav .search-icon.hide{

    display: none;

  }

  nav .cancel-icon.show{

    display: block;

  }

}

.content{

  position: absolute;

  top: 50%;

  left: 50%;

  text-align: center;

  transform: translate(-50%, -50%);

}

.content header{

  font-size: 30px;

  font-weight: 700;

}

.content .text{

  font-size: 30px;

  font-weight: 700;

}

.space{

  margin: 10px 0;

}

nav .logo.space{

  color: red;

  padding: 0 5px 0 0;

}

.dropdown:hover .dropdown-menu {

   display: block;

/*   margin-top:0px;

   transition: .5s;

       box-shadow: 0px 0px 4px #ffffff;*/

}

/*.dropdown>.dropdown-toggle:active {

    pointer-events: none;

    transition: .5s;

}
*/
.custome-btn-nav {

    text-transform: capitalize;

    text-decoration: none;
    color: #b10000;
    font-size: 14px;
}




@media only screen and (max-width:767px){
    a.enquire_now_btn {
    line-height: 4em !important;
}
main.mid-sec {
    margin-top: 5em !important;
}
section.career-section-careers {
    width: 100%;
    height: 75vh;
    background-position: 77% 6px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.pc-block{display: none !important;}
.mobile-block{display: block !important;}
 p.lead {
    word-break: break-word;
}
    
    
    ul.navbar-nav.me-auto.mt-2.my-lg-0.navbar-nav-scroll {
        justify-content: space-between;
}
    .jumbotron_custome{BACKGROUND-SIZE: cover !important;}
    .owl-pagination {
        position: relative;
        bottom: 3em;
        right: 120px;
}
    .jumbotron_custome{        
        height: auto;
        background-size: 100% 100% !important;
        width: 100%;
        min-height: 135px;
        margin-left: 12px;
        }
       .custome_slider_school {
        color: #fff;
        position: absolute;
            
        top: 20px;
    
        width: 83%;
        justify-content: center;
        text-align: center;
        align-items: center;
        display: flex;
}
    .call-buton .cc-calto-action-ripple {
    z-index: 999999;
    position: fixed;
    left: 1rem;
    bottom: 1rem;}
    .lb-data .lb-close {
    position: absolute;
    display: -webkit-inline-box !important;
    top: 10px;
    margin-left: -10px;
    z-index: 999 !important;
    cursor: pointer;
}
    .custome_logo_pl{display: block;}
.hide-mobile{display: none;}
    .custome-six-box-collage p.small {min-height: 60px;}
    section.media-section { padding: 45px 0px;}
    button.navbar-toggler {
    z-index: 99999 !important;
}
    section.skill-section-one {
    width: 100%;
    height: 75vh;
    background-position: 88% 6px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.collage-section-one h2 {
        font-size: 2em;
        color: #b10000 !important;
    }
    h2.about_tt p {
    font-size: 20px;}
    .custome-btn-nav {
        padding: 21px 16px;
        border: 1px solid #b1000057;
        color: #b10000;
        text-transform: capitalize;
        box-shadow: 0px 0px 42px #a2a2a22b inset;
        text-decoration: none;
        border-radius: 20px;
        font-size: 14px;}
.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
        font-size: 15px !important;
    }
    .navbar .megamenu {padding: .0rem !important;
}
p.mega-menu-cc-con {
    min-height: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}


    .custme-btns {
        bottom: 40px !important;}
    
    .banner-home-contents {
    min-height: 120px;
    max-height: 120px;
    overflow-y: hidden;}
    .custome-slider-text{width: 90% !important;top: 18vh !important;}
    .custome-slider-text-mini {
    display: block;
    position: absolute;
    text-shadow: 0px 0px 4px #000000;
    top: 25px;
    text-align: end;
    right: 6vw;
    width: auto;
    color: #fff;
}
    .custome-image-box.wel_box {margin-top: 2em;}
    .row.custome-inq_responsive {
    width: 100%;
    margin: auto;
    margin-bottom: 55px;}
    p{font-size: 14px;}
    .open-tab .row.border.shadow-sm.rounded.p-2.mb-2 h4 {
    font-size: 14px;}
    section.enq-section-three {
    padding: 20px 0px;}
    .custome-bar.custome-black {
    text-align: center;}
    h4.custome-bar-item.custome-button {
        cursor: pointer;
        color: #3e4145;
        font-weight: 600;
        padding: 6px 3px;
        border: 2px solid #b10000;
        font-size: 12px;
        display: inline-block;
        color: #b10000;
        line-height: 17px;
        margin: 1px;
}
    .border.rounded.p-4 h4.text-danger.fw-bold {font-size: 18px;}
    .border.rounded.p-4 p.mb-0 {
    font-size: 13px;}
    .border.rounded.p-4 {
    padding: 10px !important;}
    h2.custome-title{font-size: 24px;}
        h1.five-sec-title {
        font-size: 2.5em;
        color: #fff;
        min-height: 1.5em;
    }
    .custome-title-size-big {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0px;
}
a.enquire_now {
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 40px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #b10000;
    cursor: pointer;
    transition: .5s !important;
    font-weight: 600;
}
a:hover.enquire_now{ padding: 10px 20px; font-size: 14px;}
a.enquire_now:after {

    content: "";

    position: absolute;

    background: #00000000;

    width: 100%;

     padding: 10px 20px;

    border-radius: 0px;

    display: block;

    transform: scale(.1);

    top: 50px;

    z-index: 0;

    transition: .7s;

}

    a.enquire_now:hover:after {
        content: "";
        position: absolute;
        background: #0000002b;
        width: 100%;
        transform: scale(1.0);
        padding: 19px 45px;
        border-radius: 40px;
        display: block;
        top: -5px;
        z-index: 0;
        transition: .9s;
    }
    .carousel-indicators.car-2 p.active{width: 100px !important;}
    .carousel-indicators.car-2 p{width: 100px !important;}
    .as-five {
        width: 28% !important;
        margin: auto;
        margin-left: 2%;
        background: #fff;
        margin-bottom: 1em;
        border-radius: 10px;
      }
    section.section-two{bottom: 0px;
        position: relative;
        box-shadow: 0px -0px 0px #f5f5f5;}
    .carousel-item.active {
    height: 86vh;
}
.carousel-item {
    height: 86vh;
}
    .carousel-indicators {
        bottom: 170px;
        margin-right: 0% !important;
        margin-left: 2% !important;
    }
        .custome-slider-text h2 {
        font-size: 35px !important;}
  .custome-slider-text{        top: 20vh;}
    .media-img {
    border: 2px solid #f72527;
    height: auto;
    width: 100%;
    object-fit: fill;
    min-height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
a.media-box img.img-fluid.media-img {
    MIN-HEIGHT: 200px;
}
a.custome-link-media.text-decoration {
    color: #000000;
    text-decoration: none;
    background: #ccc;
    margin: 4px 0px;
    display: block;
    padding: 0px 10px;
    width: 100%;
    position: relative;
    bottom: 12px;
}
    .custome-cll {
     position: static;
        padding-bottom: 5px;
        object-fit: fill;
        margin-top: 5px;
        transition: .6s;
        object-position: 88%;
}
    .collage-section-one{height: 100%;}

    .coll-box img {

    width: 85%;

    border-radius: 77px;

    min-height: 150px;

    object-fit: scale-down;

}

.coll-box {

           background: #f5f5f5;

        height: 100px;

        width: 100px;

        margin-bottom: 25px;

        border-radius: 200px;

        border: 1px solid #fdf4dc;

        display: flex;

        justify-content: center;

        align-items: center;

}

.six-box-20 {

    width: 50%;

    margin-bottom: 15px;

    padding: 5px 20px;

}

.custome-20-collage {

    width: 50%;

    text-align: center;}

        section.section-two-collage {

    background-color: #f5f5f5;

    padding: 45px 0px;

}

section.section-three-collage {

    background: #fdf4dc;

    padding: 45px 0px;

}

section.section-four-collage {

    background: #13294b;

    padding: 45px 0px;

}

section.section-five-collage {

    background: #192770;

    padding: 45px 0px;

}

section.section-eights {

    background: #164b9c;

    padding: 45px 0px;

}



section.section-six-collage {

    background: #fff;

    padding: 45px 0px;

}

section.section-saven-collage {

    background: #fff;

    padding: 45px 0px;

}

section.section-eight-collage {

    background: #fff;

    padding: 45px 0px;

}

section.section-three-collage h2 {

    font-size: 2em;

    font-weight: 600;

}

section.skill-section-two {

    padding: 45px 0px;

    background: #fff;

}

section.skill-section-three {

    padding: 45px 0px;}

section.about-section-two{padding: 45px 0px;}

img.resp-mi-vi-img {

    width: 100%;

    height: auto;

}

.miss-visi-image {

    border-radius: 20px;

    padding-top: 20px;

    padding-bottom: 20px;

}

section.about-section-four{ padding: 45px 0px;}

.admission-box {

    display: block;

}

.form-responsive { display: block; }

.form-div {

    width: 100%;

    padding: 10px 5px;

}

.form-div-submit {

    padding: 0px 5px 30px 5px;

}

section.inq-section-one {

        width: 100%;

        height: 100vh;

        box-shadow: 0px 0px 0px #ffffff inset;

    }

    .enq-section-two {

        padding: 80px 0px 5px 0px;

    }

div#nav-tab h4 {

    font-size: 15px;

}

.tab-content>.active h4 {

    font-size: 14px;

}

    img.barcode-img {

        width: 145px;

        height: auto;

    }

    h2.or {

    padding: 15px 5px;

}

.collage-career h3 {

    padding: 10px 0px 10px 0px;

    font-size: 26px;

    font-weight: 700;

}

section.career-section-two {
    margin-left: 15px;
    padding: 45px 0px;}

.career-barcode {

    display: flow;

}

.media-section-two{padding-bottom: 45px;}

section.contact-section {

    background-color: #13294b;

    height: auto;
    
    background-size: 0px;

    padding: 55.55px 0px;

    display: flex;

    align-items: center;

}

.typewriter {

  white-space: normal; /* Keeps the content on a single line */}

html, body {overflow-x: hidden;}

body {position: relative}

.menu-drop-mega {padding: 0px 0px;}

.navbar .megamenu{ padding: 1rem; 

transition: 1s;}

/*   HOVER DROPDOWN */


}


/*end mob*/}



@media (min-width:768px) and (max-width:1024px){

    .carousel-inner {
    position: relative;
    height: 60vh !important;
    width: 100%;
    overflow: hidden;
}
    .pc-block{display: block !important;}
.mobile-block{display: none !important;}
    .hide-mobile {
    display: none;
    z-index: 9990;
    margin-left: 55px;
    margin-right: 55px;
}
.custome_logo_pl {
        display: block;
    }
    .jumbotron_custome {
    height: 220px;
    margin-left: 12px;
    width: 100%;
    background-repeat: no-repeat !important;
    BACKGROUND-SIZE: 100% 100% !important;
}
main {
    padding-top: 40px !important;
}
    .media-img{    min-height: auto;}
    h4.custome-bar-item.custome-button {
    cursor: pointer;
    color: #3e4145;
    font-size: 14px;
    background: #eeeeee;
    margin-bottom: 3px;
    font-weight: 600;
    box-shadow: 0px 0px 4px #00000026;
    padding: 5px;
    transition: .4s;}
    section.skill-section-one{height: }
    .custome-six-box-collage p.small { min-height: 40px;}
    section.section-three-collage h2 {
    font-size: 1.7em;}
    p.mega-menu-cc-con{min-height: 59px;    font-size: 13px;}
    .custme-btns{right: 3.5vw !important;}
    .collage-section-one{}
    .image.responsive-five {
    background: #fff;
    width: 100%;
    height: AUTO;
    min-height: 70px;
    max-height: 71px;
    object-fit: scale-down;
    padding: 4px;
    border-radius: 12px;
    margin-bottom: -5px;
}
        .carousel-item.active {
        height: 60vh;
    }
        .carousel-item {
        height: 60vh;
    }
        .carousel-indicators {
        bottom: 160px;
        margin-right: 0% !important;
        margin-left: 2% !important;
    }
.custome-cll {
    object-fit: cover;
}
 small {

    font-size: 12px;

}

.coll-box {

    background: #f5f5f5;

    height: 120px;

    width: 120px;}

    .six-box-20 {

    width: 33.33%;

    margin-bottom: 0px;}

    section.section-two-collage {

    background-color: #f5f5f5;

    padding: 45px 0px;

}

section.section-three-collage {

    background: #fdf4dc;

    padding: 45px 0px;

}

section.section-four-collage {

    background: #13294b;

    padding: 45px 0px;

}

section.section-five-collage {

    background: #192770;

    padding: 45px 0px;

}

section.section-eights {

    background: #164b9c;

    padding: 45px 0px;

}



section.section-six-collage {

    background: #fff;

    padding: 45px 0px;

}

section.section-saven-collage {

    background: #fff;

    padding: 45px 0px;

}

section.section-eight-collage {

    background: #fff;

    padding: 45px 0px;

}

.saven-box-responsive img {

    background: #ffffff;

    width: 100%;

    border: 5px solid #fff;

    height: 120px;

    object-fit: cover;

    transform: scale(1);

    transition: .5s;

}

i.color-star {

    color: #f8c130;

    font-size: 16px;

}

section.skill-section-two {

    padding: 45px 0px;

    background: #fff;

}

section.skill-section-three {

    padding: 45px 0px;}

section.skill-section-one {

    width: 100%;

     height: 389px;}

     section.skill-section-careers {

    width: 100%;

     height: 389px;}

.about-content {

    height: 40vh;

    display: flex;

    justify-content: center;

    align-items: center;

}

section.about-section-two{padding: 45px 0px;}

section.about-section-four{padding: 45px 0px;}

.collage-hero{height: 389px;}



    section.inq-section-one {

        width: 100%;

        height: 520px;

        box-shadow: 0px -115px 0px #ffffff inset;

    }

    label.form-label {

    font-size: 11px;

}

.btn.btn-submit {

    background: #b10000;

    padding: 7px 22px;

    margin-top: 28px;

    color: #fff;

}

div#nav-tab h4 {

    font-size: 18px;

}

.tab-content>.active h4 {

    font-size: 14px;

}

.custome-slider-text-tab h2 {

        font-size: 40px !important;

        transition: .5s;

        color: #fff;

    }

        .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 0.4rem;

        padding-left: 0.4rem;
         min-width: 98px;


        font-size: 13px;

    }

    .collage-hero {

    justify-content: center;

    align-items: center;

    display: flex;

}

.custome-title-size-big-white {

    font-size: 28px;

    font-weight: 700;

    padding: 5px 0px;

    color: #fff;

}

.collage-career {

    height: 392px;

    justify-content: left;

    align-items: center;

    display: flex;

    width: 100%;

}

.collage-career h3 {

    padding: 10px 0px 5px 0px;

    font-size: 26px;

    font-weight: 700;

}

img.barcode-img {

    height: 135px;

}

section.career-section-two {

    padding: 45px 0px;

}

h2.or {

    padding: 0px 20px;

}



.media-section-two{padding-bottom: 45px;}

section.media-section {

    padding: 45px 0px;

}

section.media-section {

    padding: 45px 0px;

}

section.contact-section {

    background-color: #13294b;

    height: 85vh;

    padding: 55.55px 0px;

}



.collage-hero {

    height: 387px;

}

.custome_12 {

    width: 100%;

}

html, body {overflow-x: hidden;}

body {position: relative}

.menu-drop-mega {

    padding: 0px 0px;

}

.navbar-nav {

    display: flex;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    width: 90vw;

    list-style: none;

}

.device-other-box {

    width: 50%;

}

}/*end tab*/











/*NAVBAR for all*/

.navbar .megamenu{ padding: .5rem; 

transition: .1s;}

/*   HOVER DROPDOWN */



/*END OF DROPDOWN PCS*/

/* ============ desktop view ============ */

@media all and (min-width: 992px) {



  .navbar .has-megamenu{position:static!important;transition: 3s;}

  .navbar .megamenu{left:0; right:0; width:100%; margin-top:-2px;  }



}   



/* ============ mobile view ============ */

@media(max-width: 991px){

  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{

    overflow-y: auto;

      max-height: 90vh;

      margin-top:10px;

  }

}

/*END NAVBAR*/









@media (max-width: 980px){

  nav .menu-icon,

  nav .cancel-icon,

  nav .search-icon{

    margin: 0 20px;

  }



.custome-slider-text p {

        font-size: 16px;

        margin-top: 20px;

        color: #fff;

    }

        .custome-slider-text h2 {

        font-size: 25px;

        color: #fff;

    }

       

    .custome-slider-text {

    display: block;

    position: absolute;

    top: 21vh;

    width: auto;

}

.custme-btns {

    padding: 5px;

    position: absolute;

    bottom: 25px;

    height: 50px;

    width: 134px;

    right: 2vw;

}

  nav form{

    right: 30px;

  }

  a.contact-mobile {

       display: flex;

        width: 55px;

        text-align: center;

        position: relative;

        right: 2px;

        justify-content: center;

        font-size: 14px;

        color: #fff;

        font-weight: 600;

        text-decoration: none;

        background: #65a52f;

        bottom: 5px;

        padding: 9px 3px;

}

  .carousel-indicators {





  

    margin-bottom: 6rem !important;

    text-align: right !important;

}



}

@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem;
        min-width: 80px;
        padding-left: 0px;
        font-size: 14px;
        height: 83px;
        display: flex
;
        align-items: center;

    

    }



}









@media (max-width: 350px){



  nav .menu-icon,

  nav .cancel-icon,

  nav .search-icon{

    margin: 0 10px;

    font-size: 16px;

  }

  .custme-btns {right: 3vw;}

.content{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.content header{

  font-size: 30px;

  font-weight: 700;

}

.content .text{

  font-size: 30px;

  font-weight: 700;

}

.content .space{

  margin: 10px 0;

}