/* FEATURED IN SECTION */
.sanct-featured-in-section {
    background: #ffffff;
    padding: 60px 20px;
    text-align: center;
}

.sanct-featured-container {
    max-width: 900px;
    margin: 0 auto;
}

.sanct-featured-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 40px;
    color: #333;
}

.sanct-featured-card {
    position: relative;
    background-color: #ffffff;
    color: #333132;
    padding: 40px 20px 50px;
    border-radius: 4px;
    border: 2px solid #ddb573;
    box-shadow: none;
}

.sanct-featured-quote-icon {
    width: 45px;
    height: 45px;
    background: #ddb573;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #222;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}

.sanct-featured-quote-icon:before {
    content: "";
    border-bottom: 16px solid #c49e63;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}

.sanct-featured-card::after {
    display: none;
}

.sanct-featured-logo {
    margin-bottom: 20px;
}

.sanct-featured-text {
    font-style: italic;
    font-size: 1.2rem;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    color: #111;
}

.sanct-read-article-wrapper {
    margin-top: 20px;
    position: relative;
}

.sanct-read-article {
    font-size: 1rem;
    display: inline-block;
    color: #ddb573;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

@media (max-width: 768px) {
    .sanct-read-article {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .sanct-read-article {
        font-size: 1.3rem;
    }
}

.sanct-read-article:hover {
    text-decoration: underline;
}

.sanct-link-preview {
    display: none;
    position: absolute;
    top: -400px; /* was -340px; now higher up */
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #ddd;
    padding: 16px;
    width: 600px;
    max-width: 90vw;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: 8px;
}



.sanct-read-article:hover .sanct-link-preview {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.sanct-link-preview img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
    border-radius: 4px;
}

.sanct-preview-title {
    font-size: 15px;
    color: #333;
    line-height: 1.4;
}

.sanct-preview-source {
    font-weight: bold;
    font-size: 1.6rem;
    color: #555;
    margin-bottom: 10px;
    display: block;
}
@media (max-width: 768px) {
    .sanct-link-preview {
        display: none !important;
    }
}


@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}

 /* Add a top margin for anchor scrolling */
[id] {
    scroll-margin-top: 86px;
            
}

.about-us-form-container{

    margin-top: 6px;

    padding-left: 10px;

padding-right: 10px;

padding-top: 20px;

padding-bottom: 20px;

}



.about-us-form-container input{

    margin-bottom: 7px;

}



.contact-us-form-container{

    padding: 10px;

    max-width: 800px;

}



a:hover{

    color:white;

}

  .hidden {

    display: none!important;

  }

  .accordion-item {
    background-color: #333132 !important;
    border: none;
}

.accordion-button {
    background-color: #444; /* Darker background for buttons */
    color: white;
    font-size: 1.1rem; /* Larger text size */
    font-weight: bold;
    padding: 15px; /* Adds more spacing for better readability */
}

.accordion-button:not(.collapsed) {
    background-color: #555 !important;
    color: white !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    background-color: #333132;
    color: white;
    font-size: 1rem; /* Slightly larger body text */
}

.accordion-button::after {
    filter: invert(1); /* Makes the arrow white */
}


@media (min-width: 768px) { /* Targets screens larger than 992px (desktop) */
    .accordion-body {
        font-size: 19.2px; /* Increases font size by 120% */
    }
}

/* Projects Image Grid */



/* Ensure grid items take full space and are flex containers */

.projects-grid .grid-item {

    display: flex;

    flex-direction: column;

    justify-content: flex-start; /* Align items to the top */

    height: 100%; /* Make sure they all have the same height */

  }

  

  /* Set a minimum height for all h3 elements within the grid items */

  .projects-grid .grid-item h3 {

    min-height: 67.2px; /* Adjust this value as needed */

    margin-bottom: 1rem; /* Add some space below the heading */

  }

  

  /* Ensure images grow and fill the space, adjust 'flex-grow' as needed */

  .projects-grid .grid-item .grid-img {

    flex-grow: 1;

  }

  

  

/* Custom styles for positioning navigation */

.owl-prev, .owl-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 50px; /* Adjust the font size to increase the size of the navigation arrows */

    width: 40px; /* Adjust the width to increase the size of the navigation arrows */

    height: 40px; /* Adjust the height to increase the size of the navigation arrows */

    

}

#owlCarousel2 > div:nth-child(2) > button:nth-child(2){

    right: -10px !important;

}

.owl-prev {

    left: -10px;

}

.owl-next {

    right: 10px;

}

.owl-nav{

    padding: 10px;

}

.owl-carousel .owl-nav.disabled {

    display: block!important;

}

.owl-carousel .owl-nav .owl-prev:before {

    font-family: "FontAwesome";        

    content: "\f053";

    color: #333132;

    background-color: #ddb573;

    font-size: 35px;

    padding: 5px;

}

.owl-carousel .owl-nav .owl-next:after{

    font-family: "FontAwesome";        

    content: "\f054";

    color: #333132;

    background-color: #ddb573;

    font-size: 35px;

    padding: 5px;

}



@media (min-width: 1399px) {

    .navbar-expand-lg .navbar-nav .nav-link {

      padding-right: .5rem;

      padding-left: 1.5rem;

      font-weight: 600;

      font-size:22px!important;

    }

  }

  @media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link {

      font-weight: 600;

      font-size: 18px

    }

  }

