table{
    width: 100%;
}

table, tr, td{
    border: none;
}

.about-text table{
    margin-bottom: 80px;
}

.about-text table p{
font-family: 'Montserrat-Regular';
    font-size: 17px;
    color: #484848;
    margin-top: 35px;
}

.about-text table tr td{
    padding: 0 15px;
    vertical-align: top;
}

.about-text table tr td:nth-child(2) p{
    padding-left: 15px;
}

.about-text table tr td h4{
    margin-top: 35px;
    padding-left: 15px;
}

.go-back-btn{
    position: relative;
    background-color: #fff;
    color: #002157;
    border-radius: 0;
    height: 55px;
    width: 255px;
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.send-message-header{
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.references-table ol{
    counter-reset: list-counter;
    padding-left: 0;
}

.references-table ol li{
    display: flex;
    align-items: center;
    counter-increment: list-counter; 
    margin-bottom: 5px;
}

.references-table ol li::before {
    content: counter(list-counter);
    width: 35px;
    font-family: 'Montserrat-Bold';
    font-size: 14px;
    color: #002157;
}

.references-table ol li p{
    font-family: 'Montserrat-Bold';
    font-size: 14px;
    color: #002157;
}

.references-table ol li p:first-child{
    width: 100%;
    max-width: 250px;
}

.references-table ol li p:nth-child(2){
    width: 75px;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    color: #484848;
}

.references-table ol li p:last-child{
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    color: #484848;
}


.references-table ol li p span{
    color: #007bff;
}

.services-text{
    margin-bottom: 35px;
}

.iti{
    display: block;
}

.port-map-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-wrap{
    position: fixed;
    z-index: 99;
    top: 0;
}

.services-header, .about-us-header, .port-map-header, .explore-header, .references-header, .contact-us-header, .slider-wrap{
    margin-top: 98px;
}

.header-caption{
    z-index: 90;
}

.front-slider .owl-item{
    width: 100%;
}

.box{
    z-index: 9;
}

.explore-section-1-img-2{
        z-index: 9;
}

.explore-section-3-img-2{
        z-index: 9;
}

.cookies-container{
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: left;
}

.cookies-container h2{
    margin-bottom: 20px;
      text-align: left;
         justify-content: flex-start;
}

.cookies-container h3{
    margin-bottom: 15px;
    margin-top: 15px;
    justify-content: flex-start;
      text-align: left;
}

.cookies-container h4{
    margin-bottom: 15px;
    margin-top: 15px;
    justify-content: flex-start;
      text-align: left;
}

.cookies-container p{
    margin-bottom: 10px;
}

.cookies-container a{
    word-break: break-all;
}



 .footer-links ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
margin: 0;
    width: 100%;
    padding-left: 0;
}

 .footer-links ul li a{
    font-size: 16px;
    /* color: #fff; */
    font-weight: 500;
}

 .footer-links ul li {
    margin-right: 20px;
}

 .footer-links ul li:last-child{
    margin-right: 0;
}

.footer-links-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}


