:root {
    --clr-primary: #0066a5;
    --clr-secondary: #78ca10;
    --clr-dark: #1e1e1e;
    --clr-body: #7a7a7a;
    --clr-white: #fff;
    --clr-white-300: #f1f5f9;
    --clr-white-300-b: #f2f2f2;
    --clr-white-500: #edeff2;
    --clr-white-700: #e0e5ec;
    --clr-white-900: #c0c0c0;
    --animate: cubic-bezier(0.145, 0.82, 0.155, 1.4);
    --smooth: ease-in-out;
    --smooth-shadow:
        0px 0.6px 0.9px rgba(0, 0, 0, 0.006),
        0px 1.4px 2.1px rgba(0, 0, 0, 0.009),
        0px 2.3px 3.5px rgba(0, 0, 0, 0.011),
        0px 3.5px 5.2px rgba(0, 0, 0, 0.013),
        0px 5px 7.5px rgba(0, 0, 0, 0.015),
        0px 7.1px 10.6px rgba(0, 0, 0, 0.017),
        0px 10.1px 15.1px rgba(0, 0, 0, 0.019),
        0px 14.6px 21.9px rgba(0, 0, 0, 0.021),
        0px 22.5px 33.8px rgba(0, 0, 0, 0.024),
        0px 40px 60px rgba(0, 0, 0, 0.03);
    --border-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    --elevation-1: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    --elevation-2: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    --elevation-3: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    --elevation-4: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    --clamped: clamp(1rem, 2.5vh, 2rem) clamp(1rem, 2.5vw, 1.5rem);
}

.inner-banner {
    position: relative;
    min-height: 25vh;
    min-height: 25dvh;
    z-index: 2;
    display: grid;
    place-content: center;
    grid-template-areas: "stacked";
    overflow: hidden;
}

.inner-banner.styled {
    place-content: unset;
    padding-block: 0;
}

.inner-banner.styled .row {
    height: 100%;
}

.inner-banner>* {
    grid-area: stacked;
}

.inner-banner-image img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


.inner-banner-image img.dark {
    filter: brightness(0.3);
}

.inner-banner-content.boxed {
    padding: 30px;
    height: 100%;
    display: grid;
    place-items: center;
    border-radius: 0px;
    background-color: var(--clr-primary);
    position: relative;
}

.inner-banner-content.boxed .banner-title {
    position: relative;
    z-index: 5;
}

.inner-banner-content.boxed .banner-title>* {
    font-size: 36px;
}

@media (min-width: 576px) {
    .inner-banner-content.boxed {
        place-items: unset;
        align-items: center;
        padding: 50px;
    }

    .inner-banner-content.boxed::before {
        content: "";
        inset: 0;
        width: 50%;
        left: 100%;
        translate: -50% 0;
        position: absolute;
        background-color: var(--clr-primary);
        z-index: 2;
        transform: skewX(-30deg);
    }

    .inner-banner-content.boxed::after {
        content: "";
        inset: 0;
        width: 50%;
        left: 100%;
        top: 50px;
        translate: -40% 0;
        position: absolute;
        background-color: var(--clr-secondary);
        z-index: 1;
        transform: skewX(-30deg);
    }
}

.inner-banner-content .banner-title>* {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    font-size: 32px;
    color: var(--clr-white);
}

a[href] {
    text-decoration: none;
}

body {
    width: 100%;
    overflow-x: hidden;
}

@layer defaults {

    *,
    ::before,
    ::after {
        margin: 0;
        box-sizing: border-box;
    }

    section.block {
        padding-block: 70px;
    }

    .section-title {
        margin-bottom: 5px;
    }

    img {
        display: block;
        width: min(100%, 100%);
    }
}

.section-title>* {
    position: relative;
    max-width: max-content;
    margin-bottom: 24px;
    font-size: 32px;
    text-transform: uppercase;
}
input.common-btn:after, input.common-btn:before, span#submit_text:after, span#submit_text:before{
	display: none !important;
}
.section-title>*::before {
    content: "";
    position: absolute;
    inset: 50% 0 0 100%;
    translate: 0 -50%;
    margin-left: 15px;
    width: 50%;
    height: 0.2rem;
    border-radius: 100vmax;
    background-color: var(--clr-primary);
}
.reach-us li b, .reach-us li h3 {
    font-weight: 600;
    font-size: 20px;
}
address{
	font-size: 16px !important;
}
.sub-heading>* {
    font-size: 24px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--clr-primary);
    line-height: 1.25;
    word-spacing: 2px;
}

.cta :is(.section-title > *, .sub-heading > *) {
    color: var(--clr-white-300);
}

footer {
    padding-block: 50px;
}

figure {
    margin: 0;
}
.row-gap {
    row-gap: 24px;
}
.bg-white-300 {
    background-color: var(--clr-white-300);
}

.bg-white-300-b {
    background-color: var(--clr-white-300-b);
}

.overlay-dark {
    position: relative;
    isolation: isolate;
    background-size: cover;
    background-attachment: fixed;
}

.overlay-dark::before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1;
    background-image: linear-gradient(hsl(0 0% 0% / 75%), hsl(0 0% 0% / 75%));
}


@media (max-width: 576px) {
    section.block {
        padding-block: 25px;
    }

    .inner-banner.styled .row {
        position: relative;
    }

    .inner-banner.styled :is(.fluid-image, .fluid-image img) {
        position: absolute;
        inset: 0;
        border-radius: 0;
        filter: brightness(0.5);
        object-fit: cover;
    }
}

/*& Back to top */
.back-top-top {
    position: fixed;
    z-index: 998;
    background-color: var(--clr-primary);
    border-radius: 50%;
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    color: var(--clr-white);
    right: 25px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: 400ms all cubic-bezier(0.075, 0.82, 0.165, 1.5);
}

.back-top-top.active {
    bottom: 25px;
    opacity: 1;
    visibility: visible;
}

.fluid-image img {
    height: 100%;
    object-fit: cover;
}

.fluid-image iframe {
    width: 100%;
    height: 100%;
}
.fw-500 {
	font-weight: 500;
}
@media (min-width: 992px) {
    .fluid-image {
        position: relative;
        overflow: hidden;
    }
	 .fluid-block .container-fluid .row > *:not(.fluid-image) {
		max-width: 625px;
	}
	 .fluid-block .container-fluid .row > *:first-child:not(.fluid-image) {
		margin-left: auto;
	}
    .fluid-image img {
        position: absolute;
        inset: 0;
        object-fit: cover;
    }

    .fluid-image iframe {
        position: absolute;
        inset: 0;
    }
}

@media (max-width: 575.95px) {
    .fluid-image img {
        border-radius: 10px;
        box-shadow: var(--elevation-3);
    }
}

.vbox-close {
    background-color: hsl(0 0% 100% / 20%);
    border-radius: 4px;
    top: 15px;
    right: 15px;
}

.vbox-container::-webkit-scrollbar {
    width: 0;
}


@media (max-width: 991.95px) {
    .inner-banner.styled .fluid-image img {
        position: absolute;
    }
    .fluid-section .row > *:not(.fluid-image){
        order: 2;
    }
    .fluid-section .row .fluid-image {
        order: 1;
    }
}