.video-container {

    position: relative;

    height: 100vh;

    overflow: hidden;

  }



  .video-container video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }



  .overlay-content {

    position: absolute;

    bottom: 0;

    width: 100%;

    text-align: center;

    color: white;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0.5);

  }

.carousel-item {

    transition: transform 0.6s ease;

  }

  .carousel-content {

    background-color: #222;

    color: #fff;

    padding: 20px;

    border-radius: 5px;

}

  .carousel-item-next.carousel-item-start,

  .carousel-item-prev.carousel-item-end {

    transform: translateX(0);

  }

  

  .carousel-item-next,

  .carousel-item-prev {

    transform: translateX(0);

  }



.gold-text{

    color:#ddb573;

}



/* Font Awesome Overwrite */

.fab.fa-linkedin {

    color: white;

    font-size:24px;

  }



.white-text {

    color: white;

  }







.nav-logo-custom {

    max-width: 190px;

    height: 90px;

}

/* Navigation */

.small-logo{

    max-width: 190px;

    max-height: 70px!important;

}

.b600{

    font-weight:600!important;

}

.nav.flex-column .nav-link {

    color: black!important; /* Change the text color to black for buttons inside the specific nav element */

}

nav ul{

    list-style: none!important;

    padding: 0;

}

.text-black{

    color: black;

}

.nav-pills .nav-link.active {

    background-color: #ddb573;

    color: black!important;

}


/* Ensure dropdown items fit well on mobile */
.navbar-nav .dropdown-menu {
    background-color: #333; /* Match navbar background */
    border: none;
    box-shadow: none;
}

/* Style for dropdown items */
.navbar-nav .dropdown-item {
    color: #fff; /* White text */
    padding: 10px 20px;
}

.navbar-nav .dropdown-item:hover {
    background-color: #555; /* Slightly lighter background on hover */
    color: #fff;
}

/* Adjust toggler button size and padding */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3);
}

/* Phone icon adjustment */
.phone-icon a {
    color: #fff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensure dropdown arrow is visible */
.navbar-nav .dropdown-toggle::after {
    margin-left: 0.5rem;
    color: #fff;
}



.navbar-dark .navbar-toggler{

    border:none!important;

}

.navbar-toggler-icon{

  width:2em !important;  

}

#navigation-container{

    padding-left: 48px;

    padding-right: 48px;

}

@media (max-width: 576px) {

    #navigation-container{

        padding-left: 10px!important;

        padding-right: 10px!important;

    }

 }

 .navbar-expand-lg .navbar-collapse{

    margin:auto

 }

.nav-logo{

    max-width: 190px;

    max-height: 60px;

}



@media (max-width: 576px) {

    .nav-logo{

        max-width: 170px;

        max-height: 60px;

    }

 }



.bg-main{

    background-color: #85bde8;

}



.nav-link{

    color: white !important;

    font-weight: 350;

}



.nav-link:hover{

    color:#ddb573!important;

}

.footer-nav-link{

    color: white !important;

    font-weight: 350;

    display: inline-block;

    text-decoration: none;

}



.footer-nav-link:hover{

    color:#ddb573!important;

}

.contact-us-nav-link{


    font-weight: 350;

    display: inline-block;

    text-decoration: none;

}



.contact-us-nav-link:hover{

    color:#ddb573!important;

}

.nav-item{

    color: white !important;

}

.nav-item:hover{

    color:#ddb573!important;

}

