:root{
    --primary-teal: #008082;
    --secondary-teal: #4BBEBE;
    --tertiary-teal: #0F9595;
    --teal-4: #39AEAE;
    --footer-white: #D0D9E1;
    --dark-blue: #0B3A5B;
}

@font-face {
    font-family: 'FlowmeryRegular';
    src: url('../fonts/flowemery/FlowmeryRegular.eot');
    src: url('../fonts/flowemery/FlowmeryRegular.eot') format('embedded-opentype'),
         url('../fonts/flowemery/FlowmeryRegular.woff2') format('woff2'),
         url('../fonts/flowemery/FlowmeryRegular.woff') format('woff'),
         url('../fonts/flowemery/FlowmeryRegular.ttf') format('truetype'),
         url('../fonts/flowemery/FlowmeryRegular.svg#FlowmeryRegular') format('svg');
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



.page-id-17518 #main{
    padding: 0 !important;
}

.header-bar{
    /* max-width: calc(1650px - 50px - 50px) !important; */
    max-width: 1650px !important;
 
}

.masthead.fixed-masthead.sticky-on .header-bar{
        margin: 0 !important;
        height: 90px !important;
    }

#primary-menu.main-nav{
        justify-content: end;
}

.sub-nav{
    background: linear-gradient(180deg, #0F9595, var(--teal-4));
    /* margin-top: 10px; */
    top: 10px;
}

 .sub-nav > li > a span.menu-item-text .menu-text{
    transition: all 0.3s ease-in-out;
 }

 .sub-nav > li > a span.menu-item-text .menu-text:hover{
    
    font-style: italic;
}
#primary-menu.main-nav > li.donate-btn{
    background: linear-gradient(to right, var(--primary-teal) , var(--secondary-teal));
    border-radius: 51px;
    border: 1px solid var(--tertiary-teal);
    margin-left: 20px;
}
#primary-menu.main-nav > li.donate-btn > ul.sub-nav > li > a{
    justify-content: end;
}

#primary-menu.main-nav >li.donate-btn > ul.sub-nav > li > a:hover > .menu-item-text > .menu-text{
    color: #fff !important;
}

#primary-menu.main-nav > li.donate-btn > a >i{
    display: none;
}

#primary-menu.main-nav > li.donate-btn:hover{
    background: #fff;
}


#primary-menu.main-nav > li.donate-btn a{
    margin: 0;
    text-align: center;
    padding-left: 0px;
    margin-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
}

.top-header .outside-item-remove-margin.main-nav > li.donate-btn > a::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M0.707032 0.707107L8.70703 8.70711L16.707 0.707109' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
    right: 12px;
    top: 22px;
}

.top-header .outside-item-remove-margin.main-nav > li.donate-btn:hover > a::after{
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M0.707032 0.707107L8.70703 8.70711L16.707 0.707109' stroke='%23008082' stroke-width='2'/%3E%3C/svg%3E");
}

#primary-menu.main-nav >li.donate-btn > a > .menu-item-text > .menu-text{
    color: #fff;
}
#primary-menu.main-nav >li.donate-btn:hover a > .menu-item-text > .menu-text{color: var(--secondary-teal);}


#primary-menu.main-nav >li.donate-btn ul > li > a > .menu-item-text > .menu-text{color: #fff};

#primary-menu.main-nav >li.donate-btn a:hover > .menu-item-text > .menu-text, #primary-menu.main-nav >li.donate-btn a:active > .menu-item-text > .menu-text{
    color: var(--secondary-teal);
}

#primary-menu.main-nav >li.donate-btn > ul > li > a > .menu-item-text > .menu-text{
    color: #fff !important;
}

.top-header .outside-item-remove-margin.main-nav > li > a{position: relative;}

.top-header .outside-item-remove-margin.main-nav > li > a::after{

    content: "";
    position: absolute;
    right: -25px;
    top: 10px;
    width: 18px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M0.707032 0.707107L8.70703 8.70711L16.707 0.707109' stroke='%23008082' stroke-width='2'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
}

