/*
Theme Name: Omship Suppliers llp
Theme URI: http://localhost/omship-suppliers-llp/
Author: Green Cubes
Author URI: http://localhost/omship-suppliers-llp/
Description: Custom theme Omship Suppliers llp
Version: 1.0
*/

.copyright span {
    text-align: center;
    display: block;
}
.map-image {
    height: 450px !important;
    width: 100%;
    object-fit: cover;
    margin-bottom: 40px;
}


/*image for om safety page*/
.image-box-wrapper {
  border-radius: 6px;
  padding: 6px;
  background: #fff;
  text-align: center;
  height: 100%;
  display:flex;
}

 .image-box-wrapper .img-fluid{
  border: 1px solid #ccc;
    width: 280px;
    height: 280px;
    object-fit: cover;
    border-radius: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.site-branding img {
    max-height: 63px !important;
}

.footer img#footer-logo-img {
    max-width: 250px;
}

.page-template-contact-us ul.cmt-box-desc-text.fs_16 img {
    max-width: 250px;
}

/*news line in banner */

/*.marquee-section {*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    background-color: #104e90;*/
    /* Set your bg */
/*    padding: 1.5rem 0;*/
/*}*/

/*.marquee-track {*/
/*    display: inline-flex;*/
/*    animation: scroll-left 35s linear infinite;*/
/*}*/

/*.marquee-item {*/
/*    flex: 0 0 auto;*/
/*    font-size: 32px;*/
/*    color: #fff;*/
/*    margin-right: 7rem;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 1px;*/
/*    white-space: nowrap;*/
/*    position: relative;*/
/*}*/

/*.marquee-item::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background-image: url(../images/popcorn.webp);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    width: 60px;*/
/*    height: 55px;*/
/*    right: -87px;*/
/*    top: -5px;*/
/*    transform: scale(0);*/
/*    animation: popUp 2s cubic-bezier(0.42, 0, 0.58, 1) infinite;*/
/*}*/

/*@keyframes scroll-left {*/
/*    0% {*/
/*        transform: translateX(0%);*/
/*    }*/

/*    100% {*/
/*        transform: translateX(-50%);*/
/*    }*/
/*}*/

/*.section.cmt-row.service-section.clearfix {*/
/*    padding: 20px 0 !important;*/
/*}*/

/*.marquee-track i {*/
/*  color: white;*/
/*  font-size: 30px;*/
/*  margin-right: 15px !important;*/
/*}*/



.marquee-section {
    overflow: hidden;
    white-space: nowrap;
    background-color: #104e90;
    padding: 10px 0; /* Reduced vertical padding */
    display: flex;
    align-items: center; /* Vertically center the content */
    height: 55px; /* Reduce height if needed */
}

.marquee-track {
    display: inline-flex;
    animation: scroll-left 35s linear infinite;
}

.marquee-item {
    flex: 0 0 auto;
    font-size: 18px; /* Reduced font size */
    color: #fff;
    margin-right: 5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
}

.marquee-item::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    width: 45px;
    height: 40px;
    right: -60px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    animation: popUp 2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

.marquee-track i {
    color: white;
    font-size: 22px; /* Match icon size to text */
    margin-right: 10px !important;
}


i.fas.fa-ship {
    margin-right: 10px;
}

.brd {
    text-align: center;
}



.cmt-contactform-3 .wpcf7-tel {
    padding: 12px 50px 12px;
    border-radius: 0;
    border: 1px solid rgba(119, 119, 119, .2);
    margin-bottom: 15px;
}


.cmt-textcolor-white li,
.cmt-textcolor-white li p,
.cmt-textcolor-white li a {
    color: #ffffff !important;
}

.cmt-service-single-content-area .row {
    margin-bottom: 20px !important;
}

body.page-template-about-us .featured-content-team a {
  pointer-events: none;
}


body.page-template-about-us .featured-content-team .cmt-icon {
  pointer-events: none;

}

#icon_wrapper {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#icon_wrapper a {
    background-color: #fff;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid rgb(237 237 237 / 1);
}
#icon_wrapper a i{
    font-size:25px;
    color:#2e348f;
}

.fuse_social_icons_links {
  position: relative;
}

.fuse_social_icons_links::before {
  content: attr(data-title);
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #2e348f;
  padding: 4px 18px;
  border-radius: 4px;
  font-size: 15px;
  white-space: nowrap;
  opacity: 0;
  transition: 0.3s ease;
  border: 1px solid #ddd;
   letter-spacing: 1px;
}

.fuse_social_icons_links:hover::before {
  opacity: 1;
}