.navbar{

    transition: all 0.5s;

    background: #000000ad;

    box-shadow: 0 0 25px #000000cf;



}

.mobile-nav-background{

    background-color: #333132!important;

    box-shadow:0 3px 10px rgba(0,0,0,0.15);

}

.navbar-scrolled{

    background-color: #333132;

    box-shadow:0 3px 10px rgba(0,0,0,0.15);

}

@media(min-width:1200px){

    .navItems{

        margin-left: 6rem;

    }

}



@media(max-width:991px){

    #desktop-nav{

        display: none!important;

    }

}

@media(min-width:991px){

    #mobile-nav{

        display: none!important;

    }

}



/* OUR SERVICES */

/* Icon pulse */

.text-link,
.service-area-link {
    text-decoration: underline;
    color: inherit;
    transition: color 0.3s ease;
}

.text-link:hover,
.service-area-link:hover {
    color: #ddb573;
}



.ul-gold {

    list-style-type: none;

  }

  

  .ul-gold li:before {

    content: "•"; /* Unicode character for bullet point */

    color:#ddb573; /* Set the color of the bullet point */

    display: inline-block;

    width: 1em; /* Adjust the spacing between bullet point and text */

    margin-left: -1em; /* Adjust the spacing between bullet point and text */

    font-size: inherit; /* Inherit font size from parent */

    line-height: inherit; /* Inherit line height from parent */

  }





.fa-pulse {

	display: inline-block;

	-moz-animation: pulse 2s infinite linear;

	-o-animation: pulse 2s infinite linear;

	-webkit-animation: pulse 2s infinite linear;

	animation: pulse 2s infinite linear;

}



@-webkit-keyframes pulse {

	0% { opacity: 1; }

	50% { opacity: 0; }

	100% { opacity: 1; }

}

@-moz-keyframes pulse {

	0% { opacity: 1; }

	50% { opacity: 0; }

	100% { opacity: 1; }

}

@-o-keyframes pulse {

	0% { opacity: 1; }

	50% { opacity: 0; }

	100% { opacity: 1; }

}

@-ms-keyframes pulse {

	0% { opacity: 1; }

	50% { opacity: 0; }

	100% { opacity: 1; }

}

@keyframes pulse {

	0% { opacity: 1; }

	50% { opacity: 0; }

	100% { opacity: 1; }

}