.top-header .outside-item-remove-margin.main-nav > li.dt-hovered > a::after{
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;

}

.phantom-shadow-decoration.phantom-sticky .sticky-on.masthead{
    min-height: 90px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center !important;
}

#page .masthead.sticky-on .header-bar{
    width: 100% !important;
}

#sftExt-frontend-button.bottom {
    bottom: auto !important;
}

#sftExt-frontend-button.left {
    left: 20px !important;
}

#sftExt-frontend-button {
    top: 20px !important;
}

#footer #menu-fairheaven-header-menu{
   display: flex;   
       justify-content: space-between;
    gap: 0 20px;
}

#footer #menu-fairheaven-header-menu li{
    margin-top: 0;
    padding-top: 0;
    border: none;
}

#footer #menu-fairheaven-header-menu li{
    font-size: 18px;
    font-weight: 700;
}

#footer #menu-fairheaven-header-menu li > a{
        padding-bottom: 8px;
}

#footer #menu-fairheaven-header-menu li > .sub-menu{
    margin-left: 0;
}

#footer #menu-fairheaven-header-menu li > .sub-menu > li > a{
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: 400;
}

#footer #menu-fairheaven-header-menu li > .sub-menu > li > a:hover , #footer #menu-fairheaven-header-menu > li > a:hover{
    color: var(--footer-white) !important;
    text-decoration: none;
    border: none;
}

#footer #nav_menu-1 .widget-title{
    display: none;
}

#footer #nav_menu-1, #footer .menu-fairheaven-header-menu-container{
        width: 100%;
}

.footer-contact-info{
    padding-left: 40px;
}

.footer-contact-info ul li, .footer-contact-info ul li a{
    position: relative;
    font-size: 16px;
    color: var(--footer-white) !important;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}

.footer-contact-info ul li::before{
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    left: -40px;
    top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer-contact-info ul li.clock::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M11.461 0C5.14576 0 0 5.14576 0 11.461C0 17.7763 5.14576 23 11.539 23C17.9322 23 23 17.7763 23 11.461C23 5.14576 17.7763 0 11.461 0ZM15.7492 15.8271L10.5417 11.9792V6.00339H12.0068V11.1492L16.7708 14.8542L15.7492 15.8271Z' fill='white'/%3E%3C/svg%3E");
}

.footer-contact-info ul li.call::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M21.3645 16.4484L18.324 13.4126C17.5314 12.6201 16.2429 12.6201 15.4502 13.4126L13.9829 14.8797C13.7349 15.1235 13.3609 15.1845 13.048 15.0341C10.3855 13.6727 8.22716 11.4902 6.89392 8.81199C6.72727 8.49499 6.78824 8.1089 7.04025 7.85693L8.46698 6.43042C9.25961 5.63793 9.25961 4.34961 8.46698 3.55711L5.50784 0.594375C4.71115 -0.198125 3.42669 -0.198125 2.62999 0.594375L0.833372 2.39477C0.187076 3.04503 -0.109652 3.96352 0.0366796 4.86575C0.634199 8.50718 3.63805 20.5044 17.2143 21.9837C17.316 21.9959 17.4216 22 17.5233 22C18.2752 22 18.9947 21.6952 19.5231 21.1628L21.3645 19.3258C22.1733 18.5455 22.2221 17.2816 21.4417 16.4688C21.4254 16.4525 21.4092 16.4362 21.3645 16.4484Z' fill='white'/%3E%3C/svg%3E");

}