.om-services-llc .safety-llc {
    text-align: left;
    color: #104e90;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: underline;
    margin-top: 20px;
}

.om-services-llc .safety-llc-sub {
    text-align: left;
    color: #104e90;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: underline;
    margin-top: 20px;
}

.om-services-llc .safety-llc-2 {
    text-align: left;
    color: #104e90;
    font-size: 28px;
    font-weight: bold;
    /*margin-bottom: 20px;*/
    margin-top: 25px;
}

.service-bold-heading {
  font-weight: 500 !important;
  color: #111111 !important;
}


.icon-list {
    list-style: none;
    padding-left: 0;
}

.icon-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;

}

.icon-list li::before {
    content: "\f14a" !important; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #104e90; 
}
.page-template-Om_safety_services_llp ul.icon-list.dark li{
    color:#111111;
    font-weight:500;
}
.page-template-Om_safety_services_llp p {
    margin-bottom: 5px;
    color: #111111 !important;
}


.cmt-bgcolor-wh{
     background-color: white;   
}

.title-header .title-2{
    color:#104e90;
}

    .popup-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 9999;
      justify-content: center;
    }

    .pop-main {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    .popup-content {
      background: #104e90;
      width: 90%;
      max-width: 400px;
      margin: 100px auto;
      padding: 30px;
      position: relative;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    }

    #close-popup {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 30px;
      cursor: pointer;
      color: #fff;
    }

    .popup-content h3,
    .popup-content p {
      color: #fff;
    }

.certificate-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.certificate-item img{
    height:400px !important;
}

.certificate-item {
  text-align: center;
}

.certificate-item img {
  width: 100%;
  height: auto;
  border: 2px solid #ddd;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.certificate-item img:hover {
  transform: scale(1.05);
}

.cert-title {
  margin-top: 10px;
  font-weight: bold;
}


/* 
 for menu  */
/*#site-header-menu .site-header-menu-inner:not(.fixed-header) #menu li.current-menu-item > a,*/
/*#site-header-menu .site-header-menu-inner:not(.fixed-header) #menu li.current-menu-ancestor > a {*/
/*  color: white !important;*/
/*  text-decoration: underline !important;*/
/*  text-decoration-color: white !important;*/
/*  text-underline-offset: 4px !important;*/
/*}*/

#site-header-menu .site-header-menu-inner.fixed-header #menu li.current-menu-item > a,
#site-header-menu .site-header-menu-inner.fixed-header #menu li.current-menu-ancestor > a {
  text-decoration: underline !important;
  text-decoration-color: #202426 !important;
  text-underline-offset: 4px !important;
  color: #202426 !important;
}

#site-header-menu .site-header-menu-inner #menu li a:hover {
  color: white !important;
}

#site-header-menu .site-header-menu-inner.fixed-header #menu li a:hover {
  color: #202426 !important;
}

#site-header-menu .site-header-menu-inner #menu li ul.sub-menu li a:hover {
  color: #104e90 !important;
}

#site-header-menu .site-header-menu-inner #menu li ul.sub-menu li.current-menu-item > a,
#site-header-menu .site-header-menu-inner #menu li ul.sub-menu li.current-menu-ancestor > a {
  color: #666666 !important;
  text-decoration: underline !important;
  text-decoration-color: #666666 !important;
  text-underline-offset: 4px !important;
}

#site-header-menu .site-header-menu-inner.fixed-header #menu li ul.sub-menu li.current-menu-item > a,
#site-header-menu .site-header-menu-inner.fixed-header #menu li ul.sub-menu li.current-menu-ancestor > a {
  color: #666666 !important;
  text-decoration: underline !important;
  text-decoration-color: #666666 !important;
  text-underline-offset: 4px !important;
}
/*#site-header-menu .site-header-menu-inner:not(.fixed-header) #menu li.current-menu-item > a,*/
/*#site-header-menu .site-header-menu-inner:not(.fixed-header) #menu li.current-menu-ancestor > a {*/
/*  color: white !important;*/
/*  text-decoration: underline !important;*/
/*  text-decoration-color: white !important;*/
/*  text-underline-offset: 4px !important;*/
/*}*/

.row .col-md-4 ul.cmt-list.mb-15 {
  margin-bottom: 0px;
}

.fa-angle-right:before {
    margin-right: 8px;
}