.services-icon {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

/* When the service is hovered */
.services-icon-link:hover {
    color: #DDB573; /* Change text color */
}

/* Change the icon color without affecting the background circle */
.services-icon-link:hover .fa-stack-1x {
    color: #DDB573 !important; /* Change foreground icon color */
}

/* Ensure the background circle does not change color */
.services-icon-link:hover .fa-stack-2x {
    color: #333132 !important; /* Keep the original color */
}

/* Change heading color on hover */
.services-icon-link:hover h3 {
    color: #DDB573 !important; /* Change heading color */
}

/* Change paragraph color on hover */
.services-icon-link:hover p {
    color: #DDB573 !important; /* Change paragraph color */
}


.fa-circle{

    color: #333132;

}

.fa-anchor:hover{

    color: #ddb573 !important;

}



.custom-checkbox {

    display: flex;

    align-items: center;

    word-wrap: break-word;

}



.custom-checkbox input[type="checkbox"] {

    margin-right: 8px; /* Adjust the value to increase or decrease the space */

}



/* OUR APPROACH */

.key-focus{

    margin-left:50px;

}



 /* Our Work */



 .home-marine .bg-image

 {

     background-size: cover;

     background-position: center;

 }

 .home-marine .row

 {

     background-size: cover;

     background-position: center;

 }

 .home-marine .info .wrap

 {

     max-width: 800px;

     margin: auto;

     margin-top: 150px;

     margin-bottom: 150px;

     padding: 50px 25px;

     background: #000000ad;

     box-shadow: 0 0 25px #000000cf;

         margin-left: 50px;

     margin-right: 50px;

 }

 .home-marine .info .wrap .scroll

 {

     margin-bottom: 20px;

 /*

     max-height: 280px;

     overflow: auto;

     padding-right: 10px;

 */

 }



 .btn-large{

    font-size: 22px;

 }

 .home-marine .info .wrap .buttons .btn

 {

     margin: 10px;

 }

 

 .home-marine .info .wrap .scroll::-webkit-scrollbar-track

 {

 /*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/

     background-color: #F5F5F5;

 }

 

 .home-marine .info .wrap .scroll::-webkit-scrollbar

 {

     width: 6px;

     background-color: #F5F5F5;

 }

 

 .home-marine .info .wrap .scroll::-webkit-scrollbar-thumb

 {

     background-color: #073042;	

 }

 

 .home-marine .info .wrap ul 

 {

     padding-left: 25px;

     margin-top: 10px;

 }

 .home-marine .info .wrap h2

 {

     font-size: 65px;

     font-weight: 300;

     line-height: 65px;

     margin-bottom: 25px;

     color:white;

 }

 .home-marine .info .wrap h2 strong,

 .home-marine .info .wrap h2 b

 {

     display: inline-block;

     width: 100%;

     font-weight: 800;

 }

 .home-marine .info .wrap h2 span

 {

     color: #fff;

     font-weight: 300;

     font-size: 44px;

     margin-bottom: 0;

 }

 .home-marine .info .wrap h4

 {

     color:white;

 }

 .home-marine .info .wrap span

 {

     display: inline-block;

     width: 100%;

     margin-bottom: 20px;

     color: #d0b270;

     font-weight: 600;

     font-size: 16px;

 }

 .home-marine .info .wrap span img

 {

     position: relative;

     top: -1px;

     margin-right: 5px;

 }

 .home-marine .info .wrap p

 {

     color:white;

 }



 .our-work-btn{

    width: 50%;

    background-color: #ddb573;

    color: black;

    border: none;

    border-radius: 5px;

    padding: 10px 20px;

    font-size: 16px;

    margin: 0 auto;

 }

/*Gallery*/

.home-gallery h3 {

    font-size: 33px;

    margin-bottom: 15px;

    font-weight: 600;

}



.img-gallery{

    box-shadow: 0 0 20px #00000033;

    background-color: white;

}

.home-gallery .img-fluid{

    border-radius: 5px;

}



.mask-custom{

    max-width: 800px;

    padding: 50px 25px;

    background: #000000ad;

    box-shadow: 0 0 25px #000000cf;



  }

  .mask-custom-banner{

    position: absolute;

    bottom: 0px;

    left: 0;

width: 100%;

    padding: 50px 25px;

    background: #000000ad;

    box-shadow: 0 0 25px #000000cf;



  }

  .mask-custom-contact-page{

    max-width: 800px;

    padding: 50px 25px;

    background: #000000ad;

    box-shadow: 0 0 25px #000000cf;



  }

  .mask-custom-banner-contact-page {
    position: absolute; /* Ensure it sits within the parent container */
    bottom: 0; /* Align it to the bottom of the parent */
    left: 0;
    width: 100%; /* Span the entire width */
    padding: 20px; /* Adjust padding as needed */
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8); /* Optional shadow */
    text-align: center; /* Center the text inside */
}


.p-custom{

    padding-top: 5rem!important;

    padding-bottom: 5rem!important;

    padding-left: 2rem!important;

    padding-right: 2rem!important;

    

}





.work-btn:hover{

background-color: #fff!important;

color: #ddb573;

}



.secondary-text{

    color:#ddb573!important

}



.stat-border-right{

border-right: 2px solid #ddb573;

}

@media (max-width: 768px) {

    .stat-border-right{

        border-right: none!important;

        }

    }



.stat-item {

    text-align: center;

    margin: 20px 0;

}

.stat-item img {

    width: 150px;

    height: auto;

}

.stat-item h3 {

    margin: 10px 0;

    font-size: 1.5em;

}

.stat-item p {

    margin: 0;

    font-size: 1.2em;

}





/* FORM */

form {

    display: block;

    max-width: 800px;

    margin: 0 auto;

}



form input, form textarea {

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 5px;

    font-size: 16px;

}

form div {

    flex-basis: calc(50% - 10px);

    margin-bottom: 20px;

}

form button {

    width: 100%;

    background-color: #ddb573;

    color: black;

    border: none;

    border-radius: 5px;

    padding: 10px 20px;

    font-size: 16px;

    margin: 0 auto;

}


.black-link:hover{
    color:#ddb573!important;
}

.gold-link:hover,
.form-link:hover{

    color: white !important;
}

.black-link{
color: black!important;
}

.gold-link,
.form-link{

    color:#ddb573!important;

}



/* Testimonials Slider */

.full-text {

    display: none;

  }

  

  .full-text.show {

    display: block;

  }

  

  .more-text {

    display: block;

  }

  

  .read-more-btn {

    display: inline-block;

  }

  



.lSAction {

    width: 20px; /* Adjust the width as needed */

    height: 20px; /* Adjust the height as needed */

  }

.carousel-control-next{

    justify-content: right;

    padding-right: 22px;

}

.carousel-control-prev{

    justify-content: left;

}

.lSAction>.lSPrev {

    background-position: 0 0;

    left: -10px!important;

}

.lSAction > .lSNext  {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddb573' viewBox='0 0 8 8'%3e%3cpath d='M1.5 0l3 3-3 3-1-1 2-2-2-2 1-1z'/%3e%3c/svg%3e");

}



.lSAction > .lSPrev  {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddb573' viewBox='0 0 8 8'%3e%3cpath d='M6.5 0l-3 3 3 3 1-1-2-2 2-2-1-1z'/%3e%3c/svg%3e");

}

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {

    background-color: #ddb573!important;

}

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

    #lightSlider li {

        width: 100%; /* Ensures each slide takes up the full width on mobile */

    }

}