.footer-contact-info ul li.mail::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='15' viewBox='0 0 24 15' fill='none'%3E%3Cg clip-path='url(%23clip0_529_2934)'%3E%3Cpath d='M2.54259 0C2.31431 0 2.20017 0.271353 2.36051 0.43113L11.4111 9.40185C11.5678 9.55717 11.7771 9.64286 11.9999 9.64286C12.2228 9.64286 12.432 9.55717 12.5887 9.40185L21.6394 0.43113C21.7997 0.271353 21.6856 0 21.4573 0H2.54259Z' fill='white'/%3E%3Cpath d='M13.5322 10.1761C13.1237 10.58 12.5793 10.8021 12 10.8021C11.4207 10.8021 10.8763 10.58 10.4678 10.1761L0.36025 0.189551C0.22795 0.0587265 0 0.150918 0 0.335301V13.6214C0 14.3827 0.628427 14.999 1.40256 14.999H22.5974C23.3725 14.999 24 14.3818 24 13.6214V0.335301C24 0.150918 23.7721 0.0587265 23.6398 0.189551L13.5322 10.1761Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_529_2934'%3E%3Crect width='24' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

  .footer-logo_mobile{
        display: none;
    }

.bottom-footer-widget .wp-block-social-links{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.bottom-footer-widget .wp-block-social-links li{
    background-color: #fff !important;
}
.bottom-footer-widget .wp-block-social-links li:hover{
    opacity: 0.8;
}

.bottom-footer-widget .wp-block-social-links li svg{
    fill: var(--dark-blue) !important;
}
    

.footer-helpline-no{
    font-size: 16px;
    color: #fff;
}
#bottom-bar .wf-container-bottom{
    border: none !important;
}
 .footer-helpline-no.helpline-mobile{
        display: none;
    }
#bottom-bar .wf-container-footer, #footer .wf-container-footer{
    padding-bottom: 0 !important;
}

#sftExt-frontend-button{
    background: linear-gradient(to right, #A50C0C, #EC2828) !important;
    filter: drop-shadow(0 2px 15.5px rgba(0,0,0,0.25));
    padding: 10px 30px !important;
    z-index: 99;
}

#sftExt-frontend-button.rectangle{
    position: absolute;
    transition: all 0.1s ease-in-out;
    border: 1px solid transparent;
    top: 135% !important;
}

#sftExt-frontend-button.rectangle .sftExt-inner>i{
    font-size: 24px;
    float: right;
    margin-right: 0;
    margin-left: 10px;
    margin-top: 5px;
}

#sftExt-frontend-button .sftExt-inner span{
    font-family: 'Open Sans', sans-serif;
    font-size: 22px !important;
    font-weight: 700;

}

#sftExt-frontend-button.rectangle:hover{
    background: #fff !important;
    color: #A50C0C !important;
    border-color: transparent !important;
}

#sftExt-frontend-button.rectangle:hover .sftExt-inner>i{
    color: #A50C0C !important;
}


#sftExt-frontend-button.rectangle:hover::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(90deg, #A50C0C, #EC2828);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

/* Homepage */

.home-banner-heading h1{
    font-family: 'FlowmeryRegular' !important;
    font-size: 95px;
    line-height: 1.2;
    background: linear-gradient(to bottol, var(--primary-teal), var(--secondary-teal));
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--primary-teal);
    background-clip: text;
}
.home-banner-boxes-wrapper{
    display: flex;
    gap: 24px;
}

