@font-face {
  font-family: PoetsenOne;
  src: url('./PoetsenOne-Regular.ttf');
}


body{ font-family: 'Poppins', sans-serif;
 }
.bg-light {
    background-color: #ffffff!important ; 
    padding: 0px 15px;
}
.navbar-brand img {
    max-width: 60%;
}
.navbar-brand { padding:0px 15px }
.bannerSection img{ height:100vh;  }
.bannerSection .item , .bannerSection{ position:relative; }
/*.bannerSection:after{position: absolute;  content: "";   background-image: url(../img/Bottom-Design.png);  background-position: bottom right;    background-size: contain;  height: 205px;   width: 226px;   background-repeat: no-repeat;  z-index: 99;   right: 15px; bottom: 0;}*/

.navbar{position: relative;}
/*.navbar:before {
    position: absolute;
    content: "";
    background-image: url(../img/Top-Design.png);
    background-position: 0,0;
    background-size: contain;
    height: 131px;
    width: 143px;
    background-repeat: no-repeat;
    left: 0;
    z-index: 99;
}*/


.container p { line-height:30px; font-size:17px; margin-bottom:0px; }
.subheader {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}.subheader h2 {
    color: #fff;
    font-size: 40px; background-color:rgb(35 139 54 / 78%); display: inline-block; padding: 10px;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 18px;
    margin-right: 15px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(101 215 253);
    font-weight: 400;
    font-size: 18px;
}
.centered {
    position: absolute;
    top: 37%;}