.carousel-control-next-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddb573' viewBox='0 0 8 8'%3e%3cpath d='M1.5 0l3 3-3 3-1-1 2-2-2-2 1-1z'/%3e%3c/svg%3e");

    margin-right: -20px;

}



.carousel-control-prev-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddb573' viewBox='0 0 8 8'%3e%3cpath d='M6.5 0l-3 3 3 3 1-1-2-2 2-2-1-1z'/%3e%3c/svg%3e");

}

.team-container {

    display: flex;

    justify-content: space-between;

  }



  .team-member-short{

    display: -webkit-box;

    -webkit-line-clamp: 5; /* Limit to 3 lines, adjust as needed */

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .team-member-long{

    display: -webkit-box;

    -webkit-line-clamp: 7; /* Limit to 3 lines, adjust as needed */

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .team-member {

    border: #ddb573 1px solid;

    flex-basis: 48%;

    /* Adjust the width as needed */

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    color: white;

    margin-bottom: 30px;

    background-color: #333132;

    padding: 20px;

    margin: 10px;

  }

  .team-member-2 {

    flex-basis: 48%;

    /* Adjust the width as needed */

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    color: white;

    margin-bottom: 30px;

    background-color: #333132;

    padding: 0px;

    min-height: 645px;

    margin: 10px;

  }

.profile-text{

    min-height: 172px;

}

  .profile-picture {

    width: 80%;

    height: auto;

    margin-bottom: 15px;

  }

  .owl-carousel .owl-stage {

    margin-top: 10px; /* Adjust the desired value */

}

/* Change the color of Owl Carousel navigation dots */

.owl-dots {

    text-align: center;

}



.owl-dot {

    background-color: #333132!important; /* Change to the desired color */

    border-radius: 50%; /* Optional: This gives a circular shape to the dots */

    display: inline-block;

    height: 20px; /* Adjust the height of the dots */

    width: 20px; /* Adjust the width of the dots */

    margin: 0 5px; /* Adjust the spacing between the dots */

}



.owl-dot.active {

    background-color: #d0b270!important; /* Change to the desired color for the active dot */
    border:none!important

}

.testimonial-item {

    height: auto;

    transition: height 1s ease-in-out; /* Smooth transition for height */

    background-color: #333132;

    color: white;

    margin-right: 20px;

    position: relative;

    padding: 35px 25px; /* Adjusted padding values */

    background: #333132;

    border: 1px solid #f0f0f0;

    position: relative;

    min-height: 320px;

  }

  .testimonial-item p {

    text-align: center;

  }

  @media (max-width: 1399px) {

    .testimonial-item {

        min-height: 380px;

      }

  }

  @media (max-width: 1199px) {

    .testimonial-item {

        min-height: 440px;

      }

  }

  @media (max-width: 992px) {

    .testimonial-item {

        min-height: 288px;

      }

      .testimonial-item {

   margin-right: 0px;

      }

      .owl-next{

        right:-10px

      }

  }





  .our-difference-item {

    height: auto;

    transition: height 1s ease-in-out; /* Smooth transition for height */

    background-color: #333132;

    color: white;

    margin-right: 20px;

    position: relative;

    padding: 35px 25px; /* Adjusted padding values */

    background: #333132;

    border: 1px solid #f0f0f0;

    position: relative;

    min-height: 320px;

  }

  .our-difference-item p {

    text-align: center;

  }

  @media (max-width: 1399px) {

    .our-difference-item {

        min-height: 380px;

      }

  }

  @media (max-width: 1199px) {

    .our-difference-item {

        min-height: 440px;

      }

  }

  @media (max-width: 992px) {

    .our-difference-item {

        min-height: 288px;

      }

      .our-difference-item {

   margin-right: 0px;

      }

  }

  

  .carousel-item {

    color: white;

  }



  .carousel-item p {

    margin-bottom: 0;

  }



  .carousel-inner {

    display: flex;

  }

  .testimonial-icon {

width: 50px;

height: 45px;

background: #ddb573;

text-align: center;

font-size: 22px;

color: #222;

line-height: 42px;

position: absolute;

top: 37px;

left: -19px;

}

.testimonial-icon::before {

content: "";

border-bottom: 16px solid #ddb573;

border-left: 18px solid transparent;

position: absolute;

top: -16px;

left: 1px;

}





.testimonial-header {

text-align: center;

margin-bottom: 20px; /* Adjust margin as needed */

}



.testimonial-header img {

max-width: 100px; /* Set the max-width for the image */

max-height: 100px; /* Set the max-height for the image */

display: block;

margin: 0 auto 10px; /* Adjust margin as needed */

}



.testimonial-name {

color: #fff; /* Set the color for the name */

}



.extra-content {

display: none; /* Hide the extra content initially */

}



.read-more {

color: #c49f66; /* Set the color for the read more button */

cursor: pointer;

}





/* Footer */

.footer-title {

    position: relative;

    text-align: center;

    color: white;

    margin-bottom: 4px;

    padding-left: 0px; 

  }

  

  .footer-title::after {

    content: '';

    position: absolute;

    bottom: -15px; 

    left: 50%; 

    transform: translateX(-50%); 

    z-index: 1;

    width: 58px;

    height: 1px;

    background: linear-gradient(to right, #c49f66, rgba(58, 123, 213, 0));

  }

table {

    width: 100%;

    border-collapse: collapse;

  }

  th, td {

    padding: 8px;

    text-align: left;

  }

.footer-ul {

    list-style: none;

    padding-left: 0;

    margin-left: 0 !important;

    text-decoration: none;

}

.footer-ul a{

    text-decoration: none;

    color: white;

    padding:5px;

}



.fa-ul a {

    text-decoration: none !important;

    color: white;

}



.bg-marina{

    background-color: #333132;



}

.btn-primary{

    color:black!important;

    border: solid 1px !important;

    border-color: #ddb573 !important;

    background-color: #ddb573;

  

}



.btn-primary:hover{

  

    background-color: white

  

}

.btn-primary:focus{

 

    background-color: #ddb573;

  box-shadow: none;

}

.btn-light:hover{

background-color: #ddb573;

border:none

}



.bg-footer{

    background-color: #333333;

}

form button:hover{

    background-color: #fff!important;

}







   /* MODAL FORM */



   .modal {

    width: 100vw;

}

#contactForm.show {

    background-color: rgba(0, 0, 0, .4);

}



#contactForm .modal-content {

    background-color: #333132;

    

}

#contactForm .modal-header {

    justify-content: center;

    border-bottom: none;

}

button.close{

    background-color: #333132;

}

#contactForm .modal-header>.close {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

}

#contactForm .modal-header .close {

    color: #fff;

    opacity: 1;

}

#contactForm .modal-title {

    color: #fff;

    font-size: 1.25rem;

    

}

#myPDFModal.show {

    background-color: rgba(0, 0, 0, .4);

}



#myPDFModal .modal-content {

    background-color: #333132;

    

}

#myPDFModal .modal-header {

    justify-content: center;

    border-bottom: none;

}



#myPDFModal .modal-header>.close {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

}

#myPDFModal .modal-header .close {

    color: #fff;

    opacity: 1;

}

#myPDFModal .modal-title {

    color: #fff;

    font-size: 1.25rem;

    

}



/* HERO BANNER */



#form-popup-btn {

    color: #222;

    background-color: #ddb573;

    font-weight: 600!important;

    border-color: #ddb573 !important;

    border: 5px;

    box-shadow:none!important

}

#form-popup-btn:hover{

    color: #ddb573;

    background-color: #fff;



}

.border-bottom-custom

{

    border-bottom: 1px solid

    #073042;

}







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

    .nav-responsive{

        display:none!important;

    }

}



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

   #desktop-email,

   #desktop-phone-number{

    display:none!important

   }

}