@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: "Pacifico", cursive;
    src: url("../../fonts/Pacifico/Pacifico-Regular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "Satisfy", cursive;
    src: url("../../fonts/Satisfy/Satisfy-Regular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "Yellowtail", cursive;
    src: url("../../fonts/Yellowtail/Yellowtail-Regular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "Bebas Neue";
    src: url("../../fonts/Bebas_Neue/BebasNeue-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Barlow";
    src: url("../../fonts/barlow/BarlowCondensed-Light.ttf") format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: "Barlow";
    src: url("../../fonts/barlow/BarlowCondensed-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Barlow";
    src: url("../../fonts/barlow/BarlowCondensed-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Barlow";
    src: url("../../fonts/barlow/BarlowCondensed-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "Oswald";
    src: url("../../fonts/Oswald-Bold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "Oswald";
    src: url("../../fonts/Oswald-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("../../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("../../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("../../fonts/Poppins/Poppins-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("../../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("../../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("../../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    src: url("../../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

:root {
    --fluid-min-width: 320;
    --fluid-max-width: 1240;
    --fluid-screen: 100vw;
    --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)));
}

@media screen and (min-width: 1240px) {
    :root {
        --fluid-screen: calc(var(--fluid-max-width) * 1px);
    }
}

:root {
    --f--5-min: 5.63;
    --f--5-max: 5.24;
    --step--5: calc(((var(--f--5-min) / 16) * 1rem) + (var(--f--5-max) - var(--f--5-min)) * var(--fluid-bp));
    --f--4-min: 6.75;
    --f--4-max: 6.55;
    --step--4: calc(((var(--f--4-min) / 16) * 1rem) + (var(--f--4-max) - var(--f--4-min)) * var(--fluid-bp));
    --f--3-min: 8.1;
    --f--3-max: 8.19;
    --step--3: calc(((var(--f--3-min) / 16) * 1rem) + (var(--f--3-max) - var(--f--3-min)) * var(--fluid-bp));
    --f--2-min: 9.72;
    --f--2-max: 10.24;
    --step--2: calc(((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) * var(--fluid-bp));
    --f--1-min: 11.67;
    --f--1-max: 12.8;
    --step--1: calc(((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) * var(--fluid-bp));
    --f-0-min: 14;
    --f-0-max: 16;
    --step-0: calc(((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp));
    --f-1-min: 16.8;
    --f-1-max: 20;
    --step-1: calc(((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp));
    --f-2-min: 20.16;
    --f-2-max: 25;
    --step-2: calc(((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp));
    --f-3-min: 24.19;
    --f-3-max: 31.25;
    --step-3: calc(((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp));
    --f-4-min: 29.03;
    --f-4-max: 39.06;
    --step-4: calc(((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) * var(--fluid-bp));
    --f-5-min: 34.84;
    --f-5-max: 48.83;
    --step-5: calc(((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) * var(--fluid-bp));
    --f-6-min: 41.8;
    --f-6-max: 61.04;
    --step-6: calc(((var(--f-6-min) / 16) * 1rem) + (var(--f-6-max) - var(--f-6-min)) * var(--fluid-bp));
    --f-7-min: 50.16;
    --f-7-max: 76.29;
    --step-7: calc(((var(--f-7-min) / 16) * 1rem) + (var(--f-7-max) - var(--f-7-min)) * var(--fluid-bp));
    --f-8-min: 60.2;
    --f-8-max: 95.37;
    --step-8: calc(((var(--f-8-min) / 16) * 1rem) + (var(--f-8-max) - var(--f-8-min)) * var(--fluid-bp));
    --section-p-12rem: 12rem;
    --section-p-11rem: 11rem;
    --section-p-10rem: 10rem;
    --section-p-9rem: 9rem;
    --section-p-8rem: 8rem;
    --section-p-7rem: 7rem;
    --section-p-6rem: 6rem;
    --section-p-5rem: 5rem;
    --section-p-4rem: 4rem;
    --section-p-3rem: 3rem;
    --section-p-2rem: 2rem;
    --section-p-1rem: 1rem;
    --section-m-12rem: 12rem;
    --section-m-11rem: 11rem;
    --section-m-10rem: 10rem;
    --section-m-9rem: 9rem;
    --section-m-8rem: 8rem;
    --section-m-7rem: 7rem;
    --section-m-6rem: 6rem;
    --section-m-5rem: 5rem;
    --section-m-4rem: 4rem;
    --section-m-3rem: 3rem;
    --section-m-2rem: 2rem;
    --section-m-1rem: 1rem;
    --btn-radius: 0.4rem;
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
    --main-head-font: "Roboto", Sans-serif;
    --paragraph-font: "Roboto", Sans-serif;
    --section-head-font: "Poppins", Sans-serif;
    --section-head-font-bold: "Bebas Neue", Sans-serif;
    --section-head-fs: var(--step-3);
    --section-head-fw: var(--font-weight-900);
    --section-head-clr: #47484c;
    --section-head-mb: 1rem;
    --paragraph-font-clr: #20262c;
    --paragraph-font-size: var(--step-0);
    --preload-placeholder-bg: rgb(127 149 172 / 20%);
    --font-family-lato: "Lato", Sans-serif;
    --font-family-barlow: "Barlow", Sans-serif;
    --font-family-poppins: "Poppins", Sans-serif;
    --font-family-open-sans: "Open Sans", Sans-serif;
    --font-family-bebas-neue: "Bebas Neue", Sans-serif;
    --font-family-oswald: "Oswald", Sans-serif;
    --font-family-yellow-tail: "Yellowtail", cursive;
    --font-family-satisfy: "Satisfy", cursive;
    --font-family-pacifico: "Pacifico", cursive;
    --font-family-roboto-condensed: "Roboto Condensed", sans-serif;
    --common-radius: 1rem;
    --clr-gradient-primary-1: #00c0cc;
    --clr-gradient-primary-2: #3692e6;
    --clr-gradient-primary-3: #3a7ed9;
    --clr-gradient-primary-4: #5854e0;
    --clr-gradient-primary-5: #343ea3;
    --clr-primary: hsl(144.26deg 37.6% 49.02%);
    --clr-text-grey: hsl(220, 7%, 17%);
}

@media screen and (min-width: 1320px) {
    :root {
        --fluid-screen: calc(var(--fluid-max-width) * 1px);
    }
}

.f-s--6 {
    font-size: var(--step--6)!important;
}

.f-s--5 {
    font-size: var(--step--5)!important;
}

.f-s--4 {
    font-size: var(--step--4)!important;
}

.f-s--3 {
    font-size: var(--step--3)!important;
}

.f-s--2 {
    font-size: var(--step--2)!important;
}

.f-s--1 {
    font-size: var(--step--1)!important;
}

.f-s-0 {
    font-size: var(--step-0)!important;
}

.f-s-1 {
    font-size: var(--step-1)!important;
}

.f-s-2 {
    font-size: var(--step-2)!important;
}

.f-s-3 {
    font-size: var(--step-3)!important;
}

.f-s-4 {
    font-size: var(--step-4)!important;
}

.f-s-5 {
    font-size: var(--step-5)!important;
}

.f-s-6 {
    font-size: var(--step-6)!important;
}

.f-w-100 {
    font-weight: var(--font-weight-100);
}

.f-w-200 {
    font-weight: var(--font-weight-200);
}

.f-w-300 {
    font-weight: var(--font-weight-300);
}

.f-w-400 {
    font-weight: var(--font-weight-400);
}

.f-w-500 {
    font-weight: var(--font-weight-500);
}

.f-w-600 {
    font-weight: var(--font-weight-600);
}

.f-w-700 {
    font-weight: var(--font-weight-700);
}

.f-w-800 {
    font-weight: var(--font-weight-800);
}

.f-w-900 {
    font-weight: var(--font-weight-900);
}
.text-primary {
    color:var(--clr-primary)!important;
}
.navbar-toggler-icon{
    filter: invert(114%) sepia(39%) saturate(684%) hue-rotate(60deg) brightness(146%) contrast(145%);
}
html {
    font-size: min(max(1rem, 4vw), 16px);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, sans-serif; */
    font-family: "Bebas Neue", Sans-serif;
}

a {
    text-decoration: none !important;
}

body {
    font-family: "Open Sans", sans-serif;
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, sans-serif; */
}

p {
    font-size: var(--paragraph-font-size);
    font-weight: 400 !important;
    color: #2b2c2fd4 !important;
    font-family: var(--paragraph-font);
}

@media screen and (min-width: 568px) {

}

@media screen and (min-width: 768px) {
    :root{
        --paragraph-font-size: var(--step--3);
    }
    p {
        /* font-size: calc(12px + 2 * ((100vw - 568px) / (768 - 568))); */
        font-size: calc(var(--paragraph-font-size) + 2 * ((100vw - 568px) / (768 - 568)));
    }
    p {
        /* font-size: calc(12px + 2 * ((100vw - 568px) / (768 - 568))); */
    }
}

.navbar--header {
    padding: 1.3rem;
    background: #ffffff;
}

.navbar--header .offcanvas.show .nav-link {
    color: #5d6971;
    font-size: var(--step-0);
    padding: 0 0rem 1.5rem 0.8rem;
}

.navbar--header .offcanvas {
    transition: transform 0.5s ease-in-out;
    /* background-color: #17694e; */
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
}

.navbar-brand__image-logo {
    /* max-width: 65px; */
    object-fit: contain;
}

.navbar-brand__image-logo--offcanvas {
    max-width: 140px;
}

.navbar--header .navbar-nav {
    gap: 15px;
}

.navbar--header .offcanvas.show .navbar-nav {
    gap: 0;
}

.navbar--header .nav-link {
    text-transform: uppercase;
    font-family: "Poppins", Sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: hsl(220deg 7.16% 24.25%);
}

.navbar--header .nav-link.active {
    color: var(--clr-primary);
}

.prime-btn-link {
    background-color: #e08820;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700;
    padding: 1.2rem 1.4rem;
    text-transform: uppercase;
    border-radius: 0.3rem;
}

/*
    ---------------------------------------------------
    Home page styles: [home-page-wrap] :  class:: hpw_*
    ---------------------------------------------------
*/

/* Home page : top banner - styles : [hpw__top_banner] : class:: hpw_tb */

.hpw__top_banner {
    position: relative;
    /* height: 100vh; */
    /* padding-bottom: 8rem; */
    background-color: #154b75ab;
}

.hpw__top_banner .floating-bg {
    position: absolute;
    background-color: #3333;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: -1;
    filter: brightness(0.7);
    -webkit-filter: brightness(0.7);
}

.hpw_tb__contact_wrap {
    background: #ffffff;
    border-bottom: 1px solid #59667233;
}

.hpw_tb_cw__phone {
    padding: 15px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

.hpw_tb_cw__phone i,
.hpw_tb_cw__phone a {
    color: #596672;
    text-decoration: none;
}

.hpw_tb_cw__address {
    padding: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
}

.hpw_tb_cw__address i,
.hpw_tb_cw__address span {
    color: #596672;
    text-decoration: none;
}

.hpw_tb_cw__social_link {
    padding: 15px;
    display: flex;
    justify-content: start;
    gap: 15px;
}

.hpw_tb_cw__social_link i,
.hpw_tb_cw__social_link a {
    color: #596672;
    text-decoration: none;
}

.hpw_tb__banner_text_wrap {
    padding-top: 5.5rem;
    display: flex;
    justify-content: start;
    align-items: center;
}

.hpw_tb_btw__heading {
    color: #ffffff;
    font-size: var(--step-7);
    font-family: "Oswald", Sans-serif;
    text-transform: uppercase;
    margin-bottom: 1.8rem;
}

.hpw_tb_btw__caption {
    color: #ffffff !important;
    margin-bottom: 4rem;
}

.hpw_tb_btw__link {
    background-color: #ffffff;
    color: #2a608a;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700;
    padding: 1.2rem 1.4rem;
    text-transform: uppercase;
    border-radius: 0.3rem;
}

.hpw_tb__slider_wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hpw_tb__slider_wrap .swiper-slide::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(to right top, #202e4445, #26344987, #2d3b4e8f, #3441529e, #3b4857a8);
}
.hpw_tb__slider_wrap .swiper-pagination.swiper-pagination-bullets {
    height: 50px;
}
.hpw_tb__slider_wrap .swiper-pagination-bullet {
    height: 25px;
    width: 25px;
    top: 0px;
    border: 4px solid #ffffff;
    background: #fff0;
    opacity: 1;
}
.hpw_tb__slider_wrap .swiper-pagination-bullet-active {
    height: 15px;
    width: 15px;
    border: 4px solid #282828;
    background: #4ba670;
    box-shadow: 0px 0px 0px 2px #4ba670;
    top: -5px;
}

.hpw_tb_sw__content_wrap .small-caption {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: var(--step-2);
    font-family: "Barlow", sans-serif;
    font-weight: 100 !important;
}

.hpw_tb_sw__content_wrap .main-caption {
    font-family: var(--section-head-font);
    color: var(--clr-primary) !important;
    text-transform: uppercase;
    font-size: var(--step-6);
    font-weight: 700;
}
.hpw_tb_sw__content_wrap .description {
    padding-top: var(--section-p-2rem);
    padding-bottom: var(--section-p-2rem);
    color: #ffffff !important;
}
.hpw_tb_sw_cw__go_btn{
    color: #ffffff;
    background: #4eac74;
    /* border: 1px solid #ffffff; */
    padding: 0.8rem 2rem;
    border-radius: 3px;
    /* box-shadow: 0px 0px 0px 4px #4eac74; */
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--font-family-roboto-condensed);
    font-size: 1rem;
}

/* Home page : service content - styles : [hpw__service_content_wrap] : class:: hpw_scw */
.hpw__service_content_wrap {
    position: relative;
    padding-top: var(--section-p-8rem);
    padding-bottom: var(--section-p-8rem);
}
.hpw_scw__grid {
    margin-top: var(--section-m-2rem);
}
.hpw_scw_g__outer_wrap {
    margin-bottom: 1.5rem;
}
.hpw_scw_g_item_wrap {
    overflow: hidden;
    background: #f2f2f242;
    height: 100%;
    border-bottom-right-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    border-top-left-radius: 0.8rem;
    box-shadow: 0px 5px 8px -4px #0000008c, 8px 7px 17px -10px #5c5c5c00;
}
.hpw_scw_g_iw__img_wrap {
    width: 100%;
    height: 170px;
    position: relative;
    overflow: hidden;
}
.hpw_scw_g_item_wrap--sidebar .hpw_scw_g_iw__img_wrap{
    height: 120px;
}

.hpw_scw_g_iw__img_wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: hsla(213, 77%, 14%, 1);
    background: linear-gradient(180deg, hsl(213deg 77% 14% / 56%) 0%, hsl(213deg 24.06% 24.5% / 47%) 100%);
    background: -moz-linear-gradient(180deg, hsl(213deg 77% 14% / 56%) 0%, hsl(213deg 24.06% 24.5% / 47%) 100%);
    background: -webkit-linear-gradient(180deg, hsl(213deg 77% 14% / 56%) 0%, hsl(213deg 24.06% 24.5% / 47%) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#08203E", endColorstr="#304F75", GradientType=1 );
    position: absolute;
    border-top-right-radius: 0.6rem;
    border-top-left-radius: 0.6rem;
    -webkit-filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5D5D85", endColorstr="#34297B", GradientType=1 );
}
.hpw_scw_g_iw__img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 0.6rem;
    border-top-left-radius: 0.6rem;
    transform: scale(1), translate(0, 0);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transform: scale(1), translate(0, 0);
    -moz-transform: scale(1), translate(0, 0);
    -ms-transform: scale(1), translate(0, 0);
    -o-transform: scale(1), translate(0, 0);
}
.hpw_scw_g_item_wrap:hover .hpw_scw_g_iw__img_wrap img{
    transform: scale(1.1) translate(0, -5%);
    -webkit-transform: scale(1.1) translate(0, -5%);
    -moz-transform: scale(1.1) translate(0, -5%);
    -ms-transform: scale(1.1) translate(0, -5%);
    -o-transform: scale(1.1) translate(0, -5%);
}
.hpw_scw_g_iw_iw__floating_info {
    position: absolute;
    background: hsl(127.01deg 31.43% 48.04%);
    color: #ffffffff;
    font-size: var(--step--1);
    font-family: var(--font-family-poppins);
    font-weight: 500;
    top: 35px;
    left: 100px;
    z-index: 100;
    padding: 0.4rem 0.8rem;
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.hpw_scw_g_iw_iw__floating_info .icon {
    flex: 0 1;
}
.hpw_scw_g_iw_iw__floating_info .content {
    flex: 1 0;
    width: max-content;
}

.hpw_scw_g_iw__content_wrap {
    padding: 1rem;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
}
.hpw_scw_g_item_wrap--sidebar .hpw_scw_g_iw__content_wrap{
    padding: 0.6rem;
}
.hpw_scw_g_iw_cw__header h3 {
    color: #47484c;
    text-transform: uppercase;
    font-size: var(--step-2);
    font-weight: var(--font-weight-600);
}
.hpw_scw_g_item_wrap--sidebar .hpw_scw_g_iw_cw__header h3, .hpw_scw_g_item_wrap--sidebar .hpw_scw_g_iw_cw__header h3 a{
    color: #333;
    text-transform: capitalize;
    font-size: var(--step-1);
    font-weight: 500;
}
.hpw_scw_g_iw_cw__header .location {
    color: hsl(206.58deg 5.79% 32.9% / 78%);
    font-weight: 400;
    font-size: var(--step--1);
    font-family: var(--font-family-poppins);
}
.hpw_scw_g_iw_cw__footer {
    margin-top: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.hpw_scw_g_iw_cw__footer .rate-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: #52545e;
    font-weight: 400;
    font-family: var(--font-family-roboto-condensed);
    font-size:0.8rem;
    border: 1px solid #f3f3f3;
    /* padding: 0.8rem 1rem; */
    border-radius: 0.3rem;
    box-shadow: 0px 0px 14px -2px #e1e1e1;
}
.hpw_scw_g_iw_cw__footer .rate-wrap span:first-child {
    padding: 0.2rem 0.8rem;
    font-weight: 500;
}
/* .hpw_scw_g_iw_cw__footer .amount {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    font-family: var(--font-family-roboto-condensed);
    background: #1d8c49;
    border-radius: 0.3rem;
    padding: 0.2rem 0.8rem !important;

} */
.hpw_scw_g_iw_cw__footer .amount {
    width: 100%;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.3rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-roboto-condensed);
    background: #45cb80;
    border-radius: 0.3rem;
    padding: 0.1rem 0.4rem !important;
    /* border-top: 1px solid #ffffff; */
}
.hpw_scw_g_iw_cw__footer .amount i {
    font-weight: bolder;
    font-size: var(--step--1);
}
.service-btn-group .active{
    background-color: #2a9b58;
}
.primary-btn {
    background: var(--clr-primary);
    color: #ffffff;
    text-transform: uppercase;
    font-size: var(--step--1);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.primary-btn.md {
    font-size: var(--step--1) !important;
    font-weight: 700 !important;
    padding: 0.8rem 1rem !important;
}
.primary-btn.filled{
    background: var(--clr-primary) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: var(--step-0);
}
.primary-btn.submit-btn {
    padding: 0.8rem 1.4rem!important;
}
.primary-btn.border-1 {
    background: none;
    color: var(--clr-primary);
    border: solid var(--clr-primary);
    text-transform: uppercase;
    font-weight: 600;
    border-width: 2px !important;
    padding: 0.4rem 1rem;
}
.primary-btn.border-1:hover {
    background: var(--clr-primary);
    color: #ffffff;
}
/*
    -----------------------------------------------------------
    End of Home page styles : [home-page-wrap] :  class:: hpw_*
    -----------------------------------------------------------
*/

/*
    ---------------------------------------------------
    About Us page styles: [page-about-us-wrap] :  class:: pauw_*
    ---------------------------------------------------
*/
.pauw__inner_wrap{
    background: #f9f9f7;
    padding-top: var(--section-p-4rem);
}

.pauw__services{
    padding-top: var(--section-p-3rem);
    padding-bottom: var(--section-p-5rem);
}
.pauw_s__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pauw_s__item .title{
    font-size: var(--step-0);
    color: #6e7377;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--font-family-poppins);
}
.pauw_s__item .img-wrap{
    width: 70px;
    height: 70px;
    margin-bottom: 1.1rem;
}
.pauw_s__item .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: invert(29%) sepia(13%) saturate(3725%) hue-rotate(103deg) brightness(96%) contrast(100%) opacity(0.6);
    -webkit-filter: invert(29%) sepia(13%) saturate(3725%) hue-rotate(103deg) brightness(96%) contrast(100%) opacity(0.6);
}

.pauw__discover_banner{
    background:linear-gradient(rgb(45 55 60 / 49%), rgb(45 55 60 / 71%)), url('../../images/responsive/public_page/boats-2835848_1920.jpg') no-repeat center center fixed;
    min-height: 400px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    padding: 0 1.2rem;
}
.pauw_db__heading{
    color: #ffffff;
    font-size: var(--step-7);
    font-family: var(--font-family-bebas-neue);
}
.pauw_db__contact_btn{
    border: 2px solid #ffffff;
    font-size: var(--step-3);
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--font-family-barlow);
    border-radius: 0;
    padding: 0.2rem 1.4rem;
    font-weight: 500;
    line-height: unset;
}
.pauw_db__contact_btn:hover{
    border: 2px solid #ffffff;
    color: #ffffff;
}

.psdw__gallery{
    margin-top: 2rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    /* gap: 15px; */
}
.psdw_g__img_wrap{
    height: 250px;
    position: relative;
    overflow: hidden;
    flex: 0 1 auto;
    width: calc(100% / 2);
}
.psdw_g__img_wrap a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.psdw_g__img_wrap a::before{
    content: "\ea28";
    font: normal normal normal 2em / 1 'lineicons';
    display: block;
    z-index: 106;
    width: 20px;
    height: 20px;
    position: absolute;
    color: #ffffff;
    top: 50%;
    left: 50%;
    visibility:hidden;
    transition: all 0.1s ease-in-out 0s;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
}
.psdw_g__img_wrap a::after{
    content: "";
    display: block;
    z-index: 104;
    background: #35ffaee2;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}
.psdw_g__img_wrap:hover a::after{
    height: 100%;
}
.psdw_g__img_wrap:hover a::before{
    visibility:visible;
}

.psdw_g__img_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 0px 1px 1px #c5c5c5, 3px 3px 10px -2px #9b9b9b;
    position: relative;
}

/* .psdw_g__img_wrap:hover .psdw_g__img_wrap img::after{
    height: 250px;
} */
/*
    -----------------------------------------------------------
    End of About Us page styles: [page-about-us-wrap] :  class:: pauw_*
    -----------------------------------------------------------
*/

/*
    ---------------------------------------------------
    Contact Us page styles: [page-contact-us-wrap] :  class:: pcuw_*
    ---------------------------------------------------
*/
.pcuw__inner_wrap{
    background: #f9f9f7;
    padding-top: var(--section-p-4rem);
}

.pcuw__services{
    padding-top: var(--section-p-3rem);
    padding-bottom: var(--section-p-5rem);
}
.pcuw_s__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pcuw_s__item .title{
    font-size: var(--step-0);
    color: #6e7377;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--font-family-poppins);
}
.pcuw_s__item .img-wrap{
    width: 70px;
    height: 70px;
    margin-bottom: 1.1rem;
}
.pcuw_s__item .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: invert(29%) sepia(13%) saturate(3725%) hue-rotate(103deg) brightness(96%) contrast(100%) opacity(0.6);
    -webkit-filter: invert(29%) sepia(13%) saturate(3725%) hue-rotate(103deg) brightness(96%) contrast(100%) opacity(0.6);
}

.pcuw__map_with_banner{
    background:linear-gradient(rgb(45 55 60 / 49%), rgb(45 55 60 / 71%)), url('../../images/responsive/public_page/boats-2835848_1920.jpg') no-repeat center center fixed;
    /* height: 200px; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.pcuw__contact_info_card .card-title{
    text-transform: uppercase;
}
.pcuw_cic__list{
    padding-inline-start: 0;
    list-style-type: none;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.pcuw_cic__list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}
.pcuw_cic__list li a{
    color: #424242;
    max-height: 20px;
    padding: 0;
    margin: 0;
}
.pcuw_cic__list li .icon{
    margin-right: 0.8rem;
    color: #424242;
    padding: 0.4rem 0.4rem;
    border-radius: 0.4rem;
    border: 1px solid #acacac;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pcuw_cic__list li .content{
    font-size: 0.9rem;
    color: #5d636a;
    font-weight: 500;
    font-family: var(--font-family-poppins);
}

/*
    -----------------------------------------------------------
    End of Contact Us page styles: [page-contact-us-wrap] :  class:: pcuw_*
    -----------------------------------------------------------
*/

/*
    ---------------------------------------------------
    Service detail wrap styles: [page-service-detail-wrap] :  class:: psdw_*
    ---------------------------------------------------
*/
.psdw__description ul{
    font-size: var(--paragraph-font-size);
    font-weight: 400 !important;
    color: #2b2c2fd4 !important;
    font-family: var(--paragraph-font);
    font-size: calc(var(--paragraph-font-size) + 2 * ((100vw - 568px) / (768 - 568)));
}

.psdw__location {
    font-size: var(--step-0)!important;
}
.psdw__content_wrap .hpw_scw_g_iw_cw__header h3 {
    color: #505157;
    text-transform: capitalize;
    font-size: var(--step-0);
    font-weight: var(--font-weight-600);
    font-family: var(--font-family-barlow);
}

/*
    -----------------------------------------------------------
    End of Service detail wrap styles: [page-service-detail-wrap] :  class:: psdw_*
    -----------------------------------------------------------
*/

/*
    ---------------------------------------------------
    Common page wrap styles:
    ---------------------------------------------------
*/

.page__inner_content_wrap{
    padding-top: var(--section-p-3rem);
    padding-bottom: var(--section-p-3rem);
}
.modal.drawer {
    display: flex !important;
    pointer-events: none;
  }
  .modal.drawer * {
    pointer-events: none;
  }
  .modal.drawer .modal-dialog {
    margin: 0px;
    display: flex;
    flex: auto;
    transform: translate(25%, 0);
  }
  .modal.drawer .modal-dialog .modal-content {
    border: none;
    border-radius: 0px;
  }
  .modal.drawer .modal-dialog .modal-content .modal-body {
    overflow: auto;
  }
  .modal.drawer.show {
    pointer-events: auto;
  }
  .modal.drawer.show * {
    pointer-events: auto;
  }
  .modal.drawer.show .modal-dialog {
    transform: translate(0, 0);
  }
  .modal.drawer.right-align {
    flex-direction: row-reverse;
  }
  .modal.drawer.left-align:not(.show) .modal-dialog {
    transform: translate(-25%, 0);
  }
/*
    -----------------------------------------------------------
    End of Common page wrap styles
    -----------------------------------------------------------
*/
/*
    ---------------------------------------------------
    Footer styles: [footer-wrap] :  class:: fw_*
    ---------------------------------------------------
*/
.footer_wrap{
    min-height: 400px;
    padding-top: var(--section-p-3rem);
    padding-bottom: var(--section-p-3rem);
    background: #333;
    background: linear-gradient(rgb(45 55 60 / 92%), rgb(45 55 60)), url(../../images/footer-bg.jpg) no-repeat center center;
    background-size: cover;
}
.fw__small_desc img{
    /* max-width: 65px; */
    margin-bottom: 1.4rem;
}
.fw__small_desc p{
    color: rgb(255 255 255 / 76%) !important;
    font-weight: 300!important;
    font-size: var(--step-0);

}
.fw__heading{
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: var(--step-1);
    font-family: var(--font-family-poppins);
}
.fw_sd_sl__icons{
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
    gap: 15px;
}

.fw_sd_sl__icons span{
    width: 30px;
    height: 30px;
    background:var(--clr-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.fw__link_wrap{
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgb(255 255 255 / 76%) !important;
    padding-top: 1.5rem;
}
.fw__link_wrap a{
    color: rgb(255 255 255 / 76%) !important;
    font-weight: 400 !important;
    font-size: var(--step--1);
    font-family: var(--font-family-poppins);
}
.fw__link_wrap--contact {
    gap: 15px;
}
.fw__link_wrap--contact li{
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(255 255 255 / 76%) !important;
    font-weight: 400 !important;
    font-size: var(--step--1);
    font-family: var(--font-family-poppins);
}
.fw__link_wrap--contact .icon{
    display: flex;
    align-items: center;
}

/*
    -----------------------------------------------------------
    End of Home page styles : [footer-wrap] :  class:: fw_*
    -----------------------------------------------------------
*/

.endlined-section-heading {
    position: relative;
}

.endlined-section-heading.centered {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #ffffff;
}

.endlined-section-heading .section-caption {
    display: block;
    font-size: var(--step-0);
    text-transform: capitalize;
    color: var(--clr-primary);
    margin-bottom: 0.2rem;
    font-family: var(--font-family-pacifico);
    font-style: italic;
}
.endlined-section-heading .short-desc {
    font-size: var(--step-0);
    text-transform: capitalize;
    color: hsl(202.15deg 11.27% 21.09% / 65%) !important;
}

.endlined-section-heading h3,
.endlined-section-heading h2 {
    color: #373b49;
    text-align: left;
    text-transform: capitalize;
    font-size: var(--section-head-fs);
    margin-bottom: var(--section-head-mb);
    font-weight: 800;
    font-family: var(--section-head-font);
}

.endlined-section-heading.centered h3,
.endlined-section-heading.centered h2 {
    text-align: center;
}

.endlined-section-heading.white-text h3,
.endlined-section-heading.white-text h2,
.endlined-section-heading.white-text p {
    color: #ffffff !important;
}

/* .endlined-section-heading .endline {
    display: block;
    margin-left: 0;
    height: 20px;
} */

/* .endlined-section-heading .endline::after {
    content: "";
    display: inline-block;
    width: 85px;
    height: 1px;
    border-bottom: 4px solid #ffba71;
    position: relative;
    right: 0;
    margin-bottom: 22px;
} */

.page-about-us-wrap{
    position: relative;
}
.page-header-banner{
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.phb__img_wrap{
    width: 100%;
    height: 350px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.phb__img_wrap::after{
    content: "";
    background: #0e1210a8;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 106;
}
.phb__img_wrap div.img-outer{
    position: relative;
    /* height: 350px; */
    flex: 1;
}
.phb__img_wrap div.img-outer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0 ;
}
.phb__img_wrap div.img-outer:nth-child(2){
    transform: skew(-3deg, 0);
    z-index: 100;
}
.phb__img_wrap div:nth-child(2)::before{
    content: "";
    display: block;
    position: relative;
    z-index: 102;
    top: 50%;
    left: -6px;
    height: 100%;
    width: 10px;
    background: #ffffff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.phb__img_wrap div:nth-child(2)::after{
    content: "";
    display: block;
    position: relative;
    z-index: 102;
    top: -50%;
    right: -101%;
    height: 100%;
    width: 10px;
    background: #ffffff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.phb__heading{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 110;
    color: #ffffff;
    transform: translate(-50%, -50%);
    font-size: var(--step-7);
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    font-style: normal;
}

.enquiry-modal .modal-title{
    text-transform: uppercase;
    font-size: var(--step-1);
    font-family: var(--font-family-poppins);
    font-weight: var(--font-weight-600);

}
.enquiry-modal form label{
    text-transform: uppercase;
    font-size: var(--step--1);
    font-family: var(--font-family-poppins);
    font-weight: var(--font-weight-600);
}
.enquiry-modal form .form-control:focus {
    outline: 0;
    border-color: #1717174f;
    box-shadow: none !important;
}
.enquiry-modal form .form-control,
.enquiry-modal form .form-select,
.enquiry-modal form .form-textarea  {
    display: block;
    width: 100%;
    padding: .75rem .75rem;
    border-width: 2px;
}
.enquiry-modal .modal-header{
    padding: 1.4rem 1rem;
}



@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

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

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

/* `sm` applies to x-small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    :root{
        --paragraph-font-size: var(--step-1);
    }
    p {
        /* font-size: calc(12px + 2 * ((100vw - 568px) / (768 - 568))); */
        font-size: calc(var(--paragraph-font-size) + 2 * ((100vw - 568px) / (768 - 568)));
    }
    .psdw_g__img_wrap{
        flex: 1 1 auto;
        width: calc(100% / 1)!important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
}

/* `md` applies to small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {

    .hpw_tb_cw__phone {
        border-right: 0;
    }

    .hpw_tb_btw__link {
        padding: 0.8rem 1rem;
        font-size: var(--step-0);
    }

    .hpw_tb_cw__phone {
        padding: 8px;
        border-right: 0;
        text-align: end;
        font-size: var(--step-0);
    }

    .hpw_tb_cw__address {
        padding: 8px;
        border-right: 0 !important;
        font-size: var(--step-0);
        flex-direction: column;
        justify-content: end;
        text-align: end;
    }

    .hpw_tb_cw__social_link {
        padding: 8px;
        font-size: var(--step-0);
        justify-content: end;
    }

    .hpw_tb_btw__heading {
        font-size: var(--step-5);
        margin-bottom: 1.2rem;
    }

    .hpw_tb__banner_text_wrap {
        padding-top: 2.5rem;
    }

    .hpw_tb_btw__caption {
        margin-bottom: 2rem;
    }

    .hpw__about_us_wrap {
        padding-top: var(--section-p-3rem);
        padding-bottom: var(--section-p-3rem);
    }

    .hpw_aus_lc__img_2 {
        max-width: 46%;
        position: relative;
        left: unset;
        top: -11%;
        right: -65% !important;
        margin-bottom: -26% !important;
        transform: translate(-50%, -50%);
    }

    .hpw_aus__right_col {
        padding-left: var(--section-p-1rem);
    }

    .hpw_aus_lc__img_1 {
        max-height: 400px;
    }

    .hpw_sw_gw_g_hw__heading {
        flex: 1 0 10px;
        padding: 0.4rem 0rem 0.4rem 1rem;
    }

    .hpw__service_wrap {
        padding-top: var(--section-p-2rem);
        padding-bottom: var(--section-p-2rem);
    }

    .hpw_sw__grid_wrap {
        padding-top: var(--section-p-1rem);
    }

    .hpw_aus_rc__link_wrap {
        flex-direction: column;
        gap: 25px;
    }
    .psdw_g__img_wrap{
        flex: 0 1 auto;
        width: calc(100% / 2);
    }
    .fw__heading {
        margin-top: 0.5rem;
    }
    .fw__link_wrap {
        padding-top: 0rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
}

/* `lg` applies to medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .hpw__service_content_wrap {
        padding-top: var(--section-p-3rem);
        padding-bottom: var(--section-p-3rem);
    }
}

/* `xl` applies to large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {

    /* p {
        color: #3f414a !important;
        line-height: 1.4rem;
        font-weight: 300 !important;
        font-size: var(--step-1);
    } */
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */

@media (max-width: 1399.98px) {
    .hpw__service_content_wrap {
        padding-top: var(--section-p-3rem);
        padding-bottom: var(--section-p-3rem);
    }
}

/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}