body,
body *,
html {
    margin: 0;
    padding: 0;
}


@font-face {
    font-family: "Akkurat";
    src: url("../font/Akkurat/Akkurat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

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

@font-face {
    font-family: "Akkurat";
    src: url("../font/Akkurat/Akkurat-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-DEMO-integralcf-heavy.otf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-DEMO-integralcf-extrabold.otf") format("truetype");
    font-weight: 800;
    /* Extra-bold */
    font-style: normal;
}

@font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-DEMO-integralcf-bold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-DEMO-integralcf-demibold.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-DEMO-integralcf-medium.otf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-DEMO-integralcf-regular.otf") format("truetype");
    font-weight: 400;
    /* Regular weight */
    font-style: normal;
}


/* @font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
} */

/* @font-face {
    font-family: "Fontspring";
    src: url("../font/Integral/Demo_Fonts/Fontspring-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
} */

/* @font-face {
    font-family: "Fontspring";
    src: url("../font/montserrat/static/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
} */

/* inter font below */


@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

/* Mont Heavy */
@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    /* Extra-bold */
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-SemiBold.ttf") format("truetype");
    font-weight: 600;
    /* Semi-bold weight */
    font-style: normal;
}

/* Mont Book */
@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-Regular.ttf") format("truetype");
    font-weight: 400;
    /* Regular weight */
    font-style: normal;
}


@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-Light.ttf") format("truetype");
    font-weight: 300;
    /* Light weight */
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../font/inter/static/Inter_18pt-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

/* poppins font below */


@font-face {
    font-family: "Poppins";
    src: url("../font/Poppins/Poppins-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

/* Mont Heavy */
@font-face {
    font-family: "Poppins";
    src: url("../font/Poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    /* Extra-bold */
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../font/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../font/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    /* Semi-bold weight */
    font-style: normal;
}

/* Mont Book */
@font-face {
    font-family: "Poppins";
    src: url("../font/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

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


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

@font-face {
    font-family: "Poppins";
    src: url("../font/Poppins/Poppins-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

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

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

:root {
    /* --primary-color: #FCDD4B; */
    --primary-font: "Fontspring";
    --secondary-font: "Inter";
    --third-font: "Poppins";
    --fourth-font: "Akkurat";
    --white-color: #ffffff;
    --black-color: #000000;
    --text-color: #545454;
}

.p-4-all {
    padding: 4rem 6.5rem;
}

.bg-custom-black-color {
    background-color: var(--black-color);
}

.txt-custom-white-color {
    color: var(--white-color);
}

/* section {
    overflow: hidden;
} */

.for-mobile {
    display: none;
}

.opacity-main-section-heading h1 {
    font: 500 5rem var(--primary-font);
    line-height: 1rem;
    color: #00000030;
    padding-top: 0.875rem;
}

.outline-border-btn {
    text-decoration: none;
    font: 400 .8rem var(--secondary-font);
    color: var(--black-color);
    border: 1px solid #000000;
    border-radius: 2rem;
    padding: .75rem 1.5rem;
    transition: all .6s ease-in-out;
}

.outline-border-btn:hover {
    background-color: var(--black-color);
    color: var(--white-color);
}

.outline-border-white-btn {
    text-decoration: none;
    font: 400 .8rem var(--secondary-font);
    color: var(--white-color);
    border: 1px solid #ffffff;
    border-radius: 2rem;
    padding: .75rem 1.5rem;
    transition: all .6s ease-in-out;
}

.outline-border-white-btn:hover {
    background-color: var(--white-color);
    color: var(--black-color);
}

.rounded-btn-off-white-bg-color {
    text-decoration: none;
    font: 400 .875rem var(--secondary-font);
    color: var(--white-color);
    border: 1px solid #ffffff;
    border-radius: 2rem;
    padding: .8rem 1.625rem;
    transition: all .6s ease-in-out;
    background-color: #ffffff65;
}

.heading-content h2 {
    font: 400 1.625rem var(--primary-font);
    line-height: 2rem;
    letter-spacing: .5px;
}

.heading-content p {
    font: 400 1rem var(--secondary-font);
    line-height: 1.4rem;
}


.page-banner-section {
    height: 70vh;
    display: flex;
    align-items: end;
    justify-content: start;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

.page-banner-section::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.page-banner-heading-content h1 {
    font: 400 2.5rem var(--primary-font);
    line-height: 3rem;
    padding-bottom: .75rem;
    letter-spacing: 2px;
}

.page-banner-heading-content p {
    font: 400 1rem var(--secondary-font);
    line-height: 1.325rem;
}

.p-top-1rem {
    padding-top: 2.2rem;
}

.bg-black-txt-white-btn {
    background-color: #000000;
    color: var(--white-color);
    border-radius: 2rem;
    padding-inline: 1.5rem;
}