@font-face {
    font-family: 'Montserrat-Bold';
    font-display: swap;
    src: url(../font/Montserrat-Bold.eot) format('eot'),url(../font/Montserrat-Bold.woff) format('woff'),url(../font/Montserrat-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Montserrat-Hairline';
    font-display: swap;
    src: url(../font/Montserrat-Hairline.ttf) format('truetype'),url(../font/Montserrat-Hairline.eot) format('eot'),url(../font/Montserrat-Hairline.woff) format('woff'),url(../font/Montserrat-Hairline.woff2) format('woff2');
}

@font-face {
    font-family: 'Montserrat-Light';
    font-display: swap;
    src: url(../font/Montserrat-Light.ttf) format('truetype'),url(../font/Montserrat-Light.eot) format('eot'),url(../font/Montserrat-Light.woff) format('woff'),url(../font/Montserrat-Light.woff2) format('woff2');
}

@font-face {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    src: url(../font/Montserrat-Regular.ttf) format('truetype'),url(../font/Montserrat-Regular.eot) format('eot'),url(../font/Montserrat-Regular.woff) format('woff'),url(../font/Montserrat-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    font-display: swap;
    src: url(../font/Montserrat-SemiBold.ttf) format('truetype'),url(../font/Montserrat-SemiBold.eot) format('eot'),url(../font/Montserrat-SemiBold.woff) format('woff'),url(../font/Montserrat-SemiBold.woff2) format('woff2');
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

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

    ul.list-style, ol.list-style {
        padding: 0;
        margin: 0;
    }

        ul.list-style li::marker, ol.list-style li::marker {
            color: #F96304;
        }

.unstyled {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.75);
    padding-left: calc(var(--bs-gutter-x) * 0.75);
}

@media (min-width:1200px) {
    .container-fluid {
        padding: 0 5vw;
        width: 100%;
    }
}

@media (max-width:575px) {
    .container-fluid {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
}

.page-content {
    margin: clamp(14px,1.198vw,40px) 0;
}

#scroll-container {
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Montserrat-Regular","Arial",sans-serif;
    color: #45474F;
    background-color: #FFFFFF;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: clamp(16px,0.938vw,22px);
    font-weight: 400;
    line-height: 140%;
    height: 100%;
    overflow-x: hidden;
}

@media (max-width:490px) {
    body {
        font-size: clamp(12px,0.729vw,28px);
    }
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background-color: #FFFFFF;
    border-radius: 4px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #F96304;
}

a {
    display: inline-block;
    text-decoration: none;
    color: unset;
    transition: all 0.3s ease-in-out;
}

h1, h2, h3, h4, h5, h6, address, p, pre, blockquote, table, hr {
    margin: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #333;
    margin-bottom: 0;
    font-family: 'Montserrat-Bold';
}

a:hover {
    color: #F96304;
}

.subtitle {
    font-size: clamp(12px,0.729vw,32px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width:1499px) {
    .subtitle {
        font-size: 13px;
    }
}

.hr-line {
    width: 100%;
    height: 1px;
    background: #92949F;
}

.hover-content {
    transition: all 0.3s ease-in-out;
}

    .hover-content:hover {
        color: #F96304 !important;
    }

.slide-area .title-area h2.main-tit {
    font-family: 'Montserrat-Bold';
}

.color-primary {
    color: #F96304 !important;
}

.color-sec {
    color: #102039 !important;
}

.color-ter {
    color: #F0F8FF !important;
}

.black {
    color: #0C0C0D !important;
}

.medium-black {
    color: #1E1F20 !important;
}

.light-black {
    color: #141516 !important;
}

.dark-gray {
    color: #45474F !important;
}

.light-gray {
    color: #92949F !important;
}

.lightest-gray {
    color: #FAF7F2 !important;
}

.light-white {
    color: #FAFAFA !important;
}

.white {
    color: #FFFFFF;
}

.bg-primary {
    background: #F96304 !important;
}

.bg-sec {
    background: #102039 !important;
}

.bg-ter {
    background: #F0F8FF !important;
}

.bg-black {
    background: #0C0C0D !important;
}

.bg-medium-black {
    background: #1E1F20 !important;
}

.bg-light-black {
    background: #141516 !important;
}

.bg-dark-gray {
    background: #45474F !important;
}

.bg-light-gray {
    background: #92949F !important;
}

.bg-lightest-gray {
    background: #FAF7F2 !important;
}

.bg-light-white {
    background: #FAFAFA !important;
}

.bg-white {
    background: #FFFFFF !important;
}

.bg-white-bordered {
    background: #FFFFFF;
    border: 1px solid #FAF7F2;
    border-radius: clamp(8px,0.625vw,24px);
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.font-primary {
}

.font-sec {
}

.br-4 {
    border-radius: 4px;
}

.br-8 {
    border-radius: clamp(4px,0.417vw,16px);
}

.br-10 {
    border-radius: clamp(5px,0.521vw,20px);
}

.br-12 {
    border-radius: clamp(8px,0.625vw,24px);
}

.br-14 {
    border-radius: clamp(10px,0.729vw,28px);
}

.br-16 {
    border-radius: clamp(12px,0.833vw,32px);
}

.br-18 {
    border-radius: clamp(14px,0.938vw,36px);
}

.br-20 {
    border-radius: clamp(16px,1.042vw,40px);
}

.br-24 {
    border-radius: clamp(18px,1.25vw,48px);
}

.br-32 {
    border-radius: clamp(24px,1.667vw,64px);
}

.gap-6 {
    gap: clamp(3px,0.313vw,7px);
}

.order-6 {
    order: 6 !important;
}

.mb-96 {
    margin-bottom: clamp(32px,5vw,128px);
}

@media (max-width:767px) {
    .mb-96 {
        margin-bottom: 26px;
    }
}

.my-80 {
    margin: clamp(48px,4.167vw,160px) 0;
}

@media (max-width:575px) {
    .my-80 {
        margin: 40px 0;
    }
}

.mt-80 {
    margin-top: clamp(48px,4.167vw,160px);
}

@media (max-width:575px) {
    .mt-80 {
        margin-top: 40px;
    }
}

.mb-80 {
    margin-bottom: clamp(48px,4.167vw,160px);
}

@media (max-width:575px) {
    .mb-80 {
        margin-bottom: 40px;
    }
}

.mb-64 {
    margin-bottom: clamp(32px,3.33vw,128px);
}

@media (max-width:767px) {
    .mb-64 {
        margin-bottom: 26px;
    }
}

.mt-64 {
    margin-top: clamp(32px,3.33vw,128px);
}

@media (max-width:767px) {
    .mt-64 {
        margin-top: 26px;
    }
}

.my-64 {
    margin: clamp(32px,3.33vw,128px) 0;
}

@media (max-width:767px) {
    .my-64 {
        margin: 26px 0;
    }
}

.mt-48 {
    margin-top: clamp(24px,2.5vw,96px);
}

@media (max-width:767px) {
    .mt-48 {
        margin-top: 20px;
    }
}

.mb-48 {
    margin-bottom: clamp(24px,2.5vw,96px);
}

@media (max-width:767px) {
    .mb-48 {
        margin-bottom: 20px;
    }
}

.mb-40 {
    margin-bottom: clamp(24px,2.083vw,80px);
}

@media (max-width:575px) {
    .mb-40 {
        margin-bottom: 20px;
    }
}

.mt-32 {
    margin-top: 32px;
}

@media (max-width:1599px) {
    .mt-32 {
        margin-top: 29px;
    }
}

@media (max-width:1399px) {
    .mt-32 {
        margin-top: 27px;
    }
}

@media (max-width:1199px) {
    .mt-32 {
        margin-top: 25px;
    }
}

@media (max-width:991px) {
    .mt-32 {
        margin-top: 22px;
    }
}

@media (max-width:767px) {
    .mt-32 {
        margin-top: 20px;
    }
}

.mb-32 {
    margin-bottom: 32px;
}

@media (max-width:1599px) {
    .mb-32 {
        margin-bottom: 29px;
    }
}

@media (max-width:1399px) {
    .mb-32 {
        margin-bottom: 27px;
    }
}

@media (max-width:1199px) {
    .mb-32 {
        margin-bottom: 25px;
    }
}

@media (max-width:991px) {
    .mb-32 {
        margin-bottom: 22px;
    }
}

@media (max-width:767px) {
    .mb-32 {
        margin-bottom: 20px;
    }
}

.mt-24 {
    margin-top: 24px;
}

@media (max-width:1199px) {
    .mt-24 {
        margin-top: 22px;
    }
}

@media (max-width:991px) {
    .mt-24 {
        margin-top: 22px;
    }
}

@media (max-width:767px) {
    .mt-24 {
        margin-top: 20px;
    }
}

.mb-120 {
    margin-bottom: clamp(60px,6.25vw,320px);
}

@media (max-width:575px) {
    .mb-120 {
        margin-bottom: 48px;
    }
}

.mb-28 {
    margin-bottom: 28px;
}

@media (max-width:1199px) {
    .mb-28 {
        margin-bottom: 22px;
    }
}

@media (max-width:991px) {
    .mb-28 {
        margin-bottom: 22px;
    }
}

@media (max-width:767px) {
    .mb-28 {
        margin-bottom: 20px;
    }
}

.mb-24 {
    margin-bottom: 24px;
}

@media (max-width:1199px) {
    .mb-24 {
        margin-bottom: 22px;
    }
}

@media (max-width:991px) {
    .mb-24 {
        margin-bottom: 22px;
    }
}

@media (max-width:767px) {
    .mb-24 {
        margin-bottom: 20px;
    }
}

.mb-20 {
    margin-bottom: 20px;
}

@media (max-width:1199px) {
    .mb-20 {
        margin-bottom: 18px;
    }
}

@media (max-width:991px) {
    .mb-20 {
        margin-bottom: 16px;
    }
}

@media (max-width:767px) {
    .mb-20 {
        margin-bottom: 14px;
    }
}

.mt-16 {
    margin-top: 16px;
}

@media (max-width:1199px) {
    .mt-16 {
        margin-top: 15px;
    }
}

@media (max-width:991px) {
    .mt-16 {
        margin-top: 14px;
    }
}

@media (max-width:767px) {
    .mt-16 {
        margin-top: 10px;
    }
}

.mb-18 {
    margin-bottom: 18px;
}

@media (max-width:1199px) {
    .mb-18 {
        margin-bottom: 14px;
    }
}

@media (max-width:991px) {
    .mb-18 {
        margin-bottom: 13px;
    }
}

@media (max-width:767px) {
    .mb-18 {
        margin-bottom: 10px;
    }
}

.mb-16 {
    margin-bottom: 16px;
}

@media (max-width:1199px) {
    .mb-16 {
        margin-bottom: 15px;
    }
}

@media (max-width:991px) {
    .mb-16 {
        margin-bottom: 14px;
    }
}

@media (max-width:767px) {
    .mb-16 {
        margin-bottom: 10px;
    }
}

.mb-12 {
    margin-bottom: 12px;
}

@media (max-width:1199px) {
    .mb-12 {
        margin-bottom: 11px;
    }
}

@media (max-width:991px) {
    .mb-12 {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .mb-12 {
        margin-bottom: 8px;
    }
}

.mb-8 {
    margin-bottom: 8px;
}

@media (max-width:767px) {
    .mb-8 {
        margin-bottom: 4px;
    }
}

.mb-6 {
    margin-bottom: 6px;
}

@media (max-width:767px) {
    .mb-6 {
        margin-bottom: 3px;
    }
}

.mb-4p {
    margin-bottom: 4px;
}

.py-160 {
    padding: clamp(96px,8.32vw,320px) 0;
}

@media (max-width:575px) {
    .py-160 {
        padding: 80px 0;
    }
}

.pt-160 {
    padding-top: clamp(96px,8.32vw,320px);
}

@media (max-width:575px) {
    .pt-160 {
        padding-top: 80px;
    }
}

.pb-160 {
    padding-bottom: clamp(96px,8.32vw,320px);
}

@media (max-width:575px) {
    .pb-160 {
        padding-bottom: 80px;
    }
}

.py-80 {
    padding: 3% 0 3% 0;
}

@media (max-width:575px) {
    .py-80 {
        padding: 40px 0;
    }
}

.pt-80 {
    padding-top: clamp(48px,4.167vw,160px);
}

@media (max-width:575px) {
    .pt-80 {
        padding-top: 40px;
    }
}

.pt-120 {
    padding-top: clamp(60px,6.25vw,320px);
}

@media (max-width:575px) {
    .pt-120 {
        padding-top: 48px;
    }
}

.pb-120 {
    padding-bottom: clamp(60px,6.25vw,320px);
}

@media (max-width:575px) {
    .pb-120 {
        padding-bottom: 48px;
    }
}

.pb-80 {
    padding-bottom: clamp(48px,4.167vw,160px);
}

@media (max-width:575px) {
    .pb-80 {
        padding-bottom: 40px;
    }
}

.py-64 {
    padding: clamp(32px,3.33vw,128px) 0;
}

@media (max-width:767px) {
    .py-64 {
        padding: 26px 0;
    }
}

.pt-64 {
    padding-top: clamp(32px,3.33vw,128px);
}

@media (max-width:767px) {
    .pt-64 {
        padding-top: 26px;
    }
}

.pb-64 {
    padding-bottom: clamp(32px,3.33vw,128px);
}

@media (max-width:767px) {
    .pb-64 {
        padding-bottom: 26px;
    }
}

.py-48 {
    padding: clamp(24px,2.5vw,96px) 0;
}

@media (max-width:767px) {
    .py-48 {
        padding: 20px 0;
    }
}

.pb-48 {
    padding-bottom: clamp(24px,2.5vw,96px);
}

@media (max-width:767px) {
    .pb-48 {
        padding-bottom: 20px;
    }
}

.pt-48 {
    padding-top: clamp(24px,2.5vw,96px);
}

@media (max-width:767px) {
    .pt-48 {
        padding-top: 20px;
    }
}

.py-40 {
    padding: clamp(24px,2.083vw,80px) 0;
}

@media (max-width:575px) {
    .py-40 {
        padding: 20px 0;
    }
}

.pt-40 {
    padding-top: clamp(24px,2.083vw,80px);
}

@media (max-width:575px) {
    .pt-40 {
        padding-top: 20px;
    }
}

.pb-40 {
    padding-bottom: clamp(24px,2.083vw,80px);
}

@media (max-width:575px) {
    .pb-40 {
        padding-bottom: 20px;
    }
}

.py-32 {
    padding: 32px 0;
}

@media (max-width:1599px) {
    .py-32 {
        padding: 29px 0;
    }
}

@media (max-width:1399px) {
    .py-32 {
        padding: 27px 0;
    }
}

@media (max-width:1199px) {
    .py-32 {
        padding: 25px 0;
    }
}

@media (max-width:991px) {
    .py-32 {
        padding: 22px 0;
    }
}

@media (max-width:767px) {
    .py-32 {
        padding: 20px 0;
    }
}

.p-32 {
    padding: 32px;
}

@media (max-width:1599px) {
    .p-32 {
        padding: 29px;
    }
}

@media (max-width:1399px) {
    .p-32 {
        padding: 27px;
    }
}

@media (max-width:1199px) {
    .p-32 {
        padding: 25px;
    }
}

@media (max-width:991px) {
    .p-32 {
        padding: 22px;
    }
}

@media (max-width:767px) {
    .p-32 {
        padding: 20px;
    }
}

.py-24 {
    padding: 24px 0;
}

@media (max-width:1199px) {
    .py-24 {
        padding: 22px 0;
    }
}

@media (max-width:991px) {
    .py-24 {
        padding: 22px 0;
    }
}

@media (max-width:767px) {
    .py-24 {
        padding: 20px 0;
    }
}

.pl-24 {
    padding-left: 24px;
}

@media (max-width:1199px) {
    .pl-24 {
        padding-left: 22px;
    }
}

@media (max-width:991px) {
    .pl-24 {
        padding-left: 22px;
    }
}

@media (max-width:767px) {
    .pl-24 {
        padding-left: 0px;
    }
}

.pr-24 {
    padding-right: 24px;
}

@media (max-width:1199px) {
    .pr-24 {
        padding-right: 22px;
    }
}

@media (max-width:991px) {
    .pr-24 {
        padding-right: 22px;
    }
}

@media (max-width:767px) {
    .pr-24 {
        padding-right: 20px;
    }
}

.pb-24 {
    padding-bottom: 24px;
}

@media (max-width:1199px) {
    .pb-24 {
        padding-bottom: 22px;
    }
}

@media (max-width:991px) {
    .pb-24 {
        padding-bottom: 22px;
    }
}

@media (max-width:767px) {
    .pb-24 {
        padding-bottom: 20px;
    }
}

.p-24 {
    padding: 24px;
}

@media (max-width:1199px) {
    .p-24 {
        padding: 22px;
    }
}

@media (max-width:991px) {
    .p-24 {
        padding: 22px;
    }
}

@media (max-width:767px) {
    .p-24 {
        padding: 20px;
    }
}

.py-16 {
    padding: 16px 0;
}

@media (max-width:1199px) {
    .py-16 {
        padding: 15px 0;
    }
}

@media (max-width:991px) {
    .py-16 {
        padding: 14px 0;
    }
}

@media (max-width:767px) {
    .py-16 {
        padding: 10px 0;
    }
}

.p-16 {
    padding: 16px;
}

@media (max-width:1199px) {
    .p-16 {
        padding: 15px;
    }
}

@media (max-width:991px) {
    .p-16 {
        padding: 14px;
    }
}

@media (max-width:767px) {
    .p-16 {
        padding: 10px;
    }
}

.p-12 {
    padding: 12px;
}

@media (max-width:1199px) {
    .p-12 {
        padding: 11px;
    }
}

@media (max-width:991px) {
    .p-12 {
        padding: 10px;
    }
}

@media (max-width:767px) {
    .p-12 {
        padding: 8px;
    }
}

.gap-4 {
    gap: clamp(2px,0.208vw,8px) !important;
}

.gap-8 {
    gap: clamp(4px,0.417vw,16px);
}

.gap-10 {
    gap: clamp(5px,0.521vw,20px);
}

.gap-12 {
    gap: clamp(8px,0.625vw,24px);
}

.gap-14 {
    gap: clamp(10px,0.729vw,28px);
}

.gap-16 {
    gap: clamp(12px,0.833vw,32px);
}

.gap-18 {
    gap: clamp(14px,0.938vw,36px);
}

.gap-20 {
    gap: clamp(16px,1.042vw,40px);
}

.gap-24 {
    gap: clamp(18px,1.25vw,48px);
}

.gap-32 {
    gap: clamp(24px,1.667vw,64px);
}

.gap-38 {
    gap: clamp(28px,1.979vw,76px);
}

.gap-48 {
    gap: clamp(10px,2.5vw,28px);
}

.gap-64 {
    gap: clamp(48px,3.333vw,128px);
}

.cus-btn {
    background-color: #F96304;
    backdrop-filter: blur(17.5px);
    padding: clamp(8px,0.677vw,24px) clamp(24px,1.667vw,64px);
    border-radius: clamp(8px,0.625vw,24px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: none;
    color: #fff;
}

    .cus-btn .btn-text {
        font-size: clamp(14px,0.938vw,14px);
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        color: #FFFFFF !important;
    }

    .cus-btn:hover {
        background-color: #102039;
    }

.wizard-next-btn {
    background-color: transparent;
    backdrop-filter: blur(17.5px);
    border: 1px solid #102039;
    padding: clamp(8px,0.677vw,24px) clamp(24px,1.667vw,64px);
    border-radius: clamp(8px,0.625vw,24px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

    .wizard-next-btn .btn-text {
        font-size: clamp(14px,0.938vw,36px);
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        color: #102039 !important;
    }

    .wizard-next-btn:hover {
        background-color: #F96304 !important;
        backdrop-filter: blur(17.5px);
        border: 1px solid #F96304;
    }

        .wizard-next-btn:hover .btn-text {
            color: #FFFFFF !important;
        }

.quantity {
    display: flex;
    align-items: flex-start;
    border: 1px solid #141516;
    border-radius: clamp(28px,2.5vw,68px);
    padding: clamp(4px,0.417vw,16px);
}

@media (max-width:490px) {
    .quantity {
        padding: 10px 16px;
    }
}

.quantity .input-area {
    display: flex;
}

    .quantity .input-area input {
        display: grid;
        align-content: center;
        border: none;
        border-radius: 0px;
        text-align: center;
        font-weight: 500;
        font-size: 21px;
        background-color: transparent;
        color: #0C0C0D;
        width: 24px;
    }

@media (max-width:992px) {
    .quantity .input-area input {
        font-size: 20x;
    }
}

@media (max-width:767px) {
    .quantity .input-area input {
        font-size: 18x;
    }
}

@media (max-width:575px) {
    .quantity .input-area input {
        font-size: 17px;
    }
}

.quantity .input-area input:focus-visible {
    outline: none;
}

.quantity .input-area input.decrement {
    font-size: 44px;
    font-weight: 200;
    border-radius: 0;
    border: 0;
    margin-top: -7px;
}

.quantity .input-area input.increment {
    padding: 0;
    font-size: 34px;
    font-weight: 240;
    border-radius: 0;
    border: 0;
    margin-top: -7px;
    margin-right: -2px;
}

.quantity .input-area input.number {
    padding: 0;
    background: transparent;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.scrollToTopBtn {
    background-color: #F96304;
    border: none;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    font-size: clamp(18px,1.25vw,48px);
    line-height: 48px;
    display: grid;
    align-items: center;
    justify-content: center;
    width: clamp(40px,2.5vw,64px);
    height: clamp(40px,2.5vw,64px);
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
}

    .scrollToTopBtn:hover {
        border: 1px solid #45474F;
        background: #45474F;
        color: #FFFFFF;
        transition: all 0.3s ease-in-out;
    }

.showBtn {
    opacity: 1;
    transform: translateY(0);
}

.slider-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .slider-arrows .arrow-btn {
        padding: 6px;
        display: grid;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }

        .slider-arrows .arrow-btn svg {
            width: clamp(24px,1.563vw,64px);
            height: clamp(24px,1.667vw,64px);
            transition: all 0.3s ease-in-out;
        }

            .slider-arrows .arrow-btn svg path {
                transition: all 0.3s ease-in-out;
            }

        .slider-arrows .arrow-btn:hover {
            transition: all 0.3s ease-in-out;
        }

            .slider-arrows .arrow-btn:hover path {
                fill: #F96304;
                transition: all 0.3s ease-in-out;
            }

.social-icons {
    display: flex;
    align-items: center;
    gap: clamp(8px,0.625vw,20px);
}

@media (max-width:490px) {
    .social-icons {
        gap: clamp(12px,0.833vw,32px);
    }
}

.social-icons.icon-v2 {
    gap: clamp(16px,1.042vw,40px) !important;
}

.social-icons li a {
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

    .social-icons li a svg {
        width: clamp(18px,1.25vw,48px);
        height: clamp(18px,1.25vw,48px);
    }

        .social-icons li a svg path {
            transition: all 0.3s ease-in-out;
        }

    .social-icons li a:hover svg path {
        fill: #1E1F20;
        transition: all 0.3s ease-in-out;
    }

textarea.form-control {
    min-height: 150px;
    max-height: 150px;
}

@media (max-width:578px) {
    textarea.form-control {
        min-height: 225px;
        max-height: 80px;
    }
}

.form-control {
    padding: clamp(10px,0.833vw,32px) clamp(12px,1.25vw,48px);
    border-radius: clamp(8px,0.625vw,24px);
    border: 1px solid #92949F;
    background: transparent !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    color: #92949F;
    box-shadow: none;
}

    .form-control:focus {
        background: #FFFFFF;
        box-shadow: none;
        outline: 0;
        color: #92949F !important;
    }

    .form-control:hover {
        color: #92949F !important;
    }

    .form-control::placeholder {
        color: #92949F !important;
        opacity: 1;
    }

    .form-control svg {
        position: absolute;
        top: 16px;
        right: 18px;
    }

.input-block {
    position: relative;
}

    .input-block svg, .input-block i {
        position: absolute;
        z-index: 2;
        top: 16px;
        right: 16px;
    }

input[type=file] {
    display: none;
}

label.error {
    color: #ff0000;
}

.cus-checkBox input {
    display: none;
}

.cus-checkBox label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .cus-checkBox label::before {
        content: "\f0c8";
        font-family: "Font Awesome 6 Pro";
        color: #92949F;
        font-size: clamp(16px,1.042vw,20px);
        font-weight: 300;
    }

.cus-checkBox input[type=checkbox]:checked + label::before {
    content: "\f14a";
    color: #F96304;
    font-weight: 600;
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    text-align: center;
    background: #FAFAFA;
    z-index: 9999999;
    padding-top: 20%;
}

    #preloader .triangles {
        transform: translate(-50%,-50%);
        height: 81px;
        width: 90px;
        position: absolute;
        left: 50%;
        top: 50%;
    }

    #preloader .tri {
        position: absolute;
        animation: pulse_51 750ms ease-in infinite;
        border-top: 27px solid #F96304;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 0px;
    }

        #preloader .tri.invert {
            border-top: 0px;
            border-bottom: 27px solid #F96304;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
        }

        #preloader .tri:nth-child(1) {
            left: 30px;
        }

        #preloader .tri:nth-child(2) {
            left: 15px;
            top: 27px;
            animation-delay: -125ms;
        }

        #preloader .tri:nth-child(3) {
            left: 30px;
            top: 27px;
        }

        #preloader .tri:nth-child(4) {
            left: 45px;
            top: 27px;
            animation-delay: -625ms;
        }

        #preloader .tri:nth-child(5) {
            top: 54px;
            animation-delay: -250ms;
        }

        #preloader .tri:nth-child(6) {
            top: 54px;
            left: 15px;
            animation-delay: -250ms;
        }

        #preloader .tri:nth-child(7) {
            top: 54px;
            left: 30px;
            animation-delay: -375ms;
        }

        #preloader .tri:nth-child(8) {
            top: 54px;
            left: 45px;
            animation-delay: -500ms;
        }

        #preloader .tri:nth-child(9) {
            top: 54px;
            left: 60px;
            animation-delay: -500ms;
        }