.home-banner-boxes {
    background: #fff;
    padding: 5px;
    width: 200px;
    height: 216px;
    display: flex;
    align-items: center;
    border-radius: 27px;
    filter: drop-shadow(0px 6px 12.4px rgba(0, 0, 0, 0.12));
    max-width: 201px;
    max-height: 216px;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

.home-banner-boxes:hover{
    cursor: pointer;
    border: 2px solid var(--teal-4);
}

.home-banner-boxes p{
    font-size: 25px;
    font-weight: 600;
    color: var(--tertiary-teal);
    padding-top: 15px;
}

.gradient-button{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size: 24px !important;
    box-shadow: none !important;
    max-width: 644px !important;
    padding: 27px !important;
    border: 2px solid transparent;
    border-radius: 72px !important;
    background: linear-gradient(45deg, var(--primary-teal), #49BCBC) !important;
    transition: all 0.1s ease-in-out !important;
}

.gradient-button:hover{
    border: 2px solid #fff !important;
}

.wave-section_service{
    position: relative !important;
    z-index: 99;
    overflow: visible !important;
}

.wave-section_service:before{
    content: " " !important;
    position: absolute !important;
    display: block !important;
    background-image: url(http://1120498.us29.myftpupload.com/wp-content/uploads/2026/08/white-wave-section.png);
    width: 100vw;
    height: 125px;
    background-repeat: no-repeat;
    background-size: cover;
    top: -30% !important;
    top: inherit;
    left:0;
    right:0;
    z-index: 99;
    pointer-events: none;
 
}

.service-options{
    display: flex;
    align-items: center;
}

.homepage-services-para p{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1.05;
    color: #006282;
}


.vc_section.desktop-banner-section{
    min-height: 85vh !important;
    background-position: cover !important;
    background-position: top center !important;
}

.stroke-number p{
    color: rgba(255, 255, 255, 0.33);
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #D0F0FA;
    font-size: 150px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1;
}

.stroke-text_para p{
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    max-width: 400px;
    margin: auto;
}

.stroke-text_para p em{
    font-size: 20px;
    font-weight: 300 !important;
}

.white-border-btn {
    border: 2px solid transparent !important;
    border-radius: 51px !important;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #006282, #1598C3) border-box !important;
    background-clip: padding-box, border-box !important;
    color: #006282 !important;
    filter: drop-shadow(0 2px 10.1px rgba(89, 89, 89, 0.19));
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}

.white-border-btn:hover {
    border-color: transparent !important;
    background:
        linear-gradient(90deg, #006282, #1598C3) padding-box,
        linear-gradient(90deg, #006282, #1598C3) border-box !important;
    color: #fff !important;
}



.dt-btn.btn-hover-off.white-border-btn:hover {
    background: linear-gradient(90deg, #006282, #1598C3) !important;
    color: #fff !important;
}

.wave-section_service.buttons-section:before{
    position: relative
}

.wave-section_service.buttons-section:before{
    bottom: 96% !important;
    top: inherit !important;
}

.homepage-banner-mobile{
    display: none;
}

@media(max-width: 1681px){
  .vc_section.ocean-section{
  		padding-bottom: 140px !important;
   }
  .wave-section_service.buttons-section:before{
  	      top: -35% !important;
          bottom: inherit !important;
    }
  .vc_section.ocean-section {
    min-height: 90vh !important;
  }
}
@media(max-width: 1681px) and (max-height: 1000px){
     .wave-section_service.buttons-section:before{
  	      top: -25% !important;
          bottom: inherit !important;
    }

}


@media(max-width: 1550px){

    .wave-section_service:before{
        height: 150px;
    }
    #primary-menu.main-nav{
      gap: 15px;
      padding-left: 38px;
    }

    .stroke-number p{
        font-size: 120px;
    }
    
    .main-nav > li > a {
        margin: 0 !important;
        padding: 0 !important;
        margin-right: 15px !important;
    }
    #primary-menu.main-nav > li.donate-btn{
        margin-left: 0;
    }
    .main-nav > li > a .menu-text{
        font-size: 16px !important;
        margin: 0 !important;
    }

    #primary-menu.main-nav > li.donate-btn a{
        padding: 10px !important;
    }
.top-header .outside-item-remove-margin.main-nav > li > a::after{
    width: 14px;
    height: 8px;
    top: 8px;
    right: -20px;
    background-size: contain;
}
.top-header .outside-item-remove-margin.main-nav > li.donate-btn > a::after{
    top: 18px;
    right: -8px !important;
}

    #primary-menu .sub-menu{
        top: 80%;
    }
    .vc_section.desktop-banner-section{
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    .vc_section.ocean-section{
        padding-bottom: 150px !important;
    }
}

@media(max-width: 1441px){

    .vc_section.wave-section_service{
        padding-top: 40px !important;
    }
    /* #primary-menu.main-nav{
        gap: 25px;
    }
    
    
    .main-nav > li > a {
        margin: 0 !important;
        padding: 0 !important;
        margin-right: 15px !important;
    }
.main-nav > li > a .menu-text{
        font-size: 16px !important;
        margin: 0 !important;
    }

    #primary-menu.main-nav > li.donate-btn a{
        padding-left: 10px;
        padding-right: 30px;
    }
.top-header .outside-item-remove-margin.main-nav > li > a::after{
    top: 8px;
    right: -20px;
} */

#footer #menu-fairheaven-header-menu li {
    font-size: 16px;
}
  #footer #menu-fairheaven-header-menu li > ul.sub-menu>li{
    font-size: 16px;
  }
     .vc_section.desktop-banner-section{
        background-position:  50% 0 !important;
        background-size: cover;
    }
}
@media(max-width: 1200px){
   .vc_section.desktop-banner-section {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .home-banner-heading h1{
        font-size: 55px;
        padding-bottom: 40px;
    }

    .wave-section_service:before{
        top: -15% !important;
        height: 110px;
    }


}

@media(max-width: 1025px){
    #footer #menu-fairheaven-header-menu{
        flex-wrap: wrap;
    }
    
  .footer-logo_mobile{
        display: block;
        text-align: center;
    }
    #footer #menu-fairheaven-header-menu li{
        font-size: 16px;
        flex: 1 0 calc(50% - 20px);
    }

    #footer #menu-fairheaven-header-menu > li{
        margin-bottom: 10px;
    }

    #footer #menu-fairheaven-header-menu .donate-btn{
        display: none;
    }

    .footer-logo_mobile{
        display: block;
    }
    #footer #block-10{
        width: 100%;
    }
    .footer-helpline-no{
        display: none;
    }
    #bottom-bar figure.wp-block-image{
        display: none;
    }
    #bottom-bar .bottom-footer-widget:first-child{
        display: none !important;
    }
    #bottom-bar .wf-container-bottom{
        flex-direction: row !important;
        justify-content: space-between !important;
    }
    .footer-helpline-no.helpline-mobile{
        display: block;
    }
    .bottom-footer-widget .wp-block-social-links{
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .ocean-section.vc_section{
        padding-top: 90px !important;
    }
    .stroke-number p{
        font-size: 110px;
    }
    .ocean-section h2{
        font-size: 70px !important;
    }
    .stroke-text_para p{
        font-size: 18px;
        line-height: 1.2;
    }
    #footer > .wf-wrap, #footer #bottom-bar > .wf-wrap{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .bottom-footer-widget .wp-block-social-links li{
        width: 36px;
        height: 36px;
    }
}