.navbar-brand img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.img-logo a img{
     width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.navbar-brand{
    max-width: 228px;
    height: 82px;
    transition: all 0.5s ease-in-out;
}

.small-header .menu-wrap .navbar-brand{
    width: 100%;
    max-width: 150px;
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.mobile-contact{
    display: none;
}

.mobile-socials{
    display: none;
}

.no-scroll{
    overflow-y: hidden;
}



.collapse:not(.show) {
    display: block;
}

.about-us-image{
  aspect-ratio: 950 / 440;
    padding-right: 0;
}

.about-us-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.front-slider .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.swiper {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.swiper.swiper-initialized {
    opacity: 1;
}

.about-us-home{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about-us-text{
    width: 50%;
}

.about-us-image{
    width: 50%;
}

.port-map-text{
    margin-bottom: 30px;
}

.port-map-text p {
    font-family: 'Montserrat-Regular';
    font-size: 17px;
    color: #484848;
    margin-top: 35px;
}

.references-text{
    margin-bottom: 30px;
}

.references-text p {
    font-family: 'Montserrat-Regular';
    font-size: 17px;
    color: #484848;
}

.explore-block h3{
    color: #002157;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1200px){
.menu-wrap .collapse{
    max-height: 0;
    padding-top: 0;
    visibility: hidden;
    transition: max-height 1s ease, padding-top 0.7s ease, opacity 0.7s ease;
    opacity: 0;
}

    .menu-wrap{
        box-shadow: 0 12px 25px rgba(0, 33, 87, 0.2);
        height: 63px;
        transition: height 0.5s ease;
    }

  .menu-wrap.open, .menu-wrap.open .menu{
    height: 100vh;
    transition: all 0.5s;
  }

  .menu-wrap.open .collapse{
   max-height: 90vh;
   visibility: visible;
    padding-top: 50px;
    opacity: 1;
  }

  .menu-wrap.open .collapse .navbar-nav{
    height: 100%;
    overflow-y: scroll;
  }

  .mobile-contact{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-contact .fas.fa-phone, .mobile-contact .fas.fa-envelope{
    margin-bottom: 5px;
    color: #007bff;
    margin-right: 6px;
  }

  li.mobile-mail-contact {
    /* margin-top: 30px; */
    margin-top: 100px;
  }

  li.mobile-contact a{
    margin-bottom: 5px;
    display: block;
    font-family: 'Montserrat-Regular';
  }
  
  .mobile-socials{
    display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
  }

  .mobile-socials a{
    margin-right: 15px;
  }

  .mobile-socials a:last-of-type{
    margin-right: 0;
  }

  .mobile-socials i {
    margin-left: 7px;
    margin-right: 7px;
    width: 40px;
    height: 40px;
    color: #002157;
    background-color: white;
    border: 1px solid #002157;
    display: flex;
    align-items: center;
    justify-content: center;
}

}

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

    .social-network-icon{
        order: 2;
    }

    .about-text table tr{
        display: flex;
        flex-direction: column;
        width: 100%;
    }

     .about-text table td{
        width: 100%;
        display: block;
     }

     .about-text table colgroup col{
        width: 100% !important;
     }

     .about-text table tr td h4{
        padding-left: 0;
     }

     .about-text table tr td:nth-child(2) p{
        padding-left: 0;
     }


}

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

    .explore p{
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .explore h4{
        justify-content: center;
    }

    .about-us-image{
        min-height: 0;
        display: none;
    }

    #area-map{
        height: 425px !important;
    }

    .members .owl-carousel .owl-item img{
        height: 150px;
        max-height: 150px;
    }
        
    .navbar-brand{
        max-width: 110px;
        height: 47px;
    }

    .services-header, .about-us-header, .port-map-header, .explore-header, .references-header, .contact-us-header, .slider-wrap{
        margin-top: 63px;
    }

    .small-header .menu-wrap .navbar-brand{
        max-width: 110px;
        height: 47px;
    }


    .footer-links-container{
        flex-direction: column;
    }

    .footer-links-container span{
        order: 2;
    }

    .footer-links-container .footer-links{
        order: 1;
        margin-bottom: 10px;
    }

    .navbar{
        padding-left: 0;
        padding-right: 0;
    }

    .cookies-container{
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .cookies-container ul{
        padding-left: 20px;
    }

    .references-table ol li{
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 10px;
        border-bottom: 1px solid #002157;
        padding-top: 10px;
        margin-bottom: 0;
        position: relative;
        padding-left: 30px;
    }

     .references-table ol li::before{
        position: absolute;
        left: 0;
     }

    .references-table ol li:first-child{
        padding-top: 0;
    }

    .owl-carousel .owl-item {
        width: 100%;
    }

    .about-us-button{
        margin-bottom: 45px;
    }

    .services{
        padding-top: 0;
        padding-bottom: 10px;
    }

    #explore-slider .item{
        min-height: 500px;
    }

    .about-text table{
        margin-bottom: 40px;
    }

    .cards{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 20px;
    }

    .cards a{
        width: 100%;
    }

    .cards a .card{
        width: 100%;
        margin: 0;
        height: 270px;
    }

    .cards a .card .card-img-top{
        width: 100%;
        height: 200px;
        object-fit: contain;
        object-position: center;
    }

    .cards a .card .card-body{
        padding: 10px;
        height: 70px;
        flex: none;
    }

    .cards a .card .card-body .card-text{
        font-size: 14px;
    }

    .booking-btn-1{
        margin-top: 30px;
    }


}

@media only screen and (max-width: 576px){
   .services-header, .about-us-header, .port-map-header, .explore-header, .references-header, .contact-us-header, .slider-wrap{
    margin-top: 61px;
}


.services .card{
    width: 100%;
    height: 280px;
}

.card-img-top{
    height: 185px;
}

.card-text{
    font-size: 14px;
}

#services-slider .owl-nav{
    margin-top: 0;
}

.card-body{
    padding: 1rem;
}
}