@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
:root{
    --maincolor: #4B88B9;
    --greycolor: #D9D9D9;
    --greyhighlight:#dcdcdc;
    ;
    
}
/* .chnge:hover{
    content: url(images/color-ship.png);
} */
body{
    font-family: 'Open Sans', sans-serif;
     overflow-x: hidden; 
}
.title-extra-large{       margin-top: 20px !important;
    font-size: 50px;
    line-height: 50px;; }
.img-mur{text-align:right;}
.btn.btn-link {color:#000 !important; text-transform:none; }
.team-member-image img{width:70% !important;}
.team-member-image{text-align:left;}
.sustain-p{
    

    padding-right: 30px !important;
    text-align: justify !important;
}
/*.swiper-slide{width:340px !important;}*/
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction{bottom:20px !important;}
.bg-bluedark{background-color:#343565;}
.navbar.navbar-light .navbar-nav > .dropdown.active > a, .sticky .navbar.header-light .navbar-nav > .dropdown.active > a, .navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a{color:#000 !important;}
.sticky .navbar{background-color: #fff !important;}
.juicer-feed h1.referral{display:none !important;}
/*.text-marque{color: var(--greyhighlight);}*/
.nav-link {
    color: #000 !important;
}
.video-banner video{min-width: 100%; min-height: 100%; }
.video-banner{position: relative;width: 100%; height: 100%;}
/* /.video-banner::after{
    content: "";
    background-color: rgba(0,0,0,0.2);
    width: 100%;
} */
.juicer-feed.polaroid li.feed-item{margin-top:-100px !important;}
/*.juicer-feed  {}*/
/*.referral{display:none !important;}*/
.overlay-text{position: absolute; top: 25%; left: 20%;background-color: rgba(0,0,0,0.2); padding: 20px;}
/* .overlay-text::before{
    content: "";
    background-color: rgba(0,0,0,0,0.2);
    width: 100%;
} */
.feature-box{align-items: start !important;-webkit-box-align: start !important;}
header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
    max-height: 60px;
}
.text-heading{font-family: 'DM Serif Display', serif !important;}
.overlay-text h2{color: white; font-size: 80px; font-weight: 700;text-transform: uppercase;}
.overlay-text h4{color: white; font-size: 30px; font-weight: 500;text-transform: uppercase; line-height: 15px;}
.navbar{background-color:  #fff !important; color: black !important;}
.footer-bottom{background-color: #fff;}
.simple-dropdown .dropdown-menu li{padding: 5px 25px;}
.simple-dropdown .dropdown-menu{padding: 10px 0px;}
/* footer */
.scroll-top-arrow, .scroll-top-arrow:focus {
    background: #343565;
    color: #fff;
    font-size: 30px;
    line-height: 55px;
    /* box-shadow: 0 0 25px rgba(23,23,23,.25); */
    display: none;
    height: 60px;
    width: 60px;
    padding: 0;
    /*position:absolute;*/
    right: 25px;
    text-align: center;
    text-decoration: none;
    bottom: 15px;
    /* z-index: 1029; */
    /* border-radius: 100%; */
}
.feed-item{height:350px !important; width:350px !important;}

.news-arrow{top: 115%!important;}
/* .bg-press{
    
    background-image: url('{{ asset('site/assets/img/press-home.webp') }}');
     background-repeat: no-repeat;
  
  background-position: center;
  padding: 20px 20px 40px 20px;
} */
.accordion-style-05 .panel .panel-heading.active-accordion{
    background-color: #fff !important;
    border-bottom-color: #fff !important;
    
}
.accordion-style-05 .panel .collapse.show, .accordion-style-05 .panel .collapsing{
    background-color: #fff !important;
}

.footer-bottom{position: relative;}
.slider-navigation-style-07.swiper-button-next.white, .slider-navigation-style-07.swiper-button-prev.white{
    color: #fff;
    background-color: var(--maincolor);
}
.slider-team{position: relative;}
.slider-navigation-style-07.swiper-button-next, .slider-navigation-style-07.swiper-button-prev{
    position: absolute;
    top:5%;
}
.slider-navigation-style-07.swiper-button-next {
    right: inherit;
    left: 800px;
    margin:10px;
}

.slider-navigation-style-07.swiper-button-prev{
    left: -60px;
}
.vl {
    border-left: 1px solid #000;
    height: 330px;
    
  }
  .text-blue{color: var(--maincolor);}
  .v2 {
    border-left: 1px solid #000;
    height: 350px;
    
  }
  .v3 {
    border-left: 1px solid #000;
    height: 210px;
    
  }
  .v4{
    border-left: 1px solid #000;
    height: 120px;
  }
  .v5{
    border-left: 1px solid #fff;
    height: 120px;
  }
  .list-a{
    list-style-type: lower-alpha;
  }
  .list-ul{
    list-style-type:disc;
  }
h1,h2,h3,h4,h5,h6,p{color: #000 ;}
/* btn direction */
/*.outside-box-right1{margin-left: -10vw;}*/
.bg-blue{background-color: var(--maincolor) !important; color: #fff;}
.feature-box-icon i:hover{color: #fff;}
.btn-about{color: #000; background-color: #fff;}
.btn-about:hover{color: #343565;}
.btn-about2{
    padding: 15px 27px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 35px;
    line-height: 55px;
    
    border-radius: 50%; 
}
.btn-about3{
    padding: 0px 7px;
    background:transparent;
    color: #000;
    border: 1px solid #000;
    font-size: 20px;
    line-height: 30px;
    
    border-radius: 50%; 
}
.btn-about3:hover{color: #fff;background-color: var(--maincolor); border-color: var(--maincolor);}
.form-select:focus{    
    outline: 0;
    box-shadow: none;
}
.btn-contact{
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}
.btn-contact:hover{
    color: white;
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}
.btn-about2:hover{color: #fff;background-color: var(--maincolor); border-color: var(--maincolor);}
.btn-arrow{
    position: absolute;
    top:10px;
    right: -40px;
    padding: 2px 23px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 30px;
    line-height: 55px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
}

.moretext {
    display: none;
  }
  .light:hover{color: #fff !important;background-color: #343565 !important; border-color: #343565 !important;}
  .slider-navigation-style-03.swiper-button-next.white:hover, .slider-navigation-style-03.swiper-button-prev.white:hover{color: #fff !important;background-color: var(--maincolor) !important; border-color: var(--maincolor) !important;}
.bg-banner{ background-image: linear-gradient(to right, rgba(0,0,0,0.4) , rgba(0,0,0,0));}
.btn-arrow:hover{color: #fff;background-color: var(--maincolor); border-color: var(--maincolor);}
.bg-grey{background-color: var(--greycolor);}
.careers-1{top:3% !important;}
.careers-2{top:7% !important;}
/* map section */
.mapsection{
    position: relative;
        margin-top: 75px;
}
.w-82{width: 82%;}
.dot1,.dot2,.dot3,.dot4 , .dot5{position: absolute;}
.dot1{top: 45%;left:60%}
.dot2{top:45%; right: 34%;}
.dot3{bottom: 40%;right: 32%;}
.dot4{top: 50%; right: 21%;}
.dot5{top: 42%; right: 24%;}
/*.img-sec-career img{margin-top:-50px;}*/
/* sustainability */
.sustain-prev{left: 1040px !important;}
.sustain-next{left: 1100px !important;}
.sustain-next, .sustain-prev{top: -10% !important;}

/* careers */
.career-right,.career-left{top: 30% !important;}
.career-right{left: 1100px !important;}
.career-left{left: 1040px !important;}
.career-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid black;
    height: 300px;
    width: 250px;
    padding: 20px;
}
.career-box1{
    text-align:left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #fff;
    height: 300px;
    width: 250px;
    padding: 20px;
}
.career-arrow{
    margin-top: 5px;
    padding: 0px 6px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 12px;
    line-height: 19px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.career-arrow:hover{color: #fff;background-color: var(--maincolor); border-color: var(--maincolor);}
.feature-box-left-icon .feature-box-icon {
    margin-right: 15px;
}

/* service */

.services-img{
    margin-left: 0vw;
}
/*.services-img1{*/
/*    margin-left: -9vw;*/
/*}*/
.marging-80px-top-minus{margin-top: -30px;}
.bg-services4{
    background: linear-gradient(
    to right,
    #fff 0%,
    #fff 75%,
    #343565 75%,
    #343565 100%
  );
}
/*.outside-box-right2{margin-right: -9vw;}*/


/* news */
.txt-grey{color: #767676;}
.news-block{
    border: 1px solid black;
    height:300px;
    /* padding: 10px; */
    border-radius: 5px;
    height: 355px;
}
.latest-box{
    border: 1px solid black;
    height:200px;
    padding: 10px;
    display: flex;
   
}
.detail-sec1{
    display: flex;
    flex-direction: column;
   
}
.heading-mur{margin-left:auto;}
/*.navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a {*/
/*    color:#000 !important;*/
/*}*/


.navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a {
    color: #000 !important;
}
.footer-end{text-align:right; margin-left: 288px;}
.footer-start{text-align:left;}
.footer-center{text-align: center;}

/*popup */
.popup{
    background-color: #ffffff;
    width: 500px;
    padding: 30px 40px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    font-family: "Poppins",sans-serif;
    display: none;
    z-index:1;
    /* text-align: center; */
}
.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size: 30px;
    color: #c5c5c5;
    border: none;
    outline: none;
    cursor: pointer;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
}
.popup-link{color: #0f72e5;}
.popup #close-ok{
    display: block;
    width: 150px;
    position: relative;
    margin: 10px auto;
    text-align: center;
    background-color: #0f72e5;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 0;
}
/*model*/
.modal-body{
    padding: 40px;
}
.modal-body p{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    line-height: 24px;
    margin-bottom: .5rem !important;
}    
.modal-body .form-check-label{
    font-size: 16px;
    color: #000;
}
.modal-body .form-check-label a{color:#0f72e5;}
    a.pre-order-btn { 
      color:#fff;
      background-color:#223f99;
      border-radius:1em;
      padding:10px 30px;
      display: block;
      margin: 20px auto 0px;
      
      width:50%;
      font-size:1.25em;
      font-weight:6600;
      &:hover { 
      background-color:#fff;
        text-decoration:none;
        color:#223f99;
        border: 1px solid #223f99;
      }
    }
    
    
    /*.img-mur img{width:80%;}*/
@media (max-width: 991px){
   .footer-end,  .footer-start, .footer-center{text-align:left;}
    navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a{color:#000 !important;}
   .heading-mur{margin-left:0px;}
.sustain-p{text-align:left !important;}
    .footer-horizontal-link{flex-direction:column !important;padding:0px 30px !important;}
    .text-very-large {font-size:14px !important;     line-height: 16px !important;}
.img-mur{text-align:left !important;}
.img-mur img{width:40%; margin-left:auto; margin-right:auto; margin-bottom:20px; }
    .career-right,.career-left{top: 100% !important;}
.career-right{left: 80px !important;}
.career-left{left: 30px !important;}
    .news-arrow{top:7% !important;}
    .title-medium-1{font-size:35px !important;}
    /*.slider-navigation-style-07.swiper-button-next,.slider-navigation-style-07.swiper-button-prev.light{right:5px !important;}*/
    .slider-navigation-style-07.swiper-button-next.light{left:86% !important;}
    .slider-navigation-style-07.swiper-button-prev.light{left:3% !important;}
    .line-height-50px{line-height:30px;}
    .sustain-next, .sustain-prev {
    top: 0% !important;
}
.team-member-image{text-align:center !important;}
.team-member-position{padding-left:0px !important;}
.sustain-prev {
    left: 50px !important;
}
.text-extra-medium{font-size:14px;}
.sustain-next{
    left:100px !important;
}
.nav-link{color: #000 !important;}
.text-career{text-align:left !important;}
    .onShoreClass a{ border-bottom:1px solid #000;}
    .carrerOnshore a{ border-bottom:1px solid #fff;}
    .careers-cont-sec{padding: 20px;}
    .service-count-sec h6,h5,p{width:100% !important;}
    .v4{display:none;}
     .v5{display:none;}
    .career-box{margin-left: auto; margin-right: auto;margin-bottom: 20px;}
    .career-box1{margin-left: auto; margin-right: auto;margin-bottom: 20px;}
    .title-large-1{font-size: 34px;}
    .career-heading{width: 100%; text-align: left !important; margin-left: 30px;}
    .outside-box-right{margin-left: 0vw;}
    
    .overlay-text{position: absolute; top: 10%; left: 10%;}
    /*.footer-bottom{ bottom: 100px; left: 0;}*/
    .footer-bottom {bottom: 0px; left: 0;}
    .overlay-text h2{font-size: 40px;}
    .overlay-text h4{font-size: 21px; line-height: 1px !important;}
    .btn-arrow{
        top: 35px;
        right:140px;
    }
    .bg-services4{background: #fff;}
    .img-sec-career img{margin-top: 0px;}
    .title-medium{font-size: 30px; line-height: 30px;}
    .title-very-small{font-size: 25px;}
    .text-weoffer p{text-align: left;}
    .fancy-text-box h1{font-size: 35px !important;
        text-align: left;
        line-height: 50px;
        text-align: left;
        /* margin-left: -10px; */
        margin-right: 35px;}
    .about-text{text-align: start;}
    .social-box{height: 330px !important; width: 330px !important;}
    /* .overlay-bg{display: none;} */
    .banner-text p{font-size: 16px;margin-bottom: 0px;}
    .banner-text h2{font-size: 30px;line-height: 40px;margin-bottom: 10px;}
    .vl,.v2,.v3{display: none;}
    .contact-box{
        margin-bottom: 30px;
    }
    .text-marque{font-size:40px !important;}
    .extra{display:none;}
    .footer-horizontal-link{padding:0px !important;}
    .right{flex-direction: column-reverse;}
    .main-contact{margin-left: 20px;}
    .main-contact p{width: 100% !important;}
    .box-contact1{margin-left: 3rem;}
    .dot1{top:44%;}
    .dot2{top:42%;}
    .dot4{top:48%;}
    .icon-very-small{font-size: 4px;}
    .services-img1{margin-left: 0px; margin-top: 50px;}
}

.footer-alignmnet {
    justify-content: left;
    display: grid;
    padding: 20px 10px; 
}

.vl {
    border-left: 1px solid #000;
    height: 30px;
    margin-right: 35px;
}

.social-media{
    text-align:end;
}

/*.ou-imp{*/
/*    margin-left:95px;*/
/*}*/

.ou-imp1 {
    margin-left: 20px;
}


@media (max-width: 1400px) {
.ou-imp{
    margin-left:0px;
}
.ou-imp1{
    margin-left:0px;
    /*text-align:justify;*/
}
}

@media (max-width: 767px) {
.footer-logo{
    text-align:center;
    display:block;
    margin-bottom:15px;
}
.social-ul{
   text-align:center;
}

.popup {
    width:100%;
    z-index:1;
}

.leadership-list{
        text-align:center;
    display:block;

}

.manager-text{
    line-height: 38px;
}


.copyright{
    display: block !important;
    text-align: left !important;
    margin-right: 50px;
}

.our-imp{
    margin-bottom: 20px;
}

.small1{
    font-size: 36px !important;
}

.what-text{
    font-size:25px !important;
}
}