@keyframes pulse_51 {
    0% {
        opacity: 1;
    }

    16.666% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.header.sticky {
    position: fixed;
    background-color: #fff;
    top: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    padding: 0;
    background-color: rgba(249,99,4,0.35);
    backdrop-filter: blur(12.5px)
}

    .header.sticky .navigation {
        background: inherit;
        backdrop-filter: inherit;
    }

.header {
    width: 100%;
    padding-top: 24px;
    color: #FFFFFF;
    position: absolute;
    z-index: 5;
}

    .header.header-2 {
        text-transform: uppercase;
        position: unset;
    }

    .header .navigation {
        padding: clamp(13px,0.833vw,32px);
        border-radius: 16px;
        background: rgba(249,99,4,0.15);
        backdrop-filter: blur(12.5px);
        width: 100%;
        position: relative;
    }

@media (max-width:1024px) {
    .header .navigation .header-logo {
        width: 80%;
    }
}

.header .navigation .nav-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.header .navigation .menu-button-right {
    text-transform: capitalize;
    padding-top: 5px;
    display: flex;
    align-items: center;
    gap: clamp(24px,3.333vw,72px);
}

    .header .navigation .menu-button-right .main-menu__nav {
        margin-left: auto;
        margin-right: auto;
    }

        .header .navigation .menu-button-right .main-menu__nav .main-menu__list, .header .navigation .menu-button-right .main-menu__nav .main-menu__list ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            align-items: center;
            display: none;
            text-transform: capitalize;
        }

