@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,800;1,700&display=swap');
html{scroll-behavior: smooth;}
body{font-family: 'Poppins', sans-serif;font-size:16px;color: #0f3655;overflow-x: hidden;}
a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;color: #0f3655;}
a{text-decoration:none;color:#03655;}
a:hover{text-decoration:none;outline:0;color: #e32b12;}a
a, img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}
label{font-weight: 700;}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;line-height: 1.3;margin: 0;padding: 0 0 20px;color: #146930; font-weight: 600;}
ul, ol{padding-left:18px;list-style: none;}

h1, h2{font-size: 32px;line-height: 42px;font-weight: 500;}
h3{font-size: 22px; line-height: 25px; font-weight: 500;}
h4{font-size: 24px; line-height: 28px; font-weight: 500;}
p{font-size: 15px;line-height: 24px;font-weight: 300;padding-bottom: 20px;margin: 0;color: #707070;}
.quote-img img{
	max-width: 375px;
}
.btn-custom {
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #3c8d1e;
    line-height: 42px;
    display: inline-block;
    color: #fff;
    text-align: center;
    min-width: 160px;
    padding: 0 30px;
    font-size: 15px;
    border-radius: 40px;
    box-shadow: none;
    border: 2px solid #3c8d1e;
}
.btn-custom i {margin-left: 10px;}
.btn-custom.btn-dark{background: #146930; border-color: #146930;}
.btn-custom:hover, .btn-custom:focus{box-shadow: 0 56px 0 #0f4220  inset; color: white !important;outline:none; border-color: #0f4220 ;}
.btn-custom.btn-custom-bdr{background: transparent; color: #146930;}
.btn-custom.btn-custom-blue {background: #0f3655; border-color: #0f3655; }
.btn-custom.btn-custom-blue:hover {background: transparent; color: #0f3655 !important; }
.btn-custom.btn-custom-gray {background: rgba(257,257,257,0.5); border-color: transparent; }
 .btn-custom.btn-custom-gray:hover {background: transparent; color: rgba(257,257,257,0.5); border-color: rgba(257,257,257,0.5); }
.form-group{margin-bottom: 35px;}
.enter-postcode .form-control { text-align:center; }
.form-control, .form-control:focus{background: #fff;border-radius: 50px;outline: none;font-size: 18px;font-weight: 700;border: 0;line-height: 45px;color: #0f3655;padding: 0 15px;border: 1px solid #707070; }
.form-control::placeholder {color: #0f3655 opacity: 1; }
.form-control:-ms-input-placeholder {color: #0f3655 }
 .form-control::-ms-input-placeholder {color: #0f3655 }

button:focus{outline: none;}
select.form-control{
    -webkit-appearance: nfomone;
    -moz-appearance: none;
    padding: 0 65px;
    height: 100px !important;
    background: #fff url(../images/arrow-icon.svg) no-repeat center right 45px;
    color: rgb(0 0 0 / 67%);
    }
    select.form-control:focus{background: #fff url(../images/arrow-icon.svg) no-repeat center right 45px;}
    select.form-control.filters { background-image:none; }
/*==============Owl-Carousel CSS==============================*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut { 0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut { 0% {opacity: 1;}100% {opacity: 0;}}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:      height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage::after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}

.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#333}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3); -moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-controls .owl-prev, .owl-controls .owl-next{width: 29px;height: 31px;position:relative;border-radius: 0;border: 0;opacity: 0.6;color: transparent;}
.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{border-color:#e02882; opacity: 1;}
.owl-controls .owl-nav{right: 15px;left: 15px;display: flex;justify-content:space-between;position: absolute;top: 50%;z-index: 10;transform: translateY(-50%);}
.owl-controls .owl-prev{background: url(../images/arrowlt.png) no-repeat center center;}
.owl-controls .owl-next{background: url(../images/arrowrt.png) no-repeat center center;}
.owl-controls .owl-dots {text-align: center;margin-top: 0;position: absolute;z-index: 9;bottom: 10px;right: 0;left: 0;}
.owl-controls .owl-dots .owl-dot{display: inline-block;}
.owl-controls .owl-dots .owl-dot span{width:10px;height:10px;margin: 0 3px;background-color: #e9e4e4;opacity:1;display: inline-block;border-radius:10px;}
.owl-controls .owl-dots .owl-dot.active span{opacity: 1;background-color: #c1bdbc;}
.owl-controls .owl-dots .owl-dot span {width: 20px; height: 20px; margin: 0 10px; border-radius: 50%; }
/*==============Owl-Carousel CSS==============================*/
.container{width:100%;position:relative;}
.sec-spaceY{padding: 100px 0;}
.sec-spaceT{padding-top: 150px;}
.sec-spaceB{padding-bottom: 150px;}
/*header start*/
.header {position: sticky;top: 0;left:0;right:0;padding: 25px 0;z-index:9999;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%);}
.top-bar{padding: 12px 0; background: #3c8d1e;}
.contact-us a{color: #fff; font-size: 15px;}
.contact-us a:hover{color: #d9d9d9; }
.contact-us a img {margin-right: 12px;width: 24px;}
.contact-us a:not(:last-child):after{content: "|"; padding: 0 15px;}
header.shrink {position: fixed;left: 0;right: 0;z-index: 99;}
header.shrink .header {padding: 20px 0;}
.logo img {display: block;opacity: 1;width: 100px;}
.navigation{padding-left: 40px} .navigation ul{padding: 0;margin: 0;display: flex;align-items: center;}
.navigation ul li:not(:first-child){margin-left: 45px;}
.navigation ul li a{font-size: 17px;font-weight: 500;color: #575756; display: block;}
.navigation ul li a:hover {color: #146930;}
.navigation ul li a.btn-custom{ padding: 0 30px; color: #fff; }
.navigation ul li a.btn-custom.btn-custom-bdr{  color: #146930; border-color: #146930;}
.navigation ul li a.btn-custom:hover, .navigation ul li a.btn-custom:focus{color: #e32b12;}
.navigation ul li { position: relative; display: block;}
.navigation ul li:hover { color: #e32b12; }
.navigation ul li ul {display: none }
.navigation ul li ul li {padding: 0;}
.navigation ul li ul li a { font-size: 13px; display:block;}
.navigation ul li ul li a:hover{background: #55595c; color: white;}
.navigation ul li:hover ul {display: block; position: absolute; left:0; top: 40px; background: white; width: 150px; padding:0; }
.social_links a {color: #fff;padding: 0 12.5px;line-height: 30px;font-size: 25px;display: inline-block;}
.social_links a:hover {color: #146930; }
.social_links a i {font-size: 20px;}

/*header end*/
.banner{position: relative;    box-shadow: 10px 10px 20px #00000029;}
.banner::after{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.7);}
.banner .container {    position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 99;}
.caption{max-width: 800px;}
.caption h1{color: #fff; line-height: 42px; padding-bottom: 10px;}
.caption p{color: #fff; font-weight: 300; font-size: 20px; line-height: 32px;}
.caption .btn-custom{margin-top: 15px;}
.bg-dark-green{background: #146930;}
.bg-dark-green * {color: #fff;}

/*about*/
/*/ move-down animation /*/
@keyframes move-down {
0% {
  bottom: -40px;
}
50% {
    bottom: 0px; 
}
100%{
  bottom: -40px;
}
}
.about-img {padding-left: 40px; position: relative;}
.about-us-wrapper .btn-custom{margin-top: 15px;}
.about-img:before{height: 80%; width: 75%; left:0px; bottom: -40px; border-radius: 20px; background: #d1e2d6; position: absolute; content: ""; z-index: -1;animation: move-down 4s ease infinite;}
.about-img img{border-radius: 25px;}
.dil_truck {width: 170px; height: 170px; display: flex; align-items: center;justify-content: center; border-radius: 50%; background: #3c8d1e; position: absolute; top: -50px; right: -50px;}
.trust-client h2{color: #bbbbbc; margin-bottom: 40px;}
/*solution-sec*/
.solution-sec {background: url(../images/solution.jpg) fixed; z-index: 2;}
.solution-sec::after{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.7); z-index: -1;}
.solution-sec p, .solution-sec h2{color: #fff;}
.solution-sec h2 {font-size: 28px; line-height: 40px;}
.solution-sec .btn-custom{margin-top: 15px;}

/*service*/
.service {background: #3c8d1e;}
.service h2, .service p{color: #fff;}
.btn-custom.btnbg-white {background: #fff; border-color: #fff; color: #146930; }
.service .btn-custom{margin-top: 15px;}
.service-wrapper {margin: 80px -7.5px}
.service-wrapper div[class*="col-"]{padding: 0 7.5px;}
.service-box{padding: 50px 30px 100px 30px; background: #146930; border-radius: 20px; margin-bottom: -120px; box-shadow: 10px 10px 20px #00000029; position: relative; z-index: 2;}
.service-box:before{top: 0; right: 0; left: 0; bottom: 0; content: ""; position: absolute; background: #21743d;border-radius: 20px; transform: scale(0.8); opacity: 0; transition: 0.3s ease; z-index: -1;}
.service-box:hover::before{transform: scale(1); opacity: 1;}
.service-box h3 a{color: #fff;}
.icon{width: 124px; height: 124px; display: flex; align-items: center;justify-content: center; border-radius: 50%; background: #438759; margin:0 auto 20px;}

/**/
.get-quote{position: relative;}
.get-quote .btn-custom{margin-top: 15px;}
.get-quote:before{height: 60%; width: 27%; right:0px; top: -80px; border-radius: 0 0 0 20px; background: #d1e2d6; position: absolute; content: ""; z-index: -1;}

/*footer*/
footer {background: url(../images/footerbg.jpg) top right; background-size: cover; }
.Recruitment {background: rgba(0, 0, 0, 0.7); min-height: 700px;}
.Recruitment .container{max-width: 800px;}
.Recruitment h2{color: #fff;}
.Recruitment p{color: #fff;}
.Recruitment .btn-custom{margin-top: 18px;}

/*footer*/
.footer{padding: 50px 0;background: #fff; }
.footer ul {padding: 0; margin: 0}
.Flogo {margin-bottom: 30px; display: inline-block;}
.Flogo img{width:130px;}
.footer ul li a{font-size: 15px; color: #575756;}
.footer ul li a:hover, .footer .contact-us a:hover, .footer .social_links a:hover{ color: #146930;}
.footer .contact-us{margin-bottom: 15px;}
.footer h4 {color: #3c8d1e;}
.footer .contact-us a, .footer .social_links a{color: #3c8d1e; font-weight: 300;}
.footer-bar {padding: 15px 0; background: #3c8d1e;}
.footer-bar p{padding: 0; margin: 0; color: #fff;}

/*about-us-wrapper2*/
.about-us-wrapper2 .container, .solution-sec .container{max-width: 1100px;}
.round-circle  img{ border-radius: 84px; }
/*testimoninal*/
.testimonial-outer{position: relative;}
.testimonial-outer:before{height: 60%; width: 28%; right:0px; top: -80px; border-radius: 0 0 0 20px; background: #d9e9d3; position: absolute; content: ""; z-index: -1;}
.testimonial:after{background: url(../images/quote.svg); width: 200px; height: 222px; background-size: contain; content: ""; position: absolute; top: -30px; right: 0; background-repeat: no-repeat; z-index: -1;}
.testimonial {display: flex; position: relative; padding-top: 50px;}
.reviewer_img {flex: 0 0 274px; max-width: 30%; }
.reviewer_img img{border-radius: 50%; box-shadow: 10px 10px 20px #00000029; }

.review_info {padding: 0 200px 0 60px; }
.testimonial-outer h4{padding: 0;}



/*    20.12.2021  */ 

.btn-custom.btn-custom-bdr:hover a{
    color: #fff !important;
}
.btn-custom.btn-dark a{
    color: #fff !important;
}

.inner-banner{
    padding: 170px 0 200px 0;
    background: url(../images/banner2.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.inner-banner:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}
.inner-banner h2{
    color: #fff;
}
.contact-section{
    padding: 80px 0;
}
.contact-info{
    padding-top: 70px;
}
.contact-info h2{
    line-height: 40px;
}
.contact-info ul{
    padding: 0;
}
.contact-info ul li{
    margin-bottom: 20px;
}
.contact-info ul li img{
    margin-right: 5px;
	width:26px;
}
.contact-info ul li span{
    margin-bottom: 10px;
    font-size: 25px;
    color: #146930;
    font-weight: 500;
}
.contact-info ul a{
    font-size: 18px;
	font-weight:600;
}
.contact-info ul a:hover{
    color: #146930;
}
.contact-form .gform_heading{
    display: none;
}
.contact-form input{
    margin-bottom: 20px;
    height: 40px !important;
}
.contact-form textarea{
    height: 160px !important;
}
textarea:focus, input:focus{
    outline: none;
}
.contact-form{
    box-shadow: 0 0 10px #dddd;
    padding: 50px;
    border-radius: 10px;
}
.contact-form .gform_footer input{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #3c8d1e;
    line-height: 52px;
    display: inline-block;
    color: #fff;
    text-align: center;
    min-width: 160px;
    padding: 0 30px;
    font-size: 20px;
    border-radius: 40px;
    box-shadow: none;
    border: 2px solid #3c8d1e;
    height: 100% !important;
}
.contact-form .gform_footer input:hover{
    box-shadow: 0 56px 0 #0f4220 inset;
    color: white !important;
    outline: none;
    border-color: #0f4220;
}
.recrugorm .gform_footer{
    text-align: center;
}

@media(max-width: 767px){
    .contact-section{
        padding-top: 0 !important;
    }
    .inner-banner{
        padding: 80px 0 100px 0;
    }
    .contact-form{
        padding: 20px;
    }
    .contact-info{
        padding-bottom: 50px;
    }
    .about-img, .quote-img{
        display: block !important;
    }
    .navigation .btn-custom{
        margin-top: 15px !important;
        line-height: 20px !important;
    }
    .navigation .btn-custom-bdr{
            border-top: 2px solid #3c8d1e !important;
    }
    .about-img{
        margin-top: 30px;
    }
    .quote-img{
        margin-top: 50px;
    }
    .quote-img img{
        width: 200px;
    }
    .recrugorm{
        margin-top: 80px;
    }
}