/*! Normalise CSS !*/
@import url(normalize.css);
/*! Google Fonts !*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("../fonts/fonts.css");

/*! Google Fonts !*/

:root,
:host {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

//! Reset Css
* {
    margin: 0rem;
    padding: 0rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    width: 100%;
    height: 100%;
    margin: 0rem;
    padding: 0rem;
    scroll-behavior: smooth;
}
body {
    margin: 0rem;
    padding: 0rem;
    color: var(--Grey, #333);
    font-family: Poppins;
    font-size: clamp(1rem, 0.633vw + 0.697rem, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 0.633vw + 1.197rem, 1.75rem); /* 140% */
    background: var(--Cream, #f6f2e1);
    overflow-x: hidden;
}
p {
    padding: 0rem;
    margin: 0rem 0 clamp(1.25rem, 0.633vw + 0.947rem, 1.5rem);
    color: var(--Grey, #333);
    font-family: Poppins;
    font-size: clamp(1rem, 0.633vw + 0.697rem, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 0.633vw + 1.197rem, 1.75rem); /* 140% */
    &:last-child {
        margin: 0;
    }
}
h1 {
    margin: 0rem 0rem 1rem;
    padding: 0rem;
    color: var(--Black, #000);
    font-family: Helvetica;
    font-size: clamp(1.75rem, 3.165vw + 0.233rem, 3rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h2 {
    margin: 0rem 0rem 1rem;
    padding: 0rem;
    color: var(--Black, #000);
    font-family: Helvetica;
    font-size: clamp(1.625rem, 2.215vw + 0.563rem, 2.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h3 {
    margin: 0rem 0rem 1rem;
    padding: 0rem;
    color: var(--Grey, #333);
    font-family: Helvetica;
    font-size: clamp(1.25rem, 0.633vw + 0.947rem, 1.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h4 {
    margin: 0rem 0rem 1rem;
    padding: 0rem;
    color: #1c2a44;
    font-family: Helvetica;
    font-size: clamp(1.125rem, 1.036rem + 0.238vw, 1.25rem);
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}
h5 {
    margin: 0rem 0rem 1rem;
    padding: 0rem;
    font-family: Helvetica;
    font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
    line-height: normal;
}
h6 {
    margin: 0rem 0rem 1rem;
    padding: 0rem;
    font-family: Helvetica;
    font-size: clamp(0.75rem, 0.571rem + 0.476vw, 1rem);
    line-height: normal;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-object-fit: cover;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    li {
        margin: 0;
        padding: 0;
    }
}

a {
    color: var(--Grey, #333);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    &:hover {
        color: #000;
    }
}

//! Button css Global
.btn {
    position: relative;
    display: inline-flex;
    padding: 0.6375rem 1.3rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--White, #fff);
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--White, #fff);
    background: transparent;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    z-index: 1;
    &:focus,
    &:active:focus {
        outline: 0;
        box-shadow: none;
        border: 0.0625rem solid #fff;
        background: #fff;
        color: #000;
    }
    &:hover {
        border: 0.0625rem solid #fff;
        background: #fff;
        color: #000;
    }
    &.whiteBtn {
        background: var(--White, #fff);
        border: 0.0625rem solid #fff;
        color: #000;
        &:focus,
        &:active:focus {
            background: transparent;
            outline: 0;
            box-shadow: none;
            border: 0.0625rem solid #fff;
            background: transparent;
            color: #fff;
        }
        &:hover {
            border: 0.0625rem solid #fff;
            background: transparent;
            color: #fff;
        }
    }
    &.blackBorderBtn {
        color: #000;
        background: transparent;
        border: 0.0625rem solid #000;
        color: #000;
        &:focus,
        &:active:focus {
            background: transparent;
            outline: 0;
            box-shadow: none;
            border: 0.0625rem solid #000;
            background: #000;
            color: #fff;
        }
        &:hover {
            border: 0.0625rem solid #000;
            background: #000;
            color: #fff;
        }
    }
    &.whiteBorderBtn {
        color: #fff;
        background: transparent;
        border: 0.0625rem solid #fff;
        color: #fff;
        &:focus,
        &:active:focus {
            background: #fff;
            outline: 0;
            box-shadow: none;
            border: 0.0625rem solid #fff;
            background: #fff;
            color: #000;
        }
        &:hover {
            border: 0.0625rem solid #fff;
            background: #fff;
            color: #000;
        }
    }
    &.blackBtn {
        color: #000;
        background: #000;
        border: 0.0625rem solid #000;
        color: #fff;
        &:focus,
        &:active:focus {
            background: transparent;
            outline: 0;
            box-shadow: none;
            border: 0.0625rem solid #000;
            background: transparent;
            color: #000;
        }
        &:hover {
            border: 0.0625rem solid #000;
            background: transparent;
            color: #000;
        }
    }
}

//! form css global
input:not([type="submit"])::placeholder,
textarea::placeholder,
select::placeholder {
    color: inherit;
    opacity: 1;
    font-size: inherit;
}

input:not([type="submit"], [type="radio"], [type="checkbox"]) {
    display: block;
    width: 100%;
    color: #a8a8a8;
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.25rem;
    border: 0.0625rem solid #d5d5d5;
    padding: 0.75rem;
    background: transparent;
    box-shadow: none;
    margin-bottom: 1.25rem;
    outline: none;
    line-height: normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    &::placeholder {
        color: #afafaf;
    }
}

textarea {
    resize: none;
    overflow: hidden;
    display: block;
    width: 100%;
    color: #a8a8a8;
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.25rem;
    border: 0.0625rem solid #d5d5d5;
    padding: 0.75rem;
    background: transparent;
    box-shadow: none;
    height: 8.25rem;
    margin-bottom: clamp(0.938rem, 1.899vw + 0.027rem, 1.688rem);
    outline: none;
    line-height: normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    &::placeholder {
        color: #afafaf;
    }
}

textarea:focus {
    outline: none;
}

select {
    -webkit-appearance: none;
    /* Removes default appearance in Safari */
    -moz-appearance: none;
    /* Removes default appearance in Firefox */
    appearance: none;
    /* Standard */
    outline: none;
    /* Removes the focus outline */
    box-shadow: none;
    /* Removes the box shadow */
    // border: 1px solid #ccc; /* Custom border */
    padding: 0.9813rem 3.125rem 0.9813rem 0.75rem;
    /* Add padding for better UI */
    background-color: transparent;
    /* Background color */
    background-image: url("../images/select-arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 0.75rem;
    width: 100%;
    border-radius: 0.25rem;
    border: 1px solid #d5d5d5;
    color: #a8a8a8;
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: auto;
    cursor: pointer;
    margin-bottom: 1.5rem;
}

select:focus {
    border: 0.0625rem solid #cccccc;
    outline: none;
    background-color: transparent;
}
select option {
    color: #a8a8a8;
    font-size: 0.875rem;
    font-weight: normal;
}

label {
    color: var(--Black, #000);
    font-family: Helvetica;
    font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0rem 0rem 0.4375rem;
    padding: 0;
}

//! checkbox
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: #000;
    width: 1.25rem;
    height: 1.25rem;
    border: 0.0625rem solid #000;
    border-radius: 0.3125rem;
    transform: translateY(-0.075em);

    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
    /* Windows High Contrast Mode */
    background-color: #fff;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]:focus {
    outline: none;
    outline-offset: none;
}

input[type="checkbox"]:disabled {
    --form-control-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}

//! Radio
input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 1.25rem;
    height: 1.25rem;
    border: 0.0625rem solid #000;
    border-radius: 50%;
    transform: translateY(-0.075em);

    display: grid;
    place-content: center;
}

input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
    /* Windows High Contrast Mode */
    background-color: #fff;
}

input[type="radio"]:checked::before {
    transform: scale(1);
}

input[type="radio"]:focus {
    outline: none;
    outline-offset: none;
}

input[type="radio"]:disabled {
    --form-control-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}

//! section heading global
section {
    h1,
    h2 {
        margin: 0 0 1rem;
    }
    &.defaultPadding {
        padding: clamp(1.875rem, 11.076vw - 3.435rem, 6.25rem) 0;
    }
}

// ! margin bottom
.mb16 {
    margin-bottom: 1rem !important;
}
.mb28-5 {
    margin-bottom: clamp(1.25rem, 1.266vw + 0.643rem, 1.75rem) !important;
}
.mb30 {
    margin-bottom: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) !important;
}
.mb32 {
    margin-bottom: clamp(1.25rem, 1.899vw + 0.34rem, 2rem) !important;
}
.mb40 {
    margin-bottom: clamp(1.25rem, 3.165vw - 0.267rem, 2.5rem) !important;
}
.mb50 {
    margin-bottom: clamp(1.25rem, 4.747vw - 1.026rem, 3.125rem) !important;
}
.mb60 {
    margin-bottom: clamp(1.25rem, 6.329vw - 1.784rem, 3.75rem) !important;
}

// ! margin top
.mt30 {
    margin-top: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) !important;
}

//! header
header {
    &.header_main {
        position: fixed;
        top: 0%;
        left: 0;
        width: 100%;
        background: transparent;
        color: white;
        padding: clamp(0.625rem, 1.582vw - 0.134rem, 1.25rem) 0;
        z-index: 1000;
        // transform: translateY(0); /* visible initially */
        transition: all 0.3s ease-in-out;
        &::after {
            content: "";
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(14.5px);
            transition: all 0.3s ease-in-out;
            opacity: 0;
        }
        &.hide {
            // transform: translateY(-100%); /* hide on scroll down */
            top: -120%;
        }
        &.modify {
            .logo {
                width: 6.25rem;
            }
            &::after {
                opacity: 1;
            }
        }
        button {
            display: none;
        }
        .d_flex {
            display: flex;
            align-items: center;
        }
        .logo {
            position: relative;
            width: 9.4375rem;
            margin-right: 1.875rem;
            transition: all 0.3s ease-in-out;
            a {
                display: block;
            }
        }
        .stellarnav {
            display: block;
            margin-left: auto;
            & > ul {
                li {
                    a {
                        font-weight: 300;
                        padding: 0.625rem;
                        text-align: left;
                    }
                }
                & > li {
                    & + li {
                        margin-left: 1rem;
                    }
                }
                ul {
                    li {
                        & + li {
                            border-top: 0.0625rem solid #c0c1d1;
                        }
                        &:last-child {
                            border-bottom: none;
                        }
                        a {
                            &:hover {
                                background: #8f8f8f;
                                color: var(--White, #fff);
                            }
                        }
                    }
                }
            }
        }
    }
}

//! Banner home
section.hm_banner {
    position: relative;
    height: clamp(25rem, 63.291vw - 5.34rem, 50rem);
    background: #fff;
    overflow: hidden;
    .full_banner {
        width: 100%;
        height: 100%;
        max-width: 100%;
        margin-left: auto;
        display: block;
        position: relative;
        object-fit: cover;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        video {
            display: block;
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
        &::before {
            content: " ";
            position: absolute;
            width: 100%;
            height: 100%;
            inset: 0;
            opacity: 0.65;
            background: var(--Black, #000);
        }
    }
    .middle_caption {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(50% + 3.125rem);
        transform: translateY(-50%);
        z-index: 1;
        text-align: left;
        .innerTxt {
            span {
                width: 12rem;
                display: inline-block;
                margin: 0 0 1rem;
                img {
                    width: 100%;
                }
            }
            h1 {
                color: #fff;
                font-size: clamp(1.875rem, 7.595vw - 1.766rem, 4.875rem);
                line-height: clamp(2.375rem, 7.595vw - 1.266rem, 5.375rem); /* 115.385% */
                margin: 0 0 clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem);
                padding: 0;
            }
            p {
                color: #fff;
                font-family: Helvetica;
                font-style: normal;
                font-weight: 700;
                color: #fff;
                margin: 0 0 clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem);
            }
            .gp_btn {
                display: flex;
                gap: 1rem;
            }
        }
        .fill_form {
            position: relative;
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.7);
            background: linear-gradient(113deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 110.84%);
            -webkit-backdrop-filter: blur(21px);
            backdrop-filter: blur(21px);
            z-index: 1;
            overflow: hidden;
            .bg_fill {
                padding: 1.25rem 1.1875rem;
                position: relative;
                width: calc(100% + 2px);
                left: -1px;
                height: calc(100% + 2px);
                top: -1px;
                &::before {
                    content: " ";
                    background: url(../images/bg.png) no-repeat;
                    -webkit-backdrop-filter: blur(21px);
                    backdrop-filter: blur(21px);
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    opacity: 0.2;
                    mix-blend-mode: soft-light;
                    inset: 0;
                    background-size: cover;
                }
                .circle_before {
                    position: absolute;
                    content: " ";
                    left: 0;
                    top: 0;
                    background: url(../images/line_circle.png) no-repeat;
                    width: 8.875rem;
                    height: 9.3125rem;
                    z-index: -1;
                }
                .circle_after {
                    position: absolute;
                    content: " ";
                    right: 0;
                    bottom: 0;
                    background: url(../images/line_circle2.png) no-repeat;
                    width: 8.875rem;
                    height: 9.3125rem;
                    z-index: -1;
                }
                h3 {
                    color: var(--White, #fff);
                    font-family: Helvetica;
                    font-size: clamp(1.5rem, 1.266vw + 0.893rem, 2rem);
                    font-style: normal;
                    font-weight: 700;
                    line-height: clamp(1.5rem, 1.266vw + 0.893rem, 2rem); /* 75% */
                }
                p {
                    color: var(--White, #fff);
                    font-family: Helvetica;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1.5rem; /* 150% */
                    margin: 0 0 clamp(0.938rem, 1.424vw + 0.255rem, 1.5rem);
                }
                .row {
                    gap: 0.75rem 0;
                }
                .fromGp {
                    input:not([type="submit"]),
                    textarea {
                        width: 100%;
                        border-radius: 4px;
                        border: 0.0625rem solid rgba(255, 255, 255, 0.6);
                        color: #fff;

                        padding: 0.75rem;
                        margin: 0;
                        &::placeholder {
                            color: #fff;
                        }
                    }
                    textarea {
                        color: #fff;
                        font-size: 0.875rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        height: 8rem;
                    }
                    input[type="submit"] {
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
    }
}

// ! heading text global

.headingTextGlobal {
    hr {
        opacity: 0.3;
        background: var(--Brown, #71675b);
        margin: 0 0 1rem;
    }
    p {
        &.dots_circle {
            position: relative;
            color: var(--Brown, #71675b);
            font-family: Helvetica;
            font-size: 1rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            padding-left: 1.25rem;
            &::before {
                content: " ";
                position: absolute;
                width: 0.625rem;
                height: 0.625rem;
                aspect-ratio: 1/1;
                background: var(--Brown, #71675b);
                left: 0;
                top: 0.25rem;
                border-radius: 50%;
            }
        }
    }
}

// ! home page

// hmSec1
section.hmSec1 {
    position: relative;
    overflow: hidden;
    p {
        &.w615 {
            width: 100%;
            max-width: 38.4375rem;
        }
    }
    .j_iframe {
        border-radius: 4px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .p_relative {
        position: relative;
        .symobal_img {
            width: 16.625rem;
            height: 19.5rem;
            flex-shrink: 0;
            position: absolute;
            right: -7.75rem;
            top: -10.875rem;
        }
    }
}

section.hmSec2 {
    .row {
        gap: 1.25rem 0;
    }
    .each_info {
        border-radius: 0.25rem;
        border: 1px solid #bdaf9b;
        background: #e0dac8;
        padding: 1.25rem 1rem;
        gap: 0.625rem;
        display: grid;
        grid-template-columns: 3.3125rem auto;
        height: 100%;
        align-items: center;
        .info_circle_icon {
            display: flex;
            width: 3.3125rem;
            height: 3.3125rem;
            padding: 6px;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 1.6563rem;
            background: var(--Brown, #71675b);
        }
        .info_text {
            p {
                color: var(--Grey, #333);
                font-family: Helvetica;
                font-size: 1rem;
                font-style: normal;
                font-weight: 700;
                line-height: 1.75rem; /* 175% */
            }
        }
    }
}

section.hmSec3 {
    background: var(--Aulter-Blue, #b5c0bc);
    .row {
        gap: 1.25rem 0;
    }
    .reimagine_item {
        .reimagine_icon {
            width: 3.125rem;
            height: 3.125rem;
            flex-shrink: 0;
            aspect-ratio: 1/1;
            margin: 0 0 clamp(0.938rem, 2.373vw - 0.2rem, 1.875rem);
        }
        h3 {
            margin: 0 0 1rem;
        }
    }
}

section.hmSec4 {
    .group_scroll_each {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 3.75rem;
        .each_bx_scroll {
            position: sticky;
            top: 0;
            .textMiddle {
                width: 100%;
                padding: 0 3.75rem;
                position: absolute;
                left: 0;
                width: 100%;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1;
                .txtGroup {
                    width: 100%;
                    max-width: 28.125rem;
                }
                h2 {
                    color: var(--White, #fff);
                    font-family: Helvetica;
                    font-size: clamp(1.625rem, 3.481vw - 0.044rem, 3rem);
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    margin: 0 0 1rem;
                }
                p {
                    color: var(--White, #fff);
                    font-size: 1rem;
                    line-height: 1.5rem; /* 150% */
                }
            }
            &.one {
                border-radius: 1.25rem 1.25rem 0 0;
                background: #000;
                img {
                    display: block;
                    width: 100%;
                    max-width: 33.6875rem;
                    margin-left: auto;
                }
            }
            &.two {
                top: 3.75rem;
                border-radius: 1.25rem 1.25rem 0 0;
                background: #000;
                img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .textMiddle {
                    top: calc(50% + 3.75rem);
                }
            }
            &.three {
                top: 7.5rem;

                border-radius: 1.25rem 1.25rem 0.25rem 0.25rem;
                background: linear-gradient(270deg, #dbc6a9 44.77%, #756a5a 100%);
                img {
                    display: block;
                    width: 100%;
                    max-width: 33.6875rem;
                    margin-left: auto;
                }
            }
        }
    }
}

section.hmSec5 {
    background: var(--Light-Cream, #efefeb);
    .test_item {
        position: relative;
        padding: 2.5rem;
        border-radius: 0.25rem;
        background: var(--White, #fff);
        margin-top: 3rem;
        .topic_icon {
            display: flex;
            width: 5.9375rem;
            height: 5.9375rem;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            border-radius: 2.9688rem;
            background: var(--Aulter-Blue, #b5c0bc);
            position: absolute;
            top: 0;
            right: 2.5rem;
            margin-top: -3rem;
        }
        h3 {
            color: var(--Black, #000);
            font-family: Helvetica;
            font-size: clamp(1.25rem, 0.633vw + 0.947rem, 1.5rem);
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin: 0 0 1rem;
        }
        .star-rating {
            margin: 0 0 clamp(1rem, 2.215vw - 0.062rem, 1.875rem);
        }
        p {
            color: var(--Grey, #333);
            font-family: Poppins;
            font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
            font-style: normal;
            font-weight: 400;
            line-height: clamp(1.625rem, 0.316vw + 1.473rem, 1.75rem); /* 155.556% */
        }
    }
    .groupSwiper {
        position: relative;
        .arrow_middle {
            .swiper-button-next,
            .swiper-button-prev {
                width: 1.875rem;
                height: 0.9421rem;
                flex-shrink: 0;
                padding: 0;
                margin: 0;
                &::after {
                    font-size: 100%;
                    width: 100%;
                    height: 100%;
                    font-family: none;
                }
            }
            .swiper-button-next {
                right: -3.75rem;
                &::after {
                    content: " ";
                    background: url(../images/swiper_left_arrow.svg);
                    transform: scaleX(-1);
                }
            }
            .swiper-button-prev {
                left: -3.75rem;
                &::after {
                    content: " ";
                    background: url(../images/swiper_left_arrow.svg);
                }
            }
        }
    }
    .testimonalSec {
        .swiper-pagination {
            margin-top: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem);
            position: relative;
        }
        .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
            top: 0;
            bottom: 0;
        }
        .swiper-pagination-bullet {
            top: 0;
            bottom: 0;
            width: 10px;
            height: 10px;
            aspect-ratio: 1/1;
            background: var(--Aulter-Blue, #b5c0bc);
            opacity: 1;
            &.swiper-pagination-bullet-active {
                background: var(--Light-Grey, #ccc);
            }
        }
    }
}

.star-rating {
    display: inline-flex;
    gap: 4px;
    .star {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-color: #ccc;
        position: relative;
        overflow: hidden;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }
    .star.full {
        background-color: #ffc109;
    }
    .star.partial::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #ffc109;
        width: 0%;
        z-index: 1;
    }
    .star.half_10::before {
        width: 10%;
    }
    .star.half_20::before {
        width: 20%;
    }
    .star.half_30::before {
        width: 30%;
    }
    .star.half_40::before {
        width: 40%;
    }
    .star.half_50::before {
        width: 50%;
    }
    .star.half_60::before {
        width: 60%;
    }
    .star.half_70::before {
        width: 70%;
    }
    .star.half_80::before {
        width: 80%;
    }
    .star.half_90::before {
        width: 90%;
    }
}

section.hmSec6 {
    &.defaultPadding {
        padding-bottom: clamp(1.875rem, 7.437vw - 1.69rem, 4.813rem);
    }
    .sed_bg_bx {
        border-radius: 20px;
        padding: clamp(1.25rem, 6.329vw - 1.784rem, 3.75rem);
        position: relative;
        overflow: hidden;
        z-index: 1;
        .bgPattern {
            position: absolute;
            width: 100%;
            height: 100%;
            inset: 0;
            z-index: -1;
            &::before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
            }
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .flex_d {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            align-items: center;
            justify-content: space-between;
            h2 {
                color: #fff;
                font-size: clamp(1.625rem, 3.481vw - 0.044rem, 3rem);
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                width: 100%;
                max-width: 24.125rem;
            }
            .btn {
                font-size: 1rem;
                font-weight: 600;
                line-height: 1.5rem; /* 150% */
            }
        }
    }
    .flex_d_text {
        display: grid;
        grid-template-columns: 1fr 15.625rem;
        gap: 3.425rem;
        align-items: start;
        .btn {
            padding: 0.75rem 1.25rem;
        }
    }
}

.faq_box {
    width: 100%;
    padding: 0;
    margin: 0px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 16px 30px;
    .faq_item {
        text-align: left;
        position: relative;
        width: 100%;
        margin-bottom: 0;
        overflow: hidden;
        // background: #fff;
        padding: 0;
        border-radius: 4px;
        border: 1px solid var(--Light-Grey, #ccc);
        transition: all 0.3s ease-in-out;
        // &.main_active {
        //     .faq_hd {
        //         h5 {
        //             color: var(--White, #fff);
        //         }
        //         &.closed::before {
        //             color: #fff;
        //         }
        //     }
        //     .faq_cont {
        //         border-top: 1px solid rgba(255, 255, 255, 0.15);
        //         p {
        //             color: #fff;
        //         }
        //     }
        // }
        &:last-child {
            margin: 0;
        }
        .faq_hd {
            display: flex;
            gap: 1.25rem;
            padding: 1rem;
            cursor: pointer;
            position: relative;
            border-radius: 0;
            overflow: hidden;
            margin-bottom: 0px;
            flex-direction: row-reverse;
            align-items: center;
            background: var(--Cream, #f6f2e1);
            &::before {
                font: var(--fa-font-solid);
                content: "\f107";
                position: relative;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                right: 0px;
                top: 0px;
                margin: auto;
                z-index: 1;
                font-size: 1rem;
                color: #fff;
                transition: all 0.3s ease-in-out;
                border: none;
                display: flex;
                height: 2.5rem;
                width: 2.5rem;
                padding: 0.625rem;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 0.625rem;
                flex: 1 0 0;
                border-radius: 28px;
                background: var(--Brown, #71675b);
            }
            &.closed {
                &::before {
                    // content: "\f068";
                    transform: rotate(180deg);
                }
            }
            h5 {
                position: relative;
                color: var(--Black, #000);
                font-family: Helvetica;
                font-size: 1rem;
                font-style: normal;
                font-weight: 700;
                line-height: 1.875rem; /* 187.5% */
                margin: 0;
                cursor: pointer;
                width: calc(100% - 3.75rem);
            }
        }
        .faq_cont {
            display: none;
            padding: 0 6.0625rem 1rem 1rem;
            margin: 0;
            border-top: none;
            p {
                color: var(--Grey, #333);
                font-family: Poppins;
                font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                font-style: normal;
                font-weight: 400;
                line-height: 1.625rem; /* 144.444% */
            }
        }
    }
}

section.hmSec7 {
    .book_bg_bx {
        position: relative;
        overflow: hidden;
        border-radius: 0.9375rem;
        z-index: 1;
        padding: clamp(1.25rem, 9.177vw - 3.149rem, 4.875rem) clamp(1.25rem, 6.329vw - 1.784rem, 3.75rem);
        .bk_bg {
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;

            inset: 0;
            &::before {
                content: " ";
                position: absolute;
                inset: 0;
                background: linear-gradient(94deg, #000 0%, rgba(0, 0, 0, 0.5) 100%);
            }
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .innerTxtBg {
            position: relative;
            z-index: 1;
            .headingTextGlobal {
                hr {
                    opacity: 1;
                    background: var(--White, #fff);
                }
            }
            h2 {
                color: #fff;
            }
            p {
                width: 100%;
                max-width: 56.0625rem;
                color: var(--Light-Grey, #ccc);
                margin-bottom: clamp(0.938rem, 2.373vw - 0.2rem, 1.875rem);
            }
            .btn {
                font-weight: 700;
                padding: 0.75rem 1.25rem;
            }
        }
    }
}

footer {
    padding-top: clamp(1.875rem, 7.911vw - 1.918rem, 5rem);
    background: var(--Black, #000);
    .ml_54 {
        margin-left: clamp(1.25rem, 5.38vw - 1.329rem, 3.375rem);
    }
    .mr_54 {
        margin-right: clamp(1.25rem, 5.38vw - 1.329rem, 3.375rem);
    }
    .footer-top-part {
        padding-bottom: 1.875rem;
        .row {
            gap: 1.25rem 0;
        }
        .ft_info {
            .ft_logo {
                width: 12.125rem;
                height: 7.1875rem;
                aspect-ratio: 194/115;
                margin: 0 0 clamp(0.938rem, 2.373vw - 0.2rem, 1.875rem);
                a {
                    display: block;
                }
            }
            p {
                color: #fff;
                font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                line-height: clamp(1.625rem, 0.316vw + 1.473rem, 1.75rem); /* 155.556% */
            }
        }
        .ft_item {
            h4 {
                color: #fff;
                font-family: Helvetica;
                font-size: clamp(1.125rem, 0.316vw + 0.973rem, 1.25rem);
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                margin: 0 0 clamp(0.938rem, 2.373vw - 0.2rem, 1.875rem);
            }
            ul {
                display: flex;
                gap: 1rem;
                flex-direction: column;
                li {
                    color: #fff;
                    font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                    line-height: clamp(1.625rem, 0.316vw + 1.473rem, 1.75rem); /* 155.556% */
                    a,
                    p {
                        color: inherit;
                        font-size: inherit;
                        line-height: inherit; /* 155.556% */
                    }
                    a {
                        &:hover {
                            color: #6d6d6d;
                        }
                    }
                }
            }
            &.cnt_info {
                ul {
                    li {
                        display: grid;
                        grid-template-columns: 1rem auto;
                        align-items: start;
                        gap: 1rem;
                        span {
                            display: inline-block;
                            width: 1rem;
                            height: max-content;
                            position: relative;
                            top: -0.0938rem;
                        }
                    }
                }
            }
            &.newIten {
                .newsForm {
                    .inputGp {
                        position: relative;
                        margin: 0 0 1rem;
                        input:not([type="submit"]) {
                            padding: 0.8438rem 3.75rem 0.8438rem 1rem;
                            color: #fff;
                            font-family: Poppins;
                            font-size: 0.875rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                            &::placeholder {
                                color: var(--Light-Grey, #ccc);
                            }
                        }
                        input[type="submit"] {
                            display: flex;
                            width: 3rem;
                            height: 3.125rem;
                            padding: 0.25rem;
                            justify-content: center;
                            align-items: center;
                            gap: 0.625rem;
                            border-radius: 0.25rem;
                            background: var(--White, #fff) url(../images/fly_icon.svg) no-repeat;
                            background-position: center;
                            border: none;
                            font-size: 0;
                            position: absolute;
                            right: 0;
                            top: 0;
                        }
                    }
                }
                p {
                    color: #6d6d6d;
                    font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                    font-style: normal;
                    font-weight: 400;
                    line-height: clamp(1.625rem, 0.316vw + 1.473rem, 1.75rem); /* 155.556% */
                }
            }
        }
    }
    .footer-bottom-part {
        .footer-bottom-part-content-wraper {
            position: relative;
            padding: clamp(1rem, 2.215vw - 0.062rem, 1.875rem) 0;
            text-align: center;
            &::before {
                content: " ";
                position: absolute;
                width: calc(100% - 0.9375rem);
                height: 1px;
                align-self: stretch;
                opacity: 0.3;
                background: #d9d9d9;
                top: 0;
                left: 0;
            }
            h6 {
                color: #fff;
                text-align: center;
                font-family: Poppins;
                font-size: clamp(0.875rem, 0.633vw + 0.572rem, 1.125rem);
                font-style: normal;
                font-weight: 400;
                line-height: clamp(1.25rem, 0.633vw + 0.947rem, 1.5rem); /* 133.333% */
                margin: 0;
            }
        }
    }
}

.inner_banner {
    position: relative;
    height: clamp(22.5rem, 9.494vw + 17.949rem, 26.25rem);
    z-index: 1;
    &::before {
        content: "";
        position: absolute;
        opacity: 0.65;
        background: var(--Black, #000);
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }
    .top {
        position: absolute;
        top: calc(50% + 3.125rem);
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        img.innerBannerLogo {
            display: inline-block;
            width: 100%;
            max-width: 10.5rem;
            margin: 0 0 1rem;
        }
        h1 {
            color: #fff;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }
    }
}

section.hmSec1 {
    &.abtSec1 {
        .grid_row {
            display: grid;
            grid-template-columns: 26.125rem auto;
            gap: 1.875rem;
        }
        p {
            &.f22 {
                font-size: clamp(1rem, 0.949vw + 0.545rem, 1.375rem);
                line-height: clamp(1.5rem, 0.949vw + 1.045rem, 1.875rem); /* 136.364% */
            }
        }
    }
}

section.abtSec2 {
    p {
        max-width: 38.4375rem;
    }
    .stry_fm {
        border-radius: 4px;
        overflow: hidden;
    }
}

.teamItem {
    .group_hover {
        position: relative;
        overflow: hidden;
        height: 20.125rem;
        border-radius: 4px;
        margin: 0 0 1rem;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .teamTxtHover {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 2.5rem);
            overflow: auto;
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.47);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%),
                linear-gradient(104deg, rgba(255, 255, 255, 0.4) 0%, rgba(222, 222, 222, 0) 154.15%);
            backdrop-filter: blur(21px);
            padding: 1.25rem;
            transition: all 0.3s ease-in-out;
            transform: translateY(120%);
            p {
                color: #fff;
                font-family: Poppins;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.5rem; /* 150% */
            }
            a {
                display: inline-flex;
                color: #fff;
                font-family: Poppins;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.5rem; /* 150% */
                gap: 0.375rem;
                span {
                    display: inline-block;
                    width: 1.25rem;
                    object-fit: contain;
                    height: 0.5rem;
                    img {
                        width: 100%;
                    }
                }
            }
        }
    }
    h3 {
        text-align: center;
        margin: 0;
        padding: 0;
    }
    &:hover {
        .group_hover {
            .teamTxtHover {
                transform: translateY(0%);
            }
        }
    }
}

section.blogSec1 {
    .nav {
        &.nav-pills {
            gap: clamp(1rem, 0.633vw + 0.697rem, 1.25rem);
            li {
                .nav-link {
                    color: var(--Brown, #71675b);
                    font-family: Helvetica;
                    font-size: clamp(1rem, 0.633vw + 0.697rem, 1.25rem);
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    padding: 1.0625rem 2.125rem;
                    border: 0.0625rem solid #bdaf9b;
                    background: #e0dac8;
                    border-radius: 0;
                    &.active,
                    &:hover {
                        background: #71675b;
                        color: #fff;
                    }
                }
            }
        }
    }
    .tab-pane {
        .row {
            gap: 1.875rem 0;
        }
    }
}

.blogItem {
    display: flex;
    flex-direction: column;
    .blogFm {
        width: 100%;
        height: 18.8125rem;
        overflow: hidden;
        border-radius: 0.25rem;
        margin: 0 0 clamp(0.938rem, 2.373vw - 0.2rem, 1.875rem);
        a {
            display: block;
            width: 100%;
            height: 100%;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all 0.3s ease-in-out;
            }
        }
    }
    &:hover {
        .blogFm {
            a {
                img {
                    transform: scale(1.1);
                }
            }
        }
    }
    h3 {
        line-height: clamp(1.75rem, 0.633vw + 1.447rem, 2rem);
        margin: 0 0 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        a {
            line-height: inherit;
        }
    }
    ul.bg_list {
        display: flex;
        li {
            position: relative;
            color: var(--Brown, #71675b);
            font-family: Poppins;
            font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            & + li {
                padding-left: 1.75rem;
                &::before {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    width: 0.0625rem;
                    height: 1.5rem;
                    background: var(--Brown, #71675b);
                    top: 0.125rem;
                    left: 0.875rem;
                }
            }
        }
    }
}

.pagination {
    justify-content: center;
    ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
        li {
            a {
                display: inline-flex;
                width: 3.125rem;
                height: 3.125rem;
                flex-shrink: 0;
                aspect-ratio: 1 / 1;
                border: 0.0625rem solid var(--Brown, #71675b);
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background: transparent;
                color: var(--Black, #000);
                text-align: center;
                font-family: Helvetica;
                font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                font-style: normal;
                font-weight: 700;
                line-height: clamp(1.5rem, 0.316vw + 1.348rem, 1.625rem); /* 144.444% */
                transition: all 0.3s ease-in-out;
                &.next {
                    img {
                        transform: scaleX(-1);
                    }
                }
                &.active,
                &:hover {
                    background: #71675b;
                    color: #fff;
                    img {
                        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(60deg)
                            brightness(109%) contrast(104%);
                    }
                }
            }
        }
    }
}

section.blgDetailSec1 {
    .blg_header {
        text-align: right;
        a {
            color: var(--Brown, #71675b);
            font-family: Poppins;
            font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
    }
    .blg_info {
        display: flex;
        li {
            position: relative;
            color: var(--Brown, #71675b);
            font-family: Poppins;
            font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            & + li {
                padding-left: 1.75rem;
                &::before {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    width: 0.0625rem;
                    height: 1.1rem;
                    background: var(--Brown, #71675b);
                    top: 0;
                    left: 0.875rem;
                    bottom: 0;
                    margin: auto;
                }
            }
        }
    }
    .blg_full_banner {
        border-radius: 4px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}
section.blgDetailSec2 {
    .row {
        gap: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) 0;
    }
}

section.hmSec6 {
    &.faqSec1 {
        .faq_box {
            grid-template-columns: 1fr;
        }
    }
}

section.cntSec1 {
    .container {
        & > .row {
            gap: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) 0;
        }
    }
    .fm_cnt {
        width: 100%;
        height: 100%;
        border-radius: 0.25rem;
        overflow: hidden;
        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
}

section.inner_banner {
    &.hairPg {
        h1 {
            margin: 0 0 clamp(0.938rem, 2.373vw - 0.2rem, 1.875rem);
        }
    }
}

section.hairSec1 {
    padding: clamp(1.875rem, 1.582vw + 1.116rem, 2.5rem) 0 0;
    .fill_form_contact {
        padding: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) 1.25rem;
        border-radius: 0.25rem;
        border: 0.0625rem solid rgba(255, 255, 255, 0.7);
        background: #e6e5da;
        backdrop-filter: blur(1.3125rem);
        h3 {
            color: var(--Black, #000);
            font-size: clamp(1.625rem, 0.949vw + 1.17rem, 2rem);
            line-height: clamp(1.625rem, 0.949vw + 1.17rem, 2rem); /* 75% */
            margin: 0 0 0.5rem;
        }
        p {
            color: var(--Black, #000);
            font-family: Helvetica;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5rem; /* 150% */
            margin: 0 0 clamp(1.25rem, 0.633vw + 0.947rem, 1.5rem);
        }
        input:not([type="submit"], [type="radio"], [type="checkbox"]),
        textarea {
            border-radius: 4px;
            border: 1px solid #ababab;
            color: #000;
            margin: 0 0 0.75rem;
            &::placeholder {
                color: #000;
            }
        }
        input[type="submit"] {
            width: 100%;
        }
    }
}

section.hairSec2 {
    .p615 {
        p {
            max-width: 38.4375rem;
        }
    }
    .row {
        gap: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) 0;
    }
}
.hFM {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

section.hairSec3 {
    .headingTextGlobal {
        & + p {
            color: var(--Grey, #333);
            font-size: clamp(1rem, 0.633vw + 0.697rem, 1.25rem);
            line-height: clamp(1.5rem, 0.633vw + 1.197rem, 1.75rem);
            margin: 0 0 clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem);
        }
    }
    h3 {
        color: #000;
        margin: 0 0 1rem;
        & + p {
            margin: 0 0 0.625rem;
        }
    }
    P {
        color: #000;
        font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
        line-height: clamp(1.5rem, 0.316vw + 1.348rem, 1.625rem); /* 144.444% */
    }
    .row {
        gap: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem) 0;
    }
}

ul.circle_icon {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    li {
        display: grid;
        grid-template-columns: 3.75rem auto;
        align-items: start;
        gap: 1rem;
        span {
            display: flex;
            width: 3.75rem;
            height: 3.75rem;
            // padding: 1rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            aspect-ratio: 1/1;
            border-radius: 1.9375rem;
            border: 1px solid #bdaf9b;
            background: #e0dac8;
            img {
                width: 2.25rem;
            }
        }
        .textDt_hair {
            h4 {
                color: var(--Black, #000);
                font-size: 1.125rem;
                font-weight: 700;
                line-height: normal;
                margin: 0 0 0.625rem;
            }
            p {
                color: var(--Grey, #333);
                font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                line-height: clamp(1.5rem, 0.316vw + 1.348rem, 1.625rem); /* 144.444% */
            }
        }
    }
    &.gap30 {
        gap: clamp(1.25rem, 1.582vw + 0.491rem, 1.875rem);
    }
}

ul {
    &.tick_icon {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
        margin: 0 0 0.625rem;
        li {
            position: relative;
            padding-left: 1.625rem;
            color: var(--Brown, #71675b);
            font-family: Poppins;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;

            &::before {
                content: " ";
                position: absolute;
                width: 1.25rem;
                height: 1.25rem;
                background: url(../images/tick_icon.svg) no-repeat;
                background-size: contain;
                top: 0.2188rem;
                left: 0;
            }
        }
    }
}

section.hmSec5 {
    &.hairSec4 {
        background: transparent;
        .groupSwiper {
            p {
                color: var(--Black, #000);
                font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
                margin: 0 0 1rem;
            }
        }
    }
}

section.hairSec5 {
    .teamItem {
        h3 {
            text-align: left;
            margin: 0 0 0.625rem;
        }
        h6 {
            font-family: Poppins;
            font-weight: 400;
            color: var(--Grey, #333);
            font-size: 1rem;
            line-height: 1.5rem; /* 150% */
        }
    }
}

section.hmSec7 {
    &.hairSec6 {
        .innerTxtBg {
            .headingTextGlobal {
                p {
                    &.dots_circle {
                        color: #fff;
                        &::before {
                            background: #fff;
                            top: 0.4375rem;
                        }
                    }
                }
            }
            p {
                width: 100%;
                max-width: 50.125rem;
                color: var(--Light-Grey, #ccc);
                font-family: Poppins;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }
            .btn {
                font-weight: 400;
            }
        }
    }
}

.table_responsive {
    table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
        tr {
            background: #e1e1e1;
            padding: 0;
            margin: 0;
        }
        th,
        td {
            padding: 1.25rem 0.5rem 1.25rem 2.5rem;
            text-align: left;
            h3 {
                margin: 0;
            }
            color: #000;
            font-family: Poppins;
            font-size: clamp(1rem, 0.316vw + 0.848rem, 1.125rem);
            font-style: normal;
            font-weight: 400;
            line-height: clamp(1.5rem, 0.316vw + 1.348rem, 1.625rem); /* 144.444% */
            &:first-of-type {
                width: 15.3125rem;
                padding-left: 1.25rem;
                padding-right: 0.85rem;
            }
        }
        td {
            &:first-of-type {
                width: 100%;
                background: #e0dac8;
                vertical-align: text-bottom;
            }
            &:last-of-type {
                border-left: 1px solid #efefeb;
            }
        }
        th {
            background: var(--Aulter-Blue, #b5c0bc);
            margin: 0;
            padding: 1.25rem 2.5rem;
            h3 {
                margin: 0;
                text-align: left;
            }
        }
    }
}

@media screen and (max-width: 767px) {
    .table_responsive table {
        border: 0;
    }

    .table_responsive table caption {
        font-size: 1.3em;
    }

    .table_responsive table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .table_responsive table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: 1rem;
    }
    .table_responsive table tr:last-of-type {
        margin: 0;
    }

    .table_responsive table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 0.8em;
        text-align: center;
    }

    .table_responsive table td::before {
        content: attr(data-label);
        /* float: left; */
        font-weight: bold;
        text-transform: uppercase;
        color: var(--Grey, #333);
        font-family: Helvetica;
        font-size: clamp(1.25rem, 0.633vw + 0.947rem, 1.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: block;
        margin: 0 0 1rem;
        text-align: center;
    }
    .table_responsive table td + td {
        border-top: 1px solid #fff;
    }

    .table_responsive table td:last-child {
        border-bottom: 0;
    }
    .table_responsive table td:first-of-type {
        text-align: center;
    }
}

section.hairSec2 {
    &.dentalPg1 {
        ul {
            &.circle_icon {
                max-width: 35.1875rem;
            }
        }
    }
}

section.hairSec3 {
    &.dentalPg1 {
        h3 {
            font-family: Poppins;
            font-weight: 600;
        }
    }
}