@media(max-width: 981px){

    .homepage-banner-mobile{
         display: block;
        background-size: cover;
    }
 
    .desktop-banner-section{
        display: none;
    }
    .home-banner-heading{
        font-size: 45px;
    }
    
    .gradient-button{
        padding: 20px 80px !important;
        font-size: 16px !important;
        text-align: left !important;
        max-width: 325px !important;
        
    }
    .gradient-button.default-btn-shortcode.dt-btn.dt-btn-l{
        margin-left: -140px !important;
    }

    .home-banner-boxes p{
        font-size: 16px;
        line-height: 1.1;
    }

    .vc_section.wave-section_service .vc_row.wpb_row > .wpb_column.vc_column_container.vc_col-sm-6{
        width: 100% !important;

    }
    .vc_section.wave-section_service .vc_row.wpb_row > .wpb_column.vc_column_container.vc_col-sm-6 > .vc_column-inner{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .wave-section_service:before{
        height: 67px;
        top: -60px !important;
    }

    .service-options h4{
        font-size: 22px !important;
    }
    .homepage-services-para p{
        font-size: 16px;
        line-height: 1.3;
    }

    .service-options.vc_row.wpb_row{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
/* 
    .service-options.serive-1 .wpb_single_image.wpb_content_element, .service-options.serive-3 .wpb_single_image.wpb_content_element{
        text-align: right !important;
    }

     .service-options.serive-2 .wpb_single_image.wpb_content_element, .service-options.serive-4 .wpb_single_image.wpb_content_element{
        text-align: center !important;
    } */

    .service-options .wpb_single_image.wpb_content_element{
        text-align: center !important;
    }
    
    .service-options.service-1 > .wpb_column:first-child{
        order: 2;
        order: 1;
    }

    .service-options.service-3 > .wpb_column:first-child{
        order: 2;
        order: 1;
    }

    .vc_section.wave-section_service{
        padding-bottom: 40px !important;
    }
     .ocean-section.vc_section{
        background-image: url("/wp-content/uploads/2026/09/ocean-section-mobile.png") !important;
        min-height: 80vh !important;
     }
     .ocean-section.vc_section{
        background-size: cover !important;
     }
             
    .ocean-section h2{
       font-size: 50px !important; 
      padding-top: 50px !important;
    }
    .stroke-number p{
       font-size: 100px;
        margin-bottom: 15px !important;
    }

    .stroke-text_para p{
        font-size: 16px;
         line-height: 1.2;
    }
    .stroke-text_para p em {
        font-size: 16px;
    }
    .vc_section.wave-section_service.buttons-section h3{
        font-size: 40px !important;
    }
    .wave-section_service.buttons-section .dt-btn{
        font-size: 18px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    
      .service-options{
        position: relative;
        padding-bottom: 50px;
    }

    .service-options::after{
        content: "";
        position: absolute;
        width: 90vw;
        left: 0;
        right: 0;
        height: 0.5px;
        background-color: rgba(0, 98, 130, 0.37);
        display: block !important;
        margin: auto;
        bottom: 30px;
    }
    #sftExt-frontend-button .sftExt-inner span{
        font-size: 16px !important;
    }
    #sftExt-frontend-button.rectangle .sftExt-inner>i {
     font-size: 14px !important;
    }
    #sftExt-frontend-button.rectangle{
        top: inherit !important;
        bottom: -36vh !important;
    }
    
}

