html{scroll-behavior: smooth;overflow-x: hidden;}
body{font-family: 'Open Sans', sans-serif !important;}
/*-------- Banner --------*/
    
    .carousel-container h1{font-size: 90px;font-weight: 700;color: #fff;border-left: 8px solid #fff;padding-left: 20px;}
    .carousel-container span{color: #e8c00b;display: block;}
    .carousel-indicators{display:none !important;}
    
    
    #hero .btn-get-started{background-color:#fff;color:#000;border-radius:50px;}
    
    /*-------- Around The World --------*/
    .around-the-world{background-image: url(../images3/around-the-world-bg.jpg);background-repeat: no-repeat;background-size: cover;padding-left: 0;padding-right: 0;height:400px;}
    .overlay {
        background: rgba(0, 0, 0, 0.8);
        overflow: hidden;height: 400px;
       }
       .around-the-world h4{font-size: 40px;font-weight: 600;color:#fff;font-family: 'Open Sans', sans-serif;}
       .around-the-world span{color: #e8c00b;}
       .around-the-world .container{padding: 0px 15px;}
       .around-the-world hr{height: 2px;background-color: #fff;width: 450px;}
       .around-left-side p{font-size: 15px;font-weight: 400;color: #fff;padding-right: 100px;}
       .around-right-side{border-left: 3px solid #fff;padding: 68px 0;}
       .around-left-side{padding: 70px 0;}
       
       .around-btn-icon1{background-image: url(../icons3/uk-icon-white.svg);height: 65px;background-repeat: no-repeat;padding-top:13px;padding-left: 80px;margin-bottom: 10px;}
       .around-right-side a{text-decoration: none !important;}
       .around-btns:hover .around-btn-icon1{background-image: url(../icons3/uk-icon-yellow.svg);background-color: #fff;border-radius: 40px;}
       .around-btn-icon1 p,.around-btn-icon2 p,.around-btn-icon3 p{font-size: 25px;font-weight: 600;color: #fff;}
       .around-btns:hover .around-btn-icon1 p{color: #000;}
       .around-btns{position: relative;right: 32px;}
       

       .around-btn-icon2{background-image: url(../icons3/asia-icon-white.svg);height: 65px;background-repeat: no-repeat;padding-top:13px;padding-left: 80px;}
       .around-btns:hover .around-btn-icon2{background-image: url(../icons3/asia-icon-yellow.svg);background-color: #fff;border-radius: 40px;}
       .around-btns:hover .around-btn-icon2 p{color: #000;}

       .around-btn-icon3{background-image: url(../icons3/mabrouk-marine-icon-white.svg);height: 65px;background-repeat: no-repeat;padding-top:13px;padding-left: 80px;margin-top:30px;}
       .around-btns:hover .around-btn-icon3{background-image: url(../icons3/mabrouk-marine-icon-yellow.svg);background-color: #fff;border-radius: 40px;}
       .around-btns:hover .around-btn-icon3 p{color: #000;}
       .around-right-side .col-lg-12{margin:10px 0;}
       
       
       
       
       /*-------- Why Choose Us --------*/
       .why-choose{padding: 100px 0;font-family: 'Open Sans', sans-serif;}
       .why-choose-img {width: 100%;height: 160px; background-color: #e8c00b;position: relative;top:306px;}
       .why-choose-img img{width: 340px;height:450px;margin: auto;display: block;position: relative;bottom: 300px;}
       .why-choose-right{padding-top: 50px;}
       .why-choose-right h3{font-size: 40px;font-weight: 600;color: black;border-left: 8px solid #e8c00b;padding-left: 15px;}
       .why-choose-right p{font-size: 14px;font-weight: 400;color: black;text-align: justify;line-height: 30px;margin-bottom:30px;}
       .why-choose-right a{text-decoration: none;font-size: 15px;font-weight: 400;color: black;padding: 10px 15px;background-color: #e8c00b;border-radius: 5px;}
       .why-choose-right a:hover,.why-choose-right a:focus{color: #fff;}
        .why-choose-counter{display: flex;justify-content: center;align-items: center;justify-content: space-between;text-align: center;}
       .counter-box{margin-bottom: 30px;box-shadow: 2px 3px 3px 3px #ccc;height: 150px;width: 20%;}
       .why-choose-right h2{font-size: 35px;font-weight: 700;color: #e8c00b;padding-top:22px;}
       .why-choose-right-btn{display: flex;width:400px;}
       .why-right-btn-box{margin:0 7px;}
       .why-choose .accordion{margin:35px 0;}
       .why-choose .accordion-body{font-size:14px;line-height: 30px;color:#000;}
       .why-choose  .accordion-button {font-weight:600;color:#000;background-color:#fff !important;}
       .why-choose .accordion-button:focus{box-shadow:none;}
      .why-choose .accordion-item{border:none !important;}
       
       
       
       
       
       /*-------- Our Service --------*/
       .services-wrapper{background-image: url(../images3/services-bg.jpg);background-size: cover;background-repeat: no-repeat;padding: 80px 30px;}
       .services-wrapper h3{text-align: center;color: #fff;font-size: 40px;font-weight: 700;}
       .services-wrapper span{color: #e8c00b;}
       .services-wrapper p{font-size: 14px;font-weight: 400;color: #fff;text-align: center;}
       .services-content{padding: 0 80px;margin-bottom: 80px;}
       #services a{color:#fff;}
       #services a:hover{color:#fff;}
       
       /*-------- Our Clients --------*/
.our-clients{padding: 80px 0;}
.our-clients h3{font-size: 40px;font-weight: 700;color: black;border-left: 8px solid #e8c00b;padding-left: 20px;margin-top: 50px;}
.our-clients p{font-size: 14px;font-weight: 400;color: black;line-height: 30px;text-align: justify;padding-right: 50px;}
.clients-right img{margin: auto;display: block;}
.clients-box{display: flex;justify-content: center;align-items: center;justify-content: space-between;padding-top: 50px;}
.clients-boxs-1{width: 200px;height: 100px;box-shadow: 2px 3px 3px 3px #ccc;display: flex;align-items: center;}
.clients-boxs-1 img{ margin: auto;display: block;}

/*-------- Footer --------*/
footer{background-image: url(../images3/footer-bg.jpg);min-height: 400px;background-repeat: no-repeat;background-size: cover;padding: 80px 15px;}
.ftr-emails span,.frt-quick-links span{font-size: 16px;font-weight: 700;color: #fff;padding-left: 10px;}
       .ftr-emails a{text-decoration: none;font-size: 13px;font-weight: 400;color: #fff;}
       .social-media-icons{display: flex;justify-content: space-between;margin-top:24px;}
       .mail-box,.contactus-box{margin-bottom: 20px;}
       .footer-logo{margin-bottom: 30px;}
       .ftr-emails a:hover,.ftr-emails a:focus{color: #e8c00b;}
       .frt-quick-links ul{padding-left: 10px;margin-top: 20px;}
       .frt-quick-links li{list-style: none;}
       .frt-quick-links a{font-size: 13px;font-weight: 400;color:#fff;}
.frt-quick-links a:hover,.frt-quick-links a:focus{color: #e8c00b;}


 .section-title h3{color: #000;font-size: 40px;font-weight: 700;text-align: center;margin-bottom:45px;}
 .section-title span{color: #e8c00b !important;}
 .section-bg{background-color: #fff;padding:80px 0;}
 
 
 
 /*-------- About --------*/


.about-banner-bg{background-image: url(../images3/about-banner.jpg);background-repeat: no-repeat;background-size: cover;}
.banner-content{padding-top:300px;padding-bottom:200px;}
.banner-content h2{font-size: 40px;font-weight: 600;color: #e8c00b;font-family: 'Open Sans', sans-serif !important;}
.banner-content h1{font-size: 50px;font-weight: 600;color: #fff;font-family: 'Open Sans', sans-serif;}
.banner-content p{font-size: 16px;font-weight: 400;color: #fff;margin-top: 20px;}
 /*-------- Text --------*/
 .abt-text{padding:100px 15px;}
.abt-text p{font-size:16px;font-weight: 400;color: #000;line-height:30px;text-align: center;margin-bottom:30px;}

/*-------- office --------*/
.our-office-bg{background-image: url(../images3/abt-office-bg.jpg);background-repeat: no-repeat;background-size: cover;padding-bottom:100px;z-index:5;}

.abt-img-wrapper{display: flex;justify-content:space-between;border-bottom:2px solid #ccc;}
.mvv-box{background-color: #fff;width: 300px;padding: 15px;border-radius: 9px;position: relative;bottom: 50px;}
.mvv-box img{position: relative;bottom: 40px;}
.mvv-box h4{font-size: 25px;color: #000;text-align: center;}
.mvv-box p{font-size: 16px; color: 343434;text-align: justify;}

.office-section h4{font-size: 25px;color: #fff}
.office-section p{font-size: 16px; color: #fff;margin-bottom:30px;}
.office-section-wrapper{padding-top:80px;}
.office-section a{padding:10px 40px;background-color: #e8c00b;border-radius:6px;color:#000;}
.office-section a:hover,.office-section a:focus{color:#fff;}

.office-box{width: 170px;}
.office-box-wrapper{display: flex;justify-content: space-between;}

.office-box-img-1{background-image: url(../images3/abt-office-img-1-white.png);background-repeat: no-repeat;background-size: cover;height:315px;}
.office-box:hover .office-box-img-1{background-image: url(../images3/abt-office-img-1-yellow.png);}

.office-box-img-2{background-image: url(../images3/abt-office-img-2-white.png);background-repeat: no-repeat;background-size: cover;height:315px;}
.office-box:hover .office-box-img-2{background-image: url(../images3/abt-office-img-2-yellow.png);}


.office-box-img-3{background-image: url(../images3/abt-office-img-3-white.png);background-repeat: no-repeat;background-size: cover;height:315px;}
.office-box:hover .office-box-img-3{background-image: url(../images3/abt-office-img-3-yellow.png);}




/*-------- Contact-Us--------*/

.contact-us-banner-bg{padding-bottom:150px; width: 100%;background-image: url(../img/contact/contact-banner-1.jpg);background-repeat: no-repeat;background-size: cover;}
.contact-us-banner-content h3{padding-top: 200px;font-size: 40px;font-weight: 600;color:#E8C00B ;font-family: 'Open Sans', sans-serif;}
.contact-us-banner-content h2{font-size: 50px;font-weight: 600;color:#fff ;font-family: 'Open Sans', sans-serif;}
.contact-us-banner-content p{font-size: 16px;font-weight: 400;color: #fff;margin-top: 30px;}





@media(min-width:300px) and (max-width:767px) {
    .contact-us-banner-bg{background-image: url(../img/contact/contactBannerMobile.png);background-repeat: no-repeat;background-size: cover;}
    .contact-us-banner-content h3{padding-top:400px;font-size: 20px;}
.contact-us-banner-content h2{font-size: 30px;}
.contact-us-banner-content p{font-size: 13px;}
.contact-us-banner-bg{padding-bottom:80px;}
}





       

     /*-------- Responsive --------*/  
     @media(min-width:768px) and (max-width:991px) {.clients-box{flex-direction:row;}}
     @media(min-width:300px) and (max-width:767px) {.clients-box{flex-direction: column;}}
     
          @media(min-width:300px) and (max-width:991px) {
        .carousel-container h1{font-size:38px;text-align:left;}
        
        .carousel-container p{font-size: 16px;margin-top: 20px;}
        .banner-btns a{margin-bottom:15px;}
        
        .banner{height:550px;}
        .around-the-world h4{text-align: center;}
        .around-the-world p{text-align: justify;padding-right: 0;}
        .around-left-side{padding: 70px 15px;}
        .around-btns{right: 0;margin:auto;width: 250px;}
        .around-right-side{border: none;padding-top: 0;}
        .around-btn-icon1 p,.around-btn-icon2 p,.around-btn-icon3 p{font-size: 18px !important;}
        .why-choose-right h3{margin-top: 285px;}
        .why-choose{padding: 100px 15px;}
        .why-choose-right-btn{width:144px;margin:auto;display: block;}
        .why-choose-right a{font-size:13px;}
        .why-right-btn-box{margin-bottom:27px;margin-left:0;margin-right:0;}
        .overlay{height:860px;}
        .around-the-world{height:860px;}
        .services-content{padding: 0 0px;}
        .services-wrapper p{text-align: justify;}
         .why-choose-counter{flex-direction: column;}
        .counter-box{width: 45%!important;}
        .our-clients{padding: 0px 15px 50px 15px;}
        .our-clients p{padding-right: 0;}
        
        .clients-boxs-1 {margin: 10px 0;}
        
        .footer-logo{margin-bottom: 20px;}
        footer{padding: 30px 15px;}
        .ftr-emails a{display:block;}
        .social-media-icons{width:200px}
        footer .col-lg-6{margin:20px 0;}
        .ftr-emails{margin-bottom:35px;}
        
         .banner-content h2{font-size:20px;}
        .banner-content h1{font-size:30px;}
        
        .banner-content { padding-top: 425px;padding-bottom: 56px;
        
        
        
        
        
            
        }
        
        
       
    
       
        @media(min-width:300px) and (max-width:767px) {
            
            .oil-inspection-left-image img{width:100%;}
            
            /*-------- About --------*/
        .about-banner-bg{background-image: url(../images3/about-mobile-bg.jpg);background-repeat: no-repeat;background-size: cover;}
        
    .abt-img-wrapper{flex-direction: column;}
           .mvv-box{display: block;margin: auto;margin-top: 70px;bottom: 85px;}
           .office-box-wrapper{margin-top:50px}
           .office-box{width: 100px;}
           
        }