.cmt-row {
    padding: 20px 0  !important;
}
ul.menu > li.current-menu-item.current_page_item a {
    color: #fff !important;
    text-decoration: underline !important;
    text-decoration-color: #fff !important;
    text-underline-offset: 4px !important;
}
.footer p{
    color:#ccccccd9 !important;
}
.marquee-wrap-main {
    margin-top: -9px;
}
video.background-video{
    width:100%;
    height:100%;
    object-fit:cover;
}
/*video.background-video,*/
/*.slick-initialized .slick-slide,*/
/*.slick-slider .slick-track, .slick-slider .slick-list{*/
/*    height: 100% !important;*/
/*}*/
.brand-slider .slick_slider .slick-arrow{
    width: 35px;
    height: 35px;
    position: absolute;
    padding: 0;
    top:25%;
    transform:translateY(-50%);
    background-color: #104e90;
}

.brand-slider .slick_slider .slick-arrow.slick-prev{
    left: 0;
}
.brand-slider .slick_slider .slick-arrow.slick-next{
    right: 0;
}
.client-thumbnail {
    height: 150px;
}
.client-thumbnail img.img-fluid.auto_size {
    object-fit: scale-down;
    background-color: #fff;
    /*box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);*/
    border-radius: 6px;
    padding: 10px;
    height: 100%;
}
.image-box-wrapper.jacket-wrapper{
      margin: -10px;
    flex-wrap: wrap;
    padding: 0;
}
.jacket-img {
    width: 20%;
    padding: 10px;
}
.jacket-img img{
    width:100% !important;
    height:220px !important;
    margin:0 !important;
}
.numinate.completed{
    position:relative;
        margin-left: -25px;
}
.numinate.completed::before{
    position:absolute;
    content:"+";
        font-size: 60px;
    line-height: 60px;
    color:#fff;
    right:-40px;
}



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
ul.cmt-box-desc-text.fs_16 li {
    text-align: justify;
    margin-bottom: 7px;
    font-family: "Montserrat", sans-serif !important;
}
.page-template-contact-us ul.cmt-box-desc-text.fs_16 img {
    margin-bottom: 30px;
}
ul.cmt-box-desc-text.fs_16:nth-child(2) {
    margin-bottom: 30px;
}


@media(max-width:1215px){
    .header #site-header-menu .site-navigation ul.menu > li >a {
        padding: 0px 13px!important;
    }
}
@media(max-width:1199px) {
.site-branding img {
    max-height: 43px !important;
}
    ul.menu > li.current-menu-item.current_page_item a {
    color: #202426 !important;
    text-decoration: underline !important;
    text-decoration-color: #202426 !important;
    text-underline-offset: 4px !important;
  }

  #site-header-menu .site-header-menu-inner #menu li a:hover {
    color: #202426 !important;
  }

  #site-header-menu .site-header-menu-inner #menu li ul.sub-menu li a:hover {
    color: #202426 !important;
  }
      /* Hide the standard logo only inside the site header */
    #site-header-menu .site-branding img.standardlogo {
        display: none;
    }

    /* Show and position the sticky logo only inside the site header */
    #site-header-menu .site-branding img.stickylogo {
        opacity: 1;
        position: absolute;
        left: 0;
        top: 22px;
    }

}
@media(max-width:1100px) {
    .jacket-img {
    width: 25%;
    }
}
@media(max-width:991px) {
    .certificate-grid{
        grid-template-columns: repeat(3, 1fr);
    }
      .jacket-img {
    width: 33.33%;
    }
}
@media(max-width:768px) {
    .certificate-grid{
        grid-template-columns: repeat(2, 1fr);
    }
      .jacket-img {
    width: 50%;
    }
    .jacket-img img{
    height:250px !important;
}
}
@media(max-width:600px) {
    .certificate-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .client-thumbnail {
    height: unset;
    max-width: 185px;
    margin: 0 auto;
    margin-bottom: 10px;
    }
      .jacket-img {
    width: 100%;
    }
    .jacket-img img{
        height:280px !important;
    }
}
@media (max-width: 450px) {
  .banner_slider_wrapper .banner_slider .slick-list.draggable {
     height: 235px !important;
  }
  .marquee-wrap-main {
    margin-top: -23px;
    }
    .marquee-item{
        font-size: 22px;
        margin-right: 3rem;
    }
    .marquee-track i{
        font-size: 22px;
    }
    .marquee-section{
            padding: 1.2rem 0;
    }
    .home .slide .slide_style2 .slide__content--headings h2, .home .slide .slide_style5 .slide__content--headings h2 {
        font-size: 28px;
        line-height: 38px;
    }
}


@media (max-width: 767px) {
  .image-box-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .image-box-wrapper .img-fluid {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}