@media(max-width: 767px){
    .home-banner-heading h1 {
        font-size: 45px;
    }
    .ocean-section.vc_section{
        padding-bottom: 15%;
    }
    .home-banner-boxes .wpb_single_image img{
        width: 62px !important;
    }
    .home-banner-boxes > .vc_column-inner{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .home-banner-boxes-wrapper{
        gap: 15px !important;
    }
    .gradient-button.default-btn-shortcode.dt-btn.dt-btn-l {
        margin-left: -140px !important;
        padding-right: 0 !important;
        padding-left: 105px !important;
    }
       #sftExt-frontend-button.rectangle {
        top: inherit !important;
        bottom: -30vh !important;
    }

}
@media(max-width: 581px){

    .stroke-number p{
       font-size: 80px;
       }
  .ocean-section.vc_section{
        padding-bottom: 25%;
    }
     .home-banner-boxes-wrapper{
        gap: 8px !important;
    }
    .home-banner-heading h1 {
        font-size: 40px;
    }
    .service-options h4 {
        font-size: 19px !important;
    }
    .homepage-services-para p {
        font-size: 14px;
    }
 .gradient-button.default-btn-shortcode.dt-btn.dt-btn-l {
        margin-left: -140px !important;
    }
    .gradient-button {
        padding: 20px 20px 20px 140px !important;
    }

}

@media(max-width: 470px){

.vc_section.homepage-banner-mobile {
    background-position: -50px 0 !important;
    padding-bottom: 50px !important;
    }
.wave-section_service:before {
        height: 40px;
        top: -20px !important;
    }
    #bottom-bar .wf-container-bottom .bottom-footer-widget:nth-child(2){
        width: 90% !important;
    }
     #bottom-bar .wf-container-bottom .bottom-footer-widget:nth-child(4){
        width: 10% !important;
    }
    .footer-helpline-no.helpline-mobile > a{display: block; margin-top: 10px;}

}

@media(max-width: 420px){

.vc_section.homepage-banner-mobile {
    background-position: -85px 0 !important;
    }
}
@media(max-width: 399px){

    #sftExt-frontend-button.rectangle {
        top: inherit !important;
        bottom: -36vh !important;
    }

}