@media screen and (min-width:1200px) {
    .header .navigation .menu-button-right .main-menu__nav .main-menu__list, .header .navigation .menu-button-right .main-menu__nav .main-menu__list ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list ul {
        display: flex;
        gap: clamp(20px,1.667vw,40px);
    }
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li {
    padding-top: 0.417vw;
    padding-bottom: 0.417vw;
    position: relative;
}

    .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a {
        font-family: 'Montserrat-Bold';
        font-size: clamp(13px,0.833vw,16px);
        font-weight: 500;
        line-height: 150%;
        text-transform: capitalize;
        letter-spacing: 0.32px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        gap: clamp(18px,1.25vw,48px) !important;
        position: relative;
        transition: all all 0.3s ease-in-out;
    }

@media (max-width:1199px) {
    .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a {
        font-size: clamp(17px,1.251vw,18px);
    }
}

@media (max-width:575px) {
    .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a {
        font-size: clamp(16px,2.261vw,14px);
    }
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a:hover, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a.active, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a:hover, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a.active {
    transition: all 0.3s ease-in-out;
    color: #F96304;
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li .header-arrow, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li .header-arrow {
    font-weight: 300;
    margin-left: -16px;
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li:first-child a::before, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li:first-child a::before {
    display: none;
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li.current, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li:hover, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li.current, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li:hover {
    color: #F96304;
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul {
    z-index: 99;
    border-radius: 5px;
    text-transform: uppercase;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    backface-visibility: hidden;
    transition: opacity all 0.3s ease-in-out,visibility all 0.3s ease-in-out,transform 700ms ease;
    z-index: 99;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1),0px 2px 4px rgba(0,0,0,0.06);
    border: none;
    border-radius: 4px;
    padding: 0;
}

    .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li {
        flex: 1 1 100%;
        width: 100%;
        position: relative;
    }

        .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > a {
            font-size: clamp(14px,0.833vw,20px);
            line-height: 26px;
            color: #0C0C0D;
            font-weight: 500;
            display: flex;
            padding: 7px 20px;
            transition: 400ms;
            border-radius: 0px;
            text-transform: capitalize;
        }

        .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li.current > a, .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li:hover > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li.current > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li:hover > a {
            background-color: #F96304;
            color: #FFFFFF;
        }

        .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > ul {
            top: 0;
            left: 100%;
        }

            .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > ul.right-align, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > ul.right-align {
                top: 0;
                left: auto;
                right: 100%;
            }

            .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > ul ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > ul ul {
                display: flex;
            }

        .header .navigation .menu-button-right .main-menu__nav .main-menu__list li:hover > ul, .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li:hover > ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li:hover > ul {
            opacity: 1;
            visibility: visible;
            gap: 0;
            transform: scaleY(1) translateZ(0px);
            transition: all 0.3s ease-in-out;
        }

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .header .navigation .menu-button-right .main-menu__nav .main-menu__list li:nth-last-child(1) ul li > ul, .header .navigation .menu-button-right .main-menu__nav .main-menu__list li:nth-last-child(2) ul li > ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li:nth-last-child(1) ul li > ul, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li:nth-last-child(2) ul li > ul {
        left: auto;
        right: calc(100% + 20px);
    }
}

.header .navigation .main-menu__right {
    display: flex;
    align-items: center;
    gap: clamp(18px,1.25vw,48px) !important;
}

    .header .navigation .main-menu__right .main-menu-link-btn {
        position: relative;
    }

        .header .navigation .main-menu__right .main-menu-link-btn svg .icon {
            transition: all 0.3s ease-in-out;
        }

        .header .navigation .main-menu__right .main-menu-link-btn:hover svg .icon {
            fill: #F96304;
            transition: all 0.3s ease-in-out;
        }

    .header .navigation .main-menu__right .search-toggler {
        margin-top: 10px;
    }

    .header .navigation .main-menu__right .cart-text {
        line-height: 0;
    }

.mobile-nav__toggler {
    font-size: 24px;
    font-weight: 200;
    color: #45474F;
    cursor: pointer;
    transition: 500ms;
    display: none;
}

@media (max-width:1099px) {
    .mobile-nav__toggler {
        display: flex;
        filter: hue-rotate(50deg);
    }
}

.mobile-nav__toggler:hover {
    color: #102039;
}

.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    transform: translateX(-100%);
    transform-origin: left center;
    transition: transform 500ms ease 500ms,visibility 500ms ease 500ms;
    visibility: hidden;
    position: fixed;
}

    .mobile-nav__wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-nav__wrapper.expanded {
        opacity: 1;
        transform: translateX(0%);
        visibility: visible;
        transition: transform 500ms ease 0ms,visibility 500ms ease 0ms;
    }

        .mobile-nav__wrapper.expanded .mobile-nav__content {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
            transition: opacity 500ms ease 500ms,visibility 500ms ease 500ms,transform 500ms ease 500ms;
        }

    .mobile-nav__wrapper .mobile-nav__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0C0C0D;
        opacity: 0.3;
    }

    .mobile-nav__wrapper .mobile-nav__content {
        width: 300px;
        background-color: #FFFFFF;
        z-index: 10;
        position: relative;
        height: 100%;
        overflow-y: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: opacity 500ms ease 0ms,visibility 500ms ease 0ms,transform 500ms ease 0ms;
    }

@media (max-width:490px) {
    .mobile-nav__wrapper .mobile-nav__content {
        width: clamp(250px,55.102vw,450px);
    }
}

.mobile-nav__wrapper .mobile-nav__content .main-menu__nav {
    display: block;
    padding: 0;
}

.mobile-nav__wrapper .mobile-nav__content .logo-box {
    margin-bottom: 40px;
    display: flex;
}

    .mobile-nav__wrapper .mobile-nav__content .logo-box img {
        width: clamp(120px,15.625vw,320px);
    }

.mobile-nav__wrapper .mobile-nav__content .main-menu__list, .mobile-nav__wrapper .mobile-nav__content .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .mobile-nav__wrapper .mobile-nav__content .main-menu__list ul {
        display: none;
        border-top: 1px solid RGBA(255,255,255,0.1);
    }

        .mobile-nav__wrapper .mobile-nav__content .main-menu__list ul li > a {
            padding-left: 1em;
        }

        .mobile-nav__wrapper .mobile-nav__content .main-menu__list ul li:not(:last-child) {
            border-bottom: 1px solid RGBA(255,255,255,0.1);
        }

    .mobile-nav__wrapper .mobile-nav__content .main-menu__list li:not(:last-child) {
        border-bottom: 1px solid RGBA(255,255,255,0.1);
        width: 100%;
    }

    .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a {
        display: flex;
        justify-content: space-between;
        line-height: 30px;
        color: #0C0C0D;
        font-size: 18px;
        text-transform: capitalize;
        font-weight: 500;
        height: 46px;
        letter-spacing: 0.8px;
        align-items: center;
        transition: 500ms;
    }

        .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a.expanded {
            color: #F96304;
        }

        .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button {
            width: 30px;
            height: 30px;
            background-color: #F96304;
            border: none;
            outline: none;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            transform: rotate(-90deg);
            transition: transform 500ms ease;
        }

            .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button.expanded {
                transform: rotate(0deg);
                background-color: #F96304;
                color: #FFFFFF;
            }

.mobile-nav__wrapper .mobile-nav__close {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    color: #0C0C0D;
    cursor: pointer;
}

.mobile-nav__social {
    display: flex;
    align-items: center;
}

    .mobile-nav__social a {
        font-size: 16px;
        color: #0C0C0D;
        transition: 500ms;
    }

        .mobile-nav__social a + a {
            margin-left: 20px;
        }

        .mobile-nav__social a:hover {
            color: #F96304;
        }

.mobile-nav__contact {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .mobile-nav__contact li {
        color: #0C0C0D;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
    }

        .mobile-nav__contact li + li {
            margin-top: 15px;
        }

        .mobile-nav__contact li a {
            color: inherit;
            transition: 500ms;
        }

            .mobile-nav__contact li a:hover {
                color: #F96304;
            }

        .mobile-nav__contact li i {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #F96304;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 14px;
            margin-right: 10px;
            color: #FFFFFF;
        }

.mobile-nav__container .main-menu__logo, .mobile-nav__container .main-menu__right {
    display: none;
}

.nav-bar .nav-link li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .nav-bar .nav-link li::before {
        width: clamp(4px,0.417vw,16px);
        height: clamp(4px,0.417vw,16px);
        border: 1px solid #F96304;
        border-radius: clamp(4px,0.417vw,16px);
    }

    .nav-bar .nav-link li.active::before {
        display: none;
    }

.slide-area .title-area p.sub-tit {
    color: #fff;
}

.about-area {
    position: relative;
    z-index: 1;
}

.about-image {
    position: relative;
}

    .about-image img {
        border-radius: 5px;
    }

        .about-image img:nth-child(2) {
            position: absolute;
            bottom: 0;
            right: 10px;
        }

.about-content {
    padding-left: 15px;
}

    .about-content .section-title {
        margin-bottom: 25px;
    }

.h-abput {
    padding-bottom: 3%
}

.about-content .section-title h1 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.about-content .section-title p {
    margin-top: 0;
}

.about-content ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    margin-right: -10px;
    margin-bottom: 5px;
    margin-top: -10px;
}

    .about-content ul li {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 10px;
        font-weight: 600;
        color: #777777;
        position: relative;
        padding-right: 10px;
        padding-left: 22px;
    }

        .about-content ul li i {
            color: #fd6c1e;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.about-content p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 16px;
}

.about-content .btn {
    margin-top: 22px;
}

.about-content.optional-color {
    padding-left: 0;
}

    .about-content.optional-color .btn-primary {
        color: #ffffff;
        border-color: #fd6c1e;
        background: transparent;
    }

        .about-content.optional-color .btn-primary::before {
            background: -webkit-gradient(linear,left top,right top,from(#fc4a1a),color-stop(#fd6b12),color-stop(#fc8712),color-stop(#faa01f),to(#f7b733));
            background: linear-gradient(to right,#fc4a1a,#fd6b12,#fc8712,#faa01f,#f7b733);
        }

        .about-content.optional-color .btn-primary::after {
            background: -webkit-gradient(linear,right top,left top,from(#0575e6),color-stop(#0b5eca),color-stop(#0b47af),color-stop(#083194),to(#021b79));
            background: linear-gradient(to left,#0575e6,#0b5eca,#0b47af,#083194,#021b79);
        }

        .about-content.optional-color .btn-primary:not(:disabled):not(.disabled).active, .about-content.optional-color .btn-primary:not(:disabled):not(.disabled):active, .show > .about-content.optional-color .btn-primary.dropdown-toggle {
            border-color: #02298a;
        }

        .about-content.optional-color .btn-primary:hover, .about-content.optional-color .btn-primary:focus {
            border-color: #02298a;
        }

.ptb-100 {
    padding-top: 3%;
    padding-bottom: 3%;
}

@media (max-width:420px) {
    h2 br {
        display: none;
    }
}

.hero-block {
    left: 5%;
}

@media (max-width:1399px) {
    .hero-block {
        left: 7%;
    }
}

@media (max-width:490px) {
    .hero-block {
        left: 0% !important;
    }
}

.footer {
    background: url("../images/footer-bg.webp") no-repeat;
    padding: 3% 0 1% 0;
    background-size: cover;
    background-position: right;
    float: left;
    width: 100%;
}

    .footer .link-wrapper {
        padding: 3% 0 3% 0;
        border-top: 1px dashed #F96304;
        border-bottom: 1px dashed #F96304;
    }

        .footer .link-wrapper ul {
            list-style: none;
            padding: 0;
            transition: all 0.3s ease-in-out;
        }

        .footer .link-wrapper .social-icons {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: clamp(4px,0.417vw,16px);
        }

            .footer .link-wrapper .social-icons .link-icon {
                width: clamp(40px,2.5vw,54px);
                height: clamp(40px,2.5vw,54px);
                border-radius: 50%;
                border: 1px solid #F96304;
                transition: all 0.3s ease-in-out;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .footer .link-wrapper ul .hover-content {
            color: rgba(255,255,255,.5);
        }

        .footer .link-wrapper ul p {
            color: rgba(255,255,255,.5);
        }

.footrt p, .footrt {
    color: rgba(255,255,255,.5);
}

.footer .link-wrapper .social-icons .link-icon:hover {
    background-color: #F96304;
}

    .footer .link-wrapper .social-icons .link-icon:hover i {
        color: #FFFFFF;
    }

.footer .newsletter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: clamp(12px,0.833vw,32px);
    border-bottom: 1px solid #92949F;
}

    .footer .newsletter input {
        background-color: transparent;
        border: none;
        outline: none;
        width: 100%;
        color: #92949F;
    }

        .footer .newsletter input:focus {
            background-color: transparent;
            border: none;
            outline: none;
        }

        .footer .newsletter input::placeholder {
            color: #92949F;
            font-size: clamp(18px,1.198vw,48px);
        }

    .footer .newsletter svg {
        transition: all 0.3s ease-in-out;
    }

        .footer .newsletter svg path {
            transition: all 0.3s ease-in-out;
        }

        .footer .newsletter svg:hover path {
            stroke: #F96304;
        }

.copo i {
    color: #F96304;
}

.social-icons i {
    color: #F96304;
}

.title-banner {
    background-size: cover;
    position: relative;
}

    .title-banner .content {
        height: auto;
    }

.footrt {
    padding-top: 10px;
}

    .footrt a {
        padding-left: 5px;
        padding-right: 5px;
    }

.testimonials-sec .testimonial-block {
    margin: 0 12px;
    display: flex;
    flex-direction: column;
    gap: clamp(18px,1.25vw,48px) !important;
    padding: clamp(18px,1.25vw,48px);
    border: 1px solid #F96304;
    border-radius: clamp(8px,0.625vw,24px);
    overflow: hidden;
}

    .testimonials-sec .testimonial-block .stroke-line {
        text-align: center;
    }

.popo {
    width: 100%;
    float: left;
}

    .popo img {
        width: 100%;
        float: left;
    }

.tuiu-1 {
    float: left;
    width: 100%;
}

.tuiu-2 {
    float: left;
    width: 100%;
}

    .tuiu-2 h3 {
        font-size: 20px;
    }

.testimonials-sec .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

    .testimonials-sec .slick-dots li {
        position: relative;
        display: inline-block;
        height: clamp(18px,1.25vw,48px);
        width: clamp(18px,1.25vw,48px);
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .testimonials-sec .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            width: clamp(18px,1.25vw,48px);
            height: clamp(18px,1.25vw,48px);
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .testimonials-sec .slick-dots li button:hover, .testimonials-sec .slick-dots li button:focus {
                outline: none;
            }

                .testimonials-sec .slick-dots li button:hover:before, .testimonials-sec .slick-dots li button:focus:before {
                    background: rgba(16,32,57,0.15);
                }

            .testimonials-sec .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                width: clamp(18px,1.25vw,48px);
                height: clamp(18px,1.25vw,48px);
                text-align: center;
                background-color: #F96304;
                border: 4px solid white;
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                opacity: 1;
            }

        .testimonials-sec .slick-dots li.slick-active button:before {
            width: clamp(18px,1.25vw,48px);
            height: clamp(18px,1.25vw,48px);
            background-color: transparent;
            position: absolute;
            top: 0;
            left: 0;
            border: 4px solid #F96304;
        }

        .testimonials-sec .slick-dots li button::before {
            content: "";
        }

.heading-label {
    padding: 8px clamp(12px,0.833vw,32px);
    display: inline-flex;
    justify-content: center;
    border-radius: clamp(28px,2.5vw,68px);
    background: rgba(249,99,4,0.25);
    gap: clamp(4px,0.417vw,16px);
}

@media (max-width:490px) {
    .text-center h2 br, .text-center p br {
        display: none;
    }
}

.services-sec {
    background: url("../images/category-bg.webp") no-repeat;
    padding: 3% 0 3% 0;
    background-size: cover;
    overflow: hidden;
}

    .services-sec .col-md-5:nth-child(2) {
        text-align: right;
    }

    .services-sec .services-slider .service-block-1 {
        margin: 0 12px;
        padding: 30px 0;
        position: relative;
        transition: all 0.3s ease-in-out;
    }

        .services-sec .services-slider .service-block-1 .service-img {
            position: relative;
            width: fit-content;
            transition: all 0.3s ease-in-out;
        }

            .services-sec .services-slider .service-block-1 .service-img::before {
                content: "";
                position: absolute;
                transition: all 0.3s ease-in-out;
                top: 0;
                left: 0;
                border-radius: 50% 0 0 50%;
                width: 100%;
                height: 100%;
                background: linear-gradient(0deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 90%);
                z-index: 1;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-1::before {
                border-radius: 50% 50% 0 0 !important;
                transition: all 0.3s ease-in-out;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-1 img {
                border-radius: 50% 50% 0 0 !important;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-3::before {
                border-radius: 50% !important;
                transition: all 0.3s ease-in-out;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-3 img {
                border-radius: 50% !important;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-4::before {
                border-radius: 0 50% 50% 0 !important;
                transition: all 0.3s ease-in-out;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-4 img {
                border-radius: 0 50% 50% 0 !important;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-1 img {
                border-radius: 50% 50% 0 0 !important;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-3 img {
                border-radius: 50% !important;
            }

            .services-sec .services-slider .service-block-1 .service-img.v-img-4 img {
                border-radius: 0 50% 50% 0 !important;
            }

            .services-sec .services-slider .service-block-1 .service-img .service-img-1 {
                border-radius: 50% 0 0 50%;
                transition: all 0.3s ease-in-out;
            }

                .services-sec .services-slider .service-block-1 .service-img .service-img-1 img {
                    transition: all 0.3s ease-in-out;
                    border-radius: 50% 0;
                    position: relative;
                    z-index: 2;
                }

                .services-sec .services-slider .service-block-1 .service-img .service-img-1.service-img-2 {
                    border-radius: 50% 50% 0 0 !important;
                }

                .services-sec .services-slider .service-block-1 .service-img .service-img-1.service-img-3 {
                    border-radius: 50% !important;
                }

                .services-sec .services-slider .service-block-1 .service-img .service-img-1.service-img-4 {
                    border-radius: 0 50% 50% 0 !important;
                }

        .services-sec .services-slider .service-block-1 .service-content {
            transition: all 0.3s ease-in-out;
            position: absolute;
            bottom: 0;
            padding-top: clamp(88px,11.146vw,260px);
        }

@media (max-width:490px) {
    .services-sec .services-slider .service-block-1 .service-content {
        bottom: 66px;
    }
}

.services-sec .services-slider .service-block-1 .service-content .service-title {
    position: relative;
    z-index: 6;
    transition: all 0.3s ease-in-out;
    margin-left: -6.6%;
    margin-right: 8.6%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(18px,1.25vw,48px) !important;
}

    .services-sec .services-slider .service-block-1 .service-content .service-title a {
        font-size: 30px;
    }

@media (max-width:999px) {
    .services-sec .services-slider .service-block-1 .service-content .service-title {
        margin-left: 9.4%;
        margin-right: -3.4%;
    }
}

.services-sec .services-slider .service-block-1 .service-content .service-title .home-icon {
    transition: all 0.3s ease-in-out;
    width: clamp(48px,4.167vw,160px);
    height: clamp(48px,4.167vw,160px);
    border-radius: 50%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    flex-shrink: 0;
}

    .services-sec .services-slider .service-block-1 .service-content .service-title .home-icon svg {
        transition: all 0.3s ease-in-out;
        width: clamp(24px,2.083vw,80px);
        height: clamp(24px,2.083vw,80px);
    }

.services-sec .services-slider .service-block-1 .service-content .service-text {
    position: relative;
    z-index: 6;
    padding-left: 7.604vw;
}

@media (max-width:1399px) {
    .services-sec .services-slider .service-block-1 .service-content .service-text {
        padding-left: 5.604vw;
    }
}

@media (max-width:777px) {
    .services-sec .services-slider .service-block-1 .service-content .service-text {
        padding-left: 21.604vw;
    }
}

@media (max-width:490px) {
    .services-sec .services-slider .service-block-1 .service-content .service-text {
        padding-left: 8.604vw;
    }
}

.services-sec .services-slider .service-block-1 .service-content .hover-icon {
    transition: all 0.3s ease-in-out;
    opacity: 0;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 9999;
}

@media (max-width:490px) {
    .services-sec .services-slider .service-block-1 .service-content .hover-icon {
        display: none;
    }
}

.services-sec .services-slider .service-block-1 .service-content .hover-icon.hover-icon-1 {
    bottom: 58px;
}

.services-sec .services-slider .service-block-1:hover .service-text p {
    color: #FFFFFF !important;
}

.services-sec .services-slider .service-block-1:hover .service-img {
    transition: all 0.3s ease-in-out;
}

    .services-sec .services-slider .service-block-1:hover .service-img::before {
        transition: all 0.3s ease-in-out;
        background: linear-gradient(0deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 90%);
        box-shadow: 0px 0px 13.5px 1.8px #F96304 !important;
        transform: rotate(4deg);
    }

.services-sec .services-slider .service-block-1:hover .service-img-1 {
    border-radius: 50% 0 0 50%;
    transform: rotate(4deg);
}

.services-sec .services-slider .service-block-1:hover .home-icon {
    border: 2px dashed #FFFFFF !important;
    background-color: #F96304 !important;
}

    .services-sec .services-slider .service-block-1:hover .home-icon svg path {
        fill: #FFFFFF;
    }

.services-sec .services-slider .service-block-1:hover .hover-icon {
    opacity: 1;
}

.appointment-sec .appointment-wrapper {
    padding: clamp(24px,1.667vw,64px) clamp(18px,1.25vw,48px);
    border-radius: clamp(18px,1.25vw,48px);
    border: 1px solid #102039;
    display: none;
}

    .appointment-sec .appointment-wrapper .form-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: clamp(18px,1.25vw,48px) !important;
    }

        .appointment-sec .appointment-wrapper .form-topbar .num-icon {
            width: clamp(18px,1.25vw,48px);
            height: clamp(18px,1.25vw,48px);
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #92949F;
            border-radius: 50%;
        }

    .appointment-sec .appointment-wrapper .construction-type .label-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(8px,0.625vw,24px);
        flex-wrap: wrap;
        row-gap: 12px;
    }

        .appointment-sec .appointment-wrapper .construction-type .label-wrapper .input-label {
            display: flex;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            border-radius: clamp(4px,0.417vw,16px);
            border: 1px solid #92949F;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }

            .appointment-sec .appointment-wrapper .construction-type .label-wrapper .input-label:hover {
                background-color: #e0e0e0;
            }

        .appointment-sec .appointment-wrapper .construction-type .label-wrapper input[type=radio] {
            display: none;
        }

            .appointment-sec .appointment-wrapper .construction-type .label-wrapper input[type=radio]:checked + .input-label {
                background-color: transparent;
                font-weight: bold;
                border: 1px solid #F96304;
            }

                .appointment-sec .appointment-wrapper .construction-type .label-wrapper input[type=radio]:checked + .input-label p {
                    color: #F96304 !important;
                }

    .appointment-sec .appointment-wrapper .construction-type .box-1 {
        position: relative;
        padding: clamp(18px,1.25vw,48px);
        border: 1px solid #45474F;
        border-radius: 8px;
    }

        .appointment-sec .appointment-wrapper .construction-type .box-1 input {
            display: none;
        }

        .appointment-sec .appointment-wrapper .construction-type .box-1 .plan {
            cursor: pointer;
            width: 100%;
        }

            .appointment-sec .appointment-wrapper .construction-type .box-1 .plan input[type=radio] {
                position: absolute;
                opacity: 0;
            }

            .appointment-sec .appointment-wrapper .construction-type .box-1 .plan .plan-content {
                display: flex;
                gap: 16px;
                align-items: start;
                position: relative;
                transition: ease-in 0.3s;
            }

                .appointment-sec .appointment-wrapper .construction-type .box-1 .plan .plan-content:after {
                    content: "";
                    position: absolute;
                    height: 24px;
                    width: 24px;
                    right: 20px;
                    top: 20px;
                    border-radius: 50%;
                    border: 3px solid #fff;
                    box-shadow: 0px 0px 0px 2px #ff5733;
                    transform: translate(-50%);
                }

            .appointment-sec .appointment-wrapper .construction-type .box-1 .plan input[type=radio]:checked + .plan-content:after {
                background: #ff5733;
                border: 5px solid #fff;
                box-shadow: 0px 0px 0px 2px #ff5733;
            }

    .appointment-sec .appointment-wrapper .construction-details .label-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(8px,0.625vw,24px);
        flex-wrap: wrap;
        row-gap: 12px;
    }

        .appointment-sec .appointment-wrapper .construction-details .label-wrapper .input-label {
            display: flex;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            border-radius: clamp(4px,0.417vw,16px);
            border: 1px solid #92949F;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }

            .appointment-sec .appointment-wrapper .construction-details .label-wrapper .input-label:hover {
                background-color: #e0e0e0;
            }

        .appointment-sec .appointment-wrapper .construction-details .label-wrapper input[type=radio] {
            display: none;
        }

            .appointment-sec .appointment-wrapper .construction-details .label-wrapper input[type=radio]:checked + .input-label {
                background-color: transparent;
                font-weight: bold;
                border: 1px solid #F96304;
            }

                .appointment-sec .appointment-wrapper .construction-details .label-wrapper input[type=radio]:checked + .input-label p {
                    color: #F96304 !important;
                }

    .appointment-sec .appointment-wrapper .construction-details .location-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #92949F;
        padding: clamp(8px,0.625vw,24px) clamp(12px,0.833vw,32px);
        border-radius: clamp(8px,0.625vw,24px);
    }

        .appointment-sec .appointment-wrapper .construction-details .location-wrapper input {
            background-color: transparent;
            border: none;
            outline: none;
            color: #92949F;
        }

            .appointment-sec .appointment-wrapper .construction-details .location-wrapper input:focus {
                background-color: transparent;
                border: none;
                outline: none;
                color: #92949F;
            }

            .appointment-sec .appointment-wrapper .construction-details .location-wrapper input::placeholder {
                color: #92949F;
            }

    .appointment-sec .appointment-wrapper .construction-details .size-label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: clamp(8px,0.625vw,24px) clamp(12px,0.833vw,32px);
        border-radius: clamp(8px,0.625vw,24px);
        background-color: #F96304;
    }

.appointment-sec {
    background: url("../images/contact-bg.webp");
    padding: 3% 0 3% 0;
    background-repeat: no-repeat;
}

    .appointment-sec .color-sec {
        color: #fff !important;
    }

.form-wizard {
    padding: clamp(24px,1.667vw,64px) clamp(18px,1.25vw,48px);
    border-radius: clamp(18px,1.25vw,48px);
    border: 1px solid #102039;
    background-color: rgba(249,99,4,.2);
}

    .form-wizard .form-wizard-header {
        text-align: center;
    }

    .form-wizard .construction-type .label-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(8px,0.625vw,24px);
        flex-wrap: wrap;
        row-gap: 12px;
    }

        .form-wizard .construction-type .label-wrapper .input-label {
            display: flex;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            border-radius: clamp(4px,0.417vw,16px);
            border: 1px solid #92949F;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }

            .form-wizard .construction-type .label-wrapper .input-label:hover {
                background-color: #e0e0e0;
            }

        .form-wizard .construction-type .label-wrapper input[type=radio] {
            display: none;
        }

            .form-wizard .construction-type .label-wrapper input[type=radio]:checked + .input-label {
                background-color: transparent;
                border: 1px solid #F96304;
                color: #F96304 !important;
            }

                .form-wizard .construction-type .label-wrapper input[type=radio]:checked + .input-label p {
                    color: #F96304 !important;
                }

    .form-wizard .construction-type .box-1 {
        position: relative;
        padding: clamp(18px,1.25vw,48px);
        border: 1px solid #45474F;
        border-radius: 8px;
    }

        .form-wizard .construction-type .box-1 input {
            display: none;
        }

        .form-wizard .construction-type .box-1 .plan {
            cursor: pointer;
            width: 100%;
        }

            .form-wizard .construction-type .box-1 .plan input[type=radio] {
                position: absolute;
                opacity: 0;
            }

            .form-wizard .construction-type .box-1 .plan .plan-content {
                display: flex;
                gap: 16px;
                align-items: start;
                position: relative;
                transition: ease-in 0.3s;
            }

                .form-wizard .construction-type .box-1 .plan .plan-content:after {
                    content: "";
                    position: absolute;
                    height: 24px;
                    width: 24px;
                    right: 20px;
                    top: 20px;
                    border-radius: 50%;
                    border: 3px solid #fff;
                    box-shadow: 0px 0px 0px 2px #ff5733;
                    transform: translate(-50%);
                }

            .form-wizard .construction-type .box-1 .plan input[type=radio]:checked + .plan-content:after {
                background: #ff5733;
                border: 5px solid #fff;
                box-shadow: 0px 0px 0px 2px #ff5733;
            }

    .form-wizard .construction-details .label-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(8px,0.625vw,24px);
        flex-wrap: wrap;
        row-gap: 12px;
    }

        .form-wizard .construction-details .label-wrapper .input-label {
            display: flex;
            padding: 8px 12px;
            justify-content: center;
            align-items: center;
            border-radius: clamp(4px,0.417vw,16px);
            border: 1px solid #92949F;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
        }

            .form-wizard .construction-details .label-wrapper .input-label:hover {
                background-color: #e0e0e0;
            }

        .form-wizard .construction-details .label-wrapper input[type=radio] {
            display: none;
        }

            .form-wizard .construction-details .label-wrapper input[type=radio]:checked + .input-label {
                background-color: transparent;
                color: #F96304 !important;
                border: 1px solid #F96304;
            }

                .form-wizard .construction-details .label-wrapper input[type=radio]:checked + .input-label p {
                    color: #F96304 !important;
                }

    .form-wizard .construction-details .location-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #92949F;
        padding: clamp(8px,0.625vw,24px) clamp(12px,0.833vw,32px);
        border-radius: clamp(8px,0.625vw,24px);
    }

        .form-wizard .construction-details .location-wrapper input {
            width: 100%;
            background-color: transparent;
            border: none;
            outline: none;
            color: #92949F;
        }

            .form-wizard .construction-details .location-wrapper input:focus {
                background-color: transparent;
                border: none;
                outline: none;
                color: #92949F;
            }

            .form-wizard .construction-details .location-wrapper input::placeholder {
                color: #92949F;
            }

    .form-wizard .construction-details .size-label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: clamp(8px,0.625vw,24px) clamp(12px,0.833vw,32px);
        border-radius: clamp(8px,0.625vw,24px);
        background-color: #F96304;
    }

    .form-wizard .wizard-fieldset {
        display: none;
    }

        .form-wizard .wizard-fieldset.show {
            display: block;
        }

    .form-wizard .wizard-form-error {
        display: none;
        background-color: #d70b0b;
        position: absolute;
        left: 11px;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 97%;
        border-radius: clamp(18px,1.25vw,48px);
    }

    .form-wizard .form-wizard-previous-btn {
        background-color: transparent;
    }

    .form-wizard .form-control:focus {
        box-shadow: none;
    }

    .form-wizard .form-group {
        position: relative;
        display: flex;
        gap: 10px;
        justify-content: end;
        margin-right: 0;
        padding-right: 0;
    }

    .form-wizard .wizard-form-text-label {
        position: absolute;
        left: 10px;
        top: 16px;
        transition: 0.2s linear all;
    }

    .form-wizard .focus-input .wizard-form-text-label {
        color: #F96304;
        top: -18px;
        transition: 0.2s linear all;
        font-size: 12px;
    }

    .form-wizard .form-wizard-steps {
        background: transparent;
    }

        .form-wizard .form-wizard-steps li {
            color: #92949F;
            width: 33.333%;
            float: left;
            position: relative;
            text-align: left;
        }

@media (max-width:767px) {
    .form-wizard .form-wizard-steps li {
        width: 50%;
        margin-bottom: 24px;
    }
}

@media (max-width:530px) {
    .form-wizard .form-wizard-steps li {
        width: 100%;
    }
}

@media (max-width:767px) {
    .form-wizard .form-wizard-steps li:last-child {
        margin-bottom: 0;
    }
}

.form-wizard .form-wizard-steps li .num-icon {
    padding-top: 0.104vw;
    display: inline-flex;
    flex-shrink: 0;
    width: clamp(18px,1.25vw,48px);
    height: clamp(18px,1.25vw,48px);
    align-items: center;
    justify-content: center;
    background-color: #92949F;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

    .form-wizard .form-wizard-steps li .num-icon.activated {
        background-color: #F96304;
    }

.form-wizard .wizard-password-eye {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
    text-align: center;
}

    .form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
        color: #ffffff;
        opacity: 0.6;
        text-decoration: none;
    }

.form-wizard .form-wizard-steps li.active, .form-wizard .form-wizard-steps li.activated {
    color: #F96304;
}

    .form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
        color: #F96304 !important;
    }

        .form-wizard .form-wizard-steps li.active span .num-icon, .form-wizard .form-wizard-steps li.activated span .num-icon {
            background-color: #F96304;
            color: #FFFFFF !important;
        }

    .form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
        background-color: #F96304;
        left: 50%;
        width: 50%;
        border-color: #F96304;
    }

@keyframes click-radio-wave {
    0% {
        width: 25px;
        height: 25px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        width: 60px;
        height: 60px;
        margin-left: -15px;
        margin-top: -15px;
        opacity: 0;
    }
}

@media screen and (max-width:767px) {
    .wizard-content-left {
        height: auto;
    }
}

.wizard-fieldset {
    display: none;
}

    .wizard-fieldset.show {
        display: block;
    }

.why-choose-sec .heading-label {
    padding: 8px clamp(12px,0.833vw,32px);
    display: inline-flex;
    justify-content: center;
    border-radius: clamp(28px,2.5vw,68px);
    background: rgba(249,99,4,0.25);
    gap: clamp(4px,0.417vw,16px);
}

.why-choose-sec .why-choose-card-1 {
    padding: clamp(24px,1.667vw,64px);
    border-radius: clamp(18px,1.25vw,48px);
    border: 0.5px solid #92949F;
}

.our-product-sec {
    background: url("../images/case-bg.webp") no-repeat;
    padding: 3% 0% 3% 0;
}

    .our-product-sec .heading-label {
        padding: 8px clamp(12px,0.833vw,32px);
        display: inline-flex;
        justify-content: center;
        border-radius: clamp(28px,2.5vw,68px);
        background: rgba(249,99,4,0.25);
        gap: clamp(4px,0.417vw,16px);
    }

    .our-product-sec .product-slider .slick-slide img {
        transition: transform 0.3s ease-in-out,height 0.3s ease-in-out;
        height: 500px;
    }

    .our-product-sec .product-slider .slick-active {
        transition: all 0.3s ease-in-out;
    }

    .our-product-sec .product-slider .slick-current img {
        transition: all 0.3s ease-in-out;
        height: 700px;
    }

@media (max-width:1399px) {
    .our-product-sec .product-slider .slick-current img {
        height: 500px;
    }
}

@media (max-width:490px) {
    .our-product-sec .product-slider .slick-current img {
        height: 400px;
    }
}

.our-product-sec .product-slider .slick-current .overlay {
    transition: all 0.3s ease-in-out;
    bottom: 0 !important;
}

.our-product-sec .product-slider .slick-current .product-content {
    transition: all 0.3s ease-in-out;
    bottom: clamp(24px,1.667vw,64px) !important;
}

.our-product-sec .product-block-1 {
    transition: all 0.3s ease-in-out;
    margin: 0 12px;
    position: relative;
    height: 700px;
    overflow: hidden;
}

@media (max-width:1399px) {
    .our-product-sec .product-block-1 {
        height: 500px;
    }
}

@media (max-width:490px) {
    .our-product-sec .product-block-1 {
        height: 400px;
    }
}

.our-product-sec .product-block-1 .product-img {
    transition: all 0.3s ease-in-out;
    position: relative;
    width: 100%;
}

    .our-product-sec .product-block-1 .product-img img {
        width: 100%;
        object-fit: cover;
    }

    .our-product-sec .product-block-1 .product-img .overlay {
        transition: all 0.3s ease-in-out;
        position: absolute;
        z-index: 1;
        bottom: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: clamp(18px,1.25vw,48px);
        background: linear-gradient(180deg,rgba(121,121,121,0) 40.25%,#F96304 103.67%);
        transition: all 0.3s ease;
    }

.our-product-sec .product-block-1 .product-content {
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 9;
    padding: 0 clamp(24px,1.667vw,64px);
    bottom: -100%;
}

    .our-product-sec .product-block-1 .product-content .name-label {
        padding: clamp(4px,0.417vw,16px) clamp(8px,0.625vw,24px);
        background-color: #F96304;
        border-radius: clamp(28px,2.5vw,68px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

.slider__counter {
    margin-top: clamp(40px,2.5vw,54px);
    position: absolute;
    left: 30.5%;
    font-size: clamp(20px,1.823vw,57px);
    font-weight: 700;
    line-height: 120%;
    color: #FFFFFF;
    pointer-events: none;
}

@media (max-width:1399px) {
    .slider__counter {
        left: 28.5%;
    }
}

@media (max-width:821px) {
    .slider__counter {
        left: 20%;
    }
}

@media (max-width:490px) {
    .slider__counter {
        left: 15%;
    }
}

.slider__counter:active {
    color: #F96304 !important;
}

.slider__counter .currentSlide {
    color: #F96304 !important;
}

.slider-bottom-bar {
    margin-left: 6%;
    margin-top: clamp(35px,2.5vw,54px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px,1.25vw,48px) !important;
}

@media (max-width:490px) {
    .slider-bottom-bar {
        margin-left: 25%;
    }
}

.slider-bottom-bar .bottom-line {
    margin-top: 10px;
    width: clamp(10px,25.781vw,554px);
    height: 1px;
    background-color: #FFFFFF;
}

.slider-bottom-bar .slider-arrows {
    gap: clamp(12px,0.833vw,32px);
}

    .slider-bottom-bar .slider-arrows .arrow-btn {
        width: clamp(24px,1.667vw,64px);
        height: clamp(24px,1.667vw,64px);
    }

.blog-sec .heading1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width:766px) {
    .blog-sec .heading1 {
        row-gap: 16px;
        justify-content: center;
        text-align: center;
    }
}

.blog-sec .heading1 .search-container {
    position: relative;
}

    .blog-sec .heading1 .search-container .search-icon {
        position: absolute;
        top: 50%;
        left: clamp(12px,0.833vw,32px);
        transform: translateY(-50%);
        color: #92949F;
        font-size: 20px;
    }

    .blog-sec .heading1 .search-container .search-form {
        border-radius: clamp(12px,0.833vw,32px) !important;
        color: #92949F;
        width: 100%;
        padding-left: 50px;
        line-height: normal;
        position: relative;
        font-size: 1rem;
    }

@media (max-width:768px) {
    .blog-sec .heading1 .search-container .search-icon {
        font-size: 1.2rem;
        left: clamp(12px,0.625vw,24px);
    }

    .blog-sec .heading1 .search-container .search-form {
        padding-left: 36px;
        font-size: 0.9rem;
    }
}

@media (max-width:480px) {
    .blog-sec .heading1 .search-container .search-icon {
        font-size: 1rem;
        left: 12px;
    }

    .blog-sec .heading1 .search-container .search-form {
        padding-left: 32px;
        font-size: 0.8rem;
    }
}

.blog-sec .heading1 .drop-container {
    border: 1px solid #92949F;
    background-color: #FFFFFF;
    padding: clamp(12px,0.781vw,32px) clamp(18px,1.25vw,48px);
    border-radius: clamp(12px,0.833vw,32px);
}

    .blog-sec .heading1 .drop-container .wrapper-dropdown {
        display: inline-flex;
        align-items: center;
        gap: clamp(4px,0.417vw,16px);
        position: relative;
        width: fit-content;
        width: 100%;
        text-align: left;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .blog-sec .heading1 .drop-container .wrapper-dropdown .selected-display {
            color: #92949F !important;
            font-weight: 400;
            line-height: 160%;
        }

        .blog-sec .heading1 .drop-container .wrapper-dropdown::before {
            position: absolute;
            top: 50%;
            right: 16px;
            margin-top: -2px;
            border-width: 6px 6px 0 6px;
            border-style: solid;
            border-color: #fff transparent;
        }

        .blog-sec .heading1 .drop-container .wrapper-dropdown .topbar-dropdown {
            width: 115%;
            overflow: hidden;
            box-shadow: 0px 3px 6px 0px #92949F;
            background: #FFFFFF;
            color: #141516 !important;
            transition: 0.3s;
            position: absolute;
            top: 167%;
            right: 0;
            left: -2px;
            margin: 0;
            padding: 0;
            list-style: none;
            z-index: 99;
            border-radius: 16px;
            -webkit-transform-origin: top;
            -moz-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            opacity: 0;
            visibility: hidden;
        }

            .blog-sec .heading1 .drop-container .wrapper-dropdown .topbar-dropdown li {
                color: #1E1F20 !important;
                font-weight: 500;
                padding: 0 15px;
                line-height: 45px;
                border-radius: 0;
                overflow: hidden;
                transition: all 0.3s ease-in-out;
            }

                .blog-sec .heading1 .drop-container .wrapper-dropdown .topbar-dropdown li:last-child {
                    border-bottom: none;
                }

                .blog-sec .heading1 .drop-container .wrapper-dropdown .topbar-dropdown li:hover {
                    transition: all 0.3s ease-in-out;
                    background-color: #F96304;
                    color: #FFFFFF !important;
                }

        .blog-sec .heading1 .drop-container .wrapper-dropdown.active .topbar-dropdown {
            opacity: 1;
            visibility: visible;
            border-radius: 5px;
        }

        .blog-sec .heading1 .drop-container .wrapper-dropdown .scrollable-menu {
            height: auto;
            max-height: 200px;
            overflow-x: hidden;
        }

        .blog-sec .heading1 .drop-container .wrapper-dropdown .arrow {
            float: right;
            rotate: 180deg;
        }

        .blog-sec .heading1 .drop-container .wrapper-dropdown svg {
            transition: all 0.3s;
        }

        .blog-sec .heading1 .drop-container .wrapper-dropdown .rotated {
            transform: rotate(-180deg);
        }

    .blog-sec .heading1 .drop-container .box-container {
        transition: all 0.3s ease-in-out;
    }

        .blog-sec .heading1 .drop-container .box-container .img-box {
            display: flex;
            justify-content: center;
        }

        .blog-sec .heading1 .drop-container .box-container .content-box {
            border-radius: clamp(18px,1.25vw,48px);
            background-color: #FFFFFF;
            border: 1px solid #45474F;
            padding: clamp(150px,11.198vw,250px) clamp(24px,1.667vw,64px) clamp(24px,1.667vw,64px) clamp(24px,1.667vw,64px);
            margin-top: -260px;
            transition: all 0.3s ease-in-out;
        }

@media (max-width:1499px) {
    .blog-sec .heading1 .drop-container .box-container .content-box {
        margin-top: clamp(-150px,-13.542vw,-290px);
    }
}

.blog-sec .heading1 .drop-container .box-container:hover {
    color: #FFFFFF;
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

@media (max-width:575px) {
    .blog-sec .heading1 .drop-container .box-container:hover {
        transform: none;
    }
}

.blog-sec .heading1 .drop-container .box-container:hover .content-box {
    border: none;
    color: #FFFFFF !important;
    background-color: #F96304;
    transition: all 0.3s ease-in-out;
}

    .blog-sec .heading1 .drop-container .box-container:hover .content-box .content-text {
        color: #FFFFFF;
    }

    .blog-sec .heading1 .drop-container .box-container:hover .content-box .content-text-1 {
        color: #F0F8FF;
    }

    .blog-sec .heading1 .drop-container .box-container:hover .content-box .cus-btn {
        background-color: #F0F8FF !important;
    }

        .blog-sec .heading1 .drop-container .box-container:hover .content-box .cus-btn:before {
            content: "";
            background-color: #F0F8FF;
            transition: all 0.3s ease-in-out;
        }

.blog-sec .blog-1 .blog-img {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    width: 100%;
    border-radius: clamp(18px,1.25vw,48px);
}

    .blog-sec .blog-1 .blog-img img {
        width: 100%;
        object-fit: cover;
        transition: all 0.3s ease-in-out;
    }

.blog-sec .blog-1 .blog-conetent .blog-label {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: clamp(28px,2.5vw,68px);
}

    .blog-sec .blog-1 .blog-conetent .blog-label svg path {
        fill: #92949F !important;
    }

    .blog-sec .blog-1 .blog-conetent .blog-label .subtitle {
        color: #92949F !important;
    }

.blog-sec .blog-1 .blog-conetent .blog-btn {
    display: inline-flex;
    align-items: center;
    gap: clamp(4px,0.417vw,16px);
    transition: all 0.3s ease-in-out;
}

    .blog-sec .blog-1 .blog-conetent .blog-btn span {
        transition: all 0.3s ease-in-out;
    }

        .blog-sec .blog-1 .blog-conetent .blog-btn span svg {
            transition: all 0.3s ease-in-out;
        }

            .blog-sec .blog-1 .blog-conetent .blog-btn span svg path {
                transition: all 0.3s ease-in-out;
            }

.blog-sec .blog-1:hover {
    border-radius: clamp(18px,1.25vw,48px);
}

    .blog-sec .blog-1:hover .blog-img {
        overflow: hidden;
        border-radius: clamp(18px,1.25vw,48px);
    }

        .blog-sec .blog-1:hover .blog-img img {
            border-radius: clamp(18px,1.25vw,48px);
            transform: scale(1.1);
        }

    .blog-sec .blog-1:hover span {
        color: #102039 !important;
    }

        .blog-sec .blog-1:hover span svg {
            transform: rotate(-30deg);
        }

            .blog-sec .blog-1:hover span svg path {
                fill: #102039;
            }

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none;
}

.lang_cont {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 9999;
    background-color: #fff;
    padding: 10px;
    height: 100vh;
    overflow-x: hidden;
    display: none;
    box-shadow: 2px 6px 15px 15px rgba(69,65,78,.1);
}

.lang {
    margin-top: 40px;
}

    .lang li {
        line-height: 40px;
        border-bottom: solid 1px #dddddd;
    }

        .lang li span {
            font-size: 14px;
        }

.lang-close {
    float: right;
    width: 30px;
    height: 30px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 99999;
    display: none;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.lang li:hover a span {
    color: #F02830;
}

.lang-close i {
    color: #F96304;
}

#onlineService {
    display: none;
}

.footer-widget h5 i {
    display: none;
}

.section-title h2, .services-sec h2, .testimonials-sec h2, .our-product-sec h2, .why-choose-sec h2, .appointment-sec h2, .blog-sec h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.why-choose-sec h5 {
    font-size: 30px;
}

.link-wrapper h5 {
    font-size: 30px;
}

.hnbh {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.blog-conetent .mb-24 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

@media(max-width:1400px) {
    .why-choose-sec h5 {
        font-size: 26px;
    }

    .section-title h2, .services-sec h2, .testimonials-sec h2, .our-product-sec h2, .why-choose-sec h2, .appointment-sec h2, .blog-sec h2 {
        font-size: 26px;
    }

    .link-wrapper h5 {
        font-size: 26px;
    }
}

@media(max-width:768px) {
    .why-choose-sec h5 {
        font-size: 20px;
    }

    .link-wrapper h5 {
        font-size: 20px;
    }

    .section-title h2, .services-sec h2, .testimonials-sec h2, .our-product-sec h2, .why-choose-sec h2, .appointment-sec h2, .blog-sec h2 {
        font-size: 20px;
    }

    .lang_cont {
        width: 200px;
    }

    .showBtn {
        display: none;
    }

    .footer-widget h5 i {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        cursor: pointer;
        color: #fff;
    }

    .list-area {
        display: none !important;
    }

    .active .list-area li {
        line-height: 30px;
    }

    .active h5 i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .active .list-area {
        display: block !important;
    }

    .footer .col-6 {
        width: 100%;
    }

    .footer {
        padding-bottom: 15%;
    }

    .footer-widget {
        border-bottom: solid 1px rgba(255,255,255,.2);
        position: relative;
        width: 100%;
    }

        .footer-widget h5 {
            position: relative;
        }

    #onlineService {
        display: block;
    }

    #onlineService {
        overflow: visible;
    }

    #onlineService {
        position: fixed;
        z-index: 9999;
        bottom: 0;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .offside {
        display: flex;
        width: 100%
    }

        .offside li {
            flex-grow: 1;
            flex: 1;
            text-align: center;
            width: auto;
            height: 60px;
            background: #F96304 !important;
            border-bottom: none !important;
            border-right: 1px solid rgba(255,255,255,0.15)
        }

            .offside li i {
                color: #fff !important;
                font-size: 20px !important;
                line-height: 60px !important;
                padding: 0;
                font-size: 22px !important
            }

            .offside li.tel {
                width: 47px;
                transform: translateX(0);
                -webkit-transform: translateX(0)
            }

            .offside li:last-child {
                display: none
            }

            .offside li p {
                display: none !important
            }

            .offside li a {
                position: static;
                display: inline-block
            }

    .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a {
        width: 100%;
        font-size: 14PX;
    }

    .services-sec .services-slider .service-block-1 .service-content .service-title a {
        font-size: 20PX;
    }
}