.centered h1 {
    color: #405200;
    font-weight: 600;
    font-size: 58px;
    /* font-style: italic; */
    font-weight: 500;
    font-family: PoetsenOne;
}.centered p{   text-transform:capitalize; font-weight:300;font-size:23px; color:#fff }

.mainFont{  color:#0061c0;   font-weight:600; font-size:40px; }

.topFont {
    color: #238b36;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}

 
.aboutUsDiv p ,  .purpouseDiv p{
    font-size: 18px;
    line-height: 33px;
    color: #000;
    padding-right: 40px;
    text-align: justify;
}
.adultBox { min-height:250px; background-size:cover; background-position:center; background-repeat:no-repeat;position:relative; }
.adultBoxCaption {background-color: #0061c0; bottom:0; left:0; width:100%; right:0; padding: 10px 10px; color: #fff;      position: absolute; text-transform: capitalize;
 }
 


 .TrainingSection .item {
    background: #fff;
border-radius: 10px;    -o-box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    overflow: hidden;
    padding: 40px 20px;
    position: relative;
    z-index: 1;
    border:1px solid #f7d207;    transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;

}

.TrainingSection .item:after {
    background: #22aa53;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    z-index: -1;
}
.TrainingSection .item i, .TrainingSection .item:after {
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
}

.TrainingSection .item:hover:after {
    top: 0;
}

.TrainingSection .item:hover  {
       border:1px solid#22aa53;       transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;



}
.trainingDiv {   border-radius: 10px;  text-align: center;   transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;  height: 100%;
    margin: auto;
    position: relative;
    width: 100%;  }
.trainingDiv img {   margin-bottom: 20px; max-width: 40%;}
.trainingDiv hr {  max-width: 66%;  background: #9a8c4a;  height: 2px; margin: 20px auto; border-color: red; opacity: 1;}
 .trainingDiv p {font-size:20px; font-weight:600; color:#000; text-transform:uppercase;  }
 .TrainingSection .item:hover .trainingDiv p { color:#f7d207;  }
 /*.trainingDiv:hover {margin-bottom:0px;  background-color: #238b36;   font-size: 14px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

.trainingDiv {
    width: 100%;
    height:100%;
    position: relative;
    display: inline-block;
    margin: auto;
 }*/
.img-top1 { margin: auto;    display: block;
}
.navbar img { max-width: 85%;}
.trainingDiv .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    z-index: 99;    margin: auto;

}
/*.trainingDiv:hover .img-top {
    display: inline;
}*/
.TrainingSection .item:hover .img-top {
    display: inline;
}
.TrainingSection .topFont { color:#f7d207; }
.counter-count
{    font-size:50px;    position: relative;    color: #ffffff;    text-align: center;    line-height: 92px;   }

.easyDiv .employee-p{ color:#000; font-size:17px; font-weight:700; }
    p.counter-count:after {
    content: "+";
}
 
 .easyDiv .col-lg-2{ position:relative; } 
.easyDiv .col-lg-2:before {position:absolute;content:""; height:100%; width:2px; background-color:#fff;     left: 0;}
.easyDiv .col-lg-2:first-child:before{display:none;}
.easyDiv .col-lg-2 { width:20%; text-align:center; }
.mainFont2{position: relative;}
  
.arrowA {  font-size: 16px;   position: relative;  transition: all 0.3s ease;color: #000;    margin: 0px 20px auto auto;   display: block;   margin-bottom: 20px;text-decoration: none;
}
 .arrowA:after{position: absolute; content: url(../img/arrow.png); margin-left: 4px;    top: 2px; transition:all 0.3s ease; }
 .ClientSection img{ max-width:70%; }
    
   .arrowDiv:hover .arrowA:after , .trainingDiv:hover .arrowA:after { margin-left:12px; transition:all 0.3s ease;}
   .arrowA:hover {color: #000 }

   .beWithusSection .firstRow .col-sm-6 { border-left: 3px solid #9a8c4a; border-bottom: 3px solid #9a8c4a;  text-align: center;}
   .beWithusSection .SecondRow .col-sm-6 {   text-align: center;}
.beWithusSection .firstRow .col-sm-6:first-child { border-left: none;}
.beWithusSection .SecondRow  .col-sm-6:nth-child(2) { border-left: 3px solid #9a8c4a;  }

.beWithusSection .col-sm-6 img { max-width:50%; padding:20px; }
.beWithusSection p{padding: 0px 20px ; color: #000; font-weight: 700; }

 .adultDiv .mainFont , .adultDiv .mainFont2{ min-height: 250px; margin:0px; display:flex; justify-content:center;align-items:center; }

 .easyDiv{ background-image:url('../img/Easy-Time-Section.jpg');background-size:cover;  background-position:center; background-repeat:no-repeat; display:flex; align-items:center;  justify-content: center;     text-align: center;
}

 .easyDiv span{ font-size:45px; color:#fff; font-weight: 600;}
 .purpouseDiv{ background-color:#eaf9ff; }
 .purpouseDiv img { max-width:50%; margin-bottom:20px; }

.testiMonials ,.ClientSection {background-color: #f1f1f1;}
.testiDiv { background-color:#fff; padding:20px;border-bottom:6px solid #238b36; border-bottom-left-radius:8px; border-bottom-right-radius:8px; text-align: center;}
.testiDiv p { color:#000; padding:20px 0px;   }
.testiDiv h5 { color:#238b36; font-weight:600; font-size:20px }
.aboutImg {
    min-height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.aboutImg img {
    float: left;
    max-height: 290px;
    margin-right: 12%;
}

.whyUs2 img {
    float: right;
    max-height: 290px;
    margin-left: 12%;
        margin-right: 0%!important;

}
.abText {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer .col-sm-6 { padding-right:20px }
.formSection .mainFont { color:#fff; margin-bottom: 30px}
 .form-group{margin-bottom: 10px}
.formDiv {
    width: 80%;
    background: #0061c1;
    padding: 60px 40px 10px 40px;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    margin: auto;
}
input.form-control {
    height: 45px;
    border-radius: 9px;
 }

 .well {
    border: 1px solid #E6E6E6;
    padding: 15px 20px;
    border-radius: 8px;
    margin-top: 15px;
    transition: all 0.3s ease-in-out;
}
.copyright{background-color: #9a8c4a}
.copyright a,.copyright a:hover{ color: #000; text-decoration: none;}
     .btn-watchnow { width:auto; padding:10px; border-radius:41px; font-size:20px; }

     .formSection .btn-watchnow , .bannerSection .btn-watchnow{border:1px solid #fff;color:#9a8c4a; transition:all 0.3s ease-in-out;  }
     .aboutUsDiv  .btn-watchnow {border:1px solid #0061c1;color:#000; transition:all 0.3s ease-in-out; }
     .formSection .btn-watchnow:hover ,.bannerSection .btn-watchnow:hover {border:1px solid  #fff;color:#0061c1;background: #fff; transition:all 0.3s ease-in-out; }
     .aboutUsDiv  .btn-watchnow:hover {border:1px solid #0061c1; background: #0061c1; color:#fff ; transition:all 0.3s ease-in-out; }
.btn-watchnow {
    width: auto;
    padding: 7px 18px;
    border-radius: 9px;
    font-size: 20px;
    border: 1px solid #f7d207;
    color: #9a8c4a;
    background: #f7d207;
    color: #000;
}

.specialityDiv {
    background-size: cover;
    min-height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    position: relative;
    width: 80%;
    margin: auto;
    margin-top: -17%;
    z-index: 9; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}.specialCaption {  background-color: #fff;   color: #9a8c4a;  font-weight: 700;  position: absolute;  bottom: 0; border-bottom-left-radius:25px; border-bottom-right-radius:25px; width: 100%;    text-align: center;
    padding: 14px;    box-shadow: 2px 4px 12px rgb(0 0 0/8%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}


.specialityDiv:hover{    width: 90%;
  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.specialityDiv:hover .specialCaption{ background-color:#9a8c4a;color: #fff;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

    .footer {     background: #333333; }
.footer h4 { font-size:23px;color:#f7d207; font-weight:600; margin-bottom:40px;  }
.footer img {
    max-width: 188px!important;
    height: 65px;
    margin-bottom: 12px;
}
.footer .fa  { color:#9a8c4a; }
.footer a:nth-child(2) {  margin-left:10px }
.footer a , .footer p{ color:#fff; font-size:16px; text-transform:capitalize; text-decoration:none; }
.clientDiv {
    min-height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} @media all and (min-width:768px){
/*.slider-section {
    background-size: cover;
    height: 101vh;
    background-position: center;
    background-repeat: no-repeat; position: relative;
    margin-top: 0;
    z-index: 1;
}
*/
  .navbar {
     position: relative;
    
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #000;
    font-weight: 400;
    line-height: 35px;
    font-size: 18px;
    border-bottom: 2px  solid #9a8c4a;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
     font-weight: 600;
    font-size: 16px;
    margin-right: 15px;
    line-height: 35px;
}

}


.buttonDiv {
    margin-top: 36px;
    margin-top: 35%;
    display: block;
    width: 44%;
    padding: 3px 0px;
    border-radius: 10px;
    /* width: auto; */
    z-index: 4;
    margin: 17% auto 0%;
    position: relative;
    background-color: rgba(255, 255, 255,0.7);
}
.buttonDiv .buttonInnerDiv {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #9a8c4a;
    border-radius: 20px;
    top: -20px;
    padding: 10px 20px;
    font-size: 24px;
    text-transform: capitalize;
    width: 300px;
    margin: auto;
    color: #fff;
}

.buttonContent {
    margin: 40px auto 10px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-danger {
    color: #fff;
    background-color: #d21339;
    border-color: #d21339;
    border: 2px solid;
    border-color: #d21339;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#btnSearch, #btnClear, #btnSearch1 {
    display: inline-block;
    /* vertical-align: top; */
    /* padding: 15px; */
    /* margin-top: 280px; */
    margin-right: 100px;
    position: relative;
    padding: 9px;
    /* margin-top: 320px; */
    border: none;
    border-radius: 40px;
    /* margin-top: 320px; */
}

.footerContent { padding:2px; min-height:60px; position:relative; }
.footerCon { background-color:#fff; border-radius:10px; padding:5px 10px; display:inline-block; width:auto; color:#000; text-transform:uppercase; }
 }

 .footerCon { position: relative;
    line-height: 27px;
    padding: 6px 15px; }
.footerCon:first-child{ margin-right:70px ;     position: relative;
}
.footerCon:second-child{ margin-left:70px }
.footerCon:first-child:after {
    position: absolute;
    height: 40px;
    content: "";
    width: 1px;
    right: -35px;
    background-color: #9a8c4a;
    top: 0px;
}.footerCon img {
    margin-right: 10px;
    height: 25px;
    display: inline-block!important;
    max-width: 100%;
    width: auto!important;
}

@media all and (max-width:767px){
    .bannerSection{ background-image:url('../banner/Banner-12.jpg');background-size:cover; height:87vh; background-position:center; background-repeat:no-repeat; }
 }



 @media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1250px;
}}


.carousel-item0{background-image: url('../banner/jpeg-optimizer_banner-1.jpg');}

.carousel-item1{background-image: url('../banner/jpeg-optimizer_Banner-disposable.jpg')}
.carousel-item2{background-image: url('../banner/jpeg-optimizer_Banner-grocery.jpg')}

.carousel-item3{background-image: url('../banner/jpeg-optimizer_banner-iron-ore.jpg')}

.carousel-item4{background-image: url('../banner/jpeg-optimizer_Banner-meat.jpg'); }
.carousel-item5{background-image: url('../banner/jpeg-optimizer_Banner-Non-Food.jpg');  }

 
 /* Slider */
.carousel-item0,.carousel-item1,.carousel-item2,.carousel-item3,.carousel-item4  {
   
    background-size: cover;
    height: 101vh;
    background-position: center;
    background-repeat: no-repeat; position: relative;
    margin-top: 0;
    z-index: 1;
}




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

.carousel-item0{background-image: url('../banner/jpeg-optimizer_banner-1.jpg');}

.carousel-item1{background-image: url('../banner/jpeg-optimizer_Banner-disposable.jpg')}
.carousel-item2{background-image: url('../banner/jpeg-optimizer_Banner-grocery.jpg')}

.carousel-item3{background-image: url('../banner/jpeg-optimizer_banner-iron-ore.jpg')}

.carousel-item4{background-image: url('../banner/jpeg-optimizer_Banner-meat.jpg'); }
.carousel-item5{background-image: url('../banner/jpeg-optimizer_Banner-Non-Food.jpg');  }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(214 219 215);
}
.aboutImg { margin-bottom:20px ; display: block!important}
.aboutUsDiv p, .purpouseDiv p { padding-right:0px; }
.abText{ display:block!important; margin-top:10px; }
.aboutImg img{ float:none; margin-bottom:20px; }
.TrainingSection .item { margin-bottom:30px!important; }
.TrainingSection .item{margin-bottom:30px!important;}
.whyUs2 img{ margin-left: 0%; margin-top:20px; }
.testiDiv { margin-bottom:23px; }
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1);
    background: #147b34;
}
.col-sm-4 img{margin-bottom: 20px;}
.footer h4{ margin-top:30px;     margin-bottom: 10px; }
.navbar .navbar-nav .nav-link{ line-height:30px; }
.navbar img {
    max-width: 35%;
}

.clientDiv { margin-bottom:20px; }
.carousel-item0, .carousel-item1, .carousel-item2, .carousel-item3, .carousel-item4 {
    height: 21vh!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
}

  /* Slider */
.carousel-item0,.carousel-item1,.carousel-item2,.carousel-item3,.carousel-item4  {
  height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

}


.navbar-brand img {
  width: 80px;
}
.navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-link {
  color: #fff;
  font-size: 1.1em;
  padding: 0.5em 1em;
}

nav.navbar.navbar-expand-md.navbar-dark {
    padding: 0px;
    border: none;
}

.navbar .navbar-nav .nav-link {
    color: #000;
    font-size: 1.1em;
    padding: 0.5em 1em;
    line-height: 66px;    font-weight: 600;

}

a.nav-link.active {
    color: #fff;
    background: #238b36;
}
.search {
    background-color: #f7d207;
    padding: 2px;
    height: 30px;
    border-radius: 10px;
    line-height: 13px!important;
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(35 139 54);
}
@media screen and (min-width: 768px) {
  .navbar-brand img {
    width: 100px;
  }
  .navbar-brand {
    margin-right: 0;
    padding: 0 1em;
  }
}