/* Font Family*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/* ========================= Css Variables Start ======================== */
:root {
    /* Font Family */
    --heading-font: "Montserrat", serif;
    --body-font: "Montserrat", serif;
    --inter-font: "Inter", serif;
    /* ========================= Theme Color Start ============================= */
    /* Base Color */
    --base-h: 215;
    --base-s: 91%;
    --base-l: 18%;
    --base: var(--base-h) var(--base-s) var(--base-l);
    --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1);
    --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2);
    --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3);
    --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4);
    --base-d-500: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.5);
    --base-d-600: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.6);
    --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7);
    --base-d-800: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.8);
    --base-d-900: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.9);
    --base-d-1000: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 1);
    --base-l-100: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.1);
    --base-l-200: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.2);
    --base-l-300: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.3);
    --base-l-400: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.4);
    --base-l-500: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.5);
    --base-l-600: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.6);
    --base-l-700: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.7);
    --base-l-800: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.8);
    --base-l-900: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.9);
    --base-l-1000: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 1);
    /* Base Two Color */
    --base-two-h: 218;
    --base-two-s: 87%;
    --base-two-l: 33%;
    --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l);
    --base-two-d-100: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.1);
    --base-two-d-200: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.2);
    --base-two-d-300: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.3);
    --base-two-d-400: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.4);
    --base-two-d-500: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.5);
    --base-two-d-600: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.6);
    --base-two-d-700: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.7);
    --base-two-d-800: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.8);
    --base-two-d-900: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.9);
    --base-two-d-1000: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 1);
    --base-two-l-100: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.1);
    --base-two-l-200: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.2);
    --base-two-l-300: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.3);
    --base-two-l-400: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.4);
    --base-two-l-500: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.5);
    --base-two-l-600: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.6);
    --base-two-l-700: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.7);
    --base-two-l-800: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.8);
    --base-two-l-900: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.9);
    --base-two-l-1000: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 1);
    /* ========================= Theme Color End ============================= */
    /* ========================= Color Variables Start =========================== */
    --white: 0 0% 100%;
    --body-color: 0 0% 13%;
    --body-color-two: 0 0% 35%;
    --body-color-three: 228 97% 12%;
    --body-color-four: 0 0% 78%;
    --body-color-five: 0 0% 58%;
    --heading-color: 0 0% 20%;
    --heading-color-two: 215 94% 6%;
    --black: 0 0% 0%;
    --gray: 0 0% 74%;
    --border-color: 227 33% 89%;
    --border-color-two: 221 23% 71%;
    --border-color-three: 120 17% 88%;
    --card-bg: 224 52% 96%;
    --card-bg-two: 210 70% 96%;
    --heading-bg: 240 8% 97%;
    --section-bg: 228 91% 96%;
    --section-bg-two: 215 91% 13%;
    --section-bg-three: 218 19% 92%;
    --section-bg-four: 0 0% 81%;
    --background-color: #F8F9FD;
    /* ================================ Box Shadow Start =============================== */
    --header-box-shadow: 0px 1px 10px hsl(var(--black) /.08);
    --box-shadow: 0px 1px 5px hsl(var(--black)/.08);
    --box-shadow-two: -11px 17px 22px 0px rgba(229, 228, 235, 0.40);
    --box-shadow-three: 0px -30px 90px 0px hsl(var(--black)/.15);
    /* ================================ Box Shadow End =============================== */
    /* ============================== Bootstrap Modifier Start ============================== */
    /* Primary Color */
    --primary-h: 211;
    --primary-s: 95%;
    --primary-l: 45%;
    --primary: var(--primary-h) var(--primary-s) var(--primary-l);
    --primary-d-100: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.1);
    --primary-d-200: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.2);
    --primary-d-300: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.3);
    --primary-d-400: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.4);
    --primary-d-500: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.5);
    --primary-l-100: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.1);
    --primary-l-200: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.2);
    --primary-l-300: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.3);
    --primary-l-400: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.4);
    --primary-l-500: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.5);
    /* Secondary Color */
    --secondary-h: 208;
    --secondary-s: 7%;
    --secondary-l: 46%;
    --secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l);
    --secondary-d-100: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.1);
    --secondary-d-200: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.2);
    --secondary-d-300: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.3);
    --secondary-d-400: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.4);
    --secondary-d-500: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.5);
    --secondary-l-100: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.1);
    --secondary-l-200: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.2);
    --secondary-l-300: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.3);
    --secondary-l-400: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.4);
    --secondary-l-500: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.5);
    /* Success Color */
    --success-h: 112;
    --success-s: 100%;
    --success-l: 40%;
    --success: var(--success-h) var(--success-s) var(--success-l);
    --success-d-100: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.1);
    --success-d-200: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.2);
    --success-d-300: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.3);
    --success-d-400: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.4);
    --success-d-500: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.5);
    --success-l-100: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.1);
    --success-l-200: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.2);
    --success-l-300: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.3);
    --success-l-400: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.4);
    --success-l-500: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.5);
    /* Danger Color */
    --danger-h: 4;
    --danger-s: 68%;
    --danger-l: 45%;
    --danger: var(--danger-h) var(--danger-s) var(--danger-l);
    --danger-d-100: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.1);
    --danger-d-200: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.2);
    --danger-d-300: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.3);
    --danger-d-400: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.4);
    --danger-d-500: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.5);
    --danger-l-100: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.1);
    --danger-l-200: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.2);
    --danger-l-300: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.3);
    --danger-l-400: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.4);
    --danger-l-500: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.5);
    /* Warning Color */
    --warning-h: 37;
    --warning-s: 90%;
    --warning-l: 51%;
    --warning: var(--warning-h) var(--warning-s) var(--warning-l);
    --warning-d-100: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.1);
    --warning-d-200: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.2);
    --warning-d-300: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.3);
    --warning-d-400: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.4);
    --warning-d-500: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.5);
    --warning-l-100: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.1);
    --warning-l-200: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.2);
    --warning-l-300: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.3);
    --warning-l-400: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.4);
    --warning-l-500: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.5);
    /* Info Color */
    --info-h: 196;
    --info-s: 100%;
    --info-l: 50%;
    --info: var(--info-h) var(--info-s) var(--info-l);
    --info-d-100: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.1);
    --info-d-200: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.2);
    --info-d-300: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.3);
    --info-d-400: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.4);
    --info-d-500: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.5);
    --info-l-100: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.1);
    --info-l-200: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.2);
    --info-l-300: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.3);
    --info-l-400: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.4);
    --info-l-500: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.5);
    /* Dark Color */
    --dark-h: 0;
    --dark-s: 0%;
    --dark-l: 13%;
    --dark: var(--dark-h) var(--dark-s) var(--dark-l);
    --dark-d-100: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.1);
    --dark-d-200: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.2);
    --dark-d-300: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.3);
    --dark-d-400: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.4);
    --dark-d-500: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.5);
    --dark-l-100: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.1);
    --dark-l-200: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.2);
    --dark-l-300: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.3);
    --dark-l-400: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.4);
    --dark-l-500: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.5);
    /* Purple Color */
    --light-h: 0;
    --light-s: 0%;
    --light-l: 98%;
    --light: var(--light-h) var(--light-s) var(--light-l);
    --light-d-100: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.1);
    --light-d-200: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.2);
    --light-d-300: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.3);
    --light-d-400: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.4);
    --light-d-500: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.5);
    --light-l-100: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.1);
    --light-l-200: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.2);
    --light-l-300: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.3);
    --light-l-400: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.4);
    --light-l-500: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.5);
    /* ============================== Bootstrap Modifier End ============================== */
}

/* ========================= Css Variables End =========================== */
/* ============================= Fully Fit Image Css Start ============================= */
.fit-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* ============================= Fully Fit Image Css End ============================= */
/* ============================= Display Flex Css Start ============================= */
.flex-wrap,
.afrem-curx-monx-wrapper,
.about-item,
.form--switch,
.form--radio,
.form--check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-align,
.exchange-rate-chart-card__filter,
.exchange-rate-chart-card__calculation,
.page-details-sidebar,
.career-tag,
.blog-details__author,
.blog-details__metainfo,
.blog-item__author,
.blog-item__bottom,
.blog-banner .blog-banner-item__meta,
.account-terms__buttons,
.testimonial-item__author,
.global-money-card form .currency-dropdown__list-item .content,
.banner-content__buttons,
.banner-content__status,
.rating-list,
.breadcrumb-list,
.footer-menu__link.whatsapp,
.list-group .list-group-item__right,
.list-group .list-group-item__left,
.alert__inner,
.action-buttons,
.wallet-modal .wallet-modal-list__item-info-wrapper,
.currency-dropdown__list-item,
.currency-dropdown__selected,
.edit-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-center,
.account-section.two,
.download-app-content__buttons,
.social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-between,
.exchange-rate-conversion-card__info,
.exchange-rate-conversion-card form .dropdown-input-wrapper,
.exchange-rate-card-wrapper,
.review-item__top,
.comming-soon-content__thumb,
.get-in-touch,
.contact-info-wrapper,
.contact-content__top,
.contact-banner,
.career-item,
.account-section__inner,
.flag-row,
.global-money-card__list-item,
.list-group .list-group-item,
.wallet-modal .wallet-modal-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* ============================= Display Flex Css End ============================= */
/* ============================= Positioning Css Class Start ===================== */
.pa-extend {
    position: absolute;
    content: "";
}

.top-center-extend,
.custom--accordion .accordion-button[aria-expanded=true]::after,
.custom--accordion .accordion-button[aria-expanded=false]::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.left-center-extend {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.top-left-center-extend {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ============================= Positioning Css Class End ===================== */
/* ===================== Font Size For Responsive Devices Start =================== */
.fs-10 {
    font-size: 0.625rem;
}

.fs-11 {
    font-size: 0.6875rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-13 {
    font-size: 0.8125rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-15 {
    font-size: 0.9375rem;
}

.fs-16 {
    font-size: 1rem;
}

@media screen and (max-width: 1199px) {
    .fs-16 {
        font-size: 0.9375rem;
    }
}

.fs-17 {
    font-size: 1.0625rem;
}

@media screen and (max-width: 1199px) {
    .fs-17 {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .fs-17 {
        font-size: 0.9375rem;
    }
}

.fs-18 {
    font-size: 1.125rem;
}

@media screen and (max-width: 1399px) {
    .fs-18 {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 767px) {
    .fs-18 {
        font-size: 1rem;
    }
}

.fs-20 {
    font-size: 1.25rem;
}

@media screen and (max-width: 1399px) {
    .fs-20 {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .fs-20 {
        font-size: 1.0625rem;
    }
}

/* ===================== Font Size For Responsive Devices End =================== */
/* ================================= Common Typography Css Start =========================== */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: var(--body-font);
    color: hsl(var(--body-color));
    word-break: break-word;
    background-color: var(--background-color);
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
}

p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    color: hsl(var(--body-color));
}

@media screen and (max-width: 991px) {
    p {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 575px) {
    p {
        font-size: 0.875rem;
    }
}

span {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    color: hsl(var(--black));
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 10px 0;
}

@media screen and (max-width: 1199px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 8px 0;
    }
}

@media screen and (max-width: 991px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 7px 0;
    }
}

@media screen and (max-width: 575px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 5px 0;
    }
}

h1 {
    font-size: 5.19rem;
    line-height: 1.1;
}

@media screen and (max-width: 1399px) {
    h1 {
        font-size: 4.54875rem;
    }
}

@media screen and (max-width: 1199px) {
    h1 {
        font-size: 3.8rem;
    }
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 3.65rem;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 3.4375rem;
    }
}

@media screen and (max-width: 575px) {
    h1 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 424px) {
    h1 {
        font-size: 2.6875rem;
    }
}

@media screen and (max-width: 374px) {
    h1 {
        font-size: 2.25rem;
    }
}

h2 {
    font-size: 40px;
}

@media screen and (max-width: 1399px) {
    h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1199px) {
    h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    h2 {
     
        font-size: 40px;
    }
}

@media screen and (max-width: 575px) {
    h2 {
        font-size: 28px;
       
    }
}

@media screen and (max-width: 424px) {
    h2 {
        font-size: 1.75rem;
    }
}

h3 {
    font-size: 4rem;
  
    line-height: 1.14;
    font-weight: 600;
}

@media screen and (max-width: 1399px) {
    h3 {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 1199px) {
    h3 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 991px) {
    h3 {
        font-size: 2.625rem;
    }
}

@media screen and (max-width: 767px) {
    h3 {
        font-size: 2.1875rem;
    }
}

@media screen and (max-width: 575px) {
    h3 {
        font-size: 1.875rem;
    }
}

h4 {
    font-size: 3.375rem;
    
    line-height: 1.1;
}

@media screen and (max-width: 1399px) {
    h4 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1199px) {
    h4 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    h4 {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    h4 {
      
        font-size: 40px;
    }
}

@media screen and (max-width: 575px) {
    h4 {
        font-size: 28px;
    }
}

@media screen and (max-width: 374px) {
    h4 {
        font-size: 28px;
    }
}

h5 {
    font-size: 2.375rem;
    line-height: 2.25;
  
}

@media screen and (max-width: 1399px) {
    h5 {
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 1199px) {
    h5 {
        font-size: 2.125rem;
    }
}

@media screen and (max-width: 991px) {
    h5 {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 767px) {
    h5 {
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 575px) {
    h5 {
        font-size: 1.5rem;
    }
}

h6 {
    font-size: 1.5rem;
    font-weight: 500;

    line-height: 1.29;
}

@media screen and (max-width: 1399px) {
    h6 {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1199px) {
    h6 {
        font-size: 1.3125rem;
    }
}

@media screen and (max-width: 991px) {
    h6 {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 767px) {
    h6 {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 575px) {
    h6 {
        font-size: 1.0625rem;
    }
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

a {
    display: inline-block;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    text-decoration: none;
    color: hsl(var(--base));
}

a:hover {
    color: hsl(var(--base-two));
}

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

select {
    cursor: pointer;
}

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

ul li,
ol li {
    font-size: 0.875rem;
}

button {
    border: 0;
    background-color: transparent;
}

button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-select:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ================================= Common Typography Css End =========================== */
/* ================================= Custom Classes Css Start =========================== */
@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1272px;
    }

    .container.wallet-container {
        max-width: 1320px;
    }
}

@media (min-width: 1800px) {
    .container{
        max-width: 80%;
    }
}

@media (min-width: 1400px) {
    .custom-container {
        max-width: 1364px;
    }
}

@media (min-width: 1400px) {
    .custom-container-two {
        max-width: 1400px;
    }
}

@media screen and (min-width: 425px) and (max-width: 575px) {
    .col-xsm-6 {
        width: 50%;
    }
}

@media screen and (min-width: 425px) and (max-width: 575px) {
    .col-xsm-5 {
        width: 41.66666667%;
    }
}

@media screen and (min-width: 425px) and (max-width: 575px) {
    .col-xsm-7 {
        width: 58.33333333%;
    }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .col-xxsm-5 {
        width: 30%;
    }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .col-xxsm-7 {
        width: 70%;
    }
}

.section-bg {
    background-color: hsl(var(--section-bg));
}

.section-bg-two {
    background-color: hsl(var(--section-bg-two));
}

.section-bg-three {
    background-color: hsl(var(--section-bg-three));
}

.section-bg-four {
    background-color: hsl(var(--section-bg-four));
}

.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.scroll-hide {
    position: absolute;
    overflow-y: hidden;
    padding-right: 17px;
    top: 0;
    left: 0;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .scroll-hide {
        padding-right: 0;
    }
}

.scroll-hide-sm {
    position: absolute;
    overflow-y: hidden;
    top: 0;
    left: 0;
    width: calc(100% - 0px);
}

.body-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 99;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

.body-overlay.show {
    opacity: 1;
    visibility: visible;
}

.sidebar-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 99;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

.sidebar-overlay.show {
    visibility: visible;
    opacity: 1;
    z-index: 999;
}

.gradient-text {
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#042656));
    background: linear-gradient(180deg, #000000 0%, #042656 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text ::-moz-selection {
    background: hsl(var(--base));
    -webkit-background-clip: unset;
    -webkit-text-fill-color: hsl(var(--white));
    color: hsl(var(--white));
}

.gradient-text ::selection {
    background: hsl(var(--base));
    -webkit-background-clip: unset;
    -webkit-text-fill-color: hsl(var(--white));
    color: hsl(var(--white));
}

.gradient-text-two {
    background: linear-gradient(174deg, #F39C12 12.88%, #8D5B0A 112.43%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-two ::-moz-selection {
    background: hsl(var(--warning));
    -webkit-background-clip: unset;
    -webkit-text-fill-color: hsl(var(--white));
    color: hsl(var(--white));
}

.gradient-text-two ::selection {
    background: hsl(var(--warning));
    -webkit-background-clip: unset;
    -webkit-text-fill-color: hsl(var(--white));
    color: hsl(var(--white));
}

/* ================================= Custom Classes Css End =========================== */
/* ====================== Section Heading Css Start ==================== */
.section-heading {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 59px;
}

@media screen and (max-width: 1399px) {
    .section-heading {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .section-heading {
        margin-bottom: 42px;
    }
}

@media screen and (max-width: 991px) {
    .section-heading {
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 767px) {
    .section-heading {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 575px) {
    .section-heading {
        margin-bottom: 28px;
    }
}

.section-heading__subtitle {
    font-size: 16px;
    color: hsl(var(--black));
    font-weight: 600;
  
    border: 1px solid hsl(var(--border-color-two));
    border-radius: 500px;
    padding: 10px 24px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .section-heading__subtitle {
        font-size: 16px;
        padding: 10px 24px;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 1199px) {
    .section-heading__subtitle {
        font-size: 16px;
        margin-bottom: 6px;
        border-radius: 500px;
    }
}

@media screen and (max-width: 991px) {
    .section-heading__subtitle {
        font-size: 16px;
        padding: 12px 24px;
        margin-bottom: 5px;
        border-radius: 500px;
    }
}

@media screen and (max-width: 767px) {
    .section-heading__subtitle {
        font-size: 16px;
        padding: 6.5px 10px;
        margin-bottom: 3px;
        border-radius: 500px;
    }
}

@media screen and (max-width: 575px) {
    .section-heading__subtitle {
        font-size: 14px;
        padding: 10px 20px;
        margin-bottom: 20px;
    }
}

.section-heading.two .section-heading__subtitle {
    font-weight: 400;
}

.section-heading.two .section-heading__subtitle img {
    margin-left: 7px;
    max-width: 24px;
    max-height: 25px;
}

@media screen and (max-width: 1399px) {
    .section-heading.two .section-heading__subtitle img {
        margin-left: 6px;
        max-width: 23px;
        max-height: 24px;
    }
}

@media screen and (max-width: 1199px) {
    .section-heading.two .section-heading__subtitle img {
        margin-left: 5px;
        max-width: 21px;
        max-height: 22px;
    }
}

@media screen and (max-width: 991px) {
    .section-heading.two .section-heading__subtitle img {
        max-width: 20px;
        max-height: 21px;
    }
}

@media screen and (max-width: 575px) {
    .section-heading.two .section-heading__subtitle img {
        max-width: 18px;
        max-height: 19px;
    }
}

@media screen and (max-width: 374px) {
    .section-heading.three .section-heading__subtitle {
        font-size: 0.875rem;
    }
}

.section-heading.four {
    text-align: start;
    margin-bottom: 16px;
}

@media screen and (max-width: 575px) {
    .section-heading.four {
        margin-bottom: 10px;
    }
}

.section-heading.four .section-heading__title {
    font-size: 2.625rem;
    font-weight: 700;
    letter-spacing: normal;
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .section-heading.four .section-heading__title {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 1199px) {
    .section-heading.four .section-heading__title {
        font-size: 2.375rem;
        line-height: 1;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 991px) {
    .section-heading.four .section-heading__title {
        font-size: 2.125rem;
    }
}

@media screen and (max-width: 767px) {
    .section-heading.four .section-heading__title {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .section-heading.four .section-heading__title {
        font-size: 1.5625rem;
    }
}

@media screen and (max-width: 424px) {
    .section-heading.four .section-heading__title {
        font-size: 1.4375rem;
    }
}

.section-heading.four .section-heading__desc {
    font-size: 1.125rem;
    line-height: 1.7;
    color: hsl(var(--black));
}

@media screen and (max-width: 1199px) {
    .section-heading.four .section-heading__desc {
        font-size: 1.0625rem;
        line-height: 1.5;
    }
}

@media screen and (max-width: 991px) {
    .section-heading.four .section-heading__desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 374px) {
    .section-heading.four .section-heading__desc {
        font-size: 0.9375rem;
    }
}

/* ====================== Section Heading Css End ==================== */
/* ================================= Background Color Css Start =========================== */
.bg--base {
    background-color: hsl(var(--base)) !important;
}

.bg--primary {
    background-color: hsl(var(--primary)) !important;
}

.bg--secondary {
    background-color: hsl(var(--secondary)) !important;
}

.bg--success {
    background-color: hsl(var(--success)) !important;
}

.bg--danger {
    background-color: hsl(var(--danger)) !important;
}

.bg--warning {
    background-color: hsl(var(--warning)) !important;
}

.bg--info {
    background-color: hsl(var(--info)) !important;
}

.bg--light {
    background-color: hsl(var(--light)) !important;
}

.bg--dark {
    background-color: hsl(var(--dark)) !important;
}

/* ================================= Background Color Css End =========================== */
/* ================================= Color Css Start =========================== */
.text--base {
    color: hsl(var(--base)) !important;
}

.text--primary {
    color: hsl(var(--primary)) !important;
}

.text--secondary {
    color: hsl(var(--secondary)) !important;
}

.text--success {
    color: hsl(var(--success)) !important;
}

.text--danger {
    color: hsl(var(--danger)) !important;
}

.text--warning {
    color: hsl(var(--warning)) !important;
}

.text--info {
    color: hsl(var(--info)) !important;
}

.text--light {
    color: hsl(var(--light)) !important;
}

.text--dark {
    color: hsl(var(--dark)) !important;
}

/* ================================= Color Css End =========================== */
/* ================================= Border Color Css Start =========================== */
.border--base {
    border-color: hsl(var(--base)) !important;
}

.border--primary {
    border-color: hsl(var(--primary)) !important;
}

.border--secondary {
    border-color: hsl(var(--secondary)) !important;
}

.border--success {
    border-color: hsl(var(--success)) !important;
}

.border--danger {
    border-color: hsl(var(--danger)) !important;
}

.border--warning {
    border-color: hsl(var(--warning)) !important;
}

.border--info {
    border-color: hsl(var(--info)) !important;
}

.border--light {
    border-color: hsl(var(--light)) !important;
}

.border--dark {
    border-color: hsl(var(--dark)) !important;
}

/* ================================= Border Color Css End =========================== */
/* ================================= Margin Css Start =========================== */
.my-120 {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media (min-width: 576px) {
    .my-120 {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

@media (min-width: 992px) {
    .my-120 {
        margin-top: 120px;
        margin-bottom: 120px;
    }
}

.mt-120 {
    margin-top: 60px;
}

@media (min-width: 576px) {
    .mt-120 {
        margin-top: 80px;
    }
}

@media (min-width: 992px) {
    .mt-120 {
        margin-top: 120px;
    }
}

.mb-120 {
    margin-bottom: 60px;
}

@media (min-width: 576px) {
    .mb-120 {
        margin-bottom: 80px;
    }
}

@media (min-width: 992px) {
    .mb-120 {
        margin-bottom: 120px;
    }
}

.my-60 {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .my-60 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .my-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.mt-60 {
    margin-top: 30px;
}

@media (min-width: 576px) {
    .mt-60 {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .mt-60 {
        margin-top: 60px;
    }
}

.mb-60 {
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .mb-60 {
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .mb-60 {
        margin-bottom: 60px;
    }
}

/* ================================= Margin Css End =========================== */
/* ================================= Padding Css Start =========================== */
.py-100 {
    padding-top: 50px;
    padding-bottom: 150px;
}

@media (max-width: 576px) {
    .py-100 {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

@media (min-width: 992px) {
    .py-100 {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}

.pt-100 {
    padding-top: 50px;
}

@media (min-width: 576px) {
    .pt-100 {
        padding-top: 50px;
    }
}

@media (min-width: 992px) {
    .pt-100 {
        padding-top: 50px;
    }
}

.pb-100 {
    padding-bottom: 25px;
}

@media (min-width: 576px) {
    .pb-100 {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .pb-100 {
        padding-bottom: 50px;
    }
}

.py-60 {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 576px) {
    .py-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .py-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.pt-60 {
    padding-top: 30px;
}

@media (min-width: 576px) {
    .pt-60 {
        padding-top: 40px;
    }
}

@media (min-width: 992px) {
    .pt-60 {
        padding-top: 60px;
    }
}

.pb-60 {
    padding-bottom: 30px;
}

@media (min-width: 576px) {
    .pb-60 {
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .pb-60 {
        padding-bottom: 60px;
    }
}

/* ================================= Padding Css End =========================== */
/* =========================== Accordion Css start ============================= */
.custom--accordion .accordion-item {
    border: 1px solid hsl(var(--border-color));
    background-color: hsl(var(--white)) !important;
    border-radius: 5px;
    overflow: hidden;
}

.custom--accordion .accordion-item:not(:last-child) {
    margin-bottom: 20px;
}

.custom--accordion .accordion-header {
    line-height: 1;
}

.custom--accordion .accordion-body {
    font-size: 0.9375rem;
    color: hsl(var(--body-color));
    background-color: hsl(var(--white));
    padding: 20px 15px;
}

@media screen and (max-width: 575px) {
    .custom--accordion .accordion-body {
        font-size: 0.875rem;
        padding: 15px 10px;
    }
}

.custom--accordion:first-of-type .accordion-button.collapsed {
    border-radius: 5px;
}

.custom--accordion:last-of-type .accordion-button.collapsed {
    border-radius: 5px;
}

.custom--accordion .accordion-button {
    background-color: transparent;
    color: var(--heading-color);
    font-size: 1rem;
    font-weight: 500;
    padding: 15px;
    padding-right: 45px;
}

@media screen and (max-width: 575px) {
    .custom--accordion .accordion-button {
        padding: 15px 10px;
        padding-right: 30px;
    }
}

.custom--accordion .accordion-button::after {
    background-image: none;
}

.custom--accordion .accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom--accordion .accordion-button:not(.collapsed) {
    color: hsl(var(--heading-color));
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom--accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    color: hsl(var(--base));
}

.custom--accordion .accordion-button[aria-expanded=true]::after,
.custom--accordion .accordion-button[aria-expanded=false]::after {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\f068";
    display: inline-block;
    position: absolute;
    right: 15px;
    height: unset;
    color: inherit;
}

@media screen and (max-width: 575px) {

    .custom--accordion .accordion-button[aria-expanded=true]::after,
    .custom--accordion .accordion-button[aria-expanded=false]::after {
        right: 8px;
    }
}

.custom--accordion .accordion-button[aria-expanded=false]::after {
    content: "\f067";
    color: inherit;
}

/* ================================= Accordion Css End =========================== */
/* ================================= Button Css Start =========================== */
.btn {
    position: relative;
    font-family: var(--body-font);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: hsl(var(--white)) !important;
    padding: 16px 24px;
    border: 1px solid transparent;
    border-radius: 10px;
    z-index: 1;
    display: inline-block;
}

@media screen and (max-width: 1399px) {
    .btn {
        border-radius: 14px;
        padding: 16px 35px;
    }
}

@media screen and (max-width: 1199px) {
    .btn {
        border-radius: 12px;
        padding: 15px 30px;
    }
}

@media screen and (max-width: 991px) {
    .btn {
        border-radius: 10px;
        font-size: 0.9375rem;
        padding: 14.5px 24px;
    }
}

@media screen and (max-width: 767px) {
    .btn {
        padding: 13.5px 20px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 575px) {
    .btn {
        font-size: 0.875rem;
        padding: 13px 18px;
        border-radius: 7px;
    }
}

.btn:hover,
.btn:focus,
.btn:focus-visible {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn:active {
    top: 1px;
}

.btn--lg {
    font-size: 1.5rem;
    padding: 17px 24px;
}

@media screen and (max-width: 1399px) {
    .btn--lg {
        font-size: 1.375rem;
        padding: 16px 22px;
    }
}

@media screen and (max-width: 1199px) {
    .btn--lg {
        font-size: 1.25rem;
        padding: 15px 20px;
    }
}

.btn--base {
    background-color: hsl(var(--base)) !important;
}

.btn--base:hover,
.btn--base:focus .btn--base:focus-visible {
    background-color: hsl(var(--base-d-100)) !important;
    border: 1px solid hsl(var(--base-d-100)) !important;
}

.btn-outline--base {
    background-color: transparent !important;
    border: 1px solid hsl(var(--base)) !important;
    color: hsl(var(--base)) !important;
}

.btn-outline--base:hover,
.btn-outline--base:focus .btn-outline--base:focus-visible {
    background-color: hsl(var(--base)) !important;
    color: hsl(var(--white)) !important;
}

.btn--base-two {
    background-color: hsl(var(--base-two)) !important;
}

.btn--base-two:hover,
.btn--base-two:focus .btn--base-two:focus-visible {
    background-color: hsl(var(--base-two-d-100)) !important;
    border: 1px solid hsl(var(--base-two-d-100)) !important;
}

.btn-outline--base-two {
    background-color: transparent !important;
    border: 1px solid hsl(var(--base-two)) !important;
    color: hsl(var(--base-two)) !important;
}

.btn-outline--base-two:hover,
.btn-outline--base-two:focus .btn-outline--base-two:focus-visible {
    background-color: hsl(var(--base-two)) !important;
    color: hsl(var(--white)) !important;
}

.btn--primary {
    background-color: hsl(var(--primary)) !important;
}

.btn--primary:hover,
.btn--primary:focus .btn--primary:focus-visible {
    background-color: hsl(var(--primary-d-100)) !important;
    border: 1px solid hsl(var(--primary-d-100)) !important;
}

.btn-outline--primary {
    background-color: transparent !important;
    border: 1px solid hsl(var(--primary)) !important;
    color: hsl(var(--primary)) !important;
}

.btn-outline--primary:hover,
.btn-outline--primary:focus .btn-outline--primary:focus-visible {
    background-color: hsl(var(--primary)) !important;
    color: hsl(var(--white)) !important;
}

.btn--secondary {
    background-color: hsl(var(--secondary)) !important;
}

.btn--secondary:hover,
.btn--secondary:focus .btn--secondary:focus-visible {
    background-color: hsl(var(--secondary-d-100)) !important;
    border: 1px solid hsl(var(--secondary-d-100)) !important;
}

.btn-outline--secondary {
    background-color: transparent !important;
    border: 1px solid hsl(var(--secondary)) !important;
    color: hsl(var(--secondary)) !important;
}

.btn-outline--secondary:hover,
.btn-outline--secondary:focus .btn-outline--secondary:focus-visible {
    background-color: hsl(var(--secondary)) !important;
    color: hsl(var(--white)) !important;
}

.btn--success {
    background-color: hsl(var(--success)) !important;
}

.btn--success:hover,
.btn--success:focus .btn--success:focus-visible {
    background-color: hsl(var(--success-d-100)) !important;
    border: 1px solid hsl(var(--success-d-100)) !important;
}

.btn-outline--success {
    background-color: transparent !important;
    border: 1px solid hsl(var(--success)) !important;
    color: hsl(var(--success)) !important;
}

.btn-outline--success:hover,
.btn-outline--success:focus .btn-outline--success:focus-visible {
    background-color: hsl(var(--success)) !important;
    color: hsl(var(--white)) !important;
}

.btn--danger {
    background-color: hsl(var(--danger)) !important;
}

.btn--danger:hover,
.btn--danger:focus .btn--danger:focus-visible {
    background-color: hsl(var(--danger-d-100)) !important;
    border: 1px solid hsl(var(--danger-d-100)) !important;
}

.btn-outline--danger {
    background-color: transparent !important;
    border: 1px solid hsl(var(--danger)) !important;
    color: hsl(var(--danger)) !important;
}

.btn-outline--danger:hover,
.btn-outline--danger:focus .btn-outline--danger:focus-visible {
    background-color: hsl(var(--danger)) !important;
    color: hsl(var(--white)) !important;
}

.btn--warning {
    background-color: hsl(var(--warning)) !important;
}

.btn--warning:hover,
.btn--warning:focus .btn--warning:focus-visible {
    background-color: hsl(var(--warning-d-100)) !important;
    border: 1px solid hsl(var(--warning-d-100)) !important;
}

.btn-outline--warning {
    background-color: transparent !important;
    border: 1px solid hsl(var(--warning)) !important;
    color: hsl(var(--warning)) !important;
}

.btn-outline--warning:hover,
.btn-outline--warning:focus .btn-outline--warning:focus-visible {
    background-color: hsl(var(--warning)) !important;
    color: hsl(var(--white)) !important;
}

.btn--info {
    background-color: hsl(var(--info)) !important;
}

.btn--info:hover,
.btn--info:focus .btn--info:focus-visible {
    background-color: hsl(var(--info-d-100)) !important;
    border: 1px solid hsl(var(--info-d-100)) !important;
}

.btn-outline--info {
    background-color: transparent !important;
    border: 1px solid hsl(var(--info)) !important;
    color: hsl(var(--info)) !important;
}

.btn-outline--info:hover,
.btn-outline--info:focus .btn-outline--info:focus-visible {
    background-color: hsl(var(--info)) !important;
    color: hsl(var(--white)) !important;
}

.btn--light {
    background-color: hsl(var(--light)) !important;
}

.btn--light:hover,
.btn--light:focus .btn--light:focus-visible {
    background-color: hsl(var(--light-d-100)) !important;
    border: 1px solid hsl(var(--light-d-100)) !important;
}

.btn-outline--light {
    background-color: transparent !important;
    border: 1px solid hsl(var(--light)) !important;
    color: hsl(var(--light)) !important;
}

.btn-outline--light:hover,
.btn-outline--light:focus .btn-outline--light:focus-visible {
    background-color: hsl(var(--light)) !important;
    color: hsl(var(--white)) !important;
}

.btn--dark {
    background-color: hsl(var(--dark)) !important;
}

.btn--dark:hover,
.btn--dark:focus .btn--dark:focus-visible {
    background-color: hsl(var(--dark-d-100)) !important;
    border: 1px solid hsl(var(--dark-d-100)) !important;
}

.btn-outline--dark {
    background-color: transparent !important;
    border: 1px solid hsl(var(--dark)) !important;
    color: hsl(var(--dark)) !important;
}

.btn-outline--dark:hover,
.btn-outline--dark:focus .btn-outline--dark:focus-visible {
    background-color: hsl(var(--dark)) !important;
    color: hsl(var(--white)) !important;
}

.btn--white {
    background-color: hsl(var(--white)) !important;
}

.btn--white:hover,
.btn--white:focus .btn--white:focus-visible {
    background-color: hsl(var(--white-d-100)) !important;
    border: 1px solid hsl(var(--white-d-100)) !important;
}

.btn-outline--white {
    background-color: transparent !important;
    border: 1px solid hsl(var(--white)) !important;
    color: hsl(var(--white)) !important;
}

.btn-outline--white:hover,
.btn-outline--white:focus .btn-outline--white:focus-visible {
    background-color: hsl(var(--white)) !important;
    color: hsl(var(--white)) !important;
}

.btn--base:hover {
    background-color: hsl(var(--base-two)) !important;
    border-color: hsl(var(--base-two)) !important;
}

.btn--base-two:hover {
    background-color: hsl(var(--base)) !important;
    border-color: hsl(var(--base)) !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: none;
    background-color: none;
    border-color: none;
}

.reset-btn {
    position: relative;
    color: hsl(var(--black));
    font-size: 0.875rem;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .reset-btn {
        font-size: 0.8125rem;
    }
}

.reset-btn::before,
.reset-btn::after {
    position: absolute;
    content: "";
    background: hsl(var(--black));
    width: 50%;
    height: 1px;
    left: 0;
    bottom: 3px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.reset-btn::after {
    left: unset;
    right: 0;
}

.reset-btn:hover {
    color: hsl(var(--danger));
}

.reset-btn:hover::before,
.reset-btn:hover::after {
    background: hsl(var(--danger));
    width: 25%;
}

.edit-btn {
    color: hsl(var(--base));
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 1rem;
    line-height: 1;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

@media screen and (max-width: 1199px) {
    .edit-btn {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 767px) {
    .edit-btn {
        font-size: 0.875rem;
    }
}

.edit-btn__icon {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media screen and (max-width: 1199px) {
    .edit-btn__icon {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 767px) {
    .edit-btn__icon {
        width: 16px;
        height: 16px;
    }
}

.edit-btn:hover {
    color: hsl(var(--base-two));
}

.copy-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    color: #292D32;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.copy-btn:hover {
    color: hsl(var(--base-two));
}

.pill {
    border-radius: 40px !important;
}

/* ================================= Button Css End =========================== */
/* ================================= Card Css Start =========================== */
.card {
    background-color: hsl(var(--white));
    border: 1px solid hsl(var(--border-color-two));
    border-radius: 10px;
}

.card .card-header {
    padding: 15px 15px 0;
    background-color: transparent;
    border: 0;
}

@media screen and (max-width: 424px) {
    .card .card-header {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.card .card-header select {
    min-width: 150px;
    width: auto;
    padding: 10px 15px !important;
    color: #584B13;
    font-size: 0.875rem;
    border-radius: 38px;
}

@media screen and (max-width: 575px) {
    .card .card-header select {
        padding: 10px 8px 10px 10px !important;
        min-width: 150px;
    }
}

.card .title {
    font-family: var(--heading-font);
    font-size: 0.875rem;
    font-weight: 500;
    color: hsl(var(--heading-color));
}

.card .card-body {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 18px 15px;
}

@media screen and (max-width: 424px) {
    .card .card-body {
        padding: 15px 10px;
    }
}

.card .card-footer {
    padding: 0 15px 15px;
    background-color: transparent;
    border: 0;
}

@media screen and (max-width: 424px) {
    .card .card-footer {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ================================= Card Css End =========================== */
/* ================================= Form Css Start =========================== */
.form-group {
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .form-group {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .form-group {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 991px) {
    .form-group {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    .form-group {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .form-group {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 424px) {
    .form-group {
        margin-bottom: 10px;
    }
}

.form--label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    color: hsl(var(--dark));
    margin-bottom: 13px;
}

@media screen and (max-width: 1399px) {
    .form--label {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .form--label {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .form--label {
        margin-bottom: 8px;
    }
}

.form--label.required {
    position: relative;
}

.form--label.required::after {
    content: "*";
    color: hsl(var(--danger)) !important;
    margin-left: 2px;
}

.form--control {
    width: 100%;
    background-color: hsl(var(--white));
    border: 1px solid hsl(var(--border-color));
    border-radius: 16px;
    outline: none;
    padding: 15.5px 23px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    color: hsl(var(--dark));
}

@media screen and (max-width: 1399px) {
    .form--control {
        border-radius: 14px;
        padding: 14.5px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .form--control {
        padding: 13.5px 16px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 991px) {
    .form--control {
        font-size: 0.9375rem;
        padding: 12.5px 14px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 767px) {
    .form--control {
        padding: 11.5px 13px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 575px) {
    .form--control {
        font-size: 0.875rem;
        padding: 11px 12px;
        border-radius: 7px;
    }
}

.form--control::-webkit-input-placeholder {
    color: hsl(var(--body-color-five));
    font-size: 1rem;
}

.form--control::-moz-placeholder {
    color: hsl(var(--body-color-five));
    font-size: 1rem;
}

.form--control:-ms-input-placeholder {
    color: hsl(var(--body-color-five));
    font-size: 1rem;
}

.form--control::-ms-input-placeholder {
    color: hsl(var(--body-color-five));
    font-size: 1rem;
}

.form--control::placeholder {
    color: hsl(var(--body-color-five));
    font-size: 1rem;
}

@media screen and (max-width: 991px) {
    .form--control::-webkit-input-placeholder {
        font-size: 0.9375rem;
    }

    .form--control::-moz-placeholder {
        font-size: 0.9375rem;
    }

    .form--control:-ms-input-placeholder {
        font-size: 0.9375rem;
    }

    .form--control::-ms-input-placeholder {
        font-size: 0.9375rem;
    }

    .form--control::placeholder {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 575px) {
    .form--control::-webkit-input-placeholder {
        font-size: 0.875rem;
    }

    .form--control::-moz-placeholder {
        font-size: 0.875rem;
    }

    .form--control:-ms-input-placeholder {
        font-size: 0.875rem;
    }

    .form--control::-ms-input-placeholder {
        font-size: 0.875rem;
    }

    .form--control::placeholder {
        font-size: 0.875rem;
    }
}

.form--control:focus {
    border-color: hsl(var(--base));
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form--control:disabled,
.form--control[readonly] {
    background-color: hsl(var(--white));
    color: hsl(var(--body-color-three)) !important;
    opacity: 1;
}

.form--control[type=password] {
    color: hsl(var(--base));
    font-weight: 700;
}

.form--control[type=password]::-webkit-input-placeholder {
    font-weight: 400;
}

.form--control[type=password]::-moz-placeholder {
    font-weight: 400;
}

.form--control[type=password]:-ms-input-placeholder {
    font-weight: 400;
}

.form--control[type=password]::-ms-input-placeholder {
    font-weight: 400;
}

.form--control[type=password]::placeholder {
    font-weight: 400;
}

.form--control[type=password]:focus {
    color: hsl(var(--heading-color));
}

.form--control[type=file] {
    line-height: 45px;
    padding: 0;
    position: relative;
}

@media screen and (max-width: 575px) {
    .form--control[type=file] {
        line-height: 40px;
    }
}

.form--control[type=file]::-webkit-file-upload-button {
    border: 0;
    padding: 3px 12px;
    border-radius: 3px;
    background-color: hsl(var(--base)) !important;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    line-height: 25px;
    position: relative;
    margin-left: 12px;
    color: hsl(var(--white)) !important;
    cursor: pointer;
}

.form--control[type=file]::file-selector-button {
    border: 0;
    padding: 3px 12px;
    border-radius: 3px;
    background-color: hsl(var(--base)) !important;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    line-height: 25px;
    position: relative;
    margin-left: 12px;
    color: hsl(var(--white)) !important;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .form--control[type=file]::-webkit-file-upload-button {
        font-size: 0.8125rem;
        padding: 2px 8px;
        margin-left: 8px;
    }

    .form--control[type=file]::file-selector-button {
        font-size: 0.8125rem;
        padding: 2px 8px;
        margin-left: 8px;
    }
}

.form--control[type=file]::-webkit-file-upload-button:hover {
    background-color: hsl(var(--base));
    color: hsl(var(--white));
}

.form--control[type=file]::file-selector-button:hover {
    background-color: hsl(var(--base));
    color: hsl(var(--white));
}

textarea.form--control {
    height: 130px;
}

select {
    position: relative;
    color: black !important;
}

select:focus {
    border-color: hsl(var(--base));
    color: hsl(var(--heading-color)) !important;
}

select option {
    background-color: hsl(var(--white));
    color: hsl(var(--dark));
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: hsl(var(--heading-color)) !important;
    caret-color: hsl(var(--heading-color));
}

/* input group */
.input--group {
    position: relative;
}

.password-show-hide {
    height: 100%;
    background: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 10px;
    font-size: 1.125rem;
    cursor: pointer;
    color: hsl(var(--body-color-five));
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
}

.password-show-hide:hover {
    color: hsl(var(--heading-color));
}

input#your-password,
input#confirm-password {
    padding-right: 50px;
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.form--check a {
    display: inline;
}

.form--check .form-check-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    box-shadow: none !important;
    border: 0;
    position: relative;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid hsl(var(--border-color));
    cursor: pointer;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
}

.form--check .form-check-input:hover {
    border-color: hsl(var(--base));
}

.form--check .form-check-input:checked {
    background-color: hsl(var(--base)/0.12) !important;
    border-color: hsl(var(--base)) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form--check .form-check-input:checked[type=checkbox] {
    background-image: none;
}

.form--check .form-check-input:checked::before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: hsl(var(--base));
    font-size: 0.6875rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.form--check .form-check-label {
    color: hsl(var(--heading-color));
    font-weight: 400;
    width: calc(100% - 16px);
    padding-left: 8px;
    cursor: pointer;
    font-size: 0.875rem;
}

@media screen and (max-width: 424px) {
    .form--check label {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 424px) {
    .form--check a {
        font-size: 0.9375rem;
    }
}

.form--radio .form-check-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid hsl(var(--border-color));
    border-radius: 2px;
    position: relative;
    background-color: transparent;
    cursor: pointer;
    width: 16px;
    height: 16px;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
}

.form--radio .form-check-input:active {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.form--radio .form-check-input:checked {
    background-color: hsl(var(--base)/0.12);
    border-color: hsl(var(--base));
}

.form--radio .form-check-input:checked[type=radio] {
    background-image: none;
}

.form--radio .form-check-input:checked::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: hsl(var(--base));
    border-radius: 2px;
    z-index: 999;
}

.form--radio .form-check-input:hover {
    border-color: hsl(var(--base));
}

.form--radio .form-check-label {
    font-weight: 400;
    width: calc(100% - 16px);
    padding-left: 8px;
    cursor: pointer;
    font-size: 0.875rem;
}

.form--switch:focus-visible {
    outline: 0;
}

.form--switch .form-check-input {
    width: 40px;
    height: 18px;
    background-image: none;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: hsl(var(--heading-color)/0.09);
    border: 0;
    border-radius: 18px;
    padding: 10px !important;
    cursor: pointer;
    margin: 0 0 6px;
    -webkit-transition: 0.15s li;
    transition: 0.15s li;
}

.form--switch .form-check-input:focus {
    border-radius: 40px;
    background-image: none;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.form--switch .form-check-input:hover {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.form--switch .form-check-input::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-color: hsl(var(--white));
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 2px;
    left: 4px;
    border-radius: 50%;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
}

.form--switch .form-check-input:checked {
    background-color: hsl(var(--base)) !important;
}

.form--switch .form-check-input:checked::before {
    left: calc(100% - 16px);
    background-color: hsl(var(--white)) !important;
}

.form--switch .form-check-input:checked[type=checkbox] {
    background-image: none;
}

.form--switch .form-check-label {
    width: calc(100% - 40px);
    padding-left: 8px;
    cursor: pointer;
}

.input--group {
    border-radius: 5px;
    border: 0;
}

.input--group:focus-within {
    border: 0;
}

.input--group .input-group-text {
    border-width: 0;
    height: 100%;
    border-radius: 5px;
    background-color: hsl(var(--base));
    color: hsl(var(--white));
    font-size: 0.875rem;
    line-height: 1;
    padding: 15px 14px;
}

.input--group .input-group-text.has-dropdown {
    z-index: 6;
}

@media screen and (max-width: 575px) {
    .input--group .input-group-text {
        padding: 13px;
    }
}

@media screen and (max-width: 575px) {
    .input--group .form--control {
        padding: 10px;
    }
}

.input--group .form--control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input--group .form--control[readonly] {
    background: hsl(var(--heading-color)/0.5) !important;
}

.input--group .form--control[readonly]:focus {
    border-color: hsl(var(--heading-color)/0.5);
}

.input--group:has(.form--control[readonly]) {
    background: hsl(var(--heading-color)/0.5) !important;
}

.input--group:has(.form--control[readonly]):focus-within {
    border-color: hsl(var(--heading-color)/0.5) !important;
}

.currency-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    background: hsl(var(--white));
    border: 1px solid hsl(var(--border-color-five));
    border-radius: 8px;
}

@media screen and (max-width: 1199px) {
    .currency-dropdown {
        border-radius: 7px;
    }
}

@media screen and (max-width: 991px) {
    .currency-dropdown {
        border-radius: 6px;
    }
}

@media screen and (max-width: 575px) {
    .currency-dropdown {
        border-radius: 5px;
    }
}

.currency-dropdown.open {
    border-color: hsl(var(--base));
}

.currency-dropdown.open::after {
    content: "\f106";
}

.currency-dropdown.open>.currency-dropdown__list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    height: 150px;
    overflow-y: scroll;
    visibility: visible;
    z-index: 999 !important;
}

.currency-dropdown::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f107";
    font-size: 0.75rem;
    color: hsl(var(--base));
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transition: auto;
    transition: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 1399px) {
    .currency-dropdown::after {
        right: 7px;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown::after {
        font-size: 0.6875rem;
        right: 6px;
    }
}

.currency-dropdown__selected {
    padding: 12px 15px;
}

@media screen and (max-width: 1399px) {
    .currency-dropdown__selected {
        padding: 11px 14px;
    }
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__selected {
        padding: 10px 13px;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__selected {
        padding: 9px 12px 8.5px 12px;
    }
}

@media screen and (max-width: 575px) {
    .currency-dropdown__selected {
        padding: 8.5px 10px;
    }
}

.currency-dropdown__selected .thumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 50%;
}

@media screen and (max-width: 575px) {
    .currency-dropdown__selected .thumb {
        width: 18px;
        height: 18px;
    }
}

.currency-dropdown__selected .thumb img {
    width: 100%;
    height: 100%;
}

.currency-dropdown__selected .content {
    width: calc(100% - 20px);
    padding-left: 5px;
}

@media screen and (max-width: 575px) {
    .currency-dropdown__selected .content {
        width: calc(100% - 18px);
        padding-left: 4px;
    }
}

.currency-dropdown__selected .full-form {
    display: none;
}

.currency-dropdown__selected .short-form {
    font-size: 0.875rem;
    line-height: 1.3;
    color: hsl(var(--base));
}

@media screen and (max-width: 575px) {
    .currency-dropdown__selected .short-form {
        font-size: 0.8125rem;
    }
}

.currency-dropdown__selected .text {
    width: calc(100% - 20px);
    padding-left: 8px;
    font-size: 1rem;
}

@media screen and (max-width: 991px) {
    .currency-dropdown__selected .text {
        font-size: 0.9375rem;
        padding-left: 6px;
    }
}

@media screen and (max-width: 575px) {
    .currency-dropdown__selected .text {
        width: calc(100% - 18px);
        font-size: 0.875rem;
    }
}

/* Solution 1: Override overflow on parent containers */
.container,
.global-money-section,
.global-money-wrapper,
.global-money-card {
    overflow: visible !important;
}

.currency-dropdown__list {
    width: 100%;
    position: absolute;
    z-index: 10;
    background-color: hsl(var(--white));
    border-radius: 8px;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    opacity: 0;
    overflow: hidden;
    top: calc(100% + 3px);
    right: 0;
    -webkit-transform: scaleY(0.95);
    transform: scaleY(0.95);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    padding: 12px 15px;
    visibility: hidden;
    max-height: 188px;
    overflow-y: auto !important;
}

@media screen and (max-width: 1399px) {
    .currency-dropdown__list {
        padding: 8px 10px;
    }
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__list {
        border-radius: 7px;
        padding: 7px;
    }
}

@media screen and (max-width: 991px) {
    .currency-dropdown__list {
        padding: 5px;
        border-radius: 6px;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list {
        padding: 4px;
    }
}

@media screen and (max-width: 575px) {
    .currency-dropdown__list {
        border-radius: 6px;
    }
}

.currency-dropdown__list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.currency-dropdown__list::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    background: transparent;
}

.currency-dropdown__list-item {
    padding: 8px 10px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
    margin-bottom: 1px;
}

.currency-dropdown__list-item:last-child {
    margin-bottom: 1px;
}

.currency-dropdown__list-item.selected,
.currency-dropdown__list-item:hover {
    background: hsl(var(--light));
}

.currency-dropdown__list-item .thumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 50%;
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__list-item .thumb {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-item .thumb {
        width: 20px;
        height: 20px;
    }
}

.currency-dropdown__list-item .thumb img {
    width: 100%;
    height: 100%;
}

.currency-dropdown__list-item .content {
    width: calc(100% - 24px);
    padding-left: 10px;
    font-size: 0.875rem;
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__list-item .content {
        width: calc(100% - 22px);
        padding-left: 8px;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-item .content {
        width: calc(100% - 20px);
        padding-left: 6px;
        font-size: 0.8125rem;
    }
}

.currency-dropdown__list-item .full-form {
    display: block;
    color: hsl(var(--heading-color));
    line-height: 1.14;
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__list-item .full-form {
        line-height: 1;
    }
}

.currency-dropdown__list-item .short-form {
    line-height: 1.3;
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__list-item .short-form {
        line-height: 1;
    }
}

.currency-dropdown__list-item .text {
    width: calc(100% - 24px);
    padding-left: 8px;
    font-size: 0.875rem;
}

@media screen and (max-width: 1199px) {
    .currency-dropdown__list-item .text {
        width: calc(100% - 22px);
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-item .text {
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 575px) {
    .currency-dropdown__list-item .text {
        font-size: 0.8125rem;
    }
}

.currency-dropdown__list-item:hover {
    background: hsl(var(--light));
}

form .has-currency-dropdown {
    position: relative;
    z-index: 2;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

form .has-currency-dropdown.off {
    z-index: -1;
}

/* ================================= Form Css End =========================== */
/* ================================= Modal Css Start =========================== */
.custom--modal .modal-content {
    border: 0;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.custom--modal .modal-header {
    border-bottom: 0;
    padding: 15px 15px 0;
}

.custom--modal .modal-header .btn-close {
    background: transparent;
    font-size: 1.25rem;
    color: hsl(var(--base));
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.custom--modal .modal-header .btn-close:hover {
    color: hsl(var(--danger));
}

.custom--modal .modal-header .btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.custom--modal .modal-content {
    border-radius: 8px !important;
}

.custom--modal .modal-body {
    color: hsl(var(--body-color));
    padding: 15px;
}

.custom--modal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px 15px;
    border: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 576px) {
    .timer-modal .modal-dialog {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    .timer-modal .modal-dialog {
        max-width: 512px;
    }
}

.timer-modal .modal-content {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: 20px;
}

@media screen and (max-width: 767px) {
    .timer-modal .modal-content {
        border-radius: 15px;
    }
}

.timer-modal .modal-body {
    text-align: center;
    padding: 50px 40px 40px;
}

@media screen and (max-width: 767px) {
    .timer-modal .modal-body {
        padding: 35px 30px;
    }
}

@media screen and (max-width: 575px) {
    .timer-modal .modal-body {
        padding: 30px 15px;
    }
}

.timer-modal__title {
    font-size: 2rem;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .timer-modal__title {
        font-size: 1.75rem;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 575px) {
    .timer-modal__title {
        font-size: 1.5rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 374px) {
    .timer-modal__title {
        font-size: 1.25rem;
    }
}

.timer-modal__desc {
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .timer-modal__desc {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 575px) {
    .timer-modal__desc {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 374px) {
    .timer-modal__desc {
        font-size: 0.8125rem;
    }
}

.revese-timer {
    width: 270px;
    height: 270px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    background: #F6FBFF;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(246, 251, 255, 0.25), -10px -10px 20px 0px #FFF, -10px -10px 20px 0px #FFF, -10px -10px 20px 0px #FFF, 10px 10px 20px 0px #6F6F6F;
    box-shadow: 10px 10px 20px 0px rgba(246, 251, 255, 0.25), -10px -10px 20px 0px #FFF, -10px -10px 20px 0px #FFF, -10px -10px 20px 0px #FFF, 10px 10px 20px 0px #6F6F6F;
    margin-bottom: 43px;
}

@media screen and (max-width: 767px) {
    .revese-timer {
        width: 220px;
        height: 220px;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 575px) {
    .revese-timer {
        width: 180px;
        height: 180px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 374px) {
    .revese-timer {
        width: 160px;
        height: 160px;
        margin-bottom: 25px;
    }
}

.revese-timer__time {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: hsl(var(--warning));
}

@media screen and (max-width: 767px) {
    .revese-timer__time {
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 575px) {
    .revese-timer__time {
        font-size: 2rem;
    }
}

@media screen and (max-width: 374px) {
    .revese-timer__time {
        font-size: 1.6875rem;
    }
}

@media (min-width: 576px) {
    .wallet-modal .modal-dialog {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wallet-modal .modal-dialog {
        max-width: 650px;
    }
}

@media (min-width: 1200px) {
    .wallet-modal .modal-dialog {
        max-width: 717px;
    }
}

.wallet-modal .modal-content {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: 20px;
}

@media screen and (max-width: 767px) {
    .wallet-modal .modal-content {
        border-radius: 15px;
    }
}

.wallet-modal .modal-header {
    padding: 55px 40px 0;
}

@media screen and (max-width: 1399px) {
    .wallet-modal .modal-header {
        padding: 35px 35px 0;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-modal .modal-header {
        padding: 30px 25px 0;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .modal-header {
        padding: 20px 20px 0;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .modal-header {
        padding: 15px 15px 0;
    }
}

.wallet-modal .modal-header .title {
    margin-bottom: 5px;
}

.wallet-modal .modal-body {
    padding: 20px 40px 50px;
}

@media screen and (max-width: 1399px) {
    .wallet-modal .modal-body {
        padding: 20px 35px 30px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-modal .modal-body {
        padding: 20px 25px 30px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .modal-body {
        padding: 15px 20px 20px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .modal-body {
        padding: 15px 15px 20px;
    }
}

.wallet-modal .modal-body .btn {
    margin-top: 220px;
}

@media screen and (max-width: 1399px) {
    .wallet-modal .modal-body .btn {
        margin-top: 180px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-modal .modal-body .btn {
        margin-top: 120px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .modal-body .btn {
        margin-top: 80px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .modal-body .btn {
        margin-top: 50px;
    }
}

.wallet-modal .wallet-modal-card {
    background: hsl(var(--card-bg-two));
    border-radius: 10px;
    padding: 22px 20px;
}

@media screen and (max-width: 1199px) {
    .wallet-modal .wallet-modal-card {
        padding: 18px 15px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .wallet-modal-card {
        border-radius: 6px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .wallet-modal-card {
        padding: 15px 10px;
        border-radius: 5px;
    }
}

.wallet-modal .wallet-modal-card__title {
    margin-bottom: 3px;
}

.wallet-modal .wallet-modal-list {
    background: hsl(var(--card-bg-two));
    border-radius: 10px;
    padding: 12px 20px;
}

@media screen and (max-width: 1199px) {
    .wallet-modal .wallet-modal-list {
        padding: 10px 15px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .wallet-modal-list {
        border-radius: 6px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .wallet-modal-list {
        padding: 8px 10px;
        border-radius: 5px;
    }
}

.wallet-modal .wallet-modal-list__item {
    font-size: 1.25rem;
}

@media screen and (max-width: 1199px) {
    .wallet-modal .wallet-modal-list__item {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .wallet-modal-list__item {
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .wallet-modal-list__item {
        font-size: 0.875rem;
    }
}

.wallet-modal .wallet-modal-list__item:not(:last-child) {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .wallet-modal .wallet-modal-list__item:not(:last-child) {
        margin-bottom: 8px;
    }
}

.wallet-modal .wallet-modal-list__item-title {
    color: #959595;
}

.wallet-modal .wallet-modal-list__item-info-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
}

@media screen and (max-width: 1199px) {
    .wallet-modal .wallet-modal-list__item-info-wrapper {
        gap: 8px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-modal .wallet-modal-list__item-info-wrapper {
        gap: 6px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .wallet-modal-list__item-info-wrapper {
        gap: 4px;
    }
}

.wallet-modal .wallet-modal-list__item-info-wrapper .copy-btn {
    width: 20px;
    height: 20px;
    color: hsl(var(--base));
}

@media screen and (max-width: 767px) {
    .wallet-modal .wallet-modal-list__item-info-wrapper .copy-btn {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-modal .wallet-modal-list__item-info-wrapper .copy-btn {
        width: 16px;
        height: 16px;
    }
}

.wallet-modal .wallet-modal-list__item-info-wrapper .copy-btn:hover {
    color: hsl(var(--base-two));
}

.wallet-modal .wallet-modal-list__item-info {
    color: hsl(var(--body-color));
    font-weight: 500;
}

/* ================================= Modal Css End =========================== */
/* ================================= Pagination Css Start =========================== */
.pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .pagination {
        margin-top: 12px;
        gap: 5px;
    }
}

@media screen and (max-width: 575px) {
    .pagination {
        margin-top: 10px;
    }
}

.pagination .page-item.active .page-link {
    background-color: transparent;
    color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.pagination .page-item .page-link {
    border: 1px solid hsl(var(--gray));
    border-radius: 5px;
    height: 22px;
    width: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    font-weight: 400;
    padding: 0;
    color: hsl(var(--gray));
    font-size: 0.75rem;
}

.pagination .page-item .page-link:hover {
    background-color: transparent;
    color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.pagination .page-item .page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ================================= Pagination Css End =========================== */
/* ================================= Table Css Start =========================== */
.table {
    margin: 0;
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0px 0px;
}

.table thead tr th {
    background-color: hsl(var(--card-bg));
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    color: hsl(var(--heading-color));
    padding: 17px 25px;
    border-top: 1px solid hsl(var(--card-bg));
    border-bottom: 0;
    max-width: 170px;
}

@media screen and (max-width: 1399px) {
    .table thead tr th {
        padding: 15px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .table thead tr th {
        padding: 14px 16px;
    }
}

@media screen and (max-width: 991px) {
    .table thead tr th {
        padding: 13px 14px;
    }
}

@media screen and (max-width: 767px) {
    .table thead tr th {
        font-size: 0.8125rem;
        padding: 12px 13px;
    }
}

.table thead tr th:first-child {
    border-left: 1px solid hsl(var(--card-bg));
    text-align: left;
}

.table thead tr th:last-child {
    border-right: 1px solid hsl(var(--card-bg));
    text-align: right;
}

.table tbody {
    border: 0 !important;
    background-color: hsl(var(--white));
}

.table tbody tr td {
    text-align: center;
    max-width: 170px;
    vertical-align: middle;
    padding: 11.5px 25px;
    border-width: 1px;
    border: 0;
    color: hsl(var(--body-color));
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 400;
    border-bottom: 1px solid hsl(var(--border-color));
}

@media screen and (max-width: 1399px) {
    .table tbody tr td {
        padding: 10px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .table tbody tr td {
        padding: 9px 16px;
    }
}

@media screen and (max-width: 991px) {
    .table tbody tr td {
        padding: 8.5px 14px;
    }
}

@media screen and (max-width: 767px) {
    .table tbody tr td {
        font-size: 0.8125rem;
        padding: 8px 13px;
    }
}

.table tbody tr td::before {
    content: attr(data-label);
    font-size: 0.8125rem;
    color: hsl(var(--heading-color));
    font-weight: 500;
    display: none;
    width: 45% !important;
    text-align: left;
}

.table tbody tr td:first-child {
    text-align: left;
    border-left: 1px solid hsl(var(--border-color-three));
}

.table tbody tr td:last-child {
    text-align: right;
    border-right: 1px solid hsl(var(--border-color-three));
}

@media screen and (max-width: 575px) {
    .table--responsive--sm thead {
        display: none;
    }

    .table--responsive--sm tbody tr {
        display: block;
    }

    .table--responsive--sm tbody tr:first-child td:first-child {
        border-radius: 5px 5px 0 0;
    }

    .table--responsive--sm tbody tr:last-child td:first-child {
        border-radius: 0;
    }

    .table--responsive--sm tbody tr:last-child td:last-child {
        border-bottom: 0;
        border-radius: 0 0 5px 5px;
    }

    .table--responsive--sm tbody tr td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 8px 10px;
        border: 0;
        max-width: unset;
        white-space: initial;
        background: hsl(var(--white));
    }

    .table--responsive--sm tbody tr td:first-child {
        text-align: right;
        border-left: 0;
        padding-top: 10px;
    }

    .table--responsive--sm tbody tr td:last-child {
        padding-bottom: 10px;
        border-bottom: 1px solid hsl(var(--border-color));
        border-right: 0;
    }

    .table--responsive--sm tbody tr td::before {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .table--responsive--sm tbody tr td {
        border: 0;
    }
}

@media screen and (max-width: 767px) {
    .table--responsive--md thead {
        display: none;
    }

    .table--responsive--md tbody tr {
        display: block;
    }

    .table--responsive--md tbody tr:last-child td:last-child {
        border-bottom: 0;
    }

    .table--responsive--md tbody tr td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 13px;
        border: 0;
        max-width: unset;
        white-space: initial;
    }

    .table--responsive--md tbody tr td:last-child {
        border-bottom: 1px solid hsl(var(--border-color));
    }

    .table--responsive--md tbody tr td:first-child {
        text-align: right;
        border-left: 0;
    }

    .table--responsive--md tbody tr td::before {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .table--responsive--md tbody tr td {
        border: 0;
    }
}

@media screen and (max-width: 991px) {
    .table--responsive--lg thead {
        display: none;
    }

    .table--responsive--lg tbody tr {
        display: block;
    }

    .table--responsive--lg tbody tr:last-child td:last-child {
        border-bottom: 0;
    }

    .table--responsive--lg tbody tr td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 13px;
        border: none;
        max-width: unset;
        white-space: initial;
    }

    .table--responsive--lg tbody tr td:last-child {
        border-bottom: 1px solid hsl(var(--border-color));
    }

    .table--responsive--lg tbody tr td:first-child {
        text-align: right;
        border-left: 0;
    }

    .table--responsive--lg tbody tr td::before {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .table--responsive--lg tbody tr td {
        border: none;
    }
}

@media screen and (max-width: 1199px) {
    .table--responsive--xl thead {
        display: none;
    }

    .table--responsive--xl tbody tr {
        display: block;
    }

    .table--responsive--xl tbody tr:last-child td:last-child {
        border-bottom: 0;
    }

    .table--responsive--xl tbody tr td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 13px;
        border: none;
        max-width: unset;
        white-space: initial;
    }

    .table--responsive--xl tbody tr td:last-child {
        border-bottom: 1px solid hsl(var(--border-color));
    }

    .table--responsive--xl tbody tr td:first-child {
        text-align: right;
        border-left: 0;
    }

    .table--responsive--xl tbody tr td::before {
        display: block;
    }
}

@media screen and (max-width: 1199px) {
    .table--responsive--xl tbody tr td {
        border: 0;
    }
}

@media screen and (max-width: 1399px) {
    .table--responsive--xxl thead {
        display: none;
    }

    .table--responsive--xxl tbody tr {
        display: block;
    }

    .table--responsive--xxl tbody tr:last-child td:last-child {
        border-bottom: 0;
    }

    .table--responsive--xxl tbody tr td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 13px;
        border: none;
        max-width: unset;
        white-space: initial;
    }

    .table--responsive--xxl tbody tr td:last-child {
        border-bottom: 1px solid hsl(var(--border-color));
    }

    .table--responsive--xxl tbody tr td:first-child {
        text-align: right;
        border-left: 0;
    }

    .table--responsive--xxl tbody tr td::before {
        display: block;
    }
}

@media screen and (max-width: 1399px) {
    .table--responsive--xxl tbody tr td {
        border: 0;
    }
}

@media screen and (max-width: 424px) {
    .customer {
        display: block;
        text-align: left;
    }
}

.customer__thumb {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 424px) {
    .customer__thumb {
        margin-left: auto;
    }
}

.customer__content {
    width: calc(100% - 30px);
    padding-left: 10px;
    text-align: left;
}

@media screen and (max-width: 424px) {
    .customer__content {
        padding-left: 8px;
    }
}

@media screen and (max-width: 424px) {
    .customer__content {
        width: 100%;
        padding-left: 0px;
        margin-top: 5px;
        text-align: end;
    }
}

.customer__name {
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 500;
    color: hsl(var(--heading-color));
    margin-bottom: 0;
}

.customer__desc {
    font-size: 0.8125rem;
}

.action-buttons {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 7px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.action-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 0.875rem;
    color: hsl(var(--white));
    white-space: nowrap;
}

/* ================================= Table Css End =========================== */
/* ================================= Tab Css Start =========================== */
.custom--tab {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 15px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid hsl(var(--border-color));
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .custom--tab {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .custom--tab {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .custom--tab {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .custom--tab {
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 575px) {
    .custom--tab {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 424px) {
    .custom--tab {
        margin-bottom: 10px;
    }
}

.custom--tab .nav-item {
    margin-right: 25px;
}

@media screen and (max-width: 1399px) {
    .custom--tab .nav-item {
        margin-right: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .custom--tab .nav-item {
        margin-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .custom--tab .nav-item {
        margin-right: 12px;
    }
}

@media screen and (max-width: 767px) {
    .custom--tab .nav-item {
        margin-right: 10px;
    }
}

@media screen and (max-width: 575px) {
    .custom--tab .nav-item {
        margin-right: 8px;
    }
}

.custom--tab .nav-item .nav-link {
    position: relative;
    font-size: 12px;
    line-height: 1;
    padding: 10px;
    color: hsl(var(--heading-color));
    background-color: transparent !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .custom--tab .nav-item .nav-link {
        padding-top: 5px;
    }
}

@media screen and (max-width: 991px) {
    .custom--tab .nav-item .nav-link {
        padding: 10px 8px;
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .custom--tab .nav-item .nav-link {
        padding: 8px 6px;
        padding-top: 0;
    }
}

@media screen and (max-width: 575px) {
    .custom--tab .nav-item .nav-link {
        padding: 7px 5px;
        padding-top: 0;
    }
}

@media screen and (max-width: 374px) {
    .custom--tab .nav-item .nav-link {
        padding: 7px 0;
        padding-top: 0;
    }
}

.custom--tab .nav-item .nav-link::before,
.custom--tab .nav-item .nav-link::after {
    position: absolute;
    content: "";
    background: hsl(var(--base));
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 991px) {

    .custom--tab .nav-item .nav-link::before,
    .custom--tab .nav-item .nav-link::after {
        height: 2px;
    }
}

.custom--tab .nav-item .nav-link::after {
    left: unset;
    right: 0;
}

.custom--tab .nav-item .nav-link.active::before,
.custom--tab .nav-item .nav-link.active::after {
    width: 50%;
    visibility: visible;
    opacity: 1;
}

.custom--tab .nav-item .nav-link:hover::before,
.custom--tab .nav-item .nav-link:hover::after {
    width: 50%;
    visibility: visible;
    opacity: 1;
}

/* ================================= Tab Css End =========================== */
/* ================================= Badge Css Start =========================== */
.badge {
    position: relative;
    text-align: center;
    font-size: 0.75rem;
    font-family: var(--body-font);
    border-radius: 27px;
    font-weight: 400;
    padding: 7px 15px;
}

@media screen and (max-width: 767px) {
    .badge {
        font-size: 0.6875rem;
        padding: 6px 12px;
        border-radius: 23px;
    }
}

.badge--base {
    background: hsl(var(--base)/0.09) !important;
    color: hsl(var(--base)) !important;
}

.badge--primary {
    background: hsl(var(--primary)/0.09) !important;
    color: hsl(var(--primary)) !important;
}

.badge--secondary {
    background: hsl(var(--secondary)/0.09) !important;
    color: hsl(var(--secondary)) !important;
}

.badge--success {
    background: hsl(var(--success)/0.09) !important;
    color: hsl(var(--success)) !important;
}

.badge--danger {
    background: hsl(var(--danger)/0.09) !important;
    color: hsl(var(--danger)) !important;
}

.badge--warning {
    background: hsl(var(--warning)/0.09) !important;
    color: hsl(var(--warning)) !important;
}

.badge--info {
    background: hsl(var(--info)/0.09) !important;
    color: hsl(var(--info)) !important;
}

.badge--light {
    background: hsl(var(--light)/0.09) !important;
    color: hsl(var(--light)) !important;
}

.badge--dark {
    background: hsl(var(--dark)/0.09) !important;
    color: hsl(var(--dark)) !important;
}

.badge-outline--base {
    background-color: hsl(var(--base)/0.1) !important;
    color: hsl(var(--base)) !important;
    border: 1px solid hsl(var(--base)) !important;
}

.badge-outline--primary {
    background-color: hsl(var(--primary)/0.1) !important;
    color: hsl(var(--primary)) !important;
    border: 1px solid hsl(var(--primary)) !important;
}

.badge-outline--secondary {
    background-color: hsl(var(--secondary)/0.1) !important;
    color: hsl(var(--secondary)) !important;
    border: 1px solid hsl(var(--secondary)) !important;
}

.badge-outline--success {
    background-color: hsl(var(--success)/0.1) !important;
    color: hsl(var(--success)) !important;
    border: 1px solid hsl(var(--success)) !important;
}

.badge-outline--danger {
    background-color: hsl(var(--danger)/0.1) !important;
    color: hsl(var(--danger)) !important;
    border: 1px solid hsl(var(--danger)) !important;
}

.badge-outline--warning {
    background-color: hsl(var(--warning)/0.1) !important;
    color: hsl(var(--warning)) !important;
    border: 1px solid hsl(var(--warning)) !important;
}

.badge-outline--info {
    background-color: hsl(var(--info)/0.1) !important;
    color: hsl(var(--info)) !important;
    border: 1px solid hsl(var(--info)) !important;
}

.badge-outline--light {
    background-color: hsl(var(--light)/0.1) !important;
    color: hsl(var(--light)) !important;
    border: 1px solid hsl(var(--light)) !important;
}

.badge-outline--dark {
    background-color: hsl(var(--dark)/0.1) !important;
    color: hsl(var(--dark)) !important;
    border: 1px solid hsl(var(--dark)) !important;
}

/* ================================= Badge Css End =========================== */
/* ====================================== Alert Css Start =============================== */
.alert {
    position: relative;
    font-weight: 400;
    padding: 17px 20px;
    border: 0;
    border-radius: 10px;
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .alert {
        padding: 15px 18px;
    }
}

@media screen and (max-width: 1199px) {
    .alert {
        padding: 15px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 991px) {
    .alert {
        border-radius: 7px;
    }
}

@media screen and (max-width: 767px) {
    .alert {
        padding: 12px;
    }
}

@media screen and (max-width: 575px) {
    .alert {
        border-radius: 5px;
    }
}

.alert__icon {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media screen and (max-width: 767px) {
    .alert__icon {
        width: 17px;
        height: 17px;
    }
}

.alert__content {
    width: calc(100% - 20px);
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .alert__content {
        width: calc(100% - 17px);
        padding-left: 8px;
    }
}

.alert__title {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.alert__desc {
    color: hsl(var(--body-color));
    display: block;
    font-size: 0.75rem;
}

.alert__link {
    text-decoration: underline;
}

.alert--base {
    background: hsl(var(--base)/0.22);
}

.alert--base .alert__icon {
    color: hsl(var(--base));
}

.alert--primary {
    background: hsl(var(--primary)/0.22);
}

.alert--primary .alert__icon {
    color: hsl(var(--primary));
}

.alert--success {
    background: hsl(var(--success)/0.22);
}

.alert--success .alert__icon {
    color: hsl(var(--success));
}

.alert--info {
    background: hsl(var(--info)/0.22);
}

.alert--info .alert__icon {
    color: hsl(var(--info));
}

.alert--danger {
    background: hsl(var(--danger)/0.22);
}

.alert--danger .alert__icon {
    color: hsl(var(--danger));
}

.alert--warning {
    background: hsl(var(--warning)/0.22);
}

.alert--warning .alert__icon {
    color: hsl(var(--warning));
}

.alert--secondary {
    background: hsl(var(--secondary)/0.22);
}

.alert--secondary .alert__icon {
    color: hsl(var(--secondary));
}

.alert--light {
    background: hsl(var(--light)/0.22);
}

.alert--light .alert__icon {
    color: hsl(var(--light));
}

.alert--dark {
    background: hsl(var(--dark)/0.22);
}

.alert--dark .alert__icon {
    color: hsl(var(--dark));
}

/* ====================================== Alert Css End =============================== */
/* ====================================== List Group Css Start =============================== */
.list-group {
    border: 1px solid hsl(var(--border-color-five)) !important;
    border-radius: 10px;
}

.list-group .list-group-item {
    background: transparent;
    gap: 15px;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 0.875rem;
    line-height: 1.25;
    color: hsl(var(--body-color));
    padding: 10px 20px;
}

@media screen and (max-width: 1399px) {
    .list-group .list-group-item {
        padding: 9px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .list-group .list-group-item {
        padding: 8px 15px;
    }
}

@media screen and (max-width: 767px) {
    .list-group .list-group-item {
        font-size: 0.8125rem;
        padding: 7px 12px;
    }
}

@media screen and (max-width: 424px) {
    .list-group .list-group-item {
        gap: 10px;
    }
}

.list-group .list-group-item:first-child {
    padding-top: 16px;
}

@media screen and (max-width: 1199px) {
    .list-group .list-group-item:first-child {
        padding-top: 14px;
    }
}

.list-group .list-group-item:last-child {
    padding-bottom: 16px;
}

@media screen and (max-width: 1199px) {
    .list-group .list-group-item:last-child {
        padding-bottom: 14px;
    }
}

.list-group .list-group-item__left-icon {
    position: relative;
    width: 28px;
    height: 32px;
}

@media screen and (max-width: 1199px) {
    .list-group .list-group-item__left-icon {
        width: 26px;
        height: 30px;
    }
}

@media screen and (max-width: 424px) {
    .list-group .list-group-item__left-icon {
        width: 22px;
        height: 24px;
    }
}

.list-group .list-group-item__left-icon img {
    width: 100%;
    height: 100%;
}

.list-group .list-group-item__left-icon-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 14px;
    height: 14px;
    color: hsl(var(--light));
}

@media screen and (max-width: 424px) {
    .list-group .list-group-item__left-icon-inner {
        width: 12px;
        height: 12px;
    }
}

.list-group .list-group-item__left-text {
    width: calc(100% - 28px);
    padding-left: 10px;
}

@media screen and (max-width: 1199px) {
    .list-group .list-group-item__left-text {
        width: calc(100% - 26px);
    }
}

@media screen and (max-width: 424px) {
    .list-group .list-group-item__left-text {
        width: calc(100% - 22px);
        padding-left: 6px;
    }
}

.list-group .list-group-item__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 500;
    color: hsl(var(--base));
}

.list-group.two .list-group-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;
    padding: 12px 20px;
}

@media screen and (max-width: 1399px) {
    .list-group.two .list-group-item {
        padding: 11px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .list-group.two .list-group-item {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 991px) {
    .list-group.two .list-group-item {
        padding: 9px 12px;
    }
}

@media screen and (max-width: 767px) {
    .list-group.two .list-group-item {
        padding: 8px 12px;
    }
}

@media screen and (max-width: 424px) {
    .list-group.two .list-group-item {
        padding: 6px 12px;
    }
}

.list-group.two .list-group-item:first-child {
    padding-top: 16px;
}

@media screen and (max-width: 1199px) {
    .list-group.two .list-group-item:first-child {
        padding-top: 14px;
    }
}

.list-group.two .list-group-item:last-child {
    padding-bottom: 16px;
}

@media screen and (max-width: 1199px) {
    .list-group.two .list-group-item:last-child {
        padding-bottom: 14px;
    }
}

.list-group.two .list-group-item .number {
    color: hsl(var(--base)) !important;
    font-size: 1.5rem;
    font-weight: 400 !important;
    width: 25px;
}

@media screen and (max-width: 1399px) {
    .list-group.two .list-group-item .number {
        font-size: 1.4375rem;
    }
}

@media screen and (max-width: 1199px) {
    .list-group.two .list-group-item .number {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 991px) {
    .list-group.two .list-group-item .number {
        font-size: 1.25rem;
        width: 22px;
    }
}

@media screen and (max-width: 767px) {
    .list-group.two .list-group-item .number {
        font-size: 1.125rem;
        width: 20px;
    }
}

@media screen and (max-width: 424px) {
    .list-group.two .list-group-item .number {
        font-size: 1.0625rem;
        width: 18px;
    }
}

.list-group.two .list-group-item .text {
    color: hsl(var(--body-color)) !important;
    font-weight: 400 !important;
    width: calc(100% - 25px);
    padding-left: 6px;
}

@media screen and (max-width: 991px) {
    .list-group.two .list-group-item .text {
        width: calc(100% - 22px);
        padding-left: 5px;
    }
}

@media screen and (max-width: 767px) {
    .list-group.two .list-group-item .text {
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 424px) {
    .list-group.two .list-group-item .text {
        width: calc(100% - 18px);
    }
}

.list-group.two .list-group-item .text strong {
    font-weight: 600;
}

.list-group.three .list-group-item {
    padding: 12px 20px;
}

@media screen and (max-width: 1399px) {
    .list-group.three .list-group-item {
        padding: 11px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .list-group.three .list-group-item {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 991px) {
    .list-group.three .list-group-item {
        padding: 9px 12px;
    }
}

@media screen and (max-width: 767px) {
    .list-group.three .list-group-item {
        padding: 8px 12px;
    }
}

@media screen and (max-width: 424px) {
    .list-group.three .list-group-item {
        padding: 6px 12px;
    }
}

.list-group.three .list-group-item:first-child {
    padding-top: 16px;
}

@media screen and (max-width: 1199px) {
    .list-group.three .list-group-item:first-child {
        padding-top: 14px;
    }
}

.list-group.three .list-group-item:last-child {
    padding-bottom: 16px;
}

@media screen and (max-width: 1199px) {
    .list-group.three .list-group-item:last-child {
        padding-bottom: 14px;
    }
}

/* ====================================== List Group Css End =============================== */
/* ============= Header CSS Start ======================= */
.header {
    z-index: 5;
    background-color: transparent;
    top: 0px;
    width: 100%;
}




@media screen and (max-width: 991px) {
    .header {
        top: 0;
        background-color: hsl(var(--section-bg));
        padding: 10px 0;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 999;
        max-height: 101vh;
    }

    .header.transparent-header {
        background-color: transparent;
        box-shadow: none;
    }

    .header.transparent-header.fixed-header {
        -webkit-box-shadow: 0px 6px 12px 0px rgba(171, 190, 209, 0.3);
        box-shadow: 0px 6px 12px 0px rgba(171, 190, 209, 0.3);
    }

    .header::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .header::-webkit-scrollbar-thumb {
        border-radius: 0px;
    }

    .body-overlay.show+.header.transparent-header {
        background-color: hsl(var(--section-bg));
    }
}

.header.fixed-header {
    /* background-color: hsl(var(--white)); */
    background-color: hsl(var(--section-bg));
    position: fixed;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    top: 0;
    -webkit-animation: slide-down 0.8s;
    animation: slide-down 0.8s;
    width: 100%;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.navbar {
    padding: 0 !important;
}

.navbar-header {
    z-index: 5;
    background-color: transparent;
    top: 0px;
    width: 100%;
    position: absolute;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand.logo {
    margin-right: 110px;
}

@media screen and (max-width: 1399px) {
    .navbar-brand.logo {
        margin-right: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .navbar-brand.logo {
        margin-right: 60px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-brand.logo {
        margin-right: 0;
    }
}

.navbar-brand.logo img {
    max-width: 120px;
    max-height: 65px;
}

@media screen and (max-width: 991px) {
    .navbar-brand.logo img {
        max-width: 120px;
        max-height: 60px;
    }
}

@media screen and (max-width: 575px) {
    .navbar-brand.logo img {
        max-width: 120px;
        max-height: 55px;
    }
}

@media (min-width: 992px) {
    .nav-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-menu .nav-item {
        position: relative;
        margin-right: 18px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .nav-item {
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item:nth-last-child(3) .dropdown-menu {
        left: -20px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .nav-menu .nav-item:nth-last-child(3) .dropdown-menu {
        left: -49px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .nav-item:nth-last-child(3) .dropdown-menu {
        left: -90px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .nav-item:nth-last-child(3) .dropdown-menu__clip-path-shape {
        left: 90px;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item:nth-last-child(2) .dropdown-menu {
        left: 0 !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .nav-menu .nav-item:nth-last-child(2) .dropdown-menu {
        left: -45px !important;
    }
}

@media (min-width: 992px) {

    .nav-menu .nav-item:nth-last-child(2),
    .nav-menu .nav-item:last-child {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item:hover .nav-link {
        color: hsl(var(--warning)) !important;
    }

    .nav-menu .nav-item:hover .nav-link .nav-link__text::before {
        width: 100%;
    }

    .nav-menu .nav-item:hover .nav-link .nav-link__icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item .nav-link {
        font-size: 1.5rem;
        line-height: 1;
        color: hsl(var(--dark));
        padding: 52px 0;
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .nav-menu .nav-item .nav-link {
        font-size: 1.375rem;
        padding: 45px 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .nav-item .nav-link {
        font-size: 1.25rem;
        padding: 40px 0;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item .nav-link:hover .nav-link__text ::before {
        left: 0;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item .nav-link .nav-link__text {
        position: relative;
        font-size: 16px;
        line-height: inherit;
        color: inherit;
        font-weight: 600;
    }

    .nav-menu .nav-item .nav-link .nav-link__text::before {
        position: absolute;
        content: "";
        right: 0;
        bottom: -1px;
        width: 0;
        height: 2px;
        background-color: hsl(var(--warning));
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item .nav-link .nav-link__icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: inherit;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        width: 14px;
        height: 10px;
        margin-left: 5px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .nav-menu .nav-item .nav-link .nav-link__icon {
        width: 12px;
        height: 9px;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item.buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 32px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .nav-menu .nav-item.buttons {
        gap: 25px;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item.buttons .link {
        font-size: 1.5rem;
        font-weight: 600;
        color: hsl(var(--warning));
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .nav-menu .nav-item.buttons .link {
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .nav-item.buttons .link {
        font-size: 1.25rem;
    }
}

@media (min-width: 992px) {
    .nav-menu .nav-item.buttons .link:hover {
        color: hsl(var(--warning-d-200));
    }
}

@media (min-width: 992px) {

    /* .nav-menu .nav-item.has-dropdown:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    } */
    .nav-menu .nav-item.has-dropdown.hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media (min-width: 992px) {
    .dropdown-menu {
        display: block;
        width: 365px;
        background: hsl(var(--white));
        border: 0;
        border-radius: 16px;
        top: calc(120%) !important;
        left: 21px !important;
        margin: 0 !important;
        padding: 32px 30px !important;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .dropdown-menu {
        left: 0 !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu {
        width: 335px;
        border-radius: 14px;
        padding: 28px 18px !important;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__clip-path-shape {
        position: absolute;
        left: 57px;
        top: -17px;
        width: 30px;
        height: 22px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        z-index: -1;
        color: hsl(var(--white));
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu__clip-path-shape {
        left: 45px;
        width: 25px;
        height: 20px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__item {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu__item {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__item:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 12px;
    }

    .dropdown-menu__link:hover .dropdown-menu__icon,
    .dropdown-menu__link:hover .dropdown-menu__title {
        color: hsl(var(--base-two));
    }
}

@media (min-width: 992px) {
    .dropdown-menu__icon {
        width: 37px;
        height: 37px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: hsl(var(--base));
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu__icon {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__content {
        width: calc(100% - 37px);
        padding-left: 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu__content {
        width: calc(100% - 32px);
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__title {
        font-size: 1rem;
        letter-spacing: normal;
        font-weight: 600;
        line-height: normal;
        color: hsl(var(--base));
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu__title {
        font-size: 0.9375rem;
        margin-bottom: 5px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu__desc {
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu {
        width: 735px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px 24px !important;
        gap: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu {
        width: 660px;
        padding: 28px 16px !important;
        gap: 20px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu .dropdown-menu__item {
        width: calc(50% - 20px);
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu .dropdown-menu__item {
        width: calc(50% - 10px);
    }
}

@media (min-width: 992px) {

    .dropdown-menu.mega-menu .dropdown-menu__item:nth-last-child(2),
    .dropdown-menu.mega-menu .dropdown-menu__item:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu .dropdown-menu__icon {
        width: 32px;
        height: 32px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu .dropdown-menu__icon {
        width: 28px;
        height: 28px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu .dropdown-menu__content {
        width: calc(100% - 32px);
        padding-left: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu .dropdown-menu__content {
        width: calc(100% - 28px);
        padding-left: 12px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu.two {
        width: 1020px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .dropdown-menu.mega-menu.two {
        width: 985px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu.two {
        width: 865px;
        left: -50px !important;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item {
        width: calc(33.33% - 27px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item {
        width: calc(33.33% - 14px);
    }
}

@media (min-width: 992px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item ul {
        row-gap: 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item ul li {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 991px) {
    .body-overlay.show {
        visibility: visible;
        opacity: 1;
    }

    .navbar {
        position: relative;
    }

    .header .navbar-collapse {
        position: absolute;
        top: calc(100% + 12px) !important;
        left: 0 !important;
        width: 166px;
        background: hsl(var(--section-bg));
        padding: 16px;
        border-radius: 0px 0px 8px 8px;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .header .navbar-collapse {
        width: 130px;
        padding: 8px;
        border-radius: 0px 0px 6px 6px;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item {
        text-align: left;
        display: block;
        position: relative;
        margin: 0;
    }

    .nav-menu .nav-item.active .nav-link {
        color: hsl(var(--warning)) !important;
    }

    .nav-menu .nav-item.active .nav-link .nav-link__text::before {
        width: 100%;
    }

    .nav-menu .nav-item.active .nav-link .nav-link__icon {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    .nav-menu .nav-item:hover .nav-link {
        color: hsl(var(--warning)) !important;
    }

    .nav-menu .nav-item:hover .nav-link .nav-link__text::before {
        width: 100%;
    }

    .nav-menu .nav-item:hover .nav-link .nav-link__icon {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    .nav-menu .nav-item:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    .nav-menu .nav-item:nth-child(2) .dropdown-menu {
        top: -61px !important;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item:nth-child(2) .dropdown-menu {
        top: -41px !important;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item:nth-child(2) .dropdown-menu__clip-path-shape {
        top: 80px;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item:nth-child(2) .dropdown-menu__clip-path-shape {
        top: 54px;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item:nth-child(3) .dropdown-menu {
        top: -106px !important;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item:nth-child(3) .dropdown-menu {
        top: -74px !important;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item:nth-child(3) .dropdown-menu__clip-path-shape {
        top: 125px;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item:nth-child(3) .dropdown-menu__clip-path-shape {
        top: 86px;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item:nth-child(4) .dropdown-menu {
        border-radius: 8px !important;
        top: -68px !important;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item:nth-child(4) .dropdown-menu {
        top: -64px !important;
        border-radius: 6px !important;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item:nth-child(4) .dropdown-menu__clip-path-shape {
        top: unset !important;
        bottom: 28px !important;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item:nth-child(4) .dropdown-menu__clip-path-shape {
        bottom: 17px !important;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item .nav-link {
        padding: 11px 10px 10px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 !important;
        color: hsl(var(--dark));
        font-size: 1rem;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item .nav-link {
        font-size: 0.875rem;
        padding: 6px !important;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item .nav-link__text {
        position: relative;
    }

    .nav-menu .nav-item .nav-link__text::before {
        position: absolute;
        content: "";
        right: 0;
        bottom: -1px;
        width: 0;
        height: 2px;
        background-color: hsl(var(--warning));
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item .nav-link__icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 12px;
        height: 9px;
        color: inherit;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .nav-menu .nav-item .nav-link__icon {
        width: 9px;
        height: 7px;
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item .nav-link.show[aria-expanded=true] {
        color: hsl(var(--warning)) !important;
    }

    .nav-menu .nav-item .nav-link.show[aria-expanded=true] i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 991px) {
    .nav-menu .nav-item.buttons {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu {
        position: absolute !important;
        width: 175px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        margin: 0px !important;
        padding: 20px;
        border: 0;
        border-radius: 0px 0px 8px 8px;
        background: hsl(var(--section-bg));
        left: calc(100% + 24px) !important;
        top: 0 !important;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .dropdown-menu {
        width: 160px !important;
        padding: 12px;
        border-radius: 0px 0px 6px 6px;
        left: calc(100% + 16px) !important;
        top: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__clip-path-shape {
        position: absolute;
        left: -8px;
        top: 21px;
        width: 10px;
        height: 7px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        z-index: -1;
        color: hsl(var(--section-bg));
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .dropdown-menu__clip-path-shape {
        left: -6px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .dropdown-menu__item {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 8px;
    }

    .dropdown-menu__link:hover .dropdown-menu__icon,
    .dropdown-menu__link:hover .dropdown-menu__title {
        color: hsl(var(--base-two));
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__icon {
        width: 17px;
        height: 17px;
        position: relative;
        top: 3px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__content {
        width: calc(100% - 17px);
        padding-left: 10px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__title {
        font-size: 0.6875rem;
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu__desc {
        font-size: 0.4375rem;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu.mega-menu.two {
        top: -16px !important;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .dropdown-menu.mega-menu.two {
        top: -8px !important;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__clip-path-shape {
        top: 34px;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__clip-path-shape {
        top: 21px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item ul li {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 991px) and (max-width: 374px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item ul li {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-menu.mega-menu.two .dropdown-menu__item ul li:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .navbar-toggler.header-button {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: hsl(var(--white));
        background: hsl(var(--warning)) !important;
        width: 40px;
        height: 40px;
        border: 0 !important;
        border-radius: 12px;
        padding: 0 !important;
        font-size: 1.875rem;
        -webkit-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
    }
}

@media screen and (max-width: 991px) and (max-width: 575px) {
    .navbar-toggler.header-button {
        font-size: 1.6875rem;
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-toggler.header-button:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-toggler.header-button[aria-expanded=true] i::before {
        /* content: "\f00d"; */
    }
}

/* ================================= Header Css End =========================== */
/* ============= Footer Start ======================= */
.footer-area {
    background: hsl(var(--section-bg-two));
    color: hsl(var(--white));
    margin-top: auto;
}

.footer-area__top {
    background: hsl(var(--black));
    padding: 32px 0;
}

@media screen and (max-width: 1399px) {
    .footer-area__top {
        padding: 27px 0;
    }
}

@media screen and (max-width: 1199px) {
    .footer-area__top {
        padding: 25px 0;
    }
}

@media screen and (max-width: 991px) {
    .footer-area__top {
        padding: 20px 0;
    }
}

@media screen and (max-width: 575px) {
    .footer-area__top {
        padding: 18px 0;
    }
}

@media screen and (max-width: 424px) {
    .footer-area__top {
        padding: 15px 0;
    }
}

.footer-area .social-list {
    position: relative;
    padding: 38px 0;
}

.footer-area .social-list::before,
.footer-area .social-list::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: hsl(var(--white));
}

.footer-area .social-list::after {
    top: unset;
    bottom: 0;
}

.social-list__item {
    display: inline-flex;
}

@media screen and (max-width: 1399px) {
    .footer-area .social-list {
        padding: 32px 0;
    }
}

@media screen and (max-width: 1199px) {
    .footer-area .social-list {
        padding: 26px 0;
    }
}

@media screen and (max-width: 991px) {
    .footer-area .social-list {
        padding: 22px 0;
    }
}

@media screen and (max-width: 767px) {
    .footer-area .social-list {
        padding: 20px 0;
    }
}


.footer-logo a img {
    max-width: 82px;
    max-height: 65px;
}

@media screen and (max-width: 991px) {
    .footer-logo a img {
        max-width: 75px;
        max-height: 60px;
    }
}

@media screen and (max-width: 575px) {
    .footer-logo a img {
        max-width: 70px;
        max-height: 55px;
    }
}

.cta-content {
    padding-left: 32px;
}

@media screen and (max-width: 1399px) {
    .cta-content {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .cta-content {
        padding-left: 10px;
    }
}

@media screen and (max-width: 991px) {
    .cta-content {
        padding-left: 0;
        text-align: right;
    }
}


.cta-content__title {
    color: hsl(var(--white));
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 6px;
}

@media screen and (max-width: 1399px) {
    .cta-content__title {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .cta-content__title {
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 991px) {
    .cta-content__title {
        margin-bottom: 0;
    }
}

.cta-content__desc {
    font-size: 0.875rem;
    line-height: 1.5;
    color: hsl(var(--body-color-two));
}

.cta-form {
    margin-left: -29px;
}

@media screen and (max-width: 1399px) {
    .cta-form {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px) {
    .cta-form {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .cta-form {
        margin-top: 10px;
    }
}

.cta-form .form--control {
    border-color: hsl(var(--border-color-three));
    padding-right: 180px;
}

@media screen and (max-width: 1399px) {
    .cta-form .form--control {
        padding-right: 168px;
    }
}

@media screen and (max-width: 1199px) {
    .cta-form .form--control {
        padding-right: 158px;
    }
}

@media screen and (max-width: 991px) {
    .cta-form .form--control {
        padding-right: 140px;
    }
}

@media screen and (max-width: 767px) {
    .cta-form .form--control {
        padding-right: 130px;
    }
}

@media screen and (max-width: 575px) {
    .cta-form .form--control {
        padding-right: 120px;
    }
}

@media screen and (max-width: 374px) {
    .cta-form .form--control {
        padding-right: 116px;
    }
}

.cta-form .form--control:focus {
    border-color: hsl(var(--warning));
}

.cta-form button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.main-footer-wrapper {
    padding-top: 130px;
    padding-bottom: 125px;
}

@media screen and (max-width: 1399px) {
    .main-footer-wrapper {
        padding-top: 105px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .main-footer-wrapper {
        padding-top: 55px;
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 991px) {
    .main-footer-wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .main-footer-wrapper {
        padding-top: 35px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 575px) {
    .main-footer-wrapper {
        padding-top: 28px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 427px) {
    .main-footer-wrapper {
        display: flex !important;
    }

    .main-footer-wrapper.two {
        display: none !important;
    }

    .main-footer-wrapper.gy-5 {
        --bs-gutter-y: 24px !important;
    }

}

.footer-item-wrapper {
    padding-left: 85px;
}

@media screen and (max-width: 1399px) {
    .footer-item-wrapper {
        padding-left: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .footer-item-wrapper {
        padding-left: 0;
    }
}

.footer-item-wrapper .footer-item:not(:last-of-type) {
    margin-bottom: 45px;
}

@media screen and (max-width: 1199px) {
    .footer-item-wrapper .footer-item:not(:last-of-type) {
        margin-bottom: 38px;
    }
}

@media screen and (max-width: 991px) {
    .footer-item-wrapper .footer-item:not(:last-of-type) {
        margin-bottom: 24px;
    }
}

.footer-item.two {
    padding-left: 30px;
}

@media screen and (max-width: 1399px) {
    .footer-item.two {
        padding-left: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .footer-item.two {
        padding-left: 0;
    }
}

.footer-item.last {
    padding-left: 48px;
}

@media screen and (max-width: 1399px) {
    .footer-item.last {
        padding-left: 40px;
    }
}

.footer-item__title {
    font-family: var(--inter-font);
    font-size: 0.875rem;
    letter-spacing: 0px;
    font-weight: 700;
    color: hsl(var(--white));
    margin-bottom: 18px;
}

@media screen and (max-width: 1399px) {
    .footer-item__title {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .footer-item__title {
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 767px) {
    .footer-item__title {
        margin-bottom: 12px;
    }
}

.footer-menu__item {
    display: block;
    margin-bottom: 16px;
}

@media screen and (max-width: 1399px) {
    .footer-menu__item {
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 1199px) {
    .footer-menu__item {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .footer-menu__item {
        margin-bottom: 8px;
    }
}

.footer-menu__item:last-child {
    margin-bottom: 0;
}

.footer-menu__link {
    font-size: 0.875rem;
    color: hsl(var(--warning));
}

.footer-menu__link:hover {
    color: hsl(var(--warning));
    text-decoration: underline;
}

.footer-menu__link.whatsapp {
    gap: 6px;
    margin-top: -10px;
}

@media screen and (max-width: 1399px) {
    .footer-menu__link.whatsapp {
        margin-top: -8px;
    }
}

@media screen and (max-width: 1199px) {

    .footer-item__title,
    .footer-menu__link {
        font-size: 0.75rem;
    }

    .footer-menu__link.whatsapp {
        margin-top: -6px;
    }
}

@media screen and (max-width: 767px) {

    .footer-item__title,
    .footer-menu__link {
        font-size: 0.625rem;
    }

    .footer-menu__link.whatsapp {
        gap: 4px;
    }
}

@media screen and (max-width: 575px) {

    .footer-item__title,
    .footer-menu__link {
        font-size: 0.414rem;
    }
}

@media screen and (max-width: 427px) {

    .footer-item__title,
    .footer-menu__link {
        font-size: 0.875rem;
    }
}

.footer-menu__link.whatsapp:hover {
    text-decoration: none;
}

.footer-menu__link.whatsapp:hover .text {
    color: hsl(var(--warning));
}

.footer-menu__link.whatsapp .icon {
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media screen and (max-width: 767px) {
    .footer-menu__link.whatsapp .icon {
        width: 14px;
        height: 14px;
    }
}

.footer-menu__link.whatsapp .text {
    color: #FEF5E7;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.bottom-footer {
    padding: 35px 0 100px;
}

@media screen and (max-width: 1399px) {
    .bottom-footer {
        padding: 35px 0 60px;
    }
}

@media screen and (max-width: 1199px) {
    .bottom-footer {
        padding: 32px 0 45px;
    }
}

@media screen and (max-width: 991px) {
    .bottom-footer {
        padding: 30px 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .bottom-footer {
        padding: 25px 0 35px;
    }
}

@media screen and (max-width: 575px) {
    .bottom-footer {
        padding: 25px 0 30px;
    }
}

.bottom-footer__text {
    color: #BCBCBC;
    font-size: 1.25rem;
}

@media screen and (max-width: 1399px) {
    .bottom-footer__text {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1199px) {
    .bottom-footer__text {
        font-size: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .bottom-footer__text {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 424px) {
    .bottom-footer__text {
        font-size: 0.875rem;
    }
}

/* ============= Footer End ======================= */
/* ====================== Breadcrumb Css Start ==================== */
.breadcrumb-list {
    gap: 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

@media screen and (max-width: 575px) {
    .breadcrumb-list {
        gap: 8px;
    }
}

@media screen and (max-width: 424px) {
    .breadcrumb-list {
        gap: 3px;
    }
}

.breadcrumb-list__item {
    color: #707B72;
}

.breadcrumb-list__item i {
    font-size: 0.8125rem;
}

@media screen and (max-width: 424px) {
    .breadcrumb-list__item i {
        font-size: 0.75rem;
    }
}

.breadcrumb-list__link,
.breadcrumb-list__text {
    font-weight: 500;
    font-size: 0.875rem;
    color: #707B72;
}

@media screen and (max-width: 424px) {

    .breadcrumb-list__link,
    .breadcrumb-list__text {
        font-size: 0.8125rem;
    }
}

.breadcrumb-list__link:hover,
.breadcrumb-list__text:hover {
    color: hsl(var(--warning));
}

.breadcrumb-list__text {
    color: hsl(var(--warning));
}

.breadcrumb-banner-section {
    padding: 80px 0;
}

@media screen and (max-width: 1399px) {
    .breadcrumb-banner-section {
        padding: 65px 0;
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumb-banner-section {
        padding: 55px 0;
    }
}

@media screen and (max-width: 991px) {
    .breadcrumb-banner-section {
        padding: 130px 0 48px;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-banner-section {
        padding: 120px 0 42px;
    }
}

@media screen and (max-width: 575px) {
    .breadcrumb-banner-section {
        padding: 115px 0 35px;
    }
}

.breadcrumb-banner-section.two {
    padding: 78px 0;
}

@media screen and (max-width: 1399px) {
    .breadcrumb-banner-section.two {
        padding: 70px 0;
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumb-banner-section.two {
        padding: 64px 0;
    }
}

@media screen and (max-width: 991px) {
    .breadcrumb-banner-section.two {
        padding: 130px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-banner-section.two {
        padding: 120px 0 40px;
    }
}

@media screen and (max-width: 575px) {
    .breadcrumb-banner-section.two {
        padding: 115px 0 35px;
    }
}

.breadcrumb-banner-section.two .breadcrumb-banner__title {
    color: hsl(var(--black));
    font-size: 3rem;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .breadcrumb-banner-section.two .breadcrumb-banner__title {
        font-size: 2.8125rem;
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumb-banner-section.two .breadcrumb-banner__title {
        font-size: 2.625rem;
    }
}

@media screen and (max-width: 991px) {
    .breadcrumb-banner-section.two .breadcrumb-banner__title {
        font-size: 2.375rem;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-banner-section.two .breadcrumb-banner__title {
        font-size: 2.1875rem;
    }
}

@media screen and (max-width: 575px) {
    .breadcrumb-banner-section.two .breadcrumb-banner__title {
        font-size: 1.875rem;
    }
}

.breadcrumb-banner {
    position: relative;
    z-index: 3;
}

.breadcrumb-banner__title {
    color: hsl(var(--white));
    letter-spacing: normal;
}

.breadcrumb-banner.two .breadcrumb-banner__title {
    color: hsl(var(--heading-color));
    margin-bottom: 28px;
}

@media screen and (max-width: 1399px) {
    .breadcrumb-banner.two .breadcrumb-banner__title {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumb-banner.two .breadcrumb-banner__title {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .breadcrumb-banner.two .breadcrumb-banner__title {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-banner.two .breadcrumb-banner__title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .breadcrumb-banner.two .breadcrumb-banner__title {
        margin-bottom: 5px;
    }
}

.breadcrumb-banner.two .breadcrumb-banner__desc {
    font-size: 1.125rem;
    line-height: 1.77;
    margin: 0 auto;
    max-width: 900px;
}

@media screen and (max-width: 1399px) {
    .breadcrumb-banner.two .breadcrumb-banner__desc {
        max-width: 800px;
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 1199px) {
    .breadcrumb-banner.two .breadcrumb-banner__desc {
        max-width: 700px;
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media screen and (max-width: 575px) {
    .breadcrumb-banner.two .breadcrumb-banner__desc {
        font-size: 0.9375rem;
        line-height: 1.4;
    }
}

/* ====================== Breadcrumb Css End ==================== */
/* ================================= Preload Css Start =========================== */
.preloader {
    position: fixed;
    z-index: 999999;
    background-color: hsl(var(--black));
    width: 100%;
    height: 100%;
}

.loader-p {
    border: 0 solid transparent;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px);
}

.loader-p:before,
.loader-p:after {
    content: "";
    border: 1em solid hsl(var(--base));
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
    opacity: 0;
}

.loader-p:before {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes loader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/* ================================= Preload Css End ===========================  */
/* ===================== Scroll To Top Start ================================= */
.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    color: hsl(var(--white));
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    z-index: 5;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: hsl(var(--base));
}

.scroll-top:hover {
    color: hsl(var(--white));
    background-color: hsl(var(--base-d-100));
}

.scroll-top.show {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ===================== Scroll To Top End ================================= */
/* ================================= Template Selection Css Start =========================== */
::-moz-selection {
    color: hsl(var(--white));
    background: hsl(var(--base-d-100));
}

::selection {
    color: hsl(var(--white));
    background: hsl(var(--base-d-100));
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: hsl(var(--base-d-100));
    border: 0px solid transparent;
    border-radius: 0px;
}

::-webkit-scrollbar-track {
    background-color: hsl(var(--black)/0.15);
}

/* ================================= Template Selection Css End ===========================  */
/* ================================= Social Icon Css Start =========================== */
.social-list {
    gap: 35px;
}

@media screen and (max-width: 1399px) {
    .social-list {
        gap: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .social-list {
        gap: 24px;
    }
}

@media screen and (max-width: 991px) {
    .social-list {
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .social-list {
        gap: 16px;
    }
}

.social-list__link {
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    width: 25px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: hsl(var(--warning));
}

@media screen and (max-width: 1199px) {
    .social-list__link {
        width: 23px;
        height: 22px;
    }
}

@media screen and (max-width: 991px) {
    .social-list__link {
        width: 21px;
        height: 20px;
    }
}

.social-list__link:hover {
    color: hsl(var(--warning-d-200));
}

.social-list__link.instagram {
    width: 21px;
    height: 20px;
}

@media screen and (max-width: 1199px) {
    .social-list__link.instagram {
        width: 20px;
        height: 19px;
    }
}

@media screen and (max-width: 991px) {
    .social-list__link.instagram {
        width: 19px;
        height: 18px;
    }
}

/* ================================= Social Icon Css End ===========================  */
/* ================================= Range Slider Css Start =========================== */
.custom--range__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.custom--range__content label {
    width: 40%;
}

.custom--range__content input {
    width: 60%;
    text-align: right;
}

.custom--range input {
    border: 0;
    color: hsl(var(--body-color));
    font-weight: 500;
}

.custom--range #slider-range {
    height: 5px;
    border: 0;
    background: hsl(var(--base)/0.2);
}

.custom--range #slider-range .ui-widget-header {
    background-color: hsl(var(--base));
}

.custom--range #slider-range span:focus {
    background-color: hsl(var(--base));
}

.custom--range #slider-range .ui-slider-handle {
    width: 15px !important;
    height: 15px !important;
    background-color: hsl(var(--base)) !important;
    border: 2px solid hsl(var(--white)) !important;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ================================= Range Slider Css End =========================== */
/* ================= Slick Slider Css Start ================ */
.team-slider.slick-initialized.slick-slider .slick-slide {
    margin: 0 38px 0 0 !important;
}

.team-slider .slick-track {
    display: flex !important;
}

@media screen and (max-width: 1399px) {
    .team-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 35px 0 0 !important;
    }
}

@media screen and (max-width: 1199px) {
    .team-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 30px 0 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .team-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 22px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .team-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 16px 0 0 !important;
    }
}

.team-slider.slick-initialized.slick-slider .slick-list {
    margin: 0 -38px 0 0 !important;
}

@media screen and (max-width: 1399px) {
    .team-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -35px 0 0 !important;
    }
}

@media screen and (max-width: 1199px) {
    .team-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -30px 0 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .team-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -22px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .team-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -16px 0 0 !important;
    }
}

.partner-slider.slick-initialized.slick-slider .slick-slide {
    margin: 0 52px 0 0 !important;
}

@media screen and (max-width: 1399px) {
    .partner-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 48px 0 0 !important;
    }
}

@media screen and (max-width: 1199px) {
    .partner-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 45px 0 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .partner-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 40px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .partner-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 30px 0 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .partner-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 15px 0 0 !important;
    }
}

@media screen and (max-width: 374px) {
    .partner-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 10px 0 0 !important;
    }
}

.partner-slider.slick-initialized.slick-slider .slick-list {
    margin: 0 -52px 0 0 !important;
}

@media screen and (max-width: 1399px) {
    .partner-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -48px 0 0 !important;
    }
}

@media screen and (max-width: 1199px) {
    .partner-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -45px 0 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .partner-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -40px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .partner-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -30px 0 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .partner-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -15px 0 0 !important;
    }
}

@media screen and (max-width: 374px) {
    .partner-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -10px 0 0 !important;
    }
}

.review-slider.slick-initialized.slick-slider .slick-slide {
    margin: 0 18px 0 0 !important;
}

@media screen and (max-width: 1399px) {
    .review-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 15px 0 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .review-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 12px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .review-slider.slick-initialized.slick-slider .slick-slide {
        margin: 0 10px 0 0 !important;
    }
}

.review-slider.slick-initialized.slick-slider .slick-list {
    margin: 0 -18px 0 0 !important;
}

@media screen and (max-width: 1399px) {
    .review-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -15px 0 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .review-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -12px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .review-slider.slick-initialized.slick-slider .slick-list {
        margin: 0 -10px 0 0 !important;
    }
}

/* ================= Slick Slider Css Start ================ */
/* ================= Owl Carousel Css End ================ */

.afrem_curx_monx_slider .slick-slide {
    height: 100vh;
}


.slick-arrow-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 405px;
}

.slick-arrow-wrapper button.slick-next {
    right: 0;
    left: auto;
}

@media screen and (max-width: 1399px) {
    .slick-arrow-container {
        top: 360px;
    }
}

@media screen and (max-width: 1199px) {
    .slick-arrow-container {
        top: 320px;
    }
}

@media screen and (max-width: 991px) {
    .slick-arrow-container {
        top: 280px;
    }
}

@media screen and (max-width: 767px) {
    .slick-arrow-container {
        top: 250px;
    }
}

@media screen and (max-width: 575px) {
    .slick-arrow-container {
        display: none;
    }
}


.slick-arrow-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.slick-arrow-wrapper button {
    border: none;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    background-color: hsl(var(--warning)) !important;
    color: hsl(var(--heading-color)) !important;
    font-size: 32px !important;
    position: absolute;
    z-index: 1;
    left: 0;
}

@media screen and (max-width: 1399px) {
    .slick-arrow-wrapper button {
        width: 50px;
        height: 50px;
        font-size: 28px !important;
    }
}

@media screen and (max-width: 1199px) {
    .slick-arrow-wrapper button {
        left: -12px;
    }
}

@media screen and (max-width: 991px) {
    .slick-arrow-wrapper button {
        width: 35px;
        height: 35px;
        font-size: 22px !important;
        left: -20px;
    }
}

@media screen and (max-width: 767px) {
    .slick-arrow-wrapper button {
        left: -17px;
    }
}

@media screen and (max-width: 575px) {
    .slick-arrow-wrapper button {
        display: none;
    }
}

.slick-arrow-wrapper button.slick-next {
    left: unset;
    right: 0;
}

@media screen and (max-width: 1199px) {
    .slick-arrow-wrapper button.slick-next {
        right: -12px;
    }
}

@media screen and (max-width: 991px) {
    .slick-arrow-wrapper button.slick-next {
        right: -20px;
    }
}

@media screen and (max-width: 767px) {
    .slick-arrow-wrapper button.slick-next {
        right: -17px;
    }
}

.slick-arrow-wrapper button.slick-disabled {
    opacity: 0.3;
}

.slick-dots-wrapper {
    position: absolute !important;
    bottom: 73px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute !important;
}

.slick-dots {
    position: relative !important;
    bottom: unset !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px !important;
}

@media screen and (max-width: 991px) {
    .slick-dots-wrapper {
        bottom: 65px;
    }
}

@media screen and (max-width: 767px) {
    .slick-dots-wrapper {
        bottom: 50px;
    }
}

@media screen and (max-width: 575px) {
    .slick-dots-wrapper {
        bottom: 35px;
    }
}

@media screen and (max-width: 424px) {
    .slick-dots-wrapper {
        bottom: 30px;
    }
}

.slick-dots li {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.slick-dots li button {
    border: none;
    background-color: #B1BCCB !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

@media screen and (max-width: 1399px) {
    .slick-dots li button {
        width: 14px !important;
        height: 14px !important;
    }
}

@media screen and (max-width: 991px) {
    .slick-dots li button {
        width: 13px !important;
        height: 13px !important;
    }
}

@media screen and (max-width: 575px) {
    .slick-dots li button {
        width: 12px !important;
        height: 12px !important;
    }
}


.slick-dots li.slick-active button {
    background-color: hsl(var(--warning)) !important;
    width: 77px !important;
    border-radius: 77px !important;
}

@media screen and (max-width: 1399px) {
    .slick-dots li.slick-active button {
        width: 65px !important;
        border-radius: 65px !important;
    }
}

@media screen and (max-width: 991px) {
    .slick-dots li.slick-active button {
        width: 52px !important;
        border-radius: 52px !important;
    }
}

@media screen and (max-width: 575px) {
    .slick-dots li.slick-active button {
        width: 42px !important;
        border-radius: 42px !important;
    }
}

.slick-arrow::before {
    content: none !important;
    display: none !important;
}

.custom-slick-dots {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    z-index: 2;
}


/* ================= Owl Carousel Css Start ================ */
/* ================================= Start Rating Css Start =========================== */
.rating-list {
    gap: 5px;
}

.rating-list__item {
    color: hsl(var(--warning));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating-list__item-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 15px;
    height: 14px;
    color: #FFAF00;
}

/* ================================= Start Rating Css End =========================== */
/* =========================== Banner Css Start ========================= */
.banner-section {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 85px 0 30px;
}

@media screen and (max-width: 1199px) {
    .banner-section {
        padding: 65px 0 60px;
    }
}

@media screen and (max-width: 991px) {
    .banner-section {
        padding: 65px 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .banner-section {
        padding: 65px 0 30px;
    }
}

@media screen and (max-width: 575px) {
    .banner-section {
        padding: 85px 0 30px;
    }
}

.banner-section::after {
    position: absolute;
    content: "";
    background: 
        linear-gradient(251.04deg, rgba(255, 255, 255, 0.7) 37.22%, rgba(57, 104, 159, 0.7) 91.96%),
        linear-gradient(180deg, #FFFFFF 0%, #F39C12 100%);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* Improved Image Container and Animation Styles */
.banner-country-UK {
    overflow: hidden;
        position: absolute;
        z-index: 2 ;
      width: auto;
        top: -12% ;
     right: 0 ;
}

.banner-country-NG {
    position: absolute;
    z-index: 2;
    top: -5%;
    right: -60%;
    width: auto;
}

.banner-country-GH {
    position: absolute;
    z-index: 2;
    top: 12%;
    right: -25%;
    width: auto;
}

@media screen and (max-width: 575px) {
    .banner-country-UK, .banner-country-NG, .banner-country-GH, .banner-content__descIcon{
        display: none;
    }
}



.banner-country-image {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, opacity;
}

.banner-country-image.slide-in {
    animation: slideInFromRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(100px) scale(0.95);
    }
    50% {
        opacity: 0.7;
        transform: translateX(30px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* Alternative slide animations - you can switch between these */

/* Slide from left */
@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px) scale(0.95);
    }
    50% {
        opacity: 0.7;
        transform: translateX(-30px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* Slide from top */
@keyframes slideInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-100px) scale(0.95);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-30px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Slide from bottom */
@keyframes slideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(100px) scale(0.95);
    }
    50% {
        opacity: 0.7;
        transform: translateY(30px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Fade and zoom */
@keyframes fadeZoomIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Performance optimizations for mobile */
@media screen and (max-width: 768px) {
    .banner-country-image {
        transition: all 0.4s ease-out;
    }
    
    .banner-country-image.slide-in {
        animation-duration: 0.4s;
    }
    
    @keyframes slideInFromRight {
        0% {
            opacity: 0;
            transform: translateX(50px) scale(0.95);
        }
        100% {
            opacity: 1;
            transform: translateX(0) scale(1);
        }
    }
}

@media screen and (max-width: 1240px) {
    .banner-country-UK {
    position: absolute;
    z-index: 2;
    top: 3%;
    right: -5%;
    width: auto;
    }
    .banner-country-GH {
        position: absolute;
        z-index: 2;
        top: 35%;
        right: -35%;
        width: auto;
    }
    .banner-country-NG {
        position: absolute;
        z-index: 2;
        top: 10%;
        right: -80%;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
       .banner-country-GH {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0%;
    width: auto;
}

.banner-content__descIcon{
    display: none;
}
.banner-country-NG {
    position: absolute;
    z-index: 2;
    top: -5%;
    right: -60%;
    width: auto;
}
}

@media screen and (max-width: 768px) { 
    .banner-country-UK {
        right: 0;
    }
    .banner-country-GH {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -55%;
    width: auto;
}

.banner-country-NG {
    position: absolute;
    z-index: 2;
    top: -5%;
    right: -60%;
    width: auto;
}

.banner-content__descIcon{
    display: none;
}

}


@media screen and (max-width: 991px) {
    .banner-section::after {
        background: 
            linear-gradient(251.04deg, rgba(255, 255, 255, 0.7) 37.22%, rgba(57, 104, 159, 0.7) 91.96%),
            linear-gradient(201deg, #EAEEFE 29.21%, rgba(4, 38, 86, 0.5) 97.31%);
    }
}

@media screen and (max-width: 767px) {
    .banner-section::after {
        background: 
            linear-gradient(251.04deg, rgba(255, 255, 255, 0.7) 37.22%, rgba(57, 104, 159, 0.7) 91.96%),
            linear-gradient(201deg, #EAEEFE 19.21%, rgba(4, 38, 86, 0.5) 97.31%);
    }
}

@media screen and (max-width: 575px) {
    .banner-section::after {
        background: 
            linear-gradient(251.04deg, rgba(255, 255, 255, 0.7) 37.22%, rgba(57, 104, 159, 0.7) 91.96%),
            linear-gradient(201deg, #EAEEFE 13.21%, rgba(4, 38, 86, 0.5) 97.31%);
    }
}

.banner-content {
    position: relative;
    z-index: 3;
    margin-top: 75px;
}

@media screen and (max-width: 991px) {
    .banner-content {
        text-align: center;
    }
   
}

.banner-content__subtitle {
    font-size: 16px;
    letter-spacing: -0.325px;
    font-weight: 600;
    color: hsl(var(--black));
    border: 1px solid #031E454D;
    border-radius: 500px;
    padding: 12px 24px;
    margin-bottom: 10px;
}


@media screen and (max-width: 1199px) {
    .banner-content__subtitle {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 991px) {
    .banner-content__subtitle {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__subtitle {
        padding: 3px 10px;
        margin-bottom: 15px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__subtitle {
        font-size: 0.75rem;
        border-radius: 7px;
        padding: 3px 8px;
    }
   
}

.banner-content__title {
    margin-bottom: 25px;
    margin-right: -35px;
}

.banner-content__title-br{
    display: none;
}

@media screen and (max-width: 1399px) {
    .banner-content__title {
        margin-bottom: 15px;
        margin-right: -25px;
    }
    .banner-content__title-br{
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .banner-content__title {
        margin-bottom: 12px;
        margin-right: -15px;
    }
}

@media screen and (max-width: 991px) {
    .banner-content__title {
        margin-right: 0;
        letter-spacing: -2.6px;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 646px) {
    .banner-content__title {
        letter-spacing: -4.5px;
    }
    .banner-content__title-br{
        display: block;
    }
}

@media screen and (max-width: 374px) {
    .banner-content__title {
        letter-spacing: -3.5px;
    }

}

@media screen and (max-width: 991px) {
    .banner-content__title br:first-of-type {
        display: none;
    }
}

.banner-content__desc {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1399px) {
    .banner-content__desc {
        font-size: 1.4375rem;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-content__desc {
        font-size: 1.1875rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 991px) {
    .banner-content__desc {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__desc {
        font-size: 1.0625rem;
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__desc {
        font-size: 1rem;
        margin-bottom: 12px;
    }
}

.banner-content__status {
    gap: 15px;
    margin-bottom: 24px;
}

@media screen and (max-width: 1399px) {
    .banner-content__status {
        margin-bottom: 32px;
        gap: 12px;
    }
    
}

@media screen and (max-width: 1199px) {
    .banner-content__status {
        margin-bottom: 25px;
        gap: 10px;
    }
}

@media screen and (max-width: 991px) {
    .banner-content__status {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__status {
        gap: 8px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__status {
        gap: 5px;
        margin-bottom: 12px;
    }
}

.banner-content__status-icon {
    width: 28px;
    height: 28px;
    color: hsl(var(--success));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media screen and (max-width: 1399px) {
    .banner-content__status-icon {
        width: 25px;
        height: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-content__status-icon {
        width: 23px;
        height: 23px;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__status-icon {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__status-icon {
        width: 18px;
        height: 18px;
    }
}

.banner-content__status-text {
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    color: #212121;
}

@media screen and (max-width: 1399px) {
    .banner-content__status-text {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1199px) {
    .banner-content__status-text {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 991px) {
    .banner-content__status-text {
        font-size: 1.1875rem;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__status-text {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__status-text {
        font-size: 1rem;
    }
}

.banner-content__buttons {
    gap: 16px;
}

@media screen and (max-width: 1399px) {
    .banner-content__buttons {
        gap: 12px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-content__buttons {
        gap: 10px;
    }
}

@media screen and (max-width: 991px) {
    .banner-content__buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__buttons {
        gap: 8px;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__buttons {
        gap: 5px;
    }
}

.banner-content__buttons-item {
    width: 142px;
    height: 42px;
}

@media screen and (max-width: 1399px) {
    .banner-content__buttons-item {
        width: 135px;
        height: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-content__buttons-item {
        width: 130px;
        height: 39px;
    }
}

@media screen and (max-width: 767px) {
    .banner-content__buttons-item {
        width: 120px;
        height: 37px;
    }
}

@media screen and (max-width: 575px) {
    .banner-content__buttons-item {
        width: 110px;
        height: 35px;
    }
}

.banner-content__buttons-item img {
    width: 100%;
    height: 100%;
}

.banner-thumb {
    position: absolute;
    right: 0;
    top: 58px;
    z-index: 3;
}

@media screen and (max-width: 1199px) {
    .banner-thumb {
        top: 45px;
    }
}

@media screen and (max-width: 991px) {
    .banner-thumb {
        text-align: center;
        position: relative;
        top: unset;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .banner-thumb {
        margin-bottom: 40px;
    }
}

.banner-thumb img {
    max-width: 858px;
}

@media screen and (max-width: 1399px) {
    .banner-thumb img {
        max-width: 720px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-thumb img {
        max-width: 600px;
    }
}

@media screen and (max-width: 991px) {
    .banner-thumb img {
        max-width: 100%;
        width: 100%;
    }
}

.banner-shape-one {
    position: absolute;
    right: -70px;
    top: 6px;
    -webkit-animation: movebounce 3.5s infinite;
    animation: movebounce 3.5s infinite;
}

@media screen and (max-width: 1399px) {
    .banner-shape-one {
        right: -25px;
    }
}

@media screen and (max-width: 991px) {
    .banner-shape-one {
        right: 0;
        top: 50px;
    }
}

.banner-shape-one img {
    max-width: 77px;
    max-height: 60px;
}

@media screen and (max-width: 1399px) {
    .banner-shape-one img {
        max-width: 72px;
        max-height: 56px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-shape-one img {
        max-width: 65px;
        max-height: 50px;
    }
}

@media screen and (max-width: 991px) {
    .banner-shape-one img {
        max-width: 50px;
        max-height: 38px;
    }
}

@media screen and (max-width: 767px) {
    .banner-shape-one img {
        max-width: 40px;
        max-height: 31px;
    }
}

@media screen and (max-width: 424px) {
    .banner-shape-one img {
        max-width: 30px;
        max-height: 23px;
    }
}

.banner-shape-two {
    position: absolute;
    right: 0;
    bottom: 8px;
    -webkit-animation: movebounce 3.5s infinite;
    animation: movebounce 3.5s infinite;
}

@media screen and (max-width: 991px) {
    .banner-shape-two {
        right: 15%;
        bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .banner-shape-two {
        right: 10%;
    }
}

@media screen and (max-width: 575px) {
    .banner-shape-two {
        right: 5%;
    }
}

@media screen and (max-width: 424px) {
    .banner-shape-two {
        right: 0;
    }
}

@media screen and (max-width: 374px) {
    .banner-shape-two {
        bottom: -25px;
    }
}

.banner-shape-two img {
    max-width: 66px;
    max-height: 71px;
}

@media screen and (max-width: 1399px) {
    .banner-shape-two img {
        max-width: 62px;
        max-height: 66px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-shape-two img {
        max-width: 56px;
        max-height: 60px;
    }
}

@media screen and (max-width: 991px) {
    .banner-shape-two img {
        max-width: 42px;
        max-height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .banner-shape-two img {
        max-width: 35px;
        max-height: 37px;
    }
}

@media screen and (max-width: 424px) {
    .banner-shape-two img {
        max-width: 30px;
        max-height: 32px;
    }
}

.banner-shape-three {
    position: absolute;
    z-index: 3;
    bottom: -75px;
    right: 110px;
    -webkit-animation: movebounce-two 3.2s infinite;
    animation: movebounce-two 3.2s infinite;
}

@media screen and (max-width: 1399px) {
    .banner-shape-three {
        bottom: -60px;
        right: 115px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-shape-three {
        bottom: -45px;
        right: 80px;
    }
}

@media screen and (max-width: 991px) {
    .banner-shape-three {
        bottom: -58px;
        right: 80px;
    }
}

@media screen and (max-width: 767px) {
    .banner-shape-three {
        bottom: -40px;
        right: 70px;
    }
}

.banner-shape-three img {
    max-width: 182px;
    max-height: 155px;
}

@media screen and (max-width: 1399px) {
    .banner-shape-three img {
        max-width: 152px;
        max-height: 129px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-shape-three img {
        max-width: 120px;
        max-height: 102px;
    }
}

@media screen and (max-width: 991px) {
    .banner-shape-three img {
        max-width: 82px;
        max-height: 69px;
    }
}

@media screen and (max-width: 767px) {
    .banner-shape-three img {
        max-width: 58px;
        max-height: 49px;
    }
}

@media screen and (max-width: 424px) {
    .banner-shape-three img {
        max-width: 45px;
        max-height: 38px;
    }
}

.banner-shape-four {
    position: absolute;
    bottom: 24px;
    left: 0;
    z-index: 2;
}

@media screen and (max-width: 1399px) {
    .banner-shape-four {
        bottom: 16px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-shape-four {
        bottom: 12px;
    }
}

@media screen and (max-width: 424px) {
    .banner-shape-four {
        bottom: 10px;
    }
}

.banner-shape-four img {
    max-width: 39px;
    max-height: 56px;
}

@media screen and (max-width: 1399px) {
    .banner-shape-four img {
        max-width: 33px;
        max-height: 47px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-shape-four img {
        max-width: 26px;
        max-height: 37px;
    }
}

@media screen and (max-width: 424px) {
    .banner-shape-four img {
        max-width: 18px;
        max-height: 25px;
    }
}

@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes movebounce-two {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(18px);
        transform: translateY(18px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes movebounce-two {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(18px);
        transform: translateY(18px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* =========================== Banner Css End ========================= */
/* =============================== Convert Css Start ======================= */
.global-money-section {
    position: relative;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .global-money-section {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-section {
        padding-bottom: 20px;
    }
}



.global-money-wrapper {
    position: relative;
    border: 1px solid hsl(var(--white)/0.04);
    border-radius: 16px;
    /* -webkit-box-shadow: 0px 8px 16px 0px rgba(171, 190, 209, 0.4);
    box-shadow: 0px 8px 16px 0px rgba(171, 190, 209, 0.4); */
    overflow: hidden;
    width: 100%;
    z-index: 3;
}

@media screen and (max-width: 1399px) {
    .global-money-wrapper {
        border-radius: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-wrapper {
        /* height: 650px; */
        border-radius: 18px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-wrapper {
        height: auto;
        border-radius: 15px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-wrapper {
        padding: 50px 20px 25px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-wrapper {
        padding: 45px 15px 20px;
    }
}

@media screen and (max-width: 374px) {
    .global-money-wrapper {
        border-radius: 10px;
    }
}

.global-money-content {
    padding: 185px 115px;
}

@media screen and (max-width: 1399px) {
    .global-money-content {
        padding: 165px 45px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-content {
        padding: 155px 35px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-content {
        padding: 75px 30px 100px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-content {
        padding: 65px 25px 160px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-content {
        margin-bottom: 35px;
        padding: 0;
    }
}

.global-money-content__inner {
    position: relative;
    max-width: 410px;
}

@media screen and (max-width: 1199px) {
    .global-money-content__inner {
        max-width: 325px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-content__inner {
        max-width: 370px;
    }
}

.global-money-content__title {
    position: relative;
    z-index: 2;
    line-height: 1.40625;
    letter-spacing: -4.16px;
}

@media screen and (max-width: 1399px) {
    .global-money-content__title {
        letter-spacing: -3px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-content__title {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-content__title {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .global-money-content__title {
        font-size: 2.375rem;
        line-height: 1.2;
    }
}

@media screen and (max-width: 575px) {
    .global-money-content__title {
        letter-spacing: -1.8px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-content__title {
        font-size: 2.1875rem;
    }
}

.global-money-content__desc {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    padding-right: 45px;
}

@media screen and (max-width: 1199px) {
    .global-money-content__desc {
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-content__desc {
        padding-right: 0;
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 575px) {
    .global-money-content__desc {
        font-size: 0.875rem;
    }
}



.global-money-form-wrapper {
    width: 100%;
   
}

@media screen and (max-width: 1399px) {
    .global-money-form-wrapper {
        width: 100%;
        right: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-form-wrapper {
        width: 100%;
        right: 35px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-form-wrapper {
        position: relative;
        right: unset;
        left: 30px;
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .global-money-form-wrapper {
        width: 100%;
        left: 0;
        top:0;
    }
}

@media screen and (max-width: 575px) {
    .global-money-form-wrapper {
        left: unset;
        right: unset;
        bottom: unset;
    }
}

.global-money-form-wrapper .hand-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}

@media screen and (max-width: 991px) {
    .global-money-form-wrapper .hand-shape {
        position: relative;
    }
}

@media screen and (max-width: 575px) {
    .global-money-form-wrapper .hand-shape {
        display: none;
    }
}

.global-money-form-wrapper .hand-shape img {
    max-width: 378px;
    max-height: 558px;
}

@media screen and (max-width: 1199px) {
    .global-money-form-wrapper .hand-shape img {
        max-width: 340px;
        max-height: 500px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-form-wrapper .hand-shape img {
        max-width: 300px;
        max-height: 442px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-form-wrapper .hand-shape img {
        max-width: 190px;
        max-height: 280px;
    }
}

.global-money-card {
    right: 0;
    bottom: 82px;
    width: 100%;
    background: transparent;
    padding: 24px 16px 16px;
}
.global-money-card > div {
    position: relative;
    z-index: 4;
}

/* Or create a specific class for card content */
.global-money-card__content {
    position: relative;
    z-index: 4;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

@media screen and (max-width: 1399px) {
    .global-money-card {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-card {
        width: 410px;
        bottom: 74px;
        padding: 20px 14px 14px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-card {
        width: 395px;
        bottom: 65px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card {
        width: 345px;
        padding: 12px 12px 12px;
        right: 39px;
        bottom: 41px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-card {
        width: 359px;
        position: relative;
        margin: 0 auto;
        right: unset;
        bottom: unset;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card {
        width: 100%;
        /* padding: 12px 10px 12px; */
    }
}

.global-money-card::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: hsl(var(--white)/0.37);
    border-radius: 16px;
    border: 1px solid hsl(var(--white)/0.01);
    -webkit-box-shadow: 0px 30px 40px 0px hsl(var(--black)/0.15);
    box-shadow: 0px 30px 40px 0px hsl(var(--black)/0.15);
    -webkit-backdrop-filter: blur(42px);
    backdrop-filter: blur(42px);
    z-index: 2;
}


@media screen and (max-width: 1199px) {
    .global-money-card::after {
        border-radius: 14px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-card::after {
        border-radius: 12px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card::after {
        border-radius: 10px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card::after {
        border-radius: 8px;
    }
}

.global-money-card form {
    position: relative;
    z-index: 4;
    display: flex;
    gap: 10px;
    flex-direction: row;
}

/* .global-money-card form .form-group {
    margin-bottom: 50px;
} */

/* @media screen and (max-width: 1199px) {
    .global-money-card form .form-group {
        margin-bottom: 40px;
    }

} */

/* @media screen and (max-width: 991px) {
    .global-money-card form .form-group {
        margin-bottom: 30px;
    }
} */

@media screen and (max-width: 767px) {
    /* .global-money-card form .form-group {
        margin-bottom: 25px;
    } */
    .global-money-card form {
        flex-direction: column;
    }
}

@media screen and (max-width: 424px) {
    /* .global-money-card form .form-group {
        margin-bottom: 20px;
    } */
    .global-money-card form {
        flex-direction: column;
    }
}

.global-money-card form .form--label {
    font-weight: 500;
    margin-bottom: 11px;
}

@media screen and (max-width: 991px) {
    .global-money-card form .form--label {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .form--label {
        font-size: 0.8125rem;
        margin-bottom: 5px;
    }
}

.global-money-card form .form--control {
    font-size: 1rem;
    font-weight: 600;
    color: hsl(var(--dark));
    padding: 17px 10px;
    padding-right: 106px;
    border-radius: 4px;
    background: #E9E9E9;
    border-color: #E9E9E9;
}

@media screen and (max-width: 1199px) {
    .global-money-card form .form--control {
        font-size: 0.9375rem;
        padding: 15px 10px;
        padding-right: 106px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .form--control {
        font-size: 0.875rem;
        padding: 12px 8px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .form--control {
        padding: 10px 8px;
        padding-right: 95px;
    }
}

.global-money-card form .form--control::-webkit-input-placeholder {
    font-size: 1rem;
}

.global-money-card form .form--control::-moz-placeholder {
    font-size: 1rem;
}

.global-money-card form .form--control:-ms-input-placeholder {
    font-size: 1rem;
}

.global-money-card form .form--control::-ms-input-placeholder {
    font-size: 1rem;
}

.global-money-card form .form--control::placeholder {
    font-size: 1rem;
}

@media screen and (max-width: 1199px) {
    .global-money-card form .form--control::-webkit-input-placeholder {
        font-size: 0.9375rem;
    }

    .global-money-card form .form--control::-moz-placeholder {
        font-size: 0.9375rem;
    }

    .global-money-card form .form--control:-ms-input-placeholder {
        font-size: 0.9375rem;
    }

    .global-money-card form .form--control::-ms-input-placeholder {
        font-size: 0.9375rem;
    }

    .global-money-card form .form--control::placeholder {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .form--control::-webkit-input-placeholder {
        font-size: 0.875rem;
    }

    .global-money-card form .form--control::-moz-placeholder {
        font-size: 0.875rem;
    }

    .global-money-card form .form--control:-ms-input-placeholder {
        font-size: 0.875rem;
    }

    .global-money-card form .form--control::-ms-input-placeholder {
        font-size: 0.875rem;
    }

    .global-money-card form .form--control::placeholder {
        font-size: 0.875rem;
    }
}

.global-money-card form .btn {
    font-size: 0.875rem;
    border-radius: 8px;
}

@media screen and (max-width: 1199px) {
    .global-money-card form .btn {
        border-radius: 6px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .btn {
        border-radius: 5px;
        font-size: 0.8125rem;
    }
}

.global-money-card form .currency-dropdown {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    border-radius: 0;
    background: transparent;
    width: 96px;
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown {
        width: 90px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown {
        width: 80px;
    }
}

.global-money-card form .currency-dropdown::before {
    position: absolute;
    content: "";
    background: hsl(0deg 0% 78.89%);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.global-money-card form .currency-dropdown::after {
    font-family: "Line Awesome Free";
    content: "\f107";
    font-weight: 900;
    color: hsl(var(--dark));
}

.global-money-card form .currency-dropdown.open::after {
    content: "\f106";
}

.global-money-card form .currency-dropdown__selected {
    padding: 15.5px 10px;
    border-radius: 0 4px 4px 0;
}

@media screen and (max-width: 1199px) {
    .global-money-card form .currency-dropdown__selected {
        padding: 13.5px 8px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__selected {
        padding: 10px 7px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__selected {
        padding: 8px 6px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__selected .thumb {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__selected .thumb {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__selected .content {
        width: calc(100% - 18px);
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__selected .content {
        width: calc(100% - 16px);
    }
}

.global-money-card form .currency-dropdown__selected .short-form {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--dark));
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__selected .short-form {
        font-size: 0.8125rem;
    }
}

.global-money-card form .currency-dropdown__list {
    width: 400px;
    padding: 8px 6px;
    border-radius: 10px;
}

@media screen and (max-width: 1399px) {
    .global-money-card form .currency-dropdown__list {
        width: 365px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-card form .currency-dropdown__list {
        width: 355px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-card form .currency-dropdown__list {
        padding: 7px 5px;
        width: 345px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__list {
        width: 300px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-card form .currency-dropdown__list {
        width: 315px;
        border-radius: 6px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__list {
        width: 230px;
        border-radius: 5px;
    }
}

.global-money-card form .currency-dropdown__list-item {
    padding: 14px 10px;
    font-size: 0.875rem;
}

@media screen and (max-width: 991px) {
    .global-money-card form .currency-dropdown__list-item {
        padding: 12px 10px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__list-item {
        padding: 11px 8px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__list-item {
        padding: 10px 8px;
    }
}

.global-money-card form .currency-dropdown__list-item .thumb {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__list-item .thumb {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__list-item .thumb {
        width: 16px;
        height: 16px;
    }
}

.global-money-card form .currency-dropdown__list-item .content {
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .global-money-card form .currency-dropdown__list-item .content {
        width: calc(100% - 18px);
        padding-left: 8px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card form .currency-dropdown__list-item .content {
        width: calc(100% - 16px);
        padding-left: 5px;
    }
}

.global-money-card form .currency-dropdown__list-item .full-form,
.global-money-card form .currency-dropdown__list-item .short-form {
    line-height: 1;
}

.global-money-card form .currency-dropdown__list-item .short-form {
    margin-left: auto;
}

.currency-dropdown__list-search {
    position: relative;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-search {
        padding: 0 8px;
    }
}

.currency-dropdown__list-search-form {
    width: 100%;
}

.currency-dropdown__list-search-form .form--control {
    border: 0;
    border-radius: 0;
    background: transparent !important;
    padding: 10px !important;
    padding-left: 30px !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    color: hsl(var(--dark));
}

@media screen and (max-width: 991px) {
    .currency-dropdown__list-search-form .form--control {
        padding: 8px !important;
        padding-left: 28px !important;
        font-size: 0.875rem !important;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-search-form .form--control {
        font-size: 0.8125rem !important;
    }
}

@media screen and (max-width: 575px) {
    .currency-dropdown__list-search-form .form--control {
        padding-left: 22px !important;
    }
}

.currency-dropdown__list-search-form .form--control::-webkit-input-placeholder {
    font-size: 0.9375rem !important;
    color: #707070;
}

.currency-dropdown__list-search-form .form--control::-moz-placeholder {
    font-size: 0.9375rem !important;
    color: #707070;
}

.currency-dropdown__list-search-form .form--control:-ms-input-placeholder {
    font-size: 0.9375rem !important;
    color: #707070;
}

.currency-dropdown__list-search-form .form--control::-ms-input-placeholder {
    font-size: 0.9375rem !important;
    color: #707070;
}

.currency-dropdown__list-search-form .form--control::placeholder {
    font-size: 0.9375rem !important;
    color: #707070;
}

@media screen and (max-width: 991px) {
    .currency-dropdown__list-search-form .form--control::-webkit-input-placeholder {
        font-size: 0.875rem !important;
    }

    .currency-dropdown__list-search-form .form--control::-moz-placeholder {
        font-size: 0.875rem !important;
    }

    .currency-dropdown__list-search-form .form--control:-ms-input-placeholder {
        font-size: 0.875rem !important;
    }

    .currency-dropdown__list-search-form .form--control::-ms-input-placeholder {
        font-size: 0.875rem !important;
    }

    .currency-dropdown__list-search-form .form--control::placeholder {
        font-size: 0.875rem !important;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-search-form .form--control::-webkit-input-placeholder {
        font-size: 0.8125rem !important;
    }

    .currency-dropdown__list-search-form .form--control::-moz-placeholder {
        font-size: 0.8125rem !important;
    }

    .currency-dropdown__list-search-form .form--control:-ms-input-placeholder {
        font-size: 0.8125rem !important;
    }

    .currency-dropdown__list-search-form .form--control::-ms-input-placeholder {
        font-size: 0.8125rem !important;
    }

    .currency-dropdown__list-search-form .form--control::placeholder {
        font-size: 0.8125rem !important;
    }
}

.currency-dropdown__list-search-form button {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #707070;
}

.currency-dropdown__list-search-form button:hover {
    color: hsl(var(--base));
}

.currency-dropdown__list-search-form button .icon {
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 18px;
    height: 18px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

@media screen and (max-width: 991px) {
    .currency-dropdown__list-search-form button .icon {
        width: 17px;
        height: 17px;
    }
}

@media screen and (max-width: 767px) {
    .currency-dropdown__list-search-form button .icon {
        width: 16px;
        height: 16px;
    }
}

.global-money-card__calculation {
    position: relative;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    line-height: 1.4285714286;
    margin: 8px 0 6px;
    background: #191919;
    width: fit-content;
    padding: 10px 16px;
    border-radius: 28px;
    margin-bottom: 8px;
}

/* @media screen and (max-width: 1199px) {
  
}

@media screen and (max-width: 991px) {
    .global-money-card__calculation {
        padding: 30px 0;
        padding-left: 26px;
        margin: 5px 0 4px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card__calculation {
        font-size: 0.8125rem;
        padding: 25px 0;
        padding-left: 25px;
        margin: 4px 0 2px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-card__calculation {
        padding: 20px 0;
        padding-left: 25px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card__calculation {
        padding: 18px 0;
        padding-left: 25px;
    }
} */

/* .global-money-card__calculation::before,
.global-money-card__calculation::after {
    position: absolute;
    content: "";
    background: #959595;
    width: 1px;
    height: 100%;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
} */

/* @media screen and (max-width: 991px) {

    .global-money-card__calculation::before,
    .global-money-card__calculation::after {
        left: 10px;
    }
}

@media screen and (max-width: 767px) {

    .global-money-card__calculation::before,
    .global-money-card__calculation::after {
        left: 8px;
    }
}

.global-money-card__calculation::after {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: 11px;
}

@media screen and (max-width: 991px) {
    .global-money-card__calculation::after {
        width: 7px;
        height: 7px;
        left: 7px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card__calculation::after {
        left: 5px;
    }
} */

.global-money-card-fees {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 24px;
}

.global-money-card__list {
    width: 369px;
}

@media screen and (max-width: 1199px) {
    .global-money-card__list {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-card-fees {
        flex-direction: row;
       }
       .global-money-card__list {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card-fees {
        flex-direction: row;
       }
       .global-money-card__list {
        width: 50%;
    }
}

@media screen and (max-width: 425px) {
   .global-money-card-fees {
    flex-direction: column;
   }
   .global-money-card__list {
    width: 100%;
}
}
/* s

.global-money-card__list-item {
    font-size: 0.875rem;
    color: #707070;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
    .global-money-card__list-item {
        font-size: 0.8125rem;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-card__list-item {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-card__list-item {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-card__list-item {
        margin-bottom: 14px;
    }
}

.global-money-card__list-item:last-child {
    margin-bottom: 0;
}

.global-money-card__list-item span:last-of-type {
    color: hsl(var(--dark));
} */

.global-money-shape {
    position: absolute;
    left: 0;
    -webkit-transition: left 0.7s ease, bottom 0.7s ease;
    transition: left 0.7s ease, bottom 0.7s ease;
    z-index: 2;
    bottom: -185px;
}

@media screen and (max-width: 1399px) {
    .global-money-shape {
        bottom: -150px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-shape {
        bottom: -120px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-shape {
        bottom: -100px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-shape {
        bottom: -85px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-shape {
        bottom: -60px;
    }
}

.global-money-shape img {
    max-width: 199px;
    max-height: 435px;
}

@media screen and (max-width: 1399px) {
    .global-money-shape img {
        max-width: 155px;
        max-height: 339px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-shape img {
        max-width: 125px;
        max-height: 273px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-shape img {
        max-width: 110px;
        max-height: 241px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-shape img {
        max-width: 90px;
        max-height: 197px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-shape img {
        max-width: 65px;
        max-height: 143px;
    }
}

.global-money-inside-shape {
    position: absolute;
}

.global-money-inside-shape img {
    width: 100%;
    height: 100%;
}

.global-money-inside-shape.two {
    max-width: 56px;
    max-height: 59px;
    left: 155px;
    top: 40px;
}

@media screen and (max-width: 1399px) {
    .global-money-inside-shape.two {
        max-width: 54px;
        max-height: 56px;
        left: 75px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-inside-shape.two {
        max-width: 45px;
        max-height: 47px;
        left: 55px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-inside-shape.two {
        max-width: 37px;
        max-height: 38px;
        left: 45px;
        top: 25px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-inside-shape.two {
        max-width: 30px;
        max-height: 31px;
        left: 35px;
        top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-inside-shape.two {
        max-width: 23px;
        max-height: 24px;
        left: 28px;
        top: 14px;
    }
}

.global-money-inside-shape.three {
    max-width: 93px;
    max-height: 95px;
    left: -43px;
    top: 135px;
    -webkit-animation: movebounce 3.5s infinite;
    animation: movebounce 3.5s infinite;
}

@media screen and (max-width: 1399px) {
    .global-money-inside-shape.three {
        max-width: 66px;
        max-height: 67px;
        left: -28px;
        top: 128px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-inside-shape.three {
        max-width: 52px;
        max-height: 53px;
        left: -28px;
        top: 94px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-inside-shape.three {
        max-width: 45px;
        max-height: 45px;
        left: -19px;
        top: 90px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-inside-shape.three {
        max-width: 43px;
        max-height: 43px;
        left: -20px;
        top: 60px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-inside-shape.three {
        max-width: 36px;
        max-height: 38px;
        left: -14px;
        top: 69px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-inside-shape.three {
        left: -12px;
    }
}

.global-money-inside-shape.four {
    max-width: 69px;
    max-height: 55px;
    left: 175px;
    bottom: 70px;
    -webkit-animation: movebounce 3.5s infinite;
    animation: movebounce 3.5s infinite;
}

@media screen and (max-width: 1399px) {
    .global-money-inside-shape.four {
        max-width: 60px;
        max-height: 48px;
        left: 105px;
        bottom: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-inside-shape.four {
        max-width: 53px;
        max-height: 43px;
        left: 75px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-inside-shape.four {
        max-width: 48px;
        max-height: 38px;
        left: 70px;
        bottom: unset;
        top: 300px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-inside-shape.four {
        left: 45px;
        top: 265px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-inside-shape.four {
        display: none;
    }
}

.global-money-inside-shape.five {
    max-width: 169px;
    max-height: 170px;
    right: -40px;
    top: 12px;
}

@media screen and (max-width: 1199px) {
    .global-money-inside-shape.five {
        max-width: 145px;
        max-height: 145px;
        right: -30px;
        top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-inside-shape.five {
        max-width: 112px;
        max-height: 112px;
        right: -23px;
        top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-inside-shape.five {
        max-width: 90px;
        max-height: 90px;
        right: -16px;
        top: 11px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-inside-shape.five {
        right: -14px;
    }
}

.global-money-inside-shape.six {
    max-width: 182px;
    max-height: 152px;
    right: 58px;
    top: 145px;
}

@media screen and (max-width: 1399px) {
    .global-money-inside-shape.six {
        max-width: 170px;
        max-height: 144px;
        right: 50px;
        top: 140px;
    }
}

@media screen and (max-width: 1199px) {
    .global-money-inside-shape.six {
        max-width: 150px;
        max-height: 127px;
        right: 55px;
        top: 128px;
    }
}

@media screen and (max-width: 991px) {
    .global-money-inside-shape.six {
        max-width: 135px;
        max-height: 114px;
        right: 50px;
        top: 120px;
    }
}

@media screen and (max-width: 767px) {
    .global-money-inside-shape.six {
        max-width: 117px;
        max-height: 99px;
        right: 44px;
        top: 98px;
    }
}

@media screen and (max-width: 575px) {
    .global-money-inside-shape.six {
        max-width: 99px;
        max-height: 84px;
        right: 36px;
        top: 91px;
    }
}

@media screen and (max-width: 424px) {
    .global-money-inside-shape.six {
        max-width: 81px;
        max-height: 68px;
        right: 28px;
        top: 79px;
    }
}

.convert--button {
    width: 369px;
 
}

@media screen and (max-width: 1399px) {
    .convert--button {
        width: 369px;
    }
    
}
@media screen and (max-width: 1194px) { 
    .convert--button {
        width: 369px;
        margin-top: -50px;
    }
}
@media screen and (max-width: 991px) {
    .convert--button {
        width: 269px;
        margin-top: -50px;
    }
}
@media screen and (max-width: 763px) {
    .convert--button {
        width: 169px;
        margin-top: -50px;
    }
}
@media screen and (max-width: 575px) {
    .convert--button {
        width: 100%;
        margin-top: -50px;
        }
}

@media screen and (max-width: 425px) {
.convert--button {
width: 100%;
margin-top: 0px;
}
}

/* =============================== Convert Css End ======================= */
/* =============================== Best Solution Css Start ======================= */
.best-solution-item-wrapper div[class*=col]:nth-child(odd) {
    padding-right: 8px;
}

.best-solution-item-wrapper div[class*=col]:nth-child(odd) .best-solution-item {
    border-radius: 30px 0 0 30px;
}

@media screen and (max-width: 1399px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(odd) .best-solution-item {
        border-radius: 27px 0 0 27px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(odd) .best-solution-item {
        border-radius: 22px 0 0 22px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(odd) .best-solution-item {
        border-radius: 18px 0 0 18px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(odd) .best-solution-item {
        border-radius: 15px;
    }
}

.best-solution-item-wrapper div[class*=col]:nth-child(even) {
    padding-left: 8px;
}

.best-solution-item-wrapper div[class*=col]:nth-child(even) .best-solution-item {
    border-radius: 0 30px 30px 0;
}

@media screen and (max-width: 1399px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(even) .best-solution-item {
        border-radius: 0 27px 27px 0;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(even) .best-solution-item {
        border-radius: 0 22px 22px 0;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(even) .best-solution-item {
        border-radius: 0 18px 18px 0;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item-wrapper div[class*=col]:nth-child(even) .best-solution-item {
        border-radius: 15px;
    }
}

.best-solution-shape {
    position: absolute;
    left: 0px;
    top: 1%;
}

@media screen and (max-width: 767px) {
    .best-solution-shape {
        top:  1%;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-shape {
        top: -8%;
        left: -10px;
    }
}

@media screen and (max-width: 374px) {
    .best-solution-shape {
        left: -5px;
    }
}

.best-solution-shape img {
    max-width: 52px;
    max-height: 56px;
}

@media screen and (max-width: 1399px) {
    .best-solution-shape img {
        max-width: 38px;
        max-height: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-shape img {
        max-width: 28px;
        max-height: 30px;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-shape img {
        max-width: 24px;
        max-height: 26px;
    }
}

.best-solution-shape.two {
    left: unset;
    right: 40px;
    top: -25%;
}

@media screen and (max-width: 767px) {
    .best-solution-shape.two {
        right: 10px;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-shape.two {
        right: 5px;
        top: -20%;
    }
}

@media screen and (max-width: 374px) {
    .best-solution-shape.two {
        right: 0;
        top: -15%;
    }
}

.best-solution-shape.two img {
    -webkit-animation: flash 2s linear infinite;
    animation: flash 2s linear infinite;
}

.best-solution-shape.three {
    left: unset;
    right: -40px;
    top: 15%;
}

@media screen and (max-width: 1399px) {
    .best-solution-shape.three {
        right: -25px;
        top: 18%;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-shape.three {
        right: -13px;
        top: 15%;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-shape.three {
        display: none;
    }
}

.best-solution-shape.four {
    left: -60px;
    top: 15%;
}

@media screen and (max-width: 1399px) {
    .best-solution-shape.four {
        left: -38px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-shape.four {
        left: -27px;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-shape.four {
        display: none;
    }
}

.best-solution-item {
    position: relative;
    background: #FFEED3;
    height: 729px;
    padding: 35px 32px 0;
}

@media screen and (max-width: 1399px) {
    .best-solution-item {
        padding: 30px 28px 0;
        height: 700px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item {
        padding: 25px 20px 0;
        height: 605px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item {
        padding: 20px 16px 0;
        height: 500px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item {
        height: 450px;
    }
}

.best-solution-item__content {
    position: relative;
    z-index: 2;
}

.best-solution-item__title {
    color: hsl(var(--heading-color-two));
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 16px;
}

@media screen and (max-width: 1399px) {
    .best-solution-item__title {
        font-size: 2.625rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item__title {
        font-size: 2.25rem;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item__title {
        font-size: 1.875rem;
        letter-spacing: -2.3px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item__title {
        font-size: 1.6875rem;
        letter-spacing: -2px;
    }
}

.best-solution-item__desc {
    color: hsl(var(--heading-color-two));
    font-size: 1.375rem;
    max-width: 515px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .best-solution-item__desc {
        font-size: 1.3125rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item__desc {
        font-size: 1.25rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item__desc {
        font-size: 1.125rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item__desc {
        font-size: 1rem;
    }
}

.best-solution-item__link {
    font-size: 1.375rem;
    font-weight: 700;
    color: hsl(var(--warning));
}

@media screen and (max-width: 1399px) {
    .best-solution-item__link {
        font-size: 1.3125rem;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item__link {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item__link {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item__link {
        font-size: 1rem;
    }
}

.best-solution-item.small .best-solution-item__title {
    position: relative;
    z-index: 2;
    color: hsl(var(--body-color-two));
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -1.5px;
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .best-solution-item.small .best-solution-item__title {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item.small .best-solution-item__title {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item.small .best-solution-item__title {
        font-size: 1.125rem;
        letter-spacing: -1px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.small .best-solution-item__title {
        font-size: 1rem;
    }
}

.best-solution-item.one .best-solution-item__thumb {
    position: absolute;
    bottom: 0;
    left: -64px;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
}

@media screen and (max-width: 1399px) {
    .best-solution-item.one .best-solution-item__thumb {
        left: -35px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item.one .best-solution-item__thumb {
        left: -25px;
        max-width: 370px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.one .best-solution-item__thumb {
        left: -20px;
        max-width: 285px;
    }
}

.best-solution-item.one:hover .best-solution-item__thumb {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.best-solution-item.two .best-solution-item__thumb {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 1199px) {
    .best-solution-item.two .best-solution-item__thumb {
        max-width: 405px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item.two .best-solution-item__thumb {
        max-width: 300px;
    }
}

.best-solution-item.two:hover .best-solution-item__thumb {
    -webkit-animation: updown-animation 2s infinite;
    animation: updown-animation 2s infinite;
}

@media (min-width: 1200px) {
    .best-solution-item.three {
        padding-top: 51px;
    }
}

@media (min-width: 1200px) {
    .best-solution-item.three .best-solution-item__title {
        margin-bottom: 28px;
    }
}

@media (min-width: 1200px) {
    .best-solution-item.three .best-solution-item__desc {
        margin-bottom: 24px;
    }
}

.best-solution-item.three .best-solution-item__thumb {
    position: absolute;
    left: 0;
    bottom: 0;
}

.best-solution-item.three .best-solution-item__thumb img {
    max-width: 372px;
}

@media screen and (max-width: 1399px) {
    .best-solution-item.three .best-solution-item__thumb img {
        max-width: 355px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item.three .best-solution-item__thumb img {
        max-width: 315px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item.three .best-solution-item__thumb img {
        max-width: 235px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.three .best-solution-item__thumb img {
        max-width: 235px;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-item.three .best-solution-item__thumb img {
        max-width: 225px;
    }
}

@media screen and (max-width: 424px) {
    .best-solution-item.three .best-solution-item__thumb img {
        max-width: 215px;
    }
}

.best-solution-item.four {
    overflow: hidden;
}

.best-solution-item.four .best-solution-item__title {
    text-align: right;
}

.best-solution-item.four .best-solution-item__thumb {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .best-solution-item.four .best-solution-item__thumb {
        height: 430px;
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .best-solution-item.four .best-solution-item__thumb {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.four .best-solution-item__thumb img {
        width: 100%;
        height: 100%;
    }
}

.best-solution-item.four:hover .best-solution-item__thumb {
    -webkit-animation: updown-animation-two 2s infinite;
    animation: updown-animation-two 2s infinite;
}

.best-solution-item.five {
    background: #EFDCFF;
}

.best-solution-item.five .best-solution-item__thumb {
    position: absolute;
    bottom: -32px;
    left: -30px;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
}

@media screen and (max-width: 1399px) {
    .best-solution-item.five .best-solution-item__thumb {
        bottom: -25px;
        left: -25px;
    }
}

@media screen and (max-width: 1199px) {
    .best-solution-item.five .best-solution-item__thumb {
        max-width: 300px;
    }
}

@media screen and (max-width: 991px) {
    .best-solution-item.five .best-solution-item__thumb {
        max-width: 250px;
        bottom: -15px;
        left: -20px;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.five .best-solution-item__thumb {
        max-width: 220px;
        bottom: 15px;
        left: 0;
    }
}

@media screen and (max-width: 374px) {
    .best-solution-item.five .best-solution-item__thumb {
        max-width: 190px;
    }
}

.best-solution-item.five:hover .best-solution-item__thumb {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
}

@media screen and (max-width: 991px) {
    .best-solution-item.five:hover .best-solution-item__thumb {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.five:hover .best-solution-item__thumb {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.best-solution-item.six {
    background: #EFDCFF;
}

.best-solution-item.six .best-solution-item__thumb {
    position: absolute;
    bottom: 0;
    left: 35%;
}

@media screen and (max-width: 991px) {
    .best-solution-item.six .best-solution-item__thumb {
        left: 32%;
    }
}

@media screen and (max-width: 767px) {
    .best-solution-item.six .best-solution-item__thumb {
        left: 30%;
        max-width: 250px;
    }
}

@-webkit-keyframes updown-animation {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes updown-animation {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes updown-animation-two {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes updown-animation-two {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* =============================== Best Solution Css End ======================= */
/* =============================== Many More Css Start ======================= */
.many-more-section {
    position: relative;
    overflow: hidden;
}

.many-more-section .section-heading__title {
    font-size: 3rem;
    line-height: 1.125;
    letter-spacing: -3.12px;
}

@media screen and (max-width: 1199px) {
    .many-more-section .section-heading__title {
        font-size: 2.75rem;
    }
}

@media screen and (max-width: 991px) {
    .many-more-section .section-heading__title {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .many-more-section .section-heading__title {
        letter-spacing: -2.6px;
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 575px) {
    .many-more-section .section-heading__title {
        font-size: 2.125rem;
    }
}

@media screen and (max-width: 424px) {
    .many-more-section .section-heading__title {
        font-size: 2rem;
    }
}

@media screen and (max-width: 374px) {
    .many-more-section .section-heading__title {
        font-size: 1.75rem;
    }
}

.many-more-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

@media screen and (max-width: 575px) {
    .many-more-item {
        height: auto;
    }
}

.many-more-item__thumb {
    width: 100%;
    padding: 42px 42px 0;
    background: hsl(var(--section-bg));
    border-radius: 13px;
    margin-bottom: 20px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .many-more-item__thumb {
        padding: 36px 36px 0;
        border-radius: 12px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .many-more-item__thumb {
        padding: 30px 30px 0;
        border-radius: 10px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .many-more-item__thumb {
        padding: 25px 25px 0;
        border-radius: 9px;
    }
}

@media screen and (max-width: 767px) {
    .many-more-item__thumb {
        padding: 20px 20px 0;
        border-radius: 8px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .many-more-item__thumb {
        padding: 25px 25px 0;
    }
}

@media screen and (max-width: 424px) {
    .many-more-item__thumb {
        padding: 20px 20px 0;
        border-radius: 7px;
        margin-bottom: 10px;
    }
}

.many-more-item__thumb img {
    width: 100%;
}

.many-more-item__content {
    width: 100%;
    padding: 40px 20px;
    background: hsl(var(--base));
    border-radius: 13px;
}

@media screen and (max-width: 1399px) {
    .many-more-item__content {
        border-radius: 12px;
        padding: 35px 10px 35px 15px;
    }
}

@media screen and (max-width: 1199px) {
    .many-more-item__content {
        border-radius: 10px;
        padding: 30px 10px;
    }
}

@media screen and (max-width: 991px) {
    .many-more-item__content {
        border-radius: 9px;
        padding: 27px 15px;
    }
}

@media screen and (max-width: 767px) {
    .many-more-item__content {
        padding: 22px 10px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 424px) {
    .many-more-item__content {
        border-radius: 7px;
    }
}

@media screen and (max-width: 374px) {
    .many-more-item__content {
        padding: 16px 10px;
    }
}

.many-more-item__title {
    font-size: 1.8125rem;
    letter-spacing: 0px;
    font-weight: 600;
    color: hsl(var(--white));
    margin-bottom: 6px;
}

@media screen and (max-width: 1399px) {
    .many-more-item__title {
        font-size: 1.6875rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .many-more-item__title {
        font-size: 1.5625rem;
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 991px) {
    .many-more-item__title {
        font-size: 1.4375rem;
    }
}

@media screen and (max-width: 767px) {
    .many-more-item__title {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 374px) {
    .many-more-item__title {
        font-size: 1.125rem;
    }
}

.many-more-item__desc {
    font-size: 1rem;
    line-height: 1.5;
    color: #FFDCDF;
}

@media screen and (max-width: 1399px) {
    .many-more-item__desc {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 1199px) {
    .many-more-item__desc {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 374px) {
    .many-more-item__desc {
        font-size: 0.8125rem;
    }
}

@media screen and (max-width: 575px) {
    .many-more-item.two {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}

.many-more-item.two .many-more-item__thumb {
    margin-bottom: 0;
}

@media screen and (max-width: 575px) {
    .many-more-item.two .many-more-item__thumb {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 424px) {
    .many-more-item.two .many-more-item__thumb {
        margin-bottom: 10px;
    }
}

.many-more-item.two .many-more-item__content {
    background: hsl(var(--warning));
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .many-more-item.two .many-more-item__content {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .many-more-item.two .many-more-item__content {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .many-more-item.two .many-more-item__content {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .many-more-item.two .many-more-item__content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
    }
}

.many-more-item.two .many-more-item__desc {
    color: #FFF3E3;
}

.many-more-item.three .many-more-item__content {
    background: hsl(var(--black));
}

.many-more-shape {
    position: absolute;
    right: -100%;
    top: -100%;
    -webkit-transition: right 0.9s ease, top 0.9s ease;
    transition: right 0.9s ease, top 0.9s ease;
    max-width: 280px;
    max-height: 280px;
}

@media screen and (max-width: 1399px) {
    .many-more-shape {
        max-width: 250px;
        max-height: 250px;
    }
}

@media screen and (max-width: 1199px) {
    .many-more-shape {
        max-width: 215px;
        max-height: 215px;
    }
}

@media screen and (max-width: 991px) {
    .many-more-shape {
        max-width: 155px;
        max-height: 155px;
    }
}

@media screen and (max-width: 767px) {
    .many-more-shape {
        max-width: 130px;
        max-height: 130px;
    }
}

@media screen and (max-width: 575px) {
    .many-more-shape {
        max-width: 100px;
        max-height: 100px;
    }
}

@media screen and (max-width: 575px) {
    .many-more-shape {
        max-width: 95px;
        max-height: 95px;
    }
}

@media screen and (max-width: 374px) {
    .many-more-shape {
        max-width: 88px;
        max-height: 88px;
    }
}

.many-more-shape.active {
    right: -60px;
    top: 12px;
}

@media screen and (max-width: 1199px) {
    .many-more-shape.active {
        right: -50px;
        top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .many-more-shape.active {
        right: -45px;
    }
}

@media screen and (max-width: 767px) {
    .many-more-shape.active {
        top: 5px;
        right: -32px;
    }
}

@media screen and (max-width: 575px) {
    .many-more-shape.active {
        right: -27px;
    }
}

@media screen and (max-width: 424px) {
    .many-more-shape.active {
        right: -24px;
    }
}

.many-more-shape img {
    width: 100%;
    height: 100%;
}

.many-more-shape-star {
    position: absolute;
    right: unset;
    left: 52px;
    top: 0;
    max-width: 52px;
    max-height: 55px;
}

@media screen and (max-width: 1199px) {
    .many-more-shape-star {
        left: 40px;
        max-width: 47px;
        max-height: 49px;
    }
}

@media screen and (max-width: 991px) {
    .many-more-shape-star {
        left: 32px;
        max-width: 43px;
        max-height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .many-more-shape-star {
        left: 20px;
        max-width: 38px;
        max-height: 40px;
    }
}

@media screen and (max-width: 575px) {
    .many-more-shape-star {
        left: 15px;
        max-width: 28px;
        max-height: 29px;
    }
}

@media screen and (max-width: 374px) {
    .many-more-shape-star {
        left: 5px;
    }
}

.many-more-shape-star img {
    -webkit-animation: flash 2s linear infinite;
    animation: flash 2s linear infinite;
}

/* =============================== Many More Css End ======================= */
/* =============================== Brand Css Start ======================= */
.brand-section {
    padding: 40px 0;
}

@media screen and (max-width: 991px) {
    .brand-section {
        padding: 35px 0;
    }
}

@media screen and (max-width: 767px) {
    .brand-section {
        padding: 30px 0;
    }
}

.brand-item-wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 25px;
}

@media screen and (max-width: 1399px) {
    .brand-item-wrapper {
        gap: 20px;
    }
}

@media screen and (max-width: 991px) {
    .brand-item-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .brand-item-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.brand-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* or a fixed height if needed */
}

.brand-item img {
    max-width: 235px;
    max-height: 36px;
}

@media screen and (max-width: 1399px) {
    .brand-item img {
        max-width: 172px;
        max-height: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .brand-item img {
        max-width: 140px;
        max-height: 28px;
    }
}

@media screen and (max-width: 575px) {
    .brand-item img {
        max-width: 130px;
        max-height: 25px;
    }
}

/* =============================== Brand Css End ======================= */
/* =============================== Finance Hub Css Start ======================= */
.finance-hub-item {
    border: 1px solid #CAD8ED;
    border-radius: 24px;
    -webkit-box-shadow: 0px 8.524px 29.226px 0px #24262b29;
    box-shadow: 0px 8.524px 29.226px 0px #24262b29;
    padding: 48px;
    height: 100%;
}

@media screen and (max-width: 1399px) {
    .finance-hub-item {
        padding: 48px;
        border-radius: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .finance-hub-item {
        padding: 50px 30px 35px;
        border-radius: 20px;
    }
}

@media screen and (max-width: 991px) {
    .finance-hub-item {
        padding: 25px 15px 20px;
        border-radius: 16px;
    }
}

.finance-hub-item:hover .finance-hub-item__thumb img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.finance-hub-item__thumb {
    margin-bottom: 36px;
}

@media screen and (max-width: 1399px) {
    .finance-hub-item__thumb {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .finance-hub-item__thumb {
        margin-bottom: 28px;
    }
}

@media screen and (max-width: 991px) {
    .finance-hub-item__thumb {
        margin-bottom: 20px;
    }
}

.finance-hub-item__thumb img {
    max-width: 320px;
    max-height: 3309px;
    margin: 0 auto;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
}

@media screen and (max-width: 1399px) {
    .finance-hub-item__thumb img {
        max-width: 320px;
        max-height: 330px;
    }
}

@media screen and (max-width: 1199px) {
    .finance-hub-item__thumb img {
        max-width: 310px;
        max-height: 305px;
    }
}

@media screen and (max-width: 991px) {
    .finance-hub-item__thumb img {
        max-width: 100%;
        max-height: 100%;
    }
}

.finance-hub-item__title {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 100% !important;
    margin-bottom: 16px;
}



.finance-hub-item__desc {
    font-size: 16px;
    color: hsl(var(--black));
    max-width: 494px;
    margin: 0 auto 32px;
    font-weight: 500;
}

.finance-hub-item__button{
    margin-top: 16px !important;
}

.finance-hub-item__button-2{
    padding-left: 52px;
    padding-right: 52px;
}

@media screen and (max-width: 1399px) {
    .finance-hub-item__desc {
        max-width: 390px;
        margin: 0 auto 25px;
    }
  
}

@media screen and (max-width: 1199px) {
    .finance-hub-item__desc {
        font-size: 16px;
        margin: 0 auto 22px;
    }
    .finance-hub-item__button{
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 991px) {
    .finance-hub-item__desc {
        font-size: 16px;
        margin: 0 auto 15px;
    }
    .finance-hub-item__title {
        font-size: 1.5rem;
     }
     .finance-hub-item__button{
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 575px) {
    .finance-hub-item__desc {
        font-size: 1rem;
    }
    .finance-hub-item__button-2{
        padding-left: 52px;
        padding-right: 52px;
    }
}

@media screen and (max-width: 480px) {
    .finance-hub-item__button-2{
        padding-left: 52px !important;
        padding-right: 52px !important;
    }
}

@media screen and (max-width: 991px) {
    .finance-hub-item__desc br {
        display: none;
    }
}

.finance-hub-item.two .finance-hub-item__desc {
    max-width: 445px;
}

@media screen and (max-width: 1399px) {
    .finance-hub-item.two .finance-hub-item__desc {
        max-width: 410px;
    }
}

/* =============================== Finance Hub Css End ======================= */
/* =============================== Country Css Start ======================= */
.country-section {
    position: relative;
    background: #FFFBEE;
    overflow: hidden;
    padding-bottom: 85px;
    padding-top: 28px;
}

.country-gradient-text {
    font-size: 40px;
    font-weight: 700;
    background: linear-gradient(180deg, #042656 0%, #F39C12 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -6.5%;
}

@media screen and (max-width: 1399px) {
    .country-section {
        padding-bottom: 75px;
    }
}

@media screen and (max-width: 1199px) {
    .country-section {
        padding-bottom: 55px;
    }
}

@media screen and (max-width: 991px) {
    .country-section {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 575px) {
    .country-section {
        padding-bottom: 30px;
    }
    .country-gradient-text{
        font-size: 28px;
        margin-top: 20px
    }
}

.country-section::before,
.country-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 205px;
    left: 0;
    bottom: 240px;
    z-index: 2;
}

@media screen and (max-width: 1199px) {

    .country-section::before,
    .country-section::after {
        height: 130px;
        bottom: 225px;
    }
}

.country-section::after {
    height: 111px;
    bottom: -12px;
}

@media screen and (max-width: 1199px) {
    .country-section::after {
        bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .country-section::after {
        height: 75px;
    }
}

.country-section .section-heading {
    position: relative;
    background: #FFFBEE;
    z-index: 3;
    margin-bottom: 35px;
}

.flag-wrapper {
    position: relative;
    text-align: center;
    padding: 0 80px;
    -webkit-animation: flag-move 6s;
    animation: flag-move 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@media screen and (max-width: 1199px) {
    .flag-wrapper {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .flag-wrapper {
        -webkit-animation-name: flag-move-two;
        animation-name: flag-move-two;
    }
}

@media screen and (max-width: 767px) {
    .flag-wrapper {
        -webkit-animation-name: flag-move-three;
        animation-name: flag-move-three;
    }
}

@media screen and (max-width: 576px) {
    .flag-wrapper {
        -webkit-animation-name: flag-move-four;
        animation-name: flag-move-four;
    }
}

.flag-wrapper__world {
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.flag-wrapper__world img {
    max-width: 385px;
    max-height: 339px;
}

.flag-row {
    gap: 60px;
}

@media screen and (max-width: 1399px) {
    .flag-row {
        gap: 45px;
    }
}

@media screen and (max-width: 1199px) {
    .flag-row {
        gap: 40px;
    }
}

@media screen and (max-width: 991px) {
    .flag-row {
        gap: 17px;
    }
}

@media screen and (max-width: 767px) {
    .flag-row {
        gap: 15px;
    }
}

@media screen and (max-width: 575px) {
    .flag-row {
        gap: 10px;
    }
}

@media screen and (max-width: 424px) {
    .flag-row {
        gap: 6px;
    }
}

@media screen and (max-width: 374px) {
    .flag-row {
        gap: 4px;
    }
}

.flag-row+.flag-row {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .flag-row+.flag-row {
        margin-top: 24px;
    }
}

@media screen and (max-width: 575px) {
    .flag-row+.flag-row {
        margin-top: 18px;
    }
}

.flag-item {
    width: 80px;
    height: 60px;
    -webkit-filter: drop-shadow(0px 2px 2px rgba(72, 80, 88, 0.08));
    filter: drop-shadow(0px 2px 2px rgba(72, 80, 88, 0.08));
}

@media screen and (max-width: 1199px) {
    .flag-item {
        width: 72px;
        height: 56px;
    }
}

@media screen and (max-width: 991px) {
    .flag-item {
        width: 60px;
        height: 50px;
    }
}

@media screen and (max-width: 767px) {
    .flag-item {
        width: 50px;
        height: 45px;
    }
}

@media screen and (max-width: 575px) {
    .flag-item {
        width: 37px;
        height: 34px;
    }
}

@media screen and (max-width: 374px) {
    .flag-item {
        width: 33px;
        height: 28px;
    }
}

.flag-item img {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes flag-move {
    0% {
        transform: translateY(-85px);
    }

    50% {
        transform: translateY(85px);
    }

    100% {
        transform: translateY(-85px);
    }
}

@keyframes flag-move {
    0% {
        transform: translateY(-85px);
    }

    50% {
        transform: translateY(85px);
    }

    100% {
        transform: translateY(-85px);
    }
}

@-webkit-keyframes flag-move-two {
    0% {
        transform: translateY(-60px);
    }

    50% {
        transform: translateY(60px);
    }

    100% {
        transform: translateY(-60px);
    }
}

@keyframes flag-move-two {
    0% {
        transform: translateY(-60px);
    }

    50% {
        transform: translateY(60px);
    }

    100% {
        transform: translateY(-60px);
    }
}

@-webkit-keyframes flag-move-three {
    0% {
        transform: translateY(-45px);
    }

    50% {
        transform: translateY(45px);
    }

    100% {
        transform: translateY(-45px);
    }
}

@keyframes flag-move-three {
    0% {
        transform: translateY(-45px);
    }

    50% {
        transform: translateY(45px);
    }

    100% {
        transform: translateY(-45px);
    }
}

@-webkit-keyframes flag-move-four {
    0% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(-30px);
    }
}

@keyframes flag-move-four {
    0% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(-30px);
    }
}

/* =============================== Country Css End ======================= */
/* ================================ Testimonails Css Start ============================= */
.testimonial-section {
    position: relative;
}

.testimonial-item-wrapper {
    position: relative;
    z-index: 3;
}

.testimonial-item-wrapper::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.12%, #FFF), color-stop(45.17%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #FFF 7.12%, rgba(255, 255, 255, 0) 45.17%);
}

@media screen and (max-width: 1399px) {
    .testimonial-item-wrapper::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5.12%, #FFF), color-stop(38.17%, rgba(255, 255, 255, 0)));
        background: linear-gradient(180deg, #FFF 5.12%, rgba(255, 255, 255, 0) 38.17%);
    }
}

@media screen and (max-width: 1199px) {
    .testimonial-item-wrapper::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.12%, #FFF), color-stop(56.17%, rgba(255, 255, 255, 0)));
        background: linear-gradient(180deg, #FFF 0.12%, rgba(255, 255, 255, 0) 56.17%);
    }
}

@media screen and (max-width: 767px) {
    .testimonial-item-wrapper::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.88%, #FFF), color-stop(63.17%, rgba(255, 255, 255, 0)));
        background: linear-gradient(180deg, #FFF -4.88%, rgba(255, 255, 255, 0) 63.17%);
    }
}

.testimonial_grid {
    display: flex !important;
    margin: 0 auto;
}


.testimonial-item {
    background: hsl(var(--white));
    border: 1px solid #F1F1F1;
    border-radius: 20px;
    -webkit-box-shadow: 0px 7px 14px 0px #EAEAEA;
    box-shadow: 0px 7px 14px 0px #EAEAEA;
    padding: 40px 50px 40px 40px;
    margin-bottom: 24px;
}

@media screen and (max-width: 1399px) {
    .testimonial-item {
        padding: 35px 30px;
        margin-bottom: 20px;
        border-radius: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .testimonial-item {
        border-radius: 16px;
        padding: 30px 25px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .testimonial-item {
        border-radius: 14px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .testimonial-item {
        border-radius: 12px;
        padding: 20px 18px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .testimonial-item {
        padding: 15px 12px;
        border-radius: 10px;
    }
}

.testimonial-item__desc {
    letter-spacing: -1px;
    line-height: 1.4375;
    margin-bottom: 14px;
}

@media screen and (max-width: 991px) {
    .testimonial-item__desc {
        margin-bottom: 10px;
    }
}

.testimonial-item__author-thumb {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .testimonial-item__author-thumb {
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 767px) {
    .testimonial-item__author-thumb {
        width: 35px;
        height: 35px;
    }
}

.testimonial-item__author-thumb img {
    width: 100%;
    height: 100%;
}

.testimonial-item__author-content {
    width: calc(100% - 42px);
    padding-left: 8px;
}

@media screen and (max-width: 991px) {
    .testimonial-item__author-content {
        width: calc(100% - 38px);
    }
}

@media screen and (max-width: 767px) {
    .testimonial-item__author-content {
        padding-left: 5px;
        width: calc(100% - 35px);
    }
}

@media screen and (max-width: 575px) {
    .testimonial-item__author-content {
        padding-left: 4px;
    }
}

.testimonial-item__author-name {
    font-family: var(--inter-font);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .testimonial-item__author-name {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 575px) {
    .testimonial-item__author-name {
        font-size: 0.875rem;
    }
}

.testimonial-item__author-username {
    font-family: var(--inter-font);
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: -0.16px;
}

@media screen and (max-width: 991px) {
    .testimonial-item__author-username {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 575px) {
    .testimonial-item__author-username {
        font-size: 0.875rem;
    }
}

/* ================================ Testimonails Css End ============================= */
/* =============================== Text Slider Css Start ======================= */
.text-slider-section {
    background-color: #444444;
}

.text-slider-title {
    font-size: 100px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -2px;
    color: hsl(var(--body-color-four));
    opacity: 0.5;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

.text-slider-outer {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.text-slider-inner {
    display: inline-block;
    animation: bounceCenter 10s ease-in-out infinite alternate;
}

@keyframes bounceCenter {
    0% {
        transform: translateX(10%);
    }

    100% {
        transform: translateX(-20%);
    }
}


@media (max-width: 1200px) {
    .text-slider-title {
        font-size: 80px;
    }
}

@media (max-width: 768px) {
    .text-slider-title {
        font-size: 50px;
    }

}

@media (max-width: 480px) {
    .text-slider-title {
        font-size: 36px;
        letter-spacing: -1px;
    }

}

/* =============================== Text Slider Css End ======================= */
/* =============================== Download App Css Start ======================= */
.download-app-section {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27.96%, #FFF), color-stop(102.93%, #D2DCFF));
    background: linear-gradient(180deg, #FFF 27.96%, #D2DCFF 102.93%);
    padding: 130px 0 105px;
    overflow: hidden;
}

@media screen and (max-width: 1599px) {
    .download-app-section {
        padding: 120px 0 95px;
    }
}

@media screen and (max-width: 1399px) {
    .download-app-section {
        padding: 115px 0 90px;
    }
}

@media screen and (max-width: 1199px) {
    .download-app-section {
        padding: 90px 0 75px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-section {
        padding: 75px 0 60px;
    }
}

@media screen and (max-width: 767px) {
    .download-app-section {
        padding: 55px 0 45px;
    }
}

@media screen and (max-width: 575px) {
    .download-app-section {
        padding: 45px 0 35px;
    }
}

.download-app-section:hover .download-app-shape {
    left: 0;
    top: 0;
}

.download-app-shape {
    position: absolute;
    left: -100%;
    top: -100%;
    -webkit-transition: left 0.6s ease, top 0.6s ease;
    transition: left 0.6s ease, top 0.6s ease;
}

.download-app-shape img {
    max-width: 275px;
    max-height: 343px;
}

@media screen and (max-width: 1599px) {
    .download-app-shape img {
        max-width: 250px;
        max-height: 311px;
    }
}

@media screen and (max-width: 1399px) {
    .download-app-shape img {
        max-width: 230px;
        max-height: 286px;
    }
}

@media screen and (max-width: 1199px) {
    .download-app-shape img {
        max-width: 190px;
        max-height: 236px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-shape img {
        max-width: 150px;
        max-height: 187px;
    }
}

@media screen and (max-width: 767px) {
    .download-app-shape img {
        max-width: 100px;
        max-height: 122px;
    }
}

@media screen and (max-width: 575px) {
    .download-app-shape img {
        max-width: 60px;
        max-height: 74px;
    }
}

@media screen and (max-width: 424px) {
    .download-app-shape img {
        max-width: 42px;
        max-height: 52px;
    }
}

.download-app-content__title {
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .download-app-content__title {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .download-app-content__title {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-content__title {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .download-app-content__title {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 575px) {
    .download-app-content__title {
        margin-bottom: 5px;
    }
}

.download-app-content__desc {
    max-width: 395px;
    line-height: 1.4375;
    letter-spacing: -1px;
    margin: 0 auto 40px;
}

@media screen and (max-width: 1399px) {
    .download-app-content__desc {
        margin: 0 auto 35px;
    }
}

@media screen and (max-width: 1199px) {
    .download-app-content__desc {
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-content__desc {
        max-width: 370px;
        margin: 0 auto 25px;
    }
}

@media screen and (max-width: 767px) {
    .download-app-content__desc {
        margin: 0 auto 16px;
    }
}

@media screen and (max-width: 575px) {
    .download-app-content__desc {
        margin: 0 auto 10px;
    }
}

@media screen and (max-width: 424px) {
    .download-app-content__desc {
        max-width: 100%;
        margin: 0 auto 10px;
    }
}

.download-app-content__buttons {
    gap: 16px;
}

@media screen and (max-width: 1199px) {
    .download-app-content__buttons {
        gap: 12px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-content__buttons {
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .download-app-content__buttons {
        gap: 8px;
    }
}

@media screen and (max-width: 575px) {
    .download-app-content__buttons {
        gap: 5px;
    }
}

.download-app-content__buttons-item {
    width: 131px;
    height: 44px;
    border: 1px solid hsl(var(--border-color));
    border-radius: 8px;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    .download-app-content__buttons-item {
        width: 127px;
        height: 42px;
        border-radius: 7px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-content__buttons-item {
        width: 124px;
        height: 40px;
        border-radius: 6px;
    }
}

@media screen and (max-width: 767px) {
    .download-app-content__buttons-item {
        width: 116px;
        height: 38px;
    }
}

@media screen and (max-width: 575px) {
    .download-app-content__buttons-item {
        width: 112px;
        height: 37px;
    }
}

.download-app-content__buttons-item img {
    width: 100%;
    height: 100%;
}

.download-app-thumb {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 767px) {
    .download-app-thumb {
        display: none;
    }
}

.download-app-thumb img {
    max-width: 473px;
    max-height: 352px;
}

@media screen and (max-width: 1599px) {
    .download-app-thumb img {
        max-width: 425px;
        max-height: 315px;
    }
}

@media screen and (max-width: 1499px) {
    .download-app-thumb img {
        max-width: 382px;
        max-height: 284px;
    }
}

@media screen and (max-width: 1399px) {
    .download-app-thumb img {
        max-width: 335px;
        max-height: 250px;
    }
}

@media screen and (max-width: 1199px) {
    .download-app-thumb img {
        max-width: 268px;
        max-height: 200px;
    }
}

@media screen and (max-width: 991px) {
    .download-app-thumb img {
        max-width: 200px;
        max-height: 148px;
    }
}

/* =============================== Download App Css End ======================= */
/* ================================= Account Css Start =========================== */
.header-two {
    padding: 15px 0;
    background: hsl(var(--white));
    border-bottom: 1px solid hsl(var(--border-color-four)/0.25);
    -webkit-box-shadow: none;
    box-shadow: none;
    /* position: absolute; */
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

@media screen and (max-width: 991px) {
    .header-two {
        display: none;
    }
}

.account-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0 35px;
    min-height: 100vh;
}

@media screen and (max-width: 1499px) {
    .account-section {
        padding: 50px 0 30px;
    }
}

@media screen and (max-width: 1199px) {
    .account-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 125px 0 30px;
    }
}

@media screen and (max-width: 991px) {
    .account-section {
        padding: 30px 0;
    }
}

@media screen and (max-width: 424px) {
    .account-section {
        padding: 22px 0;
    }
}

.account-section__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1400px) {
    .account-section__inner {
        max-width: 1340px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1399px) {
    .account-section__inner {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .account-section__inner {
        padding-left: 0;
    }
}

@media screen and (max-width: 991px) {
    .account-section__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 25px;
    }
}

@media screen and (max-width: 767px) {
    .account-section__inner {
        padding: 0 20px;
    }
}

@media screen and (max-width: 575px) {
    .account-section__inner {
        padding: 0 18px;
    }
}

@media screen and (max-width: 424px) {
    .account-section__inner {
        padding: 0 15px;
    }
}

.account-section__gradient {
    position: absolute;
    width: 598px;
    height: 603px;
    border-radius: 50%;
    -webkit-filter: blur(500px);
    filter: blur(500px);
}

.account-section__gradient.one {
    background: hsl(var(--warning));
    left: -15px;
    top: 0;
    z-index: 1;
}

.account-section__gradient.two {
    background: hsl(var(--base-two));
    right: -80px;
    top: -35px;
}

.account-section__gradient.three {
    background: hsl(var(--success));
    bottom: -35%;
    left: 20%;
}

.account-section__gradient.four {
    background: #7B61FF;
    left: -175px;
    bottom: 105px;
}

.account-section.two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
}

@media screen and (max-width: 575px) {
    .account-section.two {
        padding: 25px 15px;
    }
}

@media screen and (max-width: 424px) {
    .account-section.two {
        padding: 20px 10px;
    }
}

.account-section.two .account-section__inner {
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.account-content {
    position: relative;
    z-index: 5;
    max-width: 540px;
}

@media screen and (max-width: 1399px) {
    .account-content {
        max-width: 500px;
    }
}

@media screen and (max-width: 991px) {
    .account-content {
        display: none;
    }
}

.account-content__title {
    letter-spacing: normal;
    font-weight: 600;
    font-size: 3.75rem;
    line-height: 1.13;
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .account-content__title {
        font-size: 3.25rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .account-content__title {
        font-size: 2.875rem;
        margin-bottom: 10px;
    }
}

.account-content__desc {
    font-size: 1.5rem;
    letter-spacing: normal;
    color: hsl(var(--base)/0.8);
    max-width: 520px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1399px) {
    .account-content__desc {
        font-size: 1.25rem;
        max-width: 435px;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .account-content__desc {
        font-size: 1.125rem;
        max-width: 385px;
        margin-bottom: 28px;
    }
}

.account-content__thumb {
    text-align: center;
}

.account-content__thumb img {
    max-width: 395px;
}

@media screen and (max-width: 1399px) {
    .account-content__thumb img {
        max-width: 355px;
    }
}

@media screen and (max-width: 1199px) {
    .account-content__thumb img {
        max-width: 325px;
    }
}

.account-form {
    position: relative;
    z-index: 5;
    width: 700px;
    background: hsl(var(--white));
    border: 1px solid hsl(var(--border-color-four)/0.5);
    padding: 60px 80px;
    border-radius: 24px;
}

@media screen and (max-width: 1399px) {
    .account-form {
        border-radius: 20px;
        width: 575px;
        padding: 45px 55px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form {
        border-radius: 18px;
        width: 520px;
        padding: 45px 40px;
    }
}

@media screen and (max-width: 991px) {
    .account-form {
        border-radius: 16px;
        max-width: 500px;
        width: 100%;
        padding: 45px 32px;
    }
}

@media screen and (max-width: 767px) {
    .account-form {
        border-radius: 14px;
        padding: 40px 25px;
    }
}

@media screen and (max-width: 575px) {
    .account-form {
        border-radius: 12px;
        padding: 35px 20px;
    }
}

@media screen and (max-width: 424px) {
    .account-form {
        padding: 30px 15px;
    }
}

.account-form__logo {
    margin: 0 auto 45px;
}

@media screen and (max-width: 1399px) {
    .account-form__logo {
        margin: 0 auto 32px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form__logo {
        margin: 0 auto 26px;
    }
}

@media screen and (max-width: 991px) {
    .account-form__logo {
        margin: 0 auto 22px;
    }
}

@media screen and (max-width: 767px) {
    .account-form__logo {
        margin: 0 auto 18px;
    }
}

.account-form__logo img {
    max-width: 80px;
    max-height: 63px;
}

.account-form__title {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .account-form__title {
        font-size: 2rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form__title {
        font-size: 1.6875rem;
    }
}

@media screen and (max-width: 991px) {
    .account-form__title {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .account-form__title {
        margin-bottom: 0;
    }
}

.account-form__desc {
    font-size: 1rem;
    color: hsl(var(--black));
    margin-bottom: 45px;
}

@media screen and (max-width: 1399px) {
    .account-form__desc {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form__desc {
        margin-bottom: 26px;
    }
}

@media screen and (max-width: 991px) {
    .account-form__desc {
        font-size: 0.9375rem;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 575px) {
    .account-form__desc {
        font-size: 0.875rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .account-form .form-group {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 424px) {
    .account-form .form-group {
        margin-bottom: 12px;
    }
}

.account-form .form--control {
    padding: 17.5px 24px;
    border-radius: 12px;
}

@media screen and (max-width: 1399px) {
    .account-form .form--control {
        padding: 16.5px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form .form--control {
        padding: 15.5px 18px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 991px) {
    .account-form .form--control {
        border-radius: 9px;
        padding: 14.5px 16px;
    }
}

@media screen and (max-width: 767px) {
    .account-form .form--control {
        padding: 13.5px 14px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--control {
        padding: 13px 13px;
        border-radius: 6px;
    }
}

.account-form .password-show-hide {
    height: 100%;
    background: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 10px;
    font-size: 1.125rem;
    cursor: pointer;
    color: hsl(var(--body-color-five));
}

.account-form .forgot-password {
    font-size: 0.875rem;
    color: hsl(var(--heading-color));
}

.account-form .form--check .form-check-input {
    margin-top: 2px;
}

.account-form .input-group {
    position: relative;
}

.account-form .input-group .input-group-text {
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
    background: transparent !important;
    z-index: 6;
}

.account-form .input-group .form--control {
    font-family: var(--heading-font);
    border-radius: 16px !important;
    padding-left: 90px;
}

@media screen and (max-width: 1399px) {
    .account-form .input-group .form--control {
        border-radius: 14px !important;
    }
}

@media screen and (max-width: 1199px) {
    .account-form .input-group .form--control {
        border-radius: 12px !important;
        padding-left: 85px;
    }
}

@media screen and (max-width: 991px) {
    .account-form .input-group .form--control {
        border-radius: 10px !important;
        padding-left: 80px;
    }
}

@media screen and (max-width: 767px) {
    .account-form .input-group .form--control {
        border-radius: 8px !important;
        padding-left: 75px;
    }
}

@media screen and (max-width: 575px) {
    .account-form .input-group .form--control {
        border-radius: 7px !important;
    }
}

.account-form .input-group .form--control::-webkit-input-placeholder {
    color: hsl(var(--heading-color));
}

.account-form .input-group .form--control::-moz-placeholder {
    color: hsl(var(--heading-color));
}

.account-form .input-group .form--control:-ms-input-placeholder {
    color: hsl(var(--heading-color));
}

.account-form .input-group .form--control::-ms-input-placeholder {
    color: hsl(var(--heading-color));
}

.account-form .input-group .form--control::placeholder {
    color: hsl(var(--heading-color));
}

.account-form .form--radio {
    position: relative;
}

.account-form .form--radio.two input:checked::before {
    color: #909DAD;
}

.account-form .form--radio.two label {
    border-color: #909DAD;
}

.account-form .form--radio.two label .icon-wrapper .icon {
    color: #909DAD;
}

.account-form .form--radio input {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
}

.account-form .form--radio input:checked::before {
    width: auto;
    height: auto;
    background-color: transparent;
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 1.25rem;
    color: hsl(var(--warning));
    left: unset;
    right: 25px;
    top: 30px;
    line-height: 1;
}

@media screen and (max-width: 1199px) {
    .account-form .form--radio input:checked::before {
        right: 12px;
        top: 22px;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--radio input:checked::before {
        font-size: 1.0625rem;
    }
}

.account-form .form--radio label {
    width: 100%;
    text-align: center;
    border: 1px solid hsl(var(--warning));
    border-radius: 24px;
    padding: 20px 50px 25px;
}

@media screen and (max-width: 1399px) {
    .account-form .form--radio label {
        border-radius: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form .form--radio label {
        border-radius: 18px;
        padding: 20px 40px;
    }
}

@media screen and (max-width: 991px) {
    .account-form .form--radio label {
        padding: 20px 45px;
        border-radius: 16px;
    }
}

@media screen and (max-width: 767px) {
    .account-form .form--radio label {
        padding: 20px 50px;
        border-radius: 14px;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--radio label {
        padding: 20px 25px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 424px) {
    .account-form .form--radio label {
        padding: 20px;
    }
}

@media screen and (max-width: 374px) {
    .account-form .form--radio label {
        padding: 18px 15px;
    }
}

.account-form .form--radio label .icon-wrapper {
    position: relative;
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
}

@media screen and (max-width: 991px) {
    .account-form .form--radio label .icon-wrapper {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--radio label .icon-wrapper {
        width: 43px;
        height: 43px;
        margin-bottom: 10px;
    }
}

.account-form .form--radio label .icon-wrapper img {
    width: 100%;
    height: 100%;
}

.account-form .form--radio label .icon-wrapper .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: hsl(var(--warning));
    font-size: 1.375rem;
}

@media screen and (max-width: 991px) {
    .account-form .form--radio label .icon-wrapper .icon {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--radio label .icon-wrapper .icon {
        font-size: 1.0625rem;
    }
}

.account-form .form--radio label .title {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 13px;
}

@media screen and (max-width: 991px) {
    .account-form .form--radio label .title {
        font-size: 1.125rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--radio label .title {
        font-size: 1rem;
        margin-bottom: 5px;
    }
}

.account-form .form--radio label .desc {
    font-size: 1.125rem;
}

@media screen and (max-width: 991px) {
    .account-form .form--radio label .desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .account-form .form--radio label .desc {
        font-size: 0.9375rem;
    }
}

.account-form.two {
    padding: 60px 110px;
}

@media screen and (max-width: 1399px) {
    .account-form.two {
        padding: 45px 60px;
    }
}

@media screen and (max-width: 1199px) {
    .account-form.two {
        padding: 45px 40px;
    }
}

@media screen and (max-width: 991px) {
    .account-form.two {
        padding: 45px 32px;
    }
}

@media screen and (max-width: 767px) {
    .account-form.two {
        padding: 40px 25px;
    }
}

@media screen and (max-width: 575px) {
    .account-form.two {
        padding: 35px 20px;
    }
}

@media screen and (max-width: 424px) {
    .account-form.two {
        padding: 30px 15px;
    }
}

.account-card {
    position: relative;
    z-index: 5;
    width: 587px;
    background: hsl(var(--white));
    border: 1px solid hsl(var(--border-color-four)/0.5);
    border-radius: 24px;
    padding: 75px 80px 100px;
}

@media screen and (max-width: 1399px) {
    .account-card {
        border-radius: 20px;
        padding: 60px 80px 85px;
    }
}

@media screen and (max-width: 1199px) {
    .account-card {
        border-radius: 18px;
        width: 520px;
        padding: 50px 50px;
    }
}

@media screen and (max-width: 991px) {
    .account-card {
        border-radius: 16px;
        width: 500px;
    }
}

@media screen and (max-width: 767px) {
    .account-card {
        border-radius: 14px;
        padding: 50px 45px;
    }
}

@media screen and (max-width: 575px) {
    .account-card {
        border-radius: 12px;
        padding: 40px 25px;
        width: 100%;
    }
}

@media screen and (max-width: 424px) {
    .account-card {
        padding: 35px 15px;
    }
}

.account-card__logo {
    margin: 0 auto 45px;
}

@media screen and (max-width: 1399px) {
    .account-card__logo {
        margin: 0 auto 32px;
    }
}

@media screen and (max-width: 1199px) {
    .account-card__logo {
        margin: 0 auto 26px;
    }
}

@media screen and (max-width: 991px) {
    .account-card__logo {
        margin: 0 auto 22px;
    }
}

@media screen and (max-width: 767px) {
    .account-card__logo {
        margin: 0 auto 18px;
    }
}

.account-card__logo img {
    max-width: 80px;
    max-height: 63px;
}

.account-card__title {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 10px;
}

@media screen and (max-width: 1399px) {
    .account-card__title {
        font-size: 2rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .account-card__title {
        font-size: 1.6875rem;
    }
}

@media screen and (max-width: 991px) {
    .account-card__title {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .account-card__title {
        margin-bottom: 0;
    }
}

.account-card__desc,
.account-card__link {
    font-size: 1rem;
    color: hsl(var(--black));
    margin-bottom: 45px;
}

@media screen and (max-width: 1399px) {

    .account-card__desc,
    .account-card__link {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1199px) {

    .account-card__desc,
    .account-card__link {
        margin-bottom: 26px;
    }
}

@media screen and (max-width: 991px) {

    .account-card__desc,
    .account-card__link {
        font-size: 0.9375rem;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 575px) {

    .account-card__desc,
    .account-card__link {
        font-size: 0.875rem;
        margin-bottom: 20px;
    }
}

.account-card__link {
    color: hsl(var(--heading-color));
    font-weight: 600;
}

.account-terms {
    position: relative;
    z-index: 5;
    width: 1100px;
    background: hsl(var(--white));
    border: 1px solid hsl(var(--border-color-four)/0.5);
    border-radius: 24px;
    padding: 42px 45px 30px;
}

@media screen and (max-width: 1399px) {
    .account-terms {
        border-radius: 20px;
        width: 1000px;
    }
}

@media screen and (max-width: 1199px) {
    .account-terms {
        width: 900px;
        border-radius: 18px;
        padding: 32px 35px 30px;
    }
}

@media screen and (max-width: 991px) {
    .account-terms {
        border-radius: 16px;
        width: 700px;
        padding: 28px 30px 30px;
    }
}

@media screen and (max-width: 767px) {
    .account-terms {
        padding: 25px 20px;
        width: 100%;
        border-radius: 14px;
    }
}

@media screen and (max-width: 575px) {
    .account-terms {
        padding: 20px 15px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 424px) {
    .account-terms {
        padding: 20px 10px 15px;
    }
}

.account-terms__title {
    letter-spacing: normal;
    font-weight: 700;
    color: hsl(var(--base));
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .account-terms__title {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .account-terms__title {
        margin-bottom: 10px;
    }
}

.account-terms__subtitle {
    letter-spacing: normal;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 22px;
}

@media screen and (max-width: 1399px) {
    .account-terms__subtitle {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 991px) {
    .account-terms__subtitle {
        font-size: 1rem;
        margin-bottom: 14px;
    }
}

.account-terms__content {
    max-height: 355px;
    overflow-y: auto;
}

.account-terms__content::-webkit-scrollbar {
    background: #F5F5F5;
    width: 10px;
    border-radius: 10px;
}

@media screen and (max-width: 991px) {
    .account-terms__content::-webkit-scrollbar {
        width: 5px;
    }
}

@media screen and (max-width: 575px) {
    .account-terms__content::-webkit-scrollbar {
        width: 3px;
    }
}

.account-terms__content::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 10px;
    background: #BBBBBB;
}

@media screen and (max-width: 991px) {
    .account-terms__content::-webkit-scrollbar-thumb {
        width: 5px;
    }
}

@media screen and (max-width: 575px) {
    .account-terms__content::-webkit-scrollbar-thumb {
        width: 3px;
    }
}

.account-terms__desc {
    line-height: 1.5;
}

.account-terms__buttons {
    padding-top: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 25px;
}

@media screen and (max-width: 1399px) {
    .account-terms__buttons {
        padding-top: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .account-terms__buttons {
        padding-top: 35px;
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .account-terms__buttons {
        padding-top: 20px;
        gap: 15px;
    }
}

.country-dropdown {
    position: relative;
    width: auto;
    padding: 15px 20px;
    cursor: pointer;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1399px) {
    .country-dropdown {
        padding: 14px 18px;
    }
}

@media screen and (max-width: 1199px) {
    .country-dropdown {
        padding: 13px 20px 13px 15px;
    }
}

@media screen and (max-width: 991px) {
    .country-dropdown {
        padding: 12px 18px 12px 13px;
    }
}

@media screen and (max-width: 767px) {
    .country-dropdown {
        padding: 12px 18px 12px 13px;
    }
}

@media screen and (max-width: 575px) {
    .country-dropdown {
        padding: 11px 16px 11px 10px;
    }
}

.country-dropdown.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.country-dropdown.open .country-dropdown__list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    z-index: 999 !important;
}

.country-dropdown::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0d7";
    font-size: 0.75rem;
    color: hsl(var(--heading-color));
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transition: auto;
    transition: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.country-dropdown__selected {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.country-dropdown__selected .thumb {
    width: 36px;
    height: 26px;
    overflow: hidden;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .country-dropdown__selected .thumb {
        width: 32px;
        height: 24px;
    }
}

.country-dropdown__selected .thumb img {
    width: 100%;
    height: 100%;
}

.country-dropdown__list {
    position: absolute;
    background-color: hsl(var(--white));
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    width: 100%;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
    box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    top: 100%;
    z-index: -1;
    visibility: hidden;
    max-height: 200px;
    overflow-y: auto !important;
}

.country-dropdown__list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background: hsl(var(--base)/0.12);
}

.country-dropdown__list::-webkit-scrollbar-thumb {
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background: hsl(var(--base)/0.15);
}

.country-dropdown__list-item {
    padding: 5px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.country-dropdown__list-item:last-child {
    border-bottom: 0;
}

.country-dropdown__list-item .thumb {
    text-align: center;
    width: 36px;
    height: 26px;
    overflow: hidden;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .country-dropdown__list-item .thumb {
        width: 32px;
        height: 24px;
    }
}

.country-dropdown__list-item .thumb img {
    width: 100%;
    height: 100%;
}

.country-dropdown__list-item:hover {
    background-color: hsl(var(--base)/0.08);
}

/* ================================= Account Css End ===========================  */
/* ================================ About Start =============================== */
.about-banner-section {
    position: relative;
    padding: 67px 0 50px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .about-banner-section {
        padding: 55px 0 45px;
    }
}

@media screen and (max-width: 1199px) {
    .about-banner-section {
        padding: 40px 0 45px;
    }
}

@media screen and (max-width: 991px) {
    .about-banner-section {
        padding: 110px 0 40px;
    }
}

@media screen and (max-width: 575px) {
    .about-banner-section {
        padding: 100px 0 40px;
    }
}

.about-banner-section .breadcrumb-list {
    margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
    .about-banner-section .breadcrumb-list {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 991px) {
    .about-banner-section .breadcrumb-list {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .about-banner__title {
        letter-spacing: -3px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .about-banner__title {
        letter-spacing: -2px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    .about-banner__title {
        letter-spacing: 0;
    }
}

.about-banner__desc {
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 690px;
    margin: 0 auto;
}

@media screen and (max-width: 1399px) {
    .about-banner__desc {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1199px) {
    .about-banner__desc {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 767px) {
    .about-banner__desc {
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media screen and (max-width: 575px) {
    .about-banner__desc {
        font-size: 0.9375rem;
    }
}

@media (min-width: 1200px) {
    .about-item-wrapper {
        --bs-gutter-y: 40px;
    }
}

@media (min-width: 1400px) {
    .about-item-wrapper {
        --bs-gutter-y: 64px;
    }
}

@media (min-width: 1200px) {
    .about-item-wrapper div[class*=col]:nth-child(odd) {
        padding-right: 20px;
    }
}

@media (min-width: 1400px) {
    .about-item-wrapper div[class*=col]:nth-child(odd) {
        padding-right: 32px;
    }
}

@media (min-width: 1200px) {
    .about-item-wrapper div[class*=col]:nth-child(even) {
        padding-right: 20px;
    }
}

@media (min-width: 1400px) {
    .about-item-wrapper div[class*=col]:nth-child(even) {
        padding-right: 32px;
    }
}

.about-item {
    border: 1px solid hsl(var(--body-color));
    border-radius: 40px;
    padding: 58px 32px;
}

@media screen and (max-width: 1399px) {
    .about-item {
        border-radius: 32px;
        padding: 48px 25px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item {
        border-radius: 25px;
        padding: 40px 20px 35px;
    }
}

@media screen and (max-width: 991px) {
    .about-item {
        border-radius: 22px;
        padding: 28px 20px 24px;
    }
}

@media screen and (max-width: 575px) {
    .about-item {
        border-radius: 20px;
        padding: 20px 15px;
    }
}

@media screen and (max-width: 374px) {
    .about-item {
        border-radius: 16px;
        padding: 18px 15px;
    }
}

.about-item__icon {
    width: 68px;
    height: 68px;
    background: hsl(var(--base));
    border-radius: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1399px) {
    .about-item__icon {
        width: 60px;
        height: 60px;
        border-radius: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item__icon {
        width: 55px;
        height: 55px;
        border-radius: 16px;
    }
}

@media screen and (max-width: 991px) {
    .about-item__icon {
        width: 50px;
        height: 50px;
        border-radius: 14px;
    }
}

@media screen and (max-width: 575px) {
    .about-item__icon {
        width: 45px;
        height: 45px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 374px) {
    .about-item__icon {
        margin-bottom: 10px;
    }
}

.about-item__icon-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 45px;
    height: 45px;
}

@media screen and (max-width: 1399px) {
    .about-item__icon-inner {
        width: 42px;
        height: 42px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item__icon-inner {
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 991px) {
    .about-item__icon-inner {
        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width: 575px) {
    .about-item__icon-inner {
        width: 32px;
        height: 32px;
    }
}

.about-item__icon-inner.one {
    width: 47px;
    height: 35px;
}

@media screen and (max-width: 1399px) {
    .about-item__icon-inner.one {
        width: 42px;
        height: 33px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item__icon-inner.one {
        width: 38px;
        height: 32px;
    }
}

@media screen and (max-width: 991px) {
    .about-item__icon-inner.one {
        width: 35px;
        height: 30px;
    }
}

@media screen and (max-width: 575px) {
    .about-item__icon-inner.one {
        width: 32px;
        height: 28px;
    }
}

.about-item__icon-inner.two {
    width: 52px;
    height: 52px;
}

@media screen and (max-width: 1399px) {
    .about-item__icon-inner.two {
        width: 44px;
        height: 44px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item__icon-inner.two {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 991px) {
    .about-item__icon-inner.two {
        width: 37px;
        height: 37px;
    }
}

@media screen and (max-width: 991px) {
    .about-item__icon-inner.two {
        width: 35px;
        height: 35px;
    }
}

.about-item__content {
    width: calc(100% - 68px);
    padding-left: 24px;
}

@media screen and (max-width: 1399px) {
    .about-item__content {
        width: calc(100% - 60px);
        padding-left: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item__content {
        width: calc(100% - 55px);
        padding-left: 18px;
    }
}

@media screen and (max-width: 991px) {
    .about-item__content {
        width: calc(100% - 50px);
        padding-left: 15px;
    }
}

@media screen and (max-width: 575px) {
    .about-item__content {
        width: calc(100% - 45px);
        padding-left: 12px;
    }
}

@media screen and (max-width: 374px) {
    .about-item__content {
        width: 100%;
        padding-left: 0;
    }
}

.about-item__title {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.9px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 7px;
}

@media screen and (max-width: 1399px) {
    .about-item__title {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .about-item__title {
        font-size: 1.0625rem;
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 575px) {
    .about-item__title {
        font-size: 1rem;
        margin-bottom: 0;
    }
}

.about-item__desc {
    font-size: 1.125rem;
    line-height: 1.78;
    color: hsl(var(--black));
}

@media screen and (max-width: 1199px) {
    .about-item__desc {
        font-size: 1.0625rem;
        line-height: 1.5;
    }
}

@media screen and (max-width: 991px) {
    .about-item__desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .about-item__desc {
        font-size: 0.9375rem;
    }
}

.mission-vision-section {
    position: relative;
}

.mission-vision-section.bg-img {
    background-position: center center !important;
}

.mission-vision-item+.mission-vision-item {
    margin-top: 80px;
}

@media screen and (max-width: 1399px) {
    .mission-vision-item+.mission-vision-item {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .mission-vision-item+.mission-vision-item {
        margin-top: 45px;
    }
}

@media screen and (max-width: 991px) {
    .mission-vision-item+.mission-vision-item {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .mission-vision-item+.mission-vision-item {
        margin-top: 30px;
    }
}

@media screen and (max-width: 575px) {
    .mission-vision-item+.mission-vision-item {
        margin-top: 25px;
    }
}

.mission-vision-item__title {
    color: hsl(var(--base));
    font-size: 2.625rem;
    letter-spacing: normal;
    line-height: 1.31;
    margin-bottom: 16px;
}

@media screen and (max-width: 1399px) {
    .mission-vision-item__title {
        font-size: 2.5rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1199px) {
    .mission-vision-item__title {
        font-size: 2.375rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .mission-vision-item__title {
        font-size: 2.125rem;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 767px) {
    .mission-vision-item__title {
        font-size: 1.75rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 575px) {
    .mission-vision-item__title {
        font-size: 1.5625rem;
    }
}

.mission-vision-item__desc {
    font-size: 1.125rem;
    line-height: 1.78;
    color: hsl(var(--white));
    margin-bottom: 32px;
}

@media screen and (max-width: 1399px) {
    .mission-vision-item__desc {
        font-size: 1.0625rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .mission-vision-item__desc {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .mission-vision-item__desc {
        font-size: 0.9375rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .mission-vision-item__desc {
        margin-bottom: 12px;
    }
}

.mission-vision-item__desc:last-of-type {
    margin-bottom: 0;
}

.mission-vision-thumb {
    position: absolute;
    right: 0;
    top: 35px;
    max-width: 656px;
    max-height: 691px;
}

@media screen and (max-width: 1399px) {
    .mission-vision-thumb {
        max-width: 555px;
        max-height: 560px;
    }
}

@media screen and (max-width: 1199px) {
    .mission-vision-thumb {
        max-width: 445px;
        max-height: 444px;
    }
}

@media screen and (max-width: 991px) {
    .mission-vision-thumb {
        display: none;
    }
}

.timeline-content {
    position: relative;
}

.timeline-content__title {
    color: hsl(var(--base));
    font-size: 2.625rem;
    letter-spacing: normal;
    line-height: 1.31;
    margin-bottom: 16px;
}

@media screen and (max-width: 1399px) {
    .timeline-content__title {
        font-size: 2.5rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-content__title {
        font-size: 2.375rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-content__title {
        font-size: 2.125rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .timeline-content__title {
        font-size: 1.75rem;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    .timeline-content__title {
        font-size: 1.5625rem;
    }
}

.timeline-content__desc {
    font-size: 1.125rem;
    line-height: 1.78;
    color: hsl(var(--base));
    max-width: 410px;
    margin-bottom: 180px;
}

@media screen and (max-width: 1399px) {
    .timeline-content__desc {
        font-size: 1.0625rem;
        max-width: 375px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-content__desc {
        font-size: 1rem;
        max-width: 340px;
        margin-bottom: 75px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-content__desc {
        max-width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .timeline-content__desc {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 575px) {
    .timeline-content__desc {
        font-size: 0.9375rem;
        margin-bottom: 20px;
    }
}

.timeline-content .shape-image {
    position: absolute;
    bottom: calc(100% + 28px);
    right: -13px;
}

@media screen and (max-width: 1399px) {
    .timeline-content .shape-image {
        bottom: calc(100% + 25px);
        right: -20px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-content .shape-image {
        bottom: calc(100% + 12px);
        right: -40px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-content .shape-image {
        display: none;
    }
}

.timeline-content .shape-image img {
    max-width: 292px;
    max-height: 319px;
}

@media screen and (max-width: 1399px) {
    .timeline-content .shape-image img {
        max-width: 280px;
        max-height: 305px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-content .shape-image img {
        max-width: 195px;
        max-height: 214px;
    }
}

.timeline-content__thumb {
    position: relative;
}

@media screen and (max-width: 991px) {
    .timeline-content__thumb {
        display: none;
    }
}

.timeline-item {
    position: relative;
    border-bottom: 1px solid hsl(var(--base));
    padding-left: 78px;
    padding-bottom: 39px;
    margin-bottom: 80px;
}

@media screen and (max-width: 1399px) {
    .timeline-item {
        padding-left: 65px;
        padding-bottom: 30px;
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-item {
        padding-left: 40px;
        padding-bottom: 25px;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-item {
        padding-left: 32px;
        padding-bottom: 18px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 575px) {
    .timeline-item {
        padding-left: 25px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
}

.timeline-item:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .timeline-item:last-of-type {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.timeline-item::before {
    position: absolute;
    content: "";
    background: hsl(var(--base));
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1399px) {
    .timeline-item::before {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-item::before {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-item::before {
        width: 15px;
        height: 15px;
        top: 2px;
    }
}

@media screen and (max-width: 575px) {
    .timeline-item::before {
        width: 12px;
        height: 12px;
        top: 3px;
    }
}

.timeline-item__year {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.071;
    letter-spacing: 0.28px;
    margin-bottom: 16px;
}

@media screen and (max-width: 1399px) {
    .timeline-item__year {
        font-size: 1.625rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-item__year {
        font-size: 1.4375rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-item__year {
        font-size: 1.3125rem;
    }
}

@media screen and (max-width: 575px) {
    .timeline-item__year {
        font-size: 1.25rem;
    }
}

.timeline-item__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
    .timeline-item__title {
        font-size: 1.0625rem;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-item__title {
        font-size: 1rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 991px) {
    .timeline-item__title {
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 575px) {
    .timeline-item__title {
        font-size: 0.9375rem;
    }
}

.timeline-item__desc {
    font-size: 1.125rem;
    line-height: 1.78;
    color: hsl(var(--black));
}

@media screen and (max-width: 1399px) {
    .timeline-item__desc {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 1199px) {
    .timeline-item__desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .timeline-item__desc {
        font-size: 0.9375rem;
    }
}

.partner-slider-wrapper .slick-track {
    padding-top: 25px;
    display: flex !important;
}

@media screen and (max-width: 991px) {
    .partner-slider-wrapper {
        padding-top: 12px;
    }
}

.partner-slider {
    position: relative;
}

.partner-slider::before,
.partner-slider::after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, right top, color-stop(2.81%, #FFF), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #FFF 2.81%, rgba(255, 255, 255, 0) 100%);
    width: 374px;
    height: 128px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

@media screen and (max-width: 1399px) {

    .partner-slider::before,
    .partner-slider::after {
        width: 280px;
        height: 120px;
    }
}

@media screen and (max-width: 1199px) {

    .partner-slider::before,
    .partner-slider::after {
        width: 255px;
        height: 112px;
    }
}

@media screen and (max-width: 991px) {

    .partner-slider::before,
    .partner-slider::after {
        width: 230px;
        height: 104px;
    }
}

@media screen and (max-width: 767px) {

    .partner-slider::before,
    .partner-slider::after {
        width: 180px;
        height: 98px;
    }
}

@media screen and (max-width: 575px) {

    .partner-slider::before,
    .partner-slider::after {
        width: 130px;
        height: 90px;
    }
}

@media screen and (max-width: 374px) {

    .partner-slider::before,
    .partner-slider::after {
        width: 100px;
        height: 86px;
    }
}

.partner-slider::after {
    left: unset;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(2.81%, rgba(255, 255, 255, 0)), to(#FFF));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 2.81%, #FFF 100%);
}

.partner-item {
    position: relative;
    z-index: 2;
}

.partner-item img {
    max-width: 128px;
    max-height: 73px;
}

@media screen and (max-width: 991px) {
    .partner-item img {
        max-width: 120px;
        max-height: 70px;
    }
}

@media screen and (max-width: 767px) {
    .partner-item img {
        max-width: 115px;
        max-height: 65px;
    }
}

@media screen and (max-width: 575px) {
    .partner-item img {
        max-width: 105px;
        max-height: 60px;
    }
}

/* ================================ About Start =============================== */
/* ====================== Blog Css Start ==================== */
.blog-banner-section {
    padding-top: 80px;
}

@media screen and (max-width: 1399px) {
    .blog-banner-section {
        padding-top: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-banner-section {
        padding-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .blog-banner-section {
        padding-top: 135px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner-section {
        padding-top: 110px;
    }
}

@media screen and (max-width: 575px) {
    .blog-banner-section {
        padding-top: 100px;
    }
}

.common-page-section {
    padding-top: 60px;
}

@media screen and (max-width: 1399px) {
    .common-page-section {
        padding-top: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .common-page-section {
        padding-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .common-page-section {
        padding-top: 110px;
    }
}

@media screen and (max-width: 767px) {
    .common-page-section {
        padding-top: 105px;
    }
}

@media screen and (max-width: 575px) {
    .common-page-section {
        padding-top: 100px;
    }
}

.blog-banner {
    position: relative;
    margin-top: -55px;
}

@media screen and (max-width: 1399px) {
    .blog-banner {
        margin-top: -45px;
    }
}

@media screen and (max-width: 991px) {
    .blog-banner {
        margin-top: -35px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner {
        margin-top: 15px;
    }
}

@media screen and (max-width: 575px) {
    .blog-banner {
        margin-top: 10px;
    }
}

.blog-banner__title {
    text-align: center;
    line-height: 1;
    margin-bottom: 34px;
}

@media screen and (max-width: 1399px) {
    .blog-banner__title {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 991px) {
    .blog-banner__title {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner__title {
        margin-bottom: 15px;
    }
}

.blog-banner__thumb {
    border-radius: 12px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .blog-banner__thumb {
        border-radius: 10px;
    }
}

.blog-banner__thumb img {
    width: 100%;
}

.blog-banner .blog-banner-item-wrapper {
    position: relative;
    z-index: 3;
    padding: 0 10px;
    margin-top: -115px;
}

@media screen and (max-width: 991px) {
    .blog-banner .blog-banner-item-wrapper {
        padding: 0 5px;
        margin-top: -105px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner .blog-banner-item-wrapper {
        padding: 0 3px;
        margin-top: -90px;
    }
}

@media screen and (max-width: 575px) {
    .blog-banner .blog-banner-item-wrapper {
        margin-top: -75px;
    }
}

.blog-banner .blog-banner-item {
    position: relative;
    background: hsl(var(--white));
    -webkit-box-shadow: 0px 7.818px 15.637px -3.909px rgba(24, 26, 42, 0.12);
    box-shadow: 0px 7.818px 15.637px -3.909px rgba(24, 26, 42, 0.12);
    border: 1px solid #E8E8EA;
    border-radius: 8px;
    overflow: hidden;
    padding: 24px;
}

@media screen and (max-width: 1399px) {
    .blog-banner .blog-banner-item {
        padding: 18px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner .blog-banner-item {
        padding: 15px;
        padding-right: 10px;
    }
}

.blog-banner .blog-banner-item__tag {
    font-size: 0.625rem;
    font-weight: 700;
    background: hsl(var(--success));
    color: hsl(var(--white));
    padding: 5px 7px;
    border-radius: 5px;
    margin-bottom: 17px;
}

@media screen and (max-width: 1399px) {
    .blog-banner .blog-banner-item__tag {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner .blog-banner-item__tag {
        margin-bottom: 8px;
        padding: 4px 6px;
    }
}

.blog-banner .blog-banner-item__title {
    line-height: 1.11;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .blog-banner .blog-banner-item__title {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .blog-banner .blog-banner-item__title {
        margin-bottom: 10px;
    }
}

.blog-banner .blog-banner-item__meta {
    gap: 10px;
    line-height: 1;
}

.blog-banner .blog-banner-item__meta span {
    position: relative;
    font-size: 0.6875rem;
    color: #97989F;
}

.blog-banner .blog-banner-item__meta span:not(:last-child)::after {
    position: absolute;
    content: "";
    background: #97989F;
    height: 100%;
    width: 1px;
    right: -5px;
}

.blog-banner .blog-banner-item__meta-date {
    font-weight: 500;
}

.blog-title {
    letter-spacing: normal;
    font-size: 2rem;
}

@media screen and (max-width: 1399px) {
    .blog-title {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 1199px) {
    .blog-title {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 991px) {
    .blog-title {
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-title {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 575px) {
    .blog-title {
        font-size: 1.375rem;
    }
}

.blog-item {
    background: hsl(var(--white));
    padding: 16px;
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 91px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 91px 5px rgba(0, 0, 0, 0.15);
    height: 100%;
}

@media screen and (max-width: 1199px) {
    .blog-item {
        padding: 14px;
    }
}

.blog-item__thumb {
    border-radius: 6px;
    overflow: hidden;
}

.blog-item__thumb img {
    width: 100%;
    height: 100%;
}

.blog-item__content {
    padding-top: 10px;
}

.blog-item__tag {
    font-size: 0.875rem;
    color: hsl(var(--base));
    font-style: normal;
    font-weight: 500;
    background: hsl(var(--base)/0.1);
    padding: 3px 8px;
    border-radius: 5px;
    margin-bottom: 15px;
}

@media screen and (max-width: 1399px) {
    .blog-item__tag {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-item__tag {
        margin-bottom: 10px;
    }
}

.blog-item__title {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 18px;
}

@media screen and (max-width: 1399px) {
    .blog-item__title {
        font-size: 1.375rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-item__title {
        font-size: 1.1875rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .blog-item__title {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-item__title {
        font-size: 1rem;
        margin-bottom: 10px;
    }
}

.blog-item__link {
    text-transform: capitalize;
}

.blog-item__bottom {
    font-size: 1rem;
    gap: 15px;
}

@media screen and (max-width: 991px) {
    .blog-item__bottom {
        font-size: 0.9375rem;
        gap: 12px;
    }
}

@media screen and (max-width: 767px) {
    .blog-item__bottom {
        font-size: 0.875rem;
        gap: 8px;
    }
}

.blog-item__author-thumb {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .blog-item__author-thumb {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 767px) {
    .blog-item__author-thumb {
        width: 28px;
        height: 28px;
    }
}

.blog-item__author-thumb img {
    width: 100%;
    height: 100%;
}

.blog-item__author-name {
    width: calc(100% - 36px);
    padding-left: 10px;
    color: #97989F;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .blog-item__author-name {
        width: calc(100% - 32px);
        padding-left: 8px;
    }
}

@media screen and (max-width: 767px) {
    .blog-item__author-name {
        width: calc(100% - 28px);
        padding-left: 6px;
    }
}

.blog-item__date {
    color: #97989F;
}

.blog-details {
    padding-top: 40px;
}

@media screen and (max-width: 1399px) {
    .blog-details {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details {
        padding-top: 25px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details {
        padding-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .blog-details {
        padding-top: 18px;
    }
}

@media screen and (max-width: 424px) {
    .blog-details {
        padding-top: 15px;
    }
}

.blog-details__tag {
    font-size: 0.875rem;
    color: hsl(var(--white));
    font-style: normal;
    font-weight: 500;
    background: hsl(var(--base));
    padding: 3px 8px;
    border-radius: 5px;
    margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
    .blog-details__tag {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details__tag {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 424px) {
    .blog-details__tag {
        font-size: 0.8125rem;
    }
}

.blog-details__title {
    letter-spacing: normal;
    line-height: 1;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .blog-details__title {
        font-size: 2.3125rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details__title {
        font-size: 2.1875rem;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details__title {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__title {
        font-size: 1.6875rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .blog-details__title {
        font-size: 1.5625rem;
        margin-bottom: 10px;
    }
}

.blog-details__metainfo {
    font-size: 1rem;
    gap: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .blog-details__metainfo {
        font-size: 0.9375rem;
        gap: 12px;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__metainfo {
        font-size: 0.875rem;
        gap: 8px;
    }
}

.blog-details__author-thumb {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .blog-details__author-thumb {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__author-thumb {
        width: 28px;
        height: 28px;
    }
}

.blog-details__author-thumb img {
    width: 100%;
    height: 100%;
}

.blog-details__author-name {
    width: calc(100% - 36px);
    padding-left: 10px;
    color: #97989F;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .blog-details__author-name {
        width: calc(100% - 32px);
        padding-left: 8px;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__author-name {
        width: calc(100% - 28px);
        padding-left: 6px;
    }
}

.blog-details__date {
    color: #97989F;
}

.blog-details__thumb {
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 40px;
}

@media screen and (max-width: 1399px) {
    .blog-details__thumb {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details__thumb {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details__thumb {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__thumb {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    .blog-details__thumb {
        margin-bottom: 15px;
    }
}

.blog-details__thumb img {
    width: 100%;
}

.blog-details__subtitle {
    letter-spacing: normal;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 2rem;
}

@media screen and (max-width: 1399px) {
    .blog-details__subtitle {
        font-size: 1.875rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details__subtitle {
        font-size: 1.6875rem;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details__subtitle {
        font-size: 1.5625rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__subtitle {
        font-size: 1.4375rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .blog-details__subtitle {
        font-size: 1.25rem;
        margin-bottom: 10px;
    }
}

.blog-details__desc {
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.blog-details__desc:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .blog-details__desc {
        font-size: 1.375rem;
        margin-bottom: 26px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details__desc {
        font-size: 1.25rem;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details__desc {
        font-size: 1.125rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__desc {
        font-size: 1.0625rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 575px) {
    .blog-details__desc {
        font-size: 1rem;
        margin-bottom: 15px;
    }
}

.blog-details__quote {
    margin: 0 auto 35px;
    max-width: 900px;
    color: #181A2A;
    font-style: italic;
    background: #F6F6F7;
    border-left: 3px solid #E8E8EA;
    border-radius: 12px;
    line-height: 1.3;
    padding: 35px 20px 35px 40px;
    font-size: 1.375rem;
}

@media screen and (max-width: 1399px) {
    .blog-details__quote {
        max-width: 840px;
        font-size: 1.25rem;
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-details__quote {
        max-width: 770px;
        padding: 30px 35px;
        font-size: 1.125rem;
        margin: 0 auto 28px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 991px) {
    .blog-details__quote {
        max-width: 660px;
        padding: 25px 20px;
        font-size: 1.0625rem;
        margin: 0 auto 25px;
    }
}

@media screen and (max-width: 767px) {
    .blog-details__quote {
        border-radius: 8px;
        max-width: 100%;
        font-size: 1rem;
        margin: 0 auto 22px;
    }
}

@media screen and (max-width: 575px) {
    .blog-details__quote {
        padding: 20px 15px;
        font-size: 0.9375rem;
        margin: 0 auto 20px;
    }
}

/* ====================== Blog Css End ==================== */
/* ================================ Career Start =============================== */
.career-tag {
    gap: 20px;
    margin-bottom: 35px;
}

@media screen and (max-width: 1399px) {
    .career-tag {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .career-tag {
        margin-bottom: 25px;
        gap: 18px;
    }
}

@media screen and (max-width: 991px) {
    .career-tag {
        gap: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .career-tag {
        gap: 10px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .career-tag {
        gap: 8px;
        margin-bottom: 15px;
    }
}

.career-tag__item {
    color: hsl(var(--base));
    background: #D9DEE6;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    padding: 18px 20px;
    border-radius: 20px;
}

@media screen and (max-width: 1399px) {
    .career-tag__item {
        font-size: 1.75rem;
        padding: 15px 18px;
        border-radius: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .career-tag__item {
        font-size: 1.5625rem;
        padding: 14px 18px;
        border-radius: 16px;
    }
}

@media screen and (max-width: 991px) {
    .career-tag__item {
        font-size: 1.375rem;
        padding: 14px 18px;
        border-radius: 14px;
    }
}

@media screen and (max-width: 767px) {
    .career-tag__item {
        font-size: 1.125rem;
        padding: 13px 16px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 575px) {
    .career-tag__item {
        font-size: 1rem;
        padding: 12px 14px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 424px) {
    .career-tag__item {
        padding: 10px 13px;
        border-radius: 8px;
    }
}

.career-tag__item:hover,
.career-tag__item.active {
    background: hsl(var(--base));
    color: hsl(var(--white));
}

.career-item {
    background: hsl(var(--white));
    border-radius: 10px;
    overflow: hidden;
    padding: 25px 35px 33px 60px;
}

@media screen and (max-width: 1399px) {
    .career-item {
        padding: 22px 30px 30px;
    }
}

@media screen and (max-width: 1199px) {
    .career-item {
        padding: 20px 25px 25px;
    }
}

@media screen and (max-width: 991px) {
    .career-item {
        padding: 18px 20px 20px;
    }
}

@media screen and (max-width: 575px) {
    .career-item {
        padding: 15px 15px 18px;
        gap: 15px;
    }
}

@media screen and (max-width: 424px) {
    .career-item {
        padding: 12px 15px;
        row-gap: 8px;
    }
}

.career-item+.career-item {
    margin-top: 15px;
}

@media screen and (max-width: 991px) {
    .career-item+.career-item {
        margin-top: 12px;
    }
}

@media screen and (max-width: 767px) {
    .career-item+.career-item {
        margin-top: 10px;
    }
}

@media screen and (max-width: 424px) {
    .career-item__info {
        width: 100%;
    }
}

.career-item__title {
    letter-spacing: normal;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 15px;
}

@media screen and (max-width: 1399px) {
    .career-item__title {
        font-size: 1.75rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1199px) {
    .career-item__title {
        font-size: 1.5625rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .career-item__title {
        font-size: 1.375rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .career-item__title {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 575px) {
    .career-item__title {
        font-size: 1rem;
    }
}

@media screen and (max-width: 424px) {
    .career-item__title {
        font-size: 0.9375rem;
    }
}

.career-item__duration,
.career-item__type,
.career-item__link {
    font-size: 1.5rem;
}

@media screen and (max-width: 1399px) {

    .career-item__duration,
    .career-item__type,
    .career-item__link {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1199px) {

    .career-item__duration,
    .career-item__type,
    .career-item__link {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 991px) {

    .career-item__duration,
    .career-item__type,
    .career-item__link {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {

    .career-item__duration,
    .career-item__type,
    .career-item__link {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 575px) {

    .career-item__duration,
    .career-item__type,
    .career-item__link {
        font-size: 1rem;
    }
}

@media screen and (max-width: 424px) {

    .career-item__type,
    .career-item__link {
        width: 50%;
    }
}

/* ================================ Career End =============================== */
/* ================================ Code Conduct Start =============================== */
.code-conduct-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .code-conduct-section {
        padding: 65px 0;
    }
}

@media screen and (max-width: 1199px) {
    .code-conduct-section {
        padding: 55px 0;
    }
}

@media screen and (max-width: 991px) {
    .code-conduct-section {
        padding: 120px 0 48px;
    }
}

@media screen and (max-width: 767px) {
    .code-conduct-section {
        padding: 110px 0 42px;
    }
}

@media screen and (max-width: 575px) {
    .code-conduct-section {
        padding: 105px 0 35px;
    }
}

.code-conduct-row {
    margin-bottom: 125px;
}

@media screen and (max-width: 1399px) {
    .code-conduct-row {
        margin-bottom: 85px;
    }
}

@media screen and (max-width: 1199px) {
    .code-conduct-row {
        margin-bottom: 65px;
    }
}

@media screen and (max-width: 991px) {
    .code-conduct-row {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .code-conduct-row {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 575px) {
    .code-conduct-row {
        margin-bottom: 35px;
    }
}

.code-conduct-content__title {
    letter-spacing: normal;
}

@media screen and (max-width: 1199px) {
    .code-conduct-content__title {
        font-size: 2.75rem;
    }
}

@media screen and (max-width: 991px) {
    .code-conduct-content__title {
        font-size: 2.1875rem;
    }
}

@media screen and (max-width: 767px) {
    .code-conduct-content__title {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 575px) {
    .code-conduct-content__title {
        font-size: 1.75rem;
    }
}

.code-conduct-content__desc {
    font-size: 1.125rem;
    line-height: 1.77;
    max-width: 660px;
    margin-bottom: 45px;
}

.code-conduct-content__desc:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .code-conduct-content__desc {
        font-size: 1.0625rem;
        margin-bottom: 37px;
    }
}

@media screen and (max-width: 1199px) {
    .code-conduct-content__desc {
        font-size: 1rem;
        margin-bottom: 32px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 575px) {
    .code-conduct-content__desc {
        font-size: 0.9375rem;
        margin-bottom: 25px;
        line-height: 1.4;
    }
}

@media screen and (max-width: 424px) {
    .code-conduct-content__desc {
        margin-bottom: 20px;
    }
}

.code-conduct-thumb {
    position: relative;
    max-width: 440px;
    max-height: 440px;
    margin-left: auto;
}

.code-conduct-thumb.two {
    margin-left: 0;
    margin-right: auto;
}

.code-conduct-thumb.two::after {
    right: -35px;
}

@media screen and (max-width: 1399px) {
    .code-conduct-thumb.two::after {
        right: -25px;
    }
}

@media screen and (max-width: 1199px) {
    .code-conduct-thumb.two::after {
        right: -20px;
    }
}

@media screen and (max-width: 991px) {
    .code-conduct-thumb.two::after {
        right: -15px;
    }
}

@media screen and (max-width: 424px) {
    .code-conduct-thumb.two::after {
        right: -10px;
    }
}

@media screen and (max-width: 1399px) {
    .code-conduct-thumb {
        max-width: 370px;
        max-height: 370px;
    }
}

@media screen and (max-width: 1199px) {
    .code-conduct-thumb {
        max-width: 330px;
        max-height: 330px;
    }
}

@media screen and (max-width: 991px) {
    .code-conduct-thumb {
        max-width: 310px;
        max-height: 310px;
    }
}

@media screen and (max-width: 767px) {
    .code-conduct-thumb {
        margin: 0 auto;
    }
}

@media screen and (max-width: 424px) {
    .code-conduct-thumb {
        max-width: 290px;
        max-height: 290px;
    }
}

.code-conduct-thumb::after {
    position: absolute;
    content: "";
    background: transparent;
    border: 1px solid hsl(var(--base));
    border-radius: 10px;
    width: 100%;
    height: 100%;
    right: 35px;
    top: 35px;
}

@media screen and (max-width: 1399px) {
    .code-conduct-thumb::after {
        right: 25px;
        top: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .code-conduct-thumb::after {
        right: 20px;
        top: 20px;
    }
}

@media screen and (max-width: 991px) {
    .code-conduct-thumb::after {
        right: 15px;
        top: 15px;
    }
}

@media screen and (max-width: 424px) {
    .code-conduct-thumb::after {
        right: 10px;
        top: 10px;
    }
}

.code-conduct-thumb img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.breadcrumb-banner-wrapper {
    position: relative;
}

.code-conduct-shape {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #7B61FF;
    left: 5%;
    top: 45%;
    border-radius: 50%;
    -webkit-filter: blur(262.280670166px);
    filter: blur(262.280670166px);
}

@media screen and (max-width: 1199px) {
    .code-conduct-shape {
        width: 200px;
        height: 200px;
    }
}

.code-conduct-shape.one {
    width: 160px;
    height: 160px;
}

@media screen and (max-width: 1199px) {
    .code-conduct-shape.one {
        width: 110px;
        height: 110px;
    }
}

.code-conduct-shape.two {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFC727;
}

.code-conduct-shape.three {
    background: #00A9D1;
    left: unset;
    top: 20%;
    right: 5%;
}

/* ================================ Code Conduct Start =============================== */
/* ================================ Contact Start =============================== */
.help-page-section {
    position: relative;
    padding-top: 85px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .help-page-section {
        padding-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .help-page-section {
        padding-top: 105px;
    }
}

.help-page-shape {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #FFB573;
    left: 35px;
    top: -60px;
    border-radius: 50%;
    -webkit-filter: blur(262.280670166px);
    filter: blur(262.280670166px);
}

@media screen and (max-width: 991px) {
    .help-page-shape {
        top: 0;
    }
}

.help-page-shape.two {
    width: 404px;
    width: 414px;
    left: -150px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00A9D1;
}

.contact-content-wrapper {
    position: relative;
    z-index: 3;
    padding-top: 120px;
}

@media screen and (max-width: 1399px) {
    .contact-content-wrapper {
        padding-top: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-content-wrapper {
        padding-top: 75px;
    }
}

@media screen and (max-width: 991px) {
    .contact-content-wrapper {
        padding-top: 25px;
    }
}

.contact-content-wrapper__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 167px;
    height: 167px;
    color: hsl(var(--base));
    position: absolute;
    right: 0;
    top: -35px;
    opacity: 0.2;
}

@media screen and (max-width: 1399px) {
    .contact-content-wrapper__icon {
        width: 145px;
        height: 145px;
        top: -23px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-content-wrapper__icon {
        width: 120px;
        height: 120px;
        top: -30px;
    }
}

@media screen and (max-width: 991px) {
    .contact-content-wrapper__icon {
        display: none;
    }
}

.contact-content-wrapper__title {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 25px;
}

@media screen and (max-width: 1399px) {
    .contact-content-wrapper__title {
        font-size: 2.6875rem;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-content-wrapper__title {
        font-size: 2.375rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 991px) {
    .contact-content-wrapper__title {
        font-size: 2rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .contact-content-wrapper__title {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .contact-content-wrapper__title {
        font-size: 1.5625rem;
        margin-bottom: 12px;
    }
}

.contact-banner {
    position: relative;
    overflow: hidden;
    background: hsl(var(--white));
    overflow: hidden;
    padding: 42px 40px 32px;
    border-radius: 20px 20px 0px 0px;
}

@media screen and (max-width: 1399px) {
    .contact-banner {
        border-radius: 18px 18px 0px 0px;
        padding: 35px 30px 30px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner {
        border-radius: 16px 16px 0px 0px;
        padding: 25px 20px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner {
        border-radius: 14px 14px 0px 0px;
    }
}

@media screen and (max-width: 767px) {
    .contact-banner {
        border-radius: 12px 12px 0px 0px;
        padding: 20px 15px 0;
    }
}

@media screen and (max-width: 575px) {
    .contact-banner {
        border-radius: 10px 10px 0px 0px;
    }
}

.contact-banner__shape {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #FFB573;
    left: -60px;
    top: -60px;
    -webkit-filter: blur(142.105255127px);
    filter: blur(142.105255127px);
}

@media screen and (max-width: 1199px) {
    .contact-banner__shape {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner__shape {
        width: 150px;
        height: 150px;
    }
}

.contact-banner__shape.two {
    background: #7B61FF;
    width: 160px;
    height: 160px;
    top: unset;
    left: 50%;
    bottom: -20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.contact-banner__shape.three {
    background: #00A9D1;
    left: unset;
    top: unset;
    right: -160px;
    bottom: -160px;
}

.contact-banner__content {
    position: relative;
    z-index: 3;
    max-width: 490px;
}

.contact-banner__subtitle {
    font-size: 1.5rem;
    letter-spacing: -1.56px;
    font-weight: 400;
    margin-bottom: 2px;
}

@media screen and (max-width: 1399px) {
    .contact-banner__subtitle {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner__subtitle {
        font-size: 1.25rem;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner__subtitle {
        font-size: 1.125rem;
        letter-spacing: -1px;
    }
}

@media screen and (max-width: 575px) {
    .contact-banner__subtitle {
        font-size: 1rem;
    }
}

.contact-banner__title {
    font-size: 2.8125rem;
    letter-spacing: -2.963px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 35px;
}

@media screen and (max-width: 1399px) {
    .contact-banner__title {
        font-size: 2.5rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner__title {
        font-size: 2.1875rem;
        letter-spacing: -2px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner__title {
        font-size: 1.875rem;
        margin-bottom: 15px;
        letter-spacing: -1.5px;
    }
}

@media screen and (max-width: 575px) {
    .contact-banner__title {
        font-size: 1.625rem;
        margin-bottom: 12px;
        letter-spacing: -1px;
    }
}

@media screen and (max-width: 424px) {
    .contact-banner__title {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
}

.contact-banner__thumb {
    max-width: 450px;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1399px) {
    .contact-banner__thumb {
        max-width: 375px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner__thumb {
        max-width: 320px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner__thumb {
        max-width: 290px;
    }
}

@media screen and (max-width: 767px) {
    .contact-banner__thumb {
        position: relative;
        margin: 20px auto 0;
    }
}

.contact-banner .social-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
}

@media screen and (max-width: 1399px) {
    .contact-banner .social-list {
        gap: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner .social-list {
        gap: 15px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner .social-list {
        gap: 12px;
    }
}

.contact-banner .social-list__link {
    width: 52px;
    height: 52px;
    border: 1px solid #B7B7B7;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1399px) {
    .contact-banner .social-list__link {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner .social-list__link {
        width: 42px;
        height: 42px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner .social-list__link {
        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width: 767px) {
    .contact-banner .social-list__link {
        width: 32px;
        height: 32px;
    }
}

.contact-banner .social-list__link:hover {
    border-color: hsl(var(--base));
    background: hsl(var(--base));
}

.contact-banner .social-list__link:hover .social-list__link-icon {
    color: hsl(var(--white));
}

.contact-banner .social-list__link-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 19px;
    height: 19px;
    color: hsl(var(--base));
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

@media screen and (max-width: 1399px) {
    .contact-banner .social-list__link-icon {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-banner .social-list__link-icon {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 991px) {
    .contact-banner .social-list__link-icon {
        width: 15px;
        height: 15px;
    }
}

.contact-content {
    background: hsl(var(--white));
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    margin-top: 24px;
}

@media screen and (max-width: 1399px) {
    .contact-content {
        border-radius: 0px 0px 18px 18px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-content {
        border-radius: 0px 0px 16px 16px;
    }
}

@media screen and (max-width: 575px) {
    .contact-content {
        border-radius: 0px 0px 14px 14px;
    }
}

@media screen and (max-width: 767px) {
    .contact-content {
        border-radius: 0px 0px 12px 12px;
    }
}

@media screen and (max-width: 575px) {
    .contact-content {
        border-radius: 0px 0px 10px 10px;
    }
}

.contact-content__bottom {
    padding: 50px 40px 40px;
}

@media screen and (max-width: 1399px) {
    .contact-content__bottom {
        padding: 40px 30px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-content__bottom {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 991px) {
    .contact-content__bottom {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 575px) {
    .contact-content__bottom {
        padding: 25px 15px 30px;
    }
}

.contact-content__bottom-title {
    color: hsl(var(--base));
    letter-spacing: normal;
    font-size: 1.5rem;
    font-weight: 700;
    border-bottom: 1px solid #959595;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .contact-content__bottom-title {
        font-size: 1.375rem;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-content__bottom-title {
        font-size: 1.25rem;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .contact-content__bottom-title {
        font-size: 1.125rem;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
}

.contact-form-thumb {
    max-width: 495px;
    max-height: 485px;
}

@media screen and (max-width: 1399px) {
    .contact-form-thumb {
        max-width: 420px;
        max-height: 406px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-form-thumb {
        max-width: 360px;
        max-height: 352px;
    }
}

@media screen and (max-width: 991px) {
    .contact-form-thumb {
        max-width: 310px;
        max-height: 303px;
    }
}

@media screen and (max-width: 767px) {
    .contact-form-thumb {
        display: none;
    }
}

.contact-form-thumb img {
    width: 100%;
}

.contact-form {
    width: calc(100% - 495px);
    padding: 45px 40px 0 70px;
}

@media screen and (max-width: 1399px) {
    .contact-form {
        width: calc(100% - 420px);
        padding: 30px 30px 0 45px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-form {
        width: calc(100% - 360px);
        padding: 25px 25px 0;
    }
}

@media screen and (max-width: 991px) {
    .contact-form {
        width: calc(100% - 310px);
        padding: 20px 20px 0;
    }
}

@media screen and (max-width: 767px) {
    .contact-form {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .contact-form {
        padding: 20px 15px 0;
    }
}

.contact-form .form-group {
    margin-bottom: 12px;
}

@media screen and (max-width: 575px) {
    .contact-form .form-group {
        margin-bottom: 10px;
    }
}

.contact-form .form--control {
    font-size: 0.9375rem;
    background: rgba(224, 224, 224, 0.5);
    border-color: #BBBBBB;
    padding: 11.5px 13px;
    border-radius: 6px;
}

@media screen and (max-width: 1199px) {
    .contact-form .form--control {
        padding: 10.5px 12px;
    }
}

@media screen and (max-width: 991px) {
    .contact-form .form--control {
        font-size: 0.875rem;
        padding: 10px 12px;
    }
}

.contact-form .form--control::-webkit-input-placeholder {
    color: #707070;
    font-size: 0.9375rem;
}

.contact-form .form--control::-moz-placeholder {
    color: #707070;
    font-size: 0.9375rem;
}

.contact-form .form--control:-ms-input-placeholder {
    color: #707070;
    font-size: 0.9375rem;
}

.contact-form .form--control::-ms-input-placeholder {
    color: #707070;
    font-size: 0.9375rem;
}

.contact-form .form--control::placeholder {
    color: #707070;
    font-size: 0.9375rem;
}

@media screen and (max-width: 1199px) {
    .contact-form .form--control::-webkit-input-placeholder {
        font-size: 0.875rem;
    }

    .contact-form .form--control::-moz-placeholder {
        font-size: 0.875rem;
    }

    .contact-form .form--control:-ms-input-placeholder {
        font-size: 0.875rem;
    }

    .contact-form .form--control::-ms-input-placeholder {
        font-size: 0.875rem;
    }

    .contact-form .form--control::placeholder {
        font-size: 0.875rem;
    }
}

.contact-form .form--control:focus {
    border-color: hsl(var(--base));
}

.contact-info-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
}

@media screen and (max-width: 1399px) {
    .contact-info-wrapper {
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .contact-info-wrapper {
        row-gap: 20px;
    }
}

.contact-info-item {
    width: calc(33.33% - 45px);
}

@media screen and (max-width: 1399px) {
    .contact-info-item {
        width: calc(33.33% - 30px);
    }
}

@media screen and (max-width: 767px) {
    .contact-info-item {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 575px) {
    .contact-info-item {
        width: 100%;
    }
}

.contact-info-item__title {
    position: relative;
    color: hsl(var(--black));
    font-size: 1.375rem;
    letter-spacing: normal;
    font-weight: 600;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .contact-info-item__title {
        font-size: 1.25rem;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-info-item__title {
        font-size: 1.125rem;
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .contact-info-item__title {
        font-size: 1.0625rem;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .contact-info-item__title {
        font-size: 1rem;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}

.contact-info-item__title::after {
    position: absolute;
    content: "";
    background: hsl(var(--black));
    width: 25px;
    height: 3px;
    left: 0;
    bottom: 0;
}

.contact-info-item__highlight,
.contact-info-item__notice,
.contact-info-item__desc {
    letter-spacing: normal;
    font-size: 1.25rem;
    font-weight: 600;
}

@media screen and (max-width: 1399px) {

    .contact-info-item__highlight,
    .contact-info-item__notice,
    .contact-info-item__desc {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1199px) {

    .contact-info-item__highlight,
    .contact-info-item__notice,
    .contact-info-item__desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {

    .contact-info-item__highlight,
    .contact-info-item__notice,
    .contact-info-item__desc {
        font-size: 0.9375rem;
    }
}

.contact-info-item__highlight {
    margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
    .contact-info-item__highlight {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .contact-info-item__highlight {
        margin-bottom: 10px;
    }
}

.contact-info-item__notice {
    letter-spacing: normal;
    color: hsl(var(--body-color-two));
    margin-bottom: 0;
}

.contact-info-item__desc {
    font-weight: 400;
    line-height: 1.6;
}

/* ================================ Contact Start =============================== */
/* ================================ Team Start =============================== */
.team-section {
    position: relative;
    background: #EAEAEA;
}

.team-slider-wrapper {
    margin-left: -106px !important;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .team-slider-wrapper {
        margin-left: -95px !important;
    }
}

@media screen and (max-width: 1199px) {
    .team-slider-wrapper {
        margin-left: -79px !important;
    }
}

@media screen and (max-width: 991px) {
    .team-slider-wrapper {
        margin-left: -60px !important;
    }
}

@media screen and (max-width: 767px) {
    .team-slider-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.team-item {
    position: relative;
    background: hsl(var(--base));
    border-radius: 40px;
    overflow: hidden;
    padding: 24px;
}

@media screen and (max-width: 1399px) {
    .team-item {
        padding: 22px;
        border-radius: 35px;
    }
}

@media screen and (max-width: 1199px) {
    .team-item {
        padding: 20px;
        border-radius: 30px;
    }
}

@media screen and (max-width: 991px) {
    .team-item {
        padding: 18px;
        border-radius: 25px;
    }
}

.team-item__thumb {
    border-radius: 32px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .team-item__thumb {
        border-radius: 28px;
    }
}

@media screen and (max-width: 1199px) {
    .team-item__thumb {
        border-radius: 24px;
    }
}

@media screen and (max-width: 991px) {
    .team-item__thumb {
        border-radius: 20px;
    }
}

.team-item__thumb img {
    width: 100%;
}

.team-item__content {
    padding-top: 32px;
}

@media screen and (max-width: 1399px) {
    .team-item__content {
        padding-top: 26px;
    }
}

@media screen and (max-width: 1199px) {
    .team-item__content {
        padding-top: 22px;
    }
}

@media screen and (max-width: 991px) {
    .team-item__content {
        padding-top: 18px;
    }
}

.team-item span {
    font-weight: 700;
    font-size: 1rem;
    color: hsl(var(--white));
    line-height: 1.125;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    .team-item span {
        font-size: 0.9375rem;
    }
}

.team-item__title {
    margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
    .team-item__title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .team-item__title {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 991px) {
    .team-item__title {
        margin-bottom: 5px;
    }
}

.team-item span.team-item__designation {
    font-weight: 400;
}

/* ================================ Team Start =============================== */
/* ================================ Contact Start =============================== */
.help-page-section {
    position: relative;
    padding-top: 85px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .help-page-section {
        padding-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .help-page-section {
        padding-top: 105px;
    }
}

.help-page-shape {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #FFB573;
    left: 35px;
    top: -60px;
    border-radius: 50%;
    -webkit-filter: blur(262.280670166px);
    filter: blur(262.280670166px);
}

@media screen and (max-width: 991px) {
    .help-page-shape {
        top: 0;
    }
}

.help-page-shape.two {
    width: 404px;
    width: 414px;
    left: -150px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00A9D1;
}

.faq-wrapper {
    position: relative;
    z-index: 3;
    padding-top: 120px;
}

@media screen and (max-width: 1399px) {
    .faq-wrapper {
        padding-top: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-wrapper {
        padding-top: 75px;
    }
}

@media screen and (max-width: 991px) {
    .faq-wrapper {
        padding-top: 25px;
    }
}

.faq-wrapper__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 167px;
    height: 167px;
    color: hsl(var(--base));
    position: absolute;
    right: 0;
    top: -35px;
    opacity: 0.2;
}

@media screen and (max-width: 1399px) {
    .faq-wrapper__icon {
        width: 145px;
        height: 145px;
        top: -23px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-wrapper__icon {
        width: 120px;
        height: 120px;
        top: -30px;
    }
}

@media screen and (max-width: 991px) {
    .faq-wrapper__icon {
        display: none;
    }
}

.faq-wrapper__title {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 25px;
}

@media screen and (max-width: 1399px) {
    .faq-wrapper__title {
        font-size: 2.6875rem;
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-wrapper__title {
        font-size: 2.375rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 991px) {
    .faq-wrapper__title {
        font-size: 2rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .faq-wrapper__title {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .faq-wrapper__title {
        font-size: 1.5625rem;
        margin-bottom: 12px;
    }
}

.faq-banner-content-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: hsl(var(--white));
}

@media screen and (max-width: 1399px) {
    .faq-banner-content-wrapper {
        border-radius: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-banner-content-wrapper {
        border-radius: 16px;
    }
}

@media screen and (max-width: 575px) {
    .faq-banner-content-wrapper {
        border-radius: 14px;
    }
}

@media screen and (max-width: 767px) {
    .faq-banner-content-wrapper {
        border-radius: 12px;
    }
}

@media screen and (max-width: 575px) {
    .faq-banner-content-wrapper {
        border-radius: 10px;
    }
}

.faq-banner {
    position: relative;
    overflow: hidden;
    background: hsl(var(--white));
    overflow: hidden;
    padding: 55px 30px 40px;
}

@media screen and (max-width: 1399px) {
    .faq-banner {
        padding: 42px 25px 30px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-banner {
        padding: 35px 20px;
    }
}

@media screen and (max-width: 991px) {
    .faq-banner {
        padding: 35px 20px 30px;
    }
}

@media screen and (max-width: 767px) {
    .faq-banner {
        padding: 30px 35px 25px;
    }
}

@media screen and (max-width: 575px) {
    .faq-banner {
        padding: 25px;
    }
}

@media screen and (max-width: 424px) {
    .faq-banner {
        padding: 25px 20px;
    }
}

.faq-banner__shape {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #7B61FF;
    left: -60px;
    bottom: 15px;
    -webkit-filter: blur(142.105255127px);
    filter: blur(142.105255127px);
}

@media screen and (max-width: 767px) {
    .faq-banner__shape {
        width: 120px;
        height: 120px;
    }
}

.faq-banner__shape.two {
    background: #FFB573;
    width: 300px;
    height: 300px;
    top: -15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: unset;
}

@media screen and (max-width: 767px) {
    .faq-banner__shape.two {
        width: 160px;
        height: 160px;
        top: -20px;
    }
}

.faq-banner__shape.three {
    width: 300px;
    height: 300px;
    background: #00A9D1;
    left: unset;
    top: unset;
    right: -160px;
    bottom: -160px;
}

@media screen and (max-width: 767px) {
    .faq-banner__shape.three {
        width: 160px;
        height: 160px;
        right: -75px;
        bottom: -75px;
    }
}

.faq-banner__content {
    position: relative;
    z-index: 3;
    text-align: center;
}

.faq-banner__title {
    font-size: 2.5rem;
    letter-spacing: -2.6px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
    .faq-banner__title {
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 1199px) {
    .faq-banner__title {
        font-size: 1.875rem;
        letter-spacing: -2px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .faq-banner__title {
        font-size: 1.75rem;
        margin-bottom: 8px;
        letter-spacing: -1.5px;
    }
}

@media screen and (max-width: 575px) {
    .faq-banner__title {
        font-size: 1.625rem;
        margin-bottom: 5px;
        letter-spacing: -1px;
    }
}

@media screen and (max-width: 424px) {
    .faq-banner__title {
        font-size: 1.5rem;
        letter-spacing: 0;
        margin-bottom: 2px;
    }
}

.faq-banner__desc {
    font-size: 1rem;
    margin-bottom: 24px;
}

@media screen and (max-width: 1399px) {
    .faq-banner__desc {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-banner__desc {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .faq-banner__desc {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .faq-banner__desc {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .faq-banner__desc {
        font-size: 0.9375rem;
    }
}

.faq-banner__form {
    max-width: 580px;
    margin: 0 auto;
}

@media screen and (max-width: 1399px) {
    .faq-banner__form {
        max-width: 500px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-banner__form {
        max-width: 460px;
    }
}

@media screen and (max-width: 1399px) {
    .faq-banner__form {
        max-width: 500px;
    }
}

@media screen and (max-width: 1399px) {
    .faq-banner__form {
        max-width: 500px;
    }
}

.faq-banner__form .form--control {
    font-size: 0.75rem;
    font-weight: 500;
    color: #53686A;
    border-color: transparent;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0.735px 1.471px 0px rgba(16, 24, 40, 0.05);
    box-shadow: 0px 0.735px 1.471px 0px rgba(16, 24, 40, 0.05);
    padding: 13px 15px 13px 35px;
}

@media screen and (max-width: 991px) {
    .faq-banner__form .form--control {
        padding: 12px 13px 12px 33px;
    }
}

.faq-banner__form .form--control::-webkit-input-placeholder {
    font-size: 0.75rem;
    font-weight: 500;
    color: #53686A;
}

.faq-banner__form .form--control::-moz-placeholder {
    font-size: 0.75rem;
    font-weight: 500;
    color: #53686A;
}

.faq-banner__form .form--control:-ms-input-placeholder {
    font-size: 0.75rem;
    font-weight: 500;
    color: #53686A;
}

.faq-banner__form .form--control::-ms-input-placeholder {
    font-size: 0.75rem;
    font-weight: 500;
    color: #53686A;
}

.faq-banner__form .form--control::placeholder {
    font-size: 0.75rem;
    font-weight: 500;
    color: #53686A;
}

.faq-banner__form .form--control:focus {
    border-color: hsl(var(--base));
}

.faq-banner__form button {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 9px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq-banner__form button:hover .icon {
    color: #53686A;
}

.faq-banner__form button .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 15px;
    height: 15px;
    color: #53686A;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.faq-content {
    padding: 48px 80px 40px;
}

@media screen and (max-width: 1399px) {
    .faq-content {
        padding: 35px 40px 40px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-content {
        padding: 30px 35px 35px;
    }
}

@media screen and (max-width: 991px) {
    .faq-content {
        padding: 30px;
    }
}

@media screen and (max-width: 767px) {
    .faq-content {
        padding: 25px 20px 30px;
    }
}

.faq-content__desc {
    color: hsl(var(--body-color-two));
    text-align: center;
    line-height: 1.5;
    font-size: 1rem;
    max-width: 890px;
    margin: 0 auto 43px;
}

@media screen and (max-width: 1399px) {
    .faq-content__desc {
        margin: 0 auto 35px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-content__desc {
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 991px) {
    .faq-content__desc {
        font-size: 0.9375rem;
        margin: 0 auto 25px;
    }
}

@media screen and (max-width: 767px) {
    .faq-content__desc {
        margin: 0 auto 18px;
    }
}

@media screen and (max-width: 575px) {
    .faq-content__desc {
        font-size: 0.875rem;
        margin: 0 auto 15px;
    }
}

.faq-item__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: hsl(var(--warning)/0.15);
    margin-bottom: 17px;
}

@media screen and (max-width: 1399px) {
    .faq-item__icon {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .faq-item__icon {
        width: 32px;
        height: 32px;
        margin-bottom: 12px;
    }
}

.faq-item__icon-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 19px;
    height: 19px;
    color: hsl(var(--warning));
}

@media screen and (max-width: 1199px) {
    .faq-item__icon-inner {
        width: 17px;
        height: 17px;
    }
}

.faq-item__title {
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.49;
    margin-bottom: 8px;
}

@media screen and (max-width: 1199px) {
    .faq-item__title {
        margin-bottom: 5px;
    }
}

.faq-item__desc {
    font-size: 0.75rem;
    line-height: 1.5;
    color: hsl(var(--body-color-two));
    margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
    .faq-item__desc {
        margin-bottom: 12px;
    }
}

.faq-item__desc.two {
    font-weight: 500;
    margin-bottom: 0;
}

.faq-item__desc:last-of-type {
    margin-bottom: 0;
}

.faq-item__desc a {
    color: hsl(var(--warning));
}

.faq-item__desc a:hover {
    color: hsl(var(--base-two));
}

.get-in-touch {
    background: hsl(var(--warning)/0.15);
    border-radius: 10px;
    overflow: hidden;
    padding: 24px;
}

@media screen and (max-width: 1399px) {
    .get-in-touch {
        padding: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .get-in-touch {
        padding: 20px 18px;
    }
}

@media screen and (max-width: 991px) {
    .get-in-touch {
        border-radius: 8px;
        padding: 18px 15px;
    }
}

@media screen and (max-width: 767px) {
    .get-in-touch {
        padding: 15px;
    }
}

.get-in-touch__content {
    width: calc(100% - 150px);
}

@media screen and (max-width: 575px) {
    .get-in-touch__content {
        width: 100%;
        margin-bottom: 10px;
    }
}

.get-in-touch__title {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .get-in-touch__title {
        margin-bottom: 0;
    }
}

.get-in-touch__desc {
    font-size: 0.875rem;
    color: hsl(var(--body-color-two));
    line-height: 1.5;
}

.get-in-touch .btn {
    font-size: 1rem;
    padding: 17px 16px;
}

@media screen and (max-width: 1399px) {
    .get-in-touch .btn {
        padding: 15px 14px;
    }
}

@media screen and (max-width: 1199px) {
    .get-in-touch .btn {
        font-size: 0.9375rem;
        padding: 14px;
    }
}

@media screen and (max-width: 991px) {
    .get-in-touch .btn {
        padding: 13px 14px;
    }
}

@media screen and (max-width: 767px) {
    .get-in-touch .btn {
        font-size: 0.875rem;
        padding: 12px 14px;
    }
}

/* ================================ Contact Start =============================== */
/* ================================ Policy Start =============================== */
.privacy-policy-section {
    position: relative;
    padding-top: 85px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .privacy-policy-section {
        padding-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .privacy-policy-section {
        padding-top: 105px;
    }
}

.privacy-policy-shape {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #7B61FF;
    left: 50px;
    top: 5px;
    border-radius: 50%;
    -webkit-filter: blur(262.280670166px);
    filter: blur(262.280670166px);
}

@media screen and (max-width: 1199px) {
    .privacy-policy-shape {
        width: 200px;
        height: 200px;
    }
}

.privacy-policy-shape.one {
    width: 160px;
    height: 160px;
}

@media screen and (max-width: 1199px) {
    .privacy-policy-shape.one {
        width: 110px;
        height: 110px;
    }
}

.privacy-policy-shape.two {
    left: 50%;
    top: 120px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFC727;
}

.privacy-policy-shape.three {
    background: #00A9D1;
    left: unset;
    top: 150px;
    right: 50px;
}

.page-link-tab {
    position: relative;
    z-index: 3;
}

.page-link-tab__title {
    color: hsl(var(--base));
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 60px;
}

@media screen and (max-width: 1399px) {
    .page-link-tab__title {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .page-link-tab__title {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    .page-link-tab__title {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .page-link-tab__title {
        margin-bottom: 18px;
    }
}

.page-link-tab__list {
    position: relative;
}

.page-link-tab__list::after {
    position: absolute;
    content: "";
    background: hsl(var(--white));
    height: 100%;
    width: 6px;
    border-radius: 6px;
    top: 0;
    left: -30px;
}

@media screen and (max-width: 1399px) {
    .page-link-tab__list::after {
        left: -20px;
    }
}

@media screen and (max-width: 1199px) {
    .page-link-tab__list::after {
        left: -15px;
        width: 4px;
    }
}

@media screen and (max-width: 575px) {
    .page-link-tab__list::after {
        left: 0;
    }
}

.page-link-tab__list-item {
    margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
    .page-link-tab__list-item {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .page-link-tab__list-item {
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 767px) {
    .page-link-tab__list-item {
        margin-bottom: 2px;
    }
}

.page-link-tab__list-item:last-child {
    margin-bottom: 0;
}

.page-link-tab__list-item.active .page-link-tab__list-link {
    color: hsl(var(--warning));
}

.page-link-tab__list-item.active .page-link-tab__list-link::after {
    visibility: visible;
    opacity: 1;
}

.page-link-tab__list-link {
    position: relative;
    font-size: 1.25rem;
    font-weight: 500;
    color: hsl(var(--black));
    padding: 10px 0;
}

@media screen and (max-width: 1399px) {
    .page-link-tab__list-link {
        padding: 8px 0;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1199px) {
    .page-link-tab__list-link {
        padding: 5px 0;
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 767px) {
    .page-link-tab__list-link {
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .page-link-tab__list-link {
        font-size: 1rem;
        padding: 3px 0;
        padding-left: 15px;
    }
}

.page-link-tab__list-link::after {
    position: absolute;
    content: "";
    background: hsl(var(--warning));
    height: 100%;
    width: 6px;
    border-radius: 6px;
    top: 0;
    left: -30px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

@media screen and (max-width: 1399px) {
    .page-link-tab__list-link::after {
        left: -20px;
    }
}

@media screen and (max-width: 1199px) {
    .page-link-tab__list-link::after {
        left: -15px;
        width: 4px;
    }
}

@media screen and (max-width: 575px) {
    .page-link-tab__list-link::after {
        left: 0;
    }
}

.page-link-tab__list-link:hover {
    color: hsl(var(--warning));
}

.page-link-tab__icon {
    display: none;
    width: 95px;
    height: 95px;
    color: hsl(var(--base));
    position: absolute;
    right: 0;
    top: -10px;
    opacity: 0.2;
}

@media screen and (max-width: 991px) {
    .page-link-tab__icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media screen and (max-width: 767px) {
    .page-link-tab__icon {
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 575px) {
    .page-link-tab__icon {
        width: 60px;
        height: 60px;
    }
}

.privacy-policy-content {
    position: relative;
    z-index: 3;
    padding-top: 120px;
}

@media screen and (max-width: 1399px) {
    .privacy-policy-content {
        padding-top: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .privacy-policy-content {
        padding-top: 75px;
    }
}

@media screen and (max-width: 991px) {
    .privacy-policy-content {
        padding-top: 25px;
    }
}

.privacy-policy-content__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 167px;
    height: 167px;
    color: hsl(var(--base));
    position: absolute;
    right: 0;
    top: -35px;
    opacity: 0.2;
}

@media screen and (max-width: 1399px) {
    .privacy-policy-content__icon {
        width: 145px;
        height: 145px;
        top: -23px;
    }
}

@media screen and (max-width: 1199px) {
    .privacy-policy-content__icon {
        width: 120px;
        height: 120px;
        top: -30px;
    }
}

@media screen and (max-width: 991px) {
    .privacy-policy-content__icon {
        display: none;
    }
}

.privacy-policy-content__title {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 50px;
}

@media screen and (max-width: 1399px) {
    .privacy-policy-content__title {
        font-size: 2.6875rem;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .privacy-policy-content__title {
        font-size: 2.375rem;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 991px) {
    .privacy-policy-content__title {
        font-size: 2rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .privacy-policy-content__title {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    .privacy-policy-content__title {
        font-size: 1.5625rem;
        margin-bottom: 15px;
    }
}

.privacy-policy-content__subtitle {
    letter-spacing: normal;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .privacy-policy-content__subtitle {
        font-size: 1.875rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .privacy-policy-content__subtitle {
        font-size: 1.75rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .privacy-policy-content__subtitle {
        font-size: 1.5625rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    .privacy-policy-content__subtitle {
        font-size: 1.375rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .privacy-policy-content__subtitle {
        font-size: 1.25rem;
        margin-bottom: 10px;
    }
}

.privacy-policy-content__desc {
    font-size: 1.125rem;
    line-height: 1.77;
    margin-bottom: 30px;
}

.privacy-policy-content__desc:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
    .privacy-policy-content__desc {
        font-size: 1.0625rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .privacy-policy-content__desc {
        font-size: 1rem;
        margin-bottom: 20px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 767px) {
    .privacy-policy-content__desc {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .privacy-policy-content__desc {
        font-size: 0.9375rem;
        line-height: 1.4;
    }
}

.privacy-policy-content__desc:last-of-type {
    margin-bottom: 0;
}

/* ================================ Policy End =============================== */
/* ================================ Comming Soon Start =============================== */
.comming-soon-section {
    position: relative;
    overflow: hidden;
    padding: 105px 0 100px;
    min-height: calc(100vh - 128px);
}

@media screen and (max-width: 1399px) {
    .comming-soon-section {
        min-height: calc(100vh - 112px);
        padding: 100px 0 90px;
    }
}

@media screen and (max-width: 1199px) {
    .comming-soon-section {
        min-height: calc(100vh - 100px);
        padding: 90px 0;
    }
}

@media screen and (max-width: 991px) {
    .comming-soon-section {
        padding: 140px 0 60px;
        min-height: 100vh;
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-section {
        padding: 125px 0 50px;
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-section {
        padding: 105px 0 40px;
    }
}

@media screen and (max-width: 424px) {
    .comming-soon-section {
        padding: 95px 0 40px;
    }
}

.comming-soon-section__gradient {
    position: absolute;
    content: "";
    width: 414px;
    height: 414px;
    border-radius: 50%;
    background: hsl(var(--warning));
    -webkit-filter: blur(200px);
    filter: blur(200px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -40px;
}

@media screen and (max-width: 1399px) {
    .comming-soon-section__gradient {
        width: 400px;
        height: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .comming-soon-section__gradient {
        width: 385px;
        height: 385px;
        bottom: -60px;
    }
}

@media screen and (max-width: 991px) {
    .comming-soon-section__gradient {
        width: 350px;
        height: 350px;
        bottom: -70px;
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-section__gradient {
        width: 320px;
        height: 320px;
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-section__gradient {
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 424px) {
    .comming-soon-section__gradient {
        width: 280px;
        height: 280px;
    }
}

.comming-soon-content {
    text-align: center;
    max-width: 1016px;
    margin: 0 auto;
}

.comming-soon-content__thumb {
    position: relative;
    z-index: 2;
    gap: 14px;
}

@media screen and (max-width: 991px) {
    .comming-soon-content__thumb {
        gap: 10px;
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-content__thumb {
        gap: 5px;
    }
}

.comming-soon-content__thumb::after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7.12%, #EAEEFE), color-stop(45.17%, rgba(234, 238, 254, 0)));
    background: linear-gradient(0deg, #EAEEFE 7.12%, rgba(234, 238, 254, 0) 45.17%);
    width: 100%;
    height: 100%;
    bottom: -45px;
    left: 0;
}

@media screen and (max-width: 1399px) {
    .comming-soon-content__thumb::after {
        bottom: -30px;
    }
}

@media screen and (max-width: 991px) {
    .comming-soon-content__thumb::after {
        bottom: -35px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(3.12%, #EAEEFE), color-stop(82.17%, rgba(234, 238, 254, 0)));
        background: linear-gradient(0deg, #EAEEFE 3.12%, rgba(234, 238, 254, 0) 82.17%);
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-content__thumb::after {
        bottom: -15px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(3.12%, #EAEEFE), color-stop(62.17%, rgba(234, 238, 254, 0)));
        background: linear-gradient(0deg, #EAEEFE 3.12%, rgba(234, 238, 254, 0) 62.17%);
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-content__thumb::after {
        bottom: -15px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(1.12%, #EAEEFE), color-stop(20.17%, rgba(234, 238, 254, 0)));
        background: linear-gradient(0deg, #EAEEFE 1.12%, rgba(234, 238, 254, 0) 20.17%);
    }
}

.comming-soon-content__thumb-item:first-of-type {
    width: 412px;
}

@media screen and (max-width: 991px) {
    .comming-soon-content__thumb-item:first-of-type {
        width: 320px;
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-content__thumb-item:first-of-type {
        width: 215px;
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-content__thumb-item:first-of-type {
        width: 100%;
    }
}

.comming-soon-content__thumb-item:last-of-type {
    width: calc(100% - 426px);
}

@media screen and (max-width: 991px) {
    .comming-soon-content__thumb-item:last-of-type {
        width: calc(100% - 330px);
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-content__thumb-item:last-of-type {
        width: calc(100% - 225px);
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-content__thumb-item:last-of-type {
        width: 100%;
    }
}

.comming-soon-content__thumb-item img {
    width: 100%;
}

.comming-soon-content__title {
    position: relative;
    z-index: 3;
    font-size: 4.5rem;
    line-height: 1.25;
    letter-spacing: -4.68px;
    margin: -55px 0 25px;
}

@media screen and (max-width: 1399px) {
    .comming-soon-content__title {
        font-size: 4.0625rem;
        margin: -45px 0 20px;
    }
}

@media screen and (max-width: 1199px) {
    .comming-soon-content__title {
        font-size: 3.75rem;
        margin: -35px 0 20px;
    }
}

@media screen and (max-width: 991px) {
    .comming-soon-content__title {
        font-size: 3.125rem;
        margin: -25px 0 15px;
        line-height: 1.2;
        letter-spacing: -2.8px;
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-content__title {
        font-size: 2.25rem;
        margin: -15px 0 10px;
        letter-spacing: -1.8px;
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-content__title {
        font-size: 1.8125rem;
        margin: -18px 0 10px;
    }
}

@media screen and (max-width: 424px) {
    .comming-soon-content__title {
        font-size: 1.5625rem;
    }
}

.comming-soon-content__desc {
    position: relative;
    z-index: 3;
    font-size: 1.75rem;
    line-height: 1.28;
    color: hsl(var(--body-color));
    margin-bottom: 23px;
}

@media screen and (max-width: 1399px) {
    .comming-soon-content__desc {
        font-size: 1.5625rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .comming-soon-content__desc {
        font-size: 1.375rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .comming-soon-content__desc {
        font-size: 1.25rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .comming-soon-content__desc {
        font-size: 1.125rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .comming-soon-content__desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 424px) {
    .comming-soon-content__desc {
        font-size: 0.9375rem;
    }
}

.comming-soon-content .btn {
    position: relative;
    z-index: 3;
}

/* ================================ Comming Soon End =============================== */
/* ================================ Page Details Start =============================== */
.page-details__thumb {
    height: 420px;
    border-radius: 12px;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .page-details__thumb {
        height: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .page-details__thumb {
        border-radius: 10px;
        height: 375px;
    }
}

@media screen and (max-width: 767px) {
    .page-details__thumb {
        border-radius: 8px;
        height: 320px;
    }
}

@media screen and (max-width: 575px) {
    .page-details__thumb {
        height: 290px;
    }
}

@media screen and (max-width: 424px) {
    .page-details__thumb {
        border-radius: 5px;
        height: 250px;
    }
}

.page-details__thumb img {
    width: 100%;
    height: 100%;
}

.page-details__title {
    letter-spacing: normal;
    line-height: 1.2;
    color: hsl(var(--base));
    margin: 25px 0;
}

@media screen and (max-width: 1199px) {
    .page-details__title {
        margin: 20px 0;
    }
}

@media screen and (max-width: 767px) {
    .page-details__title {
        margin: 20px 0 15px;
    }
}

@media screen and (max-width: 575px) {
    .page-details__title {
        margin: 15px 0 10px;
    }
}

.page-details__subtitle {
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
    .page-details__subtitle {
        font-size: 1.0625rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .page-details__subtitle {
        font-size: 1rem;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 575px) {
    .page-details__subtitle {
        font-size: 0.9375rem;
        margin-bottom: 5px;
    }
}

.page-details__desc {
    font-size: 1.125rem;
    color: hsl(var(--body-color-two));
    margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    .page-details__desc {
        font-size: 1.0625rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .page-details__desc {
        font-size: 1rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .page-details__desc {
        font-size: 0.9375rem;
        margin-bottom: 10px;
    }
}

.page-details-sidebar-wrapper {
    position: sticky;
    top: 150px;
    background: hsl(var(--section-bg-three));
    padding: 20px 25px;
    border-radius: 12px;
}

@media screen and (max-width: 1199px) {
    .page-details-sidebar-wrapper {
        border-radius: 10px;
        padding: 20px 18px;
    }
}

@media screen and (max-width: 767px) {
    .page-details-sidebar-wrapper {
        border-radius: 8px;
    }
}

@media screen and (max-width: 424px) {
    .page-details-sidebar-wrapper {
        border-radius: 5px;
    }
}

.page-details-sidebar-wrapper__title {
    line-height: 1;
    letter-spacing: normal;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    .page-details-sidebar-wrapper__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 991px) {
    .page-details-sidebar-wrapper__title {
        font-size: 1.125rem;
        margin-bottom: 15px;
    }
}

.page-details-sidebar {
    margin-bottom: 20px;
}

.page-details-sidebar:last-of-type {
    margin-bottom: 0;
}

.page-details-sidebar__thumb {
    width: 80px;
    max-height: 65px;
    border-radius: 6px;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    .page-details-sidebar__thumb {
        width: 65px;
        height: 55px;
    }
}

.page-details-sidebar__thumb img {
    width: 100%;
    height: 100%;
}

.page-details-sidebar__content {
    width: calc(100% - 80px);
    padding-left: 15px;
}

@media screen and (max-width: 1199px) {
    .page-details-sidebar__content {
        width: calc(100% - 65px);
        padding-left: 10px;
    }
}

.page-details-sidebar__title {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 5px;
}

@media screen and (max-width: 1199px) {
    .page-details-sidebar__title {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 991px) {
    .page-details-sidebar__title {
        font-size: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .page-details-sidebar__title {
        font-size: 1rem;
    }
}

.page-details-sidebar__title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.page-details-sidebar__title a:hover {
    color: hsl(var(--base));
}

.page-details-sidebar__desc {
    font-size: 0.875rem;
    color: hsl(var(--body-color-two));
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 1199px) {
    .page-details-sidebar__desc {
        font-size: 0.8125rem;
    }
}

/* ================================ Page Details End =============================== */

/* animations.css or global styles */

.fade-in-left,
.fade-in-right {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-left {
    transform: translateX(-60px);
}

.visible {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* ====================== Explore Coming Soon Css Start ==================== */
.explore-coming-soon-section {
    background: #FBF8F4;
    min-height: 100vh;
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-section {
        padding: 120px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-section {
        padding: 110px 0 25px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-section {
        padding: 100px 0 25px;
    }
}

.explore-coming-soon-wrapper {
    position: relative;
    padding: 106px 0 53px 0;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-wrapper {
        padding: 90px 0 40px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-wrapper {
        padding: 60px 0 30px 0;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-wrapper {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-wrapper {
        padding: 0 18px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-wrapper {
        padding: 0;
    }
}

.explore-coming-soon-content {
    position: relative;
    max-width: 640px;
}

.explore-coming-soon-content__subtitle {
    font-size: 1rem;
    font-weight: 700;
    color: hsl(var(--body-color-two));
    line-height: normal;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__subtitle {
        font-size: 0.9375rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__subtitle {
        font-size: 0.875rem;
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__subtitle {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 374px) {
    .explore-coming-soon-content__subtitle {
        font-size: 0.8125rem;
    }
}

.explore-coming-soon-content__title {
    font-size: 3rem;
    line-height: 1.41667;
    letter-spacing: -1.68px;
    margin-bottom: 18px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__title {
        font-size: 2.75rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content__title {
        font-size: 2.375rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__title {
        font-size: 1.875rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__title {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-content__title {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 424px) {
    .explore-coming-soon-content__title {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 374px) {
    .explore-coming-soon-content__title {
        font-size: 1.5625rem;
    }
}

.explore-coming-soon-content__desc {
    font-size: 1rem;
    line-height: 2.1875;
    margin-bottom: 18px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__desc {
        font-size: 0.9375rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content__desc {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__desc {
        font-size: 0.875rem;
        line-height: 2;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__desc {
        line-height: 1.875;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-content__desc {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 374px) {
    .explore-coming-soon-content__desc {
        font-size: 0.8125rem;
        line-height: 1.7;
    }
}

.explore-coming-soon-content__desc span {
    font-weight: 600;
}

.explore-coming-soon-content .btn {
    padding: 15px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content .btn {
        padding: 14px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content .btn {
        padding: 13px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content .btn {
        font-size: 0.875rem;
        padding: 12px 13px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content .btn {
        padding: 11px 12px;
    }
}

@media screen and (max-width: 424px) {
    .explore-coming-soon-content .btn {
        padding: 10px 11px;
    }
}

@media screen and (max-width: 374px) {
    .explore-coming-soon-content .btn {
        font-size: 0.8125rem;
    }
}

.explore-coming-soon-content__list {
    margin: 42px 0 44px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__list {
        margin: 35px 0 40px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content__list {
        margin: 30px 0 35px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__list {
        margin: 25px 0;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__list {
        margin: 20px 0;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-content__list {
        margin: 15px 0;
    }
}

.explore-coming-soon-content__list-item {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 2;
    color: hsl(var(--body-color));
    margin-bottom: 21px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__list-item {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content__list-item {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__list-item {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__list-item {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-content__list-item {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 374px) {
    .explore-coming-soon-content__list-item {
        font-size: 0.8125rem;
    }
}

.explore-coming-soon-content__list-item:last-child {
    margin-bottom: 0;
}

.explore-coming-soon-content__thumb {
    width: 261px;
    height: 261px;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__thumb {
        width: 250px;
        height: 250px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content__thumb {
        width: 225px;
        height: 225px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__thumb {
        width: 210px;
        height: 210px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__thumb {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-content__thumb {
        width: 190px;
        height: 190px;
    }
}

@media screen and (max-width: 424px) {
    .explore-coming-soon-content__thumb {
        width: 170px;
        height: 170px;
    }
}

.explore-coming-soon-content__thumb img {
    width: 100%;
    height: 100%;
}

.explore-coming-soon-content__shape {
    position: absolute;
    bottom: 145px;
    right: 135px;
    max-width: 151px;
    max-height: 277px;
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-content__shape {
        bottom: 135px;
        right: 90px;
        max-width: 140px;
        max-height: 256px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-content__shape {
        bottom: 90px;
        right: 10px;
        max-width: 125px;
        max-height: 229px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-content__shape {
        bottom: 80px;
        right: -40px;
        max-width: 100px;
        max-height: 183px;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-content__shape {
        right: 40px;
        max-width: 85px;
        max-height: 155px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-content__shape {
        bottom: 70px;
        right: 25px;
        max-width: 70px;
        max-height: 128px;
    }
}

@media screen and (max-width: 424px) {
    .explore-coming-soon-content__shape {
        bottom: 60px;
        right: 15px;
        max-width: 65px;
        max-height: 119px;
    }
}

.explore-coming-soon-content__shape img {
    -webkit-animation: movebounce 3.5s infinite;
    animation: movebounce 3.5s infinite;
    width: 100%;
}

.explore-coming-soon-thumb {
    text-align: right;
    position: absolute;
    right: 0;
    top: 20px;
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-thumb {
        top: 15px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-thumb {
        position: relative;
        right: unset;
        top: unset;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-thumb {
        position: relative;
        right: unset;
        top: unset;
        margin-top: 25px;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-thumb {
        margin-top: 20px;
        text-align: center;
    }
}

.explore-coming-soon-thumb img {
    max-width: 832px;
}

@media (max-width: 1439px) {
    .explore-coming-soon-thumb img {
        max-width: 790px;
    }
}

@media screen and (max-width: 1399px) {
    .explore-coming-soon-thumb img {
        max-width: 685px;
    }
}

@media screen and (max-width: 1199px) {
    .explore-coming-soon-thumb img {
        max-width: 535px;
    }
}

@media screen and (max-width: 991px) {
    .explore-coming-soon-thumb img {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .explore-coming-soon-thumb img {
        max-width: 500px;
    }
}

@media screen and (max-width: 575px) {
    .explore-coming-soon-thumb img {
        max-width: 370px;
    }
}

/* ====================== Explore Coming Soon Css End ==================== */
/* ====================== Wallet Css Start ==================== */
/* Wallet Section */
.wallet-section {
    padding: 50px 0;
}

@media screen and (max-width: 1399px) {
    .wallet-section {
        padding: 45px 0;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-section {
        padding: 40px 0;
    }
}

@media screen and (max-width: 991px) {
    .wallet-section {
        padding: 110px 0 35px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-section {
        padding: 100px 0 30px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-section {
        padding: 90px 0 30px;
    }
}

@media screen and (max-width: 424px) {
    .wallet-section {
        padding: 90px 0 25px;
    }
}

/* Wallet Content */
.wallet-content {
    max-width: 605px;
}

@media screen and (max-width: 1399px) {
    .wallet-content {
        max-width: 515px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-content {
        max-width: 100%;
    }
}

.wallet-content__title {
    position: relative;
    font-weight: 400;
    line-height: 1.21875;
    letter-spacing: -4.16px;
    margin-bottom: 24px;
    z-index: 3;
}

@media screen and (max-width: 1399px) {
    .wallet-content__title {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-content__title {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-content__title {
        letter-spacing: -2.8px;
        margin-bottom: 10px;
        font-size: 2.375rem;
    }
}

@media screen and (max-width: 424px) {
    .wallet-content__title {
        letter-spacing: -2px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 424px) {
    .wallet-content__title {
        font-size: 1.75rem;
    }
}

.wallet-content__title-shape {
    position: absolute;
    bottom: -34px;
    right: 100px;
    max-width: 312px;
    z-index: -1;
}

@media screen and (max-width: 1399px) {
    .wallet-content__title-shape {
        position: absolute;
        bottom: -29px;
        right: 108px;
        max-width: 275px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-content__title-shape {
        bottom: -23px;
        right: 96px;
        max-width: 232px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-content__title-shape {
        bottom: -19px;
        right: 90px;
        max-width: 185px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-content__title-shape {
        bottom: -16px;
        right: unset;
        max-width: 168px;
        left: 33px;
    }
}

.wallet-content__title-shape img {
    width: 100%;
}

.wallet-content__desc {
    font-size: 1.75rem;
    line-height: 1.25;
    margin-bottom: 29px;
}

@media screen and (max-width: 1399px) {
    .wallet-content__desc {
        font-size: 1.625rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-content__desc {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-content__desc {
        font-size: 1.3125rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-content__desc {
        font-size: 1.1875rem;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-content__desc {
        font-size: 1.125rem;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-content__desc {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 424px) {
    .wallet-content__desc {
        font-size: 1rem;
    }
}

.wallet-content .btn {
    font-size: 1.5rem;
    padding: 17px 24px;
    color: hsl(var(--warning)) !important;
}

@media screen and (max-width: 1399px) {
    .wallet-content .btn {
        font-size: 1.375rem;
        padding: 16px 22px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-content .btn {
        font-size: 1.25rem;
        padding: 16px 20px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-content .btn {
        font-size: 1.125rem;
        padding: 15px 18px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-content .btn {
        font-size: 1.0625rem;
        padding: 14px 18px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-content .btn {
        font-size: 1rem;
        padding: 13px 16px;
    }
}

@media screen and (max-width: 424px) {
    .wallet-content .btn {
        font-size: 0.9375rem;
        padding: 12px 15px;
    }
}

.wallet-content .btn:hover {
    color: hsl(var(--base)) !important;
    background-color: hsl(var(--warning)) !important;
    border-color: hsl(var(--warning)) !important;
}

.wallet-content.two {
    max-width: 100%;
    margin-top: 80px;
}

@media screen and (max-width: 1399px) {
    .wallet-content.two {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-content.two {
        margin-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-content.two {
        margin-top: 35px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-content.two {
        margin-top: 25px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-content.two {
        margin-top: 20px;
    }
}

@media screen and (max-width: 424px) {
    .wallet-content.two {
        margin-top: 15px;
    }
}

.wallet-content.two .wallet-content__title {
    margin-bottom: 0;
}

/* Wallet Thumb */
.wallet-thumb {
    position: relative;
}

@media screen and (max-width: 767px) {
    .wallet-thumb {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-thumb {
        margin-top: 15px;
    }
}

@media screen and (max-width: 424px) {
    .wallet-thumb {
        margin-top: 12px;
    }
}

.wallet-thumb img {
    position: absolute;
    max-width: 669px;
    right: -15px;
    top: 0;
}

@media screen and (max-width: 1399px) {
    .wallet-thumb img {
        max-width: 610px;
        right: -10px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-thumb img {
        position: relative;
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .wallet-thumb img {
        position: absolute;
        max-width: 320px;
        right: -25px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-thumb img {
        position: relative;
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .wallet-thumb img {
        right: unset;
    }
}

/* Wallet Item Section */
.wallet-item-section {
    padding-bottom: 65px;
}

@media screen and (max-width: 1399px) {
    .wallet-item-section {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-item-section {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-item-section {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-item-section {
        padding-bottom: 35px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-item-section {
        padding-bottom: 30px;
    }
}

@media (min-width: 1400px) {
    .wallet-item-section div[class*=col] {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

/* Wallet Item Card */
.wallet-item-card {
    position: relative;
    border-radius: 20px;
    background: #F2EFF9;
    padding: 67px 20px 0;
    min-height: 508px;
}

@media screen and (max-width: 1399px) {
    .wallet-item-card {
        border-radius: 18px;
        padding: 55px 15px 0;
        min-height: 490px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-item-card {
        border-radius: 16px;
        padding: 45px 12px 0;
        min-height: 440px;
    }
}

@media screen and (max-width: 991px) {
    .wallet-item-card {
        border-radius: 14px;
        min-height: 415px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-item-card {
        border-radius: 12px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-item-card {
        border-radius: 10px;
        padding: 45px 15px 0;
        min-height: 400px;
    }
}

@media screen and (max-width: 424px) {
    .wallet-item-card {
        min-height: 410px;
    }
}

.wallet-item-card__link {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    background: hsl(var(--white)/0.55);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 26px;
}

@media screen and (max-width: 1399px) {
    .wallet-item-card__link {
        width: 32px;
        height: 32px;
        top: 14px;
        right: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-item-card__link {
        width: 30px;
        height: 30px;
        top: 12px;
        right: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-item-card__link {
        width: 28px;
        height: 28px;
        top: 10px;
        right: 10px;
    }
}

.wallet-item-card__link-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 25px;
    height: 24px;
    color: #25D7EE;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

@media screen and (max-width: 1399px) {
    .wallet-item-card__link-icon {
        width: 23px;
        height: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-item-card__link-icon {
        width: 22px;
        height: 21px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-item-card__link-icon {
        width: 20px;
        height: 19px;
    }
}

.wallet-item-card__link:hover {
    background: hsl(var(--base-two));
}

.wallet-item-card__link:hover .wallet-item-card__link-icon {
    color: hsl(var(--white));
}

.wallet-item-card__content {
    text-align: center;
    position: relative;
    z-index: 2;
}

.wallet-item-card__title {
    color: hsl(var(--black));
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 14px;
}

@media screen and (max-width: 1199px) {
    .wallet-item-card__title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-item-card__title {
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-item-card__title {
        margin-bottom: 5px;
    }
}

.wallet-item-card__desc {
    color: #646573;
}

@media screen and (max-width: 1199px) {
    .wallet-item-card__desc {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 767px) {
    .wallet-item-card__desc {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 575px) {
    .wallet-item-card__desc {
        max-width: 340px;
        margin: 0 auto;
    }
}

.wallet-item-card__thumb {
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 40%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}

.wallet-item-card__thumb img {
    max-width: 244px;
    max-height: 327px;
}

@media screen and (max-width: 1399px) {
    .wallet-item-card__thumb img {
        max-width: 230px;
        max-height: 313px;
    }
}

@media screen and (max-width: 1199px) {
    .wallet-item-card__thumb img {
        max-width: 200px;
        max-height: 272px;
    }
}

.wallet-item-card.two {
    background: #EBF8FA;
}

.wallet-item-card.three {
    background: #F7ECF0;
}

@media screen and (max-width: 991px) {
    .wallet-item-card.three {
        min-height: 440px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-item-card.three {
        min-height: 410px;
    }
}

@media screen and (max-width: 374px) {
    .wallet-item-card.three {
        min-height: 425px;
    }
}

/* ====================== Wallet Css End ==================== */
/* =============================== Review Css Start ======================= */
.review-slider-wrapper {
    margin-left: -114px !important;
    overflow: hidden;
}

@media screen and (max-width: 1399px) {
    .review-slider-wrapper {
        margin-left: -95px !important;
    }
}

@media screen and (max-width: 1199px) {
    .review-slider-wrapper {
        margin-left: -79px !important;
    }
}

@media screen and (max-width: 991px) {
    .review-slider-wrapper {
        margin-left: -60px !important;
    }
}

@media screen and (max-width: 767px) {
    .review-slider-wrapper {
        margin-left: -45px !important;
    }
}

@media screen and (max-width: 575px) {
    .review-slider-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.review-item {
    position: relative;
    background: hsl(var(--white));
    border: 1px solid #C2F3F9;
    border: 1px solid #090a0a;
    border-radius: 10px;
    padding: 22px 8px 22px 15px;
    max-width: 400px !important;
}

@media screen and (max-width: 991px) {
    .review-item {
        max-width: 370px !important;
        padding: 20px 6px 18px 12px;
    }
}

@media screen and (max-width: 575px) {
    .review-item {
        max-width: 401px !important;
        padding: 20px 6px 18px 12px;
    }
}

.review-item__top {
    gap: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .review-item__top {
        padding-right: 12px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .review-item__top {
        padding-right: 0;
    }
}

.review-item__name {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: hsl(var(--black));
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .review-item__name {
        font-size: 0.9375rem;
    }
}

.review-item__desc {
    color: #7D7E79;
    font-size: 0.875rem;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .review-item__desc {
        margin-bottom: 15px;
    }
}

.review-item__date {
    font-size: 0.75rem;
    color: hsl(var(--black));
}

/* =============================== Review Css End ======================= */
/* ================================ Afrem Curx Monx Start =============================== */
.afrem-curx-monx-header {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(171, 190, 209, 0.4);
    box-shadow: 0px 4px 8px 0px rgba(171, 190, 209, 0.4);
    background: #FFEED3;
}

.afrem-curx-monx-slider-item-section {
    position: relative;
    overflow: hidden;
}

.afrem-curx-monx-slider-item-section.bg-img {
    background-position: center center !important;
}

.afrem-curx-monx-slider-item-section.curx-section {
    position: relative;
    background: #DDEBFF;
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 838px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb {
        width: 685px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb {
        width: 640px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb {
        display: none;
    }
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb img {
    width: 100%;
    height: 100%;
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb.two {
    width: 702px;
    right: unset;
    left: 0;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb.two {
        width: 615px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb.two {
        width: 465px;
    }
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb.three {
    width: 750px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb.three {
        width: 640px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-thumb.three {
        width: 550px;
    }
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-shape {
    position: absolute;
    left: 10px;
    bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape {
        bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape {
        bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape {
        display: none;
    }
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-shape img {
    width: 185px;
    height: 190px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape img {
        width: 135px;
        height: 138px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape img {
        width: 110px;
        height: 112px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape img {
        width: 95px;
        height: 97px;
    }
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two {
    left: unset;
    bottom: unset;
    top: 10px;
    right: 35px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two {
        right: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two {
        right: 20px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two {
        top: 80px;
        right: 10px;
    }
}

.afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two img {
    width: 149px;
    height: 140px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two img {
        width: 125px;
        height: 117px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two img {
        width: 100px;
        height: 94px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.curx-section .curx-section-shape.two img {
        width: 85px;
        height: 80px;
    }
}

.afrem-curx-monx-slider-item-section.cmx-section-large::after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55.21%, rgba(241, 245, 249, 0)), color-stop(97.99%, #F1F5F9));
    background: linear-gradient(180deg, rgba(241, 245, 249, 0) 55.21%, #F1F5F9 97.99%);
    width: 100%;
    height: 383px;
    left: 0;
    bottom: 0;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large::after {
        height: 300px;
    }
}

.afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner {
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner {
        min-height: 100%;
    }
}

.afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    margin-top: -150px;
}

.afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb img {
    height: 540px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb {
        margin-top: -130px;
    }

    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb img {
        height: 485px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb img {
        height: 430px;
    }
}


@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb {
        position: absolute;
        left: 0;
        right: 0;
        top: unset;
        bottom: 0;
    }

    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb img {
        height: 360px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb img {
        height: 295px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb {
        display: none;
    }
}

.afrem-curx-monx-slider-item-section.cmx-section-large .cmx-section-large__inner-thumb img {
    width: 100%;
}

.afrem-curx-monx-slider-item-section.cmx-section-large.monx-section-large::after {
    display: none;
}

.afrem-curx-monx-slider-item-section.cmx-section-large.monx-section-large .cmx-section-large__inner-thumb {
    margin-top: 0;
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large.monx-section-large .cmx-section-large__inner-thumb {
        height: 100%;
    }
}

.afrem-curx-monx-slider-item-section.cmx-section-large.monx-section-large .cmx-section-large__inner-thumb img {
    width: auto;
    max-width: 100%;
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.cmx-section-large.monx-section-large .cmx-section-large__inner .row {
        height: 100%;
    }
}

.afrem-curx-monx-slider-item-section.monx-section {
    position: relative;
    background: #F6EBFF;
    overflow: hidden;
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__shape-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 396px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__shape-bg {
        max-height: 295px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__shape-bg {
        max-height: 250px;
    }
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__shape-bg.two {
    max-height: 231px;
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__shape-bg img {
    width: 100%;
    height: 100%;
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 97px;
    height: 134px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__shape {
        width: 86px;
        height: 118px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__shape {
        width: 78px;
        height: 107px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__shape {
        width: 73px;
        height: 100px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__shape {
        display: none;
    }
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__shape img {
    width: 100%;
    height: 100%;
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__rocket {
    position: absolute;
    width: 170px;
    height: 211px;
    bottom: 52px;
    right: 17%;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__rocket {
        width: 150px;
        height: 186px;
        right: 16%;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__rocket {
        width: 134px;
        height: 166px;
        right: 15%;
        bottom: 40px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__rocket {
        width: 115px;
        height: 142px;
        right: 12%;
        bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-slider-item-section.monx-section .monx-section__rocket {
        display: none;
    }
}

.afrem-curx-monx-slider-item-section.monx-section .monx-section__rocket img {
    width: 100%;
    height: 100%;
}

.afrem-curx-monx-slider-item-section.monx-section .curx-section-thumb {
    bottom: unset;
    top: 56px;
    width: 805px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-slider-item-section.monx-section .curx-section-thumb {
        top: 65px;
        width: 658px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-slider-item-section.monx-section .curx-section-thumb {
        top: 50px;
        width: 535px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-slider-item-section.monx-section .curx-section-thumb {
        display: block;
        top: 115px;
        width: 350px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-slider-item-section.monx-section .curx-section-thumb {
        display: none;
    }
}

.afrem-curx-monx-wrapper {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    padding: 45px 0 20px 70px;
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper {
        padding: 40px 0 20px 45px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper {
        padding: 115px 0 30px 15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper {
        padding: 115px 30px 30px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper {
        padding: 105px 0 30px;
    }
}

@media screen and (max-width: 374px) {
    .afrem-curx-monx-wrapper {
        padding: 105px 0 25px;
    }
}

.afrem-curx-monx-wrapper.two {
    padding: 45px 0 115px 70px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.two {
        padding: 45px 0 30px 70px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.two {
        padding: 115px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.two {
        padding: 115px 30px 30px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.two {
        padding: 105px 0 30px;
    }
}

@media screen and (max-width: 374px) {
    .afrem-curx-monx-wrapper.two {
        padding: 105px 0 25px;
    }
}

.afrem-curx-monx-wrapper.two .afrem-curx-monx-item {
    margin-left: auto;
    margin-right: 40px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-item {
        max-width: 465px;
        margin-right: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-item {
        max-width: 435px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-item {
        max-width: 350px;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-item {
        max-width: 100%;
        margin: 0;
    }
}

.afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb {
    right: unset;
    top: 67px;
    left: -74px;
    bottom: unset;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb {
        top: 50px;
        left: -30px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb {
        top: 45px;
        left: 15px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb {
        top: 110px;
        left: -25px;
    }
}

.afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb img {
    max-width: 819px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb img {
        max-width: 645px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb img {
        max-width: 435px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.two .afrem-curx-monx-thumb img {
        max-width: 360px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.three {
        padding: 45px 0 115px 70px;
    }
}

.afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb {
    top: 24px;
    right: -59px;
    bottom: unset;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb {
        right: -35px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb {
        right: -15px;
        top: 20px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb {
        top: 120px;
    }
}

.afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb img {
    max-width: 940px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb img {
        max-width: 790px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb img {
        max-width: 365px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.three .afrem-curx-monx-thumb img {
        max-width: 320px;
    }
}

@media (min-width: 768px) {
    .afrem-curx-monx-wrapper.curx {
        padding: 115px 0 115px 15px;
    }
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.curx {
        padding: 40px 0 135px 45px;
    }
}

@media (min-width: 1200px) {
    .afrem-curx-monx-wrapper.curx {
        padding: 45px 0 155px 70px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.curx {
        padding: 45px 0 210px 70px;
    }
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.curx .afrem-curx-monx-item {
        max-width: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.curx .afrem-curx-monx-item {
        max-width: 350px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.curx .afrem-curx-monx-item {
        max-width: 335px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.curx .afrem-curx-monx-item {
        max-width: 100%;
    }
}

.afrem-curx-monx-wrapper.curx .afrem-curx-monx-thumb {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .afrem-curx-monx-wrapper.curx .afrem-curx-monx-thumb {
        display: block;
        top: 115px;
        right: -30px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.curx .afrem-curx-monx-thumb img {
        max-width: 390px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.curx-two {
        padding: 45px 0 92px 70px;
    }
}

.afrem-curx-monx-wrapper.curx-two .afrem-curx-monx-thumb {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .afrem-curx-monx-wrapper.curx-two .afrem-curx-monx-thumb {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.curx-two .afrem-curx-monx-thumb img {
        max-width: 360px;
    }
}

@media (min-width: 768px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item {
        max-width: 375px;
    }
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item {
        max-width: 395px;
    }
}

@media (min-width: 1200px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item {
        max-width: 470px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item {
        max-width: 550px;
    }
}

@media (min-width: 768px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item__desc {
        max-width: 350px;
    }
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item__desc {
        max-width: 385px;
    }
}

@media (min-width: 1200px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item__desc {
        max-width: 455px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.curx-three .afrem-curx-monx-item__desc {
        max-width: 490px;
    }
}

.afrem-curx-monx-wrapper.large {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px 60px 0;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.large {
        padding: 45px 50px 0;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.large {
        padding: 40px 40px 0;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.large {
        padding: 115px 0 0;
        min-height: 100vh;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.large {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 105px 0 80px;
    }
}

@media screen and (max-width: 374px) {
    .afrem-curx-monx-wrapper.large {
        padding: 105px 0 75px;
    }
}

.afrem-curx-monx-wrapper.large .afrem-curx-monx-item {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
    font-size: 5.625rem;
    letter-spacing: -5.85px;
    margin-bottom: 8px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 5.375rem;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 4.6875rem;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 3.9375rem;
        letter-spacing: -5px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 3.1875rem;
        letter-spacing: -4px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 2.625rem;
        letter-spacing: -3px;
    }
}

@media screen and (max-width: 424px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 2.375rem;
    }
}

@media screen and (max-width: 374px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__title {
        font-size: 2.125rem;
    }
}

.afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
    font-size: 1.75rem;
    line-height: 1.25;
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
        font-size: 1.625rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
        font-size: 1.375rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 424px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-item__desc {
        font-size: 1rem;
    }
}

.afrem-curx-monx-wrapper.large .afrem-curx-monx-thumb {
    position: relative;
    right: unset;
    top: unset;
    margin-top: -165px;
    max-width: 100%;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-thumb {
        margin-top: -130px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-thumb {
        margin-top: -95px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-thumb {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.large .afrem-curx-monx-thumb {
        display: none;
    }
}

.afrem-curx-monx-wrapper.large .afrem-curx-monx-thumb img {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.cmx-large {
        padding-bottom: 0;
        min-height: 100%;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.cmx-large {
        padding: 115px 0 220px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.cmx-large {
        padding: 105px 0 130px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.cmx-large {
        padding: 105px 0 80px;
    }
}

@media screen and (max-width: 374px) {
    .afrem-curx-monx-wrapper.cmx-large {
        padding: 105px 0 75px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .afrem-curx-monx-wrapper.monx-large {
        padding-bottom: 235px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .afrem-curx-monx-wrapper.monx-large {
        padding-bottom: 180px;
    }
}

.afrem-curx-monx-wrapper.monx-large .afrem-curx-monx-thumb {
    margin-top: 0;
}

.afrem-curx-monx-wrapper.monx {
    position: relative;
    padding-bottom: 310px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.monx {
        padding-bottom: 225px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.monx {
        padding-bottom: 185px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.monx {
        padding-bottom: 160px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-wrapper.monx {
        padding-bottom: 130px;
    }
}

@media screen and (max-width: 424px) {
    .afrem-curx-monx-wrapper.monx {
        padding-bottom: 100px;
    }
}

@media (min-width: 768px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item {
        max-width: 415px;
    }
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item {
        max-width: 415px;
    }
}

@media (min-width: 1200px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item {
        max-width: 495px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item {
        max-width: 572px;
    }
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item__desc {
        max-width: 370px;
    }
}

@media (min-width: 1200px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item__desc {
        max-width: 460px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.monx .afrem-curx-monx-item__desc {
        max-width: 470px;
    }
}

@media (min-width: 768px) {
    .afrem-curx-monx-wrapper.monx-two {
        padding: 115px 0 240px;
    }
}

@media (min-width: 992px) {
    .afrem-curx-monx-wrapper.monx-two {
        padding: 45px 0 245px 70px;
    }
}

@media (min-width: 1200px) {
    .afrem-curx-monx-wrapper.monx-two {
        padding: 45px 0 275px 70px;
    }
}

@media (min-width: 1400px) {
    .afrem-curx-monx-wrapper.monx-two {
        padding: 45px 0 305px 70px;
    }
}

.afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item {
    max-width: 540px;
    margin-right: 60px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item {
        max-width: 500px;
        margin-right: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item {
        max-width: 390px;
        margin-right: 35px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item {
        max-width: 345px;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item {
        max-width: 100%;
    }
}

.afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item__desc {
    max-width: 500px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item__desc {
        max-width: 460px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item__desc {
        max-width: 395px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-item__desc {
        max-width: 100%;
    }
}

.afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb {
    left: 80px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb {
        left: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb {
        left: 35px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb {
        left: 5px;
    }
}

.afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb img {
    max-width: 537px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb img {
        max-width: 460px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb img {
        max-width: 415px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-wrapper.monx-two .afrem-curx-monx-thumb img {
        max-width: 310px;
    }
}

.afrem-curx-monx-item {
    position: relative;
    z-index: 3;
    max-width: 486px;
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-item {
        max-width: 455px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-item {
        max-width: 375px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-item {
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-item {
        text-align: center;
    }
}

.afrem-curx-monx-item__subtitle {
    color: hsl(var(--body-color-two));
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-item__subtitle {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-item__subtitle {
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-item__subtitle {
        font-size: 0.9375rem;
        margin-bottom: 3px;
    }
}

.afrem-curx-monx-item__title {
    font-size: 4rem;
    letter-spacing: -4.16px;
    line-height: 1.1875;
    font-weight: 400;
    margin-bottom: 18px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-item__title {
        font-size: 3.5rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-item__title {
        font-size: 3rem;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-item__title {
        font-size: 2.625rem;
        letter-spacing: -3.55px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-item__title {
        font-size: 2.5rem;
        letter-spacing: -3px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-item__title {
        font-size: 2.375rem;
        letter-spacing: -2px;
    }
}

@media screen and (max-width: 424px) {
    .afrem-curx-monx-item__title {
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 374px) {
    .afrem-curx-monx-item__title {
        font-size: 2rem;
    }
}

.afrem-curx-monx-item__desc {
    font-size: 1.75rem;
    line-height: 1.25;
    margin-bottom: 30px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-item__desc {
        font-size: 1.625rem;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-item__desc {
        font-size: 1.375rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-item__desc {
        font-size: 1.25rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-item__desc {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-item__desc {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 424px) {
    .afrem-curx-monx-item__desc {
        font-size: 1rem;
    }
}

.afrem-curx-monx-item .btn {
    font-size: 1.5rem;
    padding: 17px 24px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-item .btn {
        font-size: 1.375rem;
        padding: 14px 22px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-item .btn {
        font-size: 1.25rem;
        padding: 13px 20px;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-item .btn {
        font-size: 1.125rem;
        padding: 12px 20px;
    }
}

@media screen and (max-width: 575px) {
    .afrem-curx-monx-item .btn {
        font-size: 1rem;
        padding: 11.5px 18px;
    }
}

@media screen and (max-width: 424px) {
    .afrem-curx-monx-item .btn {
        font-size: 0.9375rem;
        padding: 11px 16px;
    }
}

.afrem-curx-monx-thumb {
    position: absolute;
    right: -27px;
    top: 15px;
    bottom: 0;
    max-width: 749px;
}

@media screen and (max-width: 1399px) {
    .afrem-curx-monx-thumb {
        max-width: 645px;
    }
}

@media screen and (max-width: 1199px) {
    .afrem-curx-monx-thumb {
        position: absolute;
        right: -15px;
        top: 10px;
        max-width: 450px;
        bottom: unset;
    }
}

@media screen and (max-width: 991px) {
    .afrem-curx-monx-thumb {
        top: 125px;
        right: -10px;
        max-width: 320px;
    }
}

@media screen and (max-width: 767px) {
    .afrem-curx-monx-thumb {
        display: none;
    }
}

.afrem-curx-monx-thumb img {
    width: 100%;
    height: 100%;
}

.text-sm-nav {
    font-size: 12px !important;
}

/* ================================ Afrem Curx Monx End =============================== */

.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-img[data-background-image] {
    background-image: attr(data-background-image url);
}

.afrem-curx-monx-header.monx-header {
    background: #F6EBFF;
}

.afrem-curx-monx-header.curx-header {
    background: #DDEBFF;
}

/* ================================ Exchange Rate Start =============================== */

.exchange-rate-section {
    position: relative;
    padding-top: 30px;
}

.exchange-rate-section::after {
    position: absolute;
    content: "";
    background: hsl(var(--section-bg));
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -3;
}

.exchange-rate-card-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
}

@media screen and (max-width: 1199px) {
    .exchange-rate-card-wrapper {
        gap: 12px;
    }
}

@media screen and (max-width: 991px) {
    .exchange-rate-card-wrapper {
        row-gap: 15px;
    }
}

.exchange-rate-conversion-card-wrapper {
    width: 550px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card-wrapper {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card-wrapper {
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 991px) {
    .exchange-rate-conversion-card-wrapper {
        width: 100%;
    }
}

.exchange-rate-conversion-card-wrapper__icon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -29px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card-wrapper__icon {
        width: 50px;
        height: 50px;
        bottom: -25px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card-wrapper__icon {
        width: 48px;
        height: 48px;
        bottom: -20px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card-wrapper__icon {
        width: 42px;
        height: 42px;
        bottom: -18px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card-wrapper__icon {
        width: 40px;
        height: 40px;
        bottom: -16px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card-wrapper__icon {
        width: 37px;
        height: 37px;
        bottom: -15px;
    }
}

.exchange-rate-conversion-card-wrapper__icon::before,
.exchange-rate-conversion-card-wrapper__icon::after {
    position: absolute;
    content: "";
    background: hsl(var(--white));
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 2;
}

.exchange-rate-conversion-card-wrapper__icon::after {
    background: -webkit-gradient(linear, left top, left bottom, from(#5cc7ff), to(#0b2242));
    background: linear-gradient(180deg, #5cc7ff 0%, #0b2242 100%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
    z-index: 1;
}

.exchange-rate-conversion-card-wrapper__icon-inner {
    position: relative;
    z-index: 3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 46px;
    height: 46px;
    color: #1D57A8;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card-wrapper__icon-inner {
        width: 42px;
        height: 42px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card-wrapper__icon-inner {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card-wrapper__icon-inner {
        width: 37px;
        height: 37px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card-wrapper__icon-inner {
        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card-wrapper__icon-inner {
        width: 32px;
        height: 32px;
    }
}

.exchange-rate-conversion-card {
    position: relative;
    border-radius: 24px;
    padding: 22px 35px 45px;
    background: hsl(var(--white));
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card {
        border-radius: 20px;
        padding: 20px 30px 40px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card {
        border-radius: 18px;
        padding: 20px 25px 35px;
    }
}

@media screen and (max-width: 991px) {
    .exchange-rate-conversion-card {
        border-radius: 16px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card {
        border-radius: 14px;
        padding: 20px 20px 30px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card {
        border-radius: 12px;
        padding: 20px 18px 30px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card {
        border-radius: 10px;
        padding: 18px 15px 30px;
    }
}

.exchange-rate-conversion-card+.exchange-rate-conversion-card {
    margin-top: 3px;
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card+.exchange-rate-conversion-card {
        margin-top: 2px;
    }
}

.exchange-rate-conversion-card::after {
    position: absolute;
    content: "";
    background: #1D57A8;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    left: 0;
    top: -1px;
    z-index: -1;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card::after {
        border-radius: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card::after {
        border-radius: 18px;
    }
}

@media screen and (max-width: 991px) {
    .exchange-rate-conversion-card::after {
        border-radius: 16px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card::after {
        border-radius: 14px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card::after {
        border-radius: 12px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card::after {
        border-radius: 10px;
    }
}

.exchange-rate-conversion-card form .currency-dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.exchange-rate-conversion-card form .currency-dropdown::after {
    color: #292D32;
    right: 0;
}

.exchange-rate-conversion-card form .currency-dropdown__selected {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    padding-right: 28px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected {
        padding-right: 25px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected {
        padding-right: 22px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected {
        padding-right: 20px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected {
        padding-right: 18px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected {
        padding-right: 15px;
    }
}

.exchange-rate-conversion-card form .currency-dropdown__selected .thumb {
    width: 46px;
    height: 46px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .thumb {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .thumb {
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .thumb {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .thumb {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .thumb {
        width: 25px;
        height: 25px;
    }
}

.exchange-rate-conversion-card form .currency-dropdown__selected .content {
    width: calc(100% - 46px);
    padding-left: 12px;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .content {
        width: calc(100% - 40px);
        font-size: 2.3125rem;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .content {
        width: calc(100% - 36px);
        padding-left: 10px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .content {
        width: calc(100% - 32px);
        padding-left: 8px;
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .content {
        width: calc(100% - 30px);
        padding-left: 7px;
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .currency-dropdown__selected .content {
        width: calc(100% - 25px);
        padding-left: 5px;
        font-size: 1.375rem;
    }
}

.exchange-rate-conversion-card form .currency-dropdown__list {
    padding: 5px;
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__list {
        padding: 3px;
    }
}

.exchange-rate-conversion-card form .currency-dropdown__list-item {
    padding: 5px;
    margin-bottom: 2px;
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item {
        padding: 3px;
        margin-bottom: 1px;
    }
}

.exchange-rate-conversion-card form .currency-dropdown__list-item .thumb {
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .thumb {
        width: 28px;
        height: 28px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .thumb {
        width: 25px;
        height: 25px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .thumb {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .thumb {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .thumb {
        width: 18px;
        height: 18px;
    }
}

.exchange-rate-conversion-card form .currency-dropdown__list-item .content {
    width: calc(100% - 30px);
    padding-left: 10px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .content {
        width: calc(100% - 28px);
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .content {
        width: calc(100% - 25px);
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .content {
        width: calc(100% - 22px);
        padding-left: 7px;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .content {
        width: calc(100% - 20px);
        padding-left: 6px;
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .currency-dropdown__list-item .content {
        width: calc(100% - 18px);
        padding-left: 5px;
        font-size: 1rem;
    }
}

.exchange-rate-conversion-card form .form--label {
    font-size: 0.875rem;
    font-weight: 600;
    color: hsl(var(--body-color-two));
    margin-bottom: 25px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .form--label {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .form--label {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .form--label {
        font-size: 0.8125rem;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .form--label {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .form--label {
        margin-bottom: 10px;
    }
}

.exchange-rate-conversion-card form .input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 59%;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .input-wrapper {
        max-width: 55%;
    }
}

@media screen and (max-width: 991px) {
    .exchange-rate-conversion-card form .input-wrapper {
        max-width: 230px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .input-wrapper {
        max-width: 202px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .input-wrapper {
        max-width: 187px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .input-wrapper {
        max-width: 158px;
    }
}

.exchange-rate-conversion-card form .input-wrapper span {
    word-break: initial;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .input-wrapper span {
        font-size: 2.3125rem;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .input-wrapper span {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .input-wrapper span {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .input-wrapper span {
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .input-wrapper span {
        font-size: 1.375rem;
    }
}

.exchange-rate-conversion-card form .input-wrapper .form--control {
    background: transparent;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
    border: 0;
    border-radius: 0;
    padding: 0;
    text-align: right;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control {
        font-size: 2.3125rem;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control {
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control {
        font-size: 1.375rem;
    }
}

.exchange-rate-conversion-card form .input-wrapper .form--control::-webkit-input-placeholder {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

.exchange-rate-conversion-card form .input-wrapper .form--control::-moz-placeholder {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

.exchange-rate-conversion-card form .input-wrapper .form--control:-ms-input-placeholder {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

.exchange-rate-conversion-card form .input-wrapper .form--control::-ms-input-placeholder {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

.exchange-rate-conversion-card form .input-wrapper .form--control::placeholder {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--black));
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control::-webkit-input-placeholder {
        font-size: 2.3125rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-moz-placeholder {
        font-size: 2.3125rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control:-ms-input-placeholder {
        font-size: 2.3125rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-ms-input-placeholder {
        font-size: 2.3125rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::placeholder {
        font-size: 2.3125rem;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control::-webkit-input-placeholder {
        font-size: 2rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-moz-placeholder {
        font-size: 2rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control:-ms-input-placeholder {
        font-size: 2rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-ms-input-placeholder {
        font-size: 2rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::placeholder {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control::-webkit-input-placeholder {
        font-size: 1.75rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-moz-placeholder {
        font-size: 1.75rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control:-ms-input-placeholder {
        font-size: 1.75rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-ms-input-placeholder {
        font-size: 1.75rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::placeholder {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control::-webkit-input-placeholder {
        font-size: 1.625rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-moz-placeholder {
        font-size: 1.625rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control:-ms-input-placeholder {
        font-size: 1.625rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-ms-input-placeholder {
        font-size: 1.625rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::placeholder {
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card form .input-wrapper .form--control::-webkit-input-placeholder {
        font-size: 1.375rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-moz-placeholder {
        font-size: 1.375rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control:-ms-input-placeholder {
        font-size: 1.375rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::-ms-input-placeholder {
        font-size: 1.375rem;
    }

    .exchange-rate-conversion-card form .input-wrapper .form--control::placeholder {
        font-size: 1.375rem;
    }
}

.exchange-rate-conversion-card__info {
    background: #FEF5E7;
    border-radius: 6px;
    padding: 16px 20px 8px 22px;
    margin-top: 40px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card__info {
        padding: 14px 18px 8px;
        margin-top: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card__info {
        padding: 12px 15px 8px;
        margin-top: 25px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card__info {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card__info {
        padding: 10px 12px 8px;
        margin-top: 18px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card__info {
        padding: 10px 10px 8px;
        margin-top: 15px;
    }
}

.exchange-rate-conversion-card__info-content {
    width: calc(100% - 24px);
    padding-right: 15px;
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card__info-content {
        width: calc(100% - 22px);
        padding-right: 10px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card__info-content {
        width: calc(100% - 20px);
        padding-right: 8px;
    }
}

.exchange-rate-conversion-card__info-title,
.exchange-rate-conversion-card__info-desc {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0px;
    color: #553706;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {

    .exchange-rate-conversion-card__info-title,
    .exchange-rate-conversion-card__info-desc {
        line-height: 1.5;
    }
}

@media screen and (max-width: 575px) {

    .exchange-rate-conversion-card__info-title,
    .exchange-rate-conversion-card__info-desc {
        font-size: 0.8125rem;
    }
}

.exchange-rate-conversion-card__info-desc {
    font-weight: 400;
}

.exchange-rate-conversion-card__info-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    color: #B6750E;
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card__info-icon {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card__info-icon {
        width: 20px;
        height: 20px;
    }
}

.exchange-rate-conversion-card.two {
    padding-top: 38px;
    padding-bottom: 42px;
}

@media screen and (max-width: 1399px) {
    .exchange-rate-conversion-card.two {
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card.two {
        padding-top: 24px;
        padding-bottom: 32px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card.two {
        padding-top: 20px;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card.two {
        padding-top: 18px;
        padding-bottom: 20px;
    }
}

.exchange-rate-conversion-card.two::after {
    top: unset;
    bottom: -1px;
}

.exchange-rate-conversion-card.two form .form--label {
    margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    .exchange-rate-conversion-card.two form .form--label {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-conversion-card.two form .form--label {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-conversion-card.two form .form--label {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-conversion-card.two form .form--label {
        margin-bottom: 10px;
    }
}

.exchange-rate-chart-card {
    background: hsl(var(--white));
    border-radius: 24px;
    padding: 27px 30px;
    width: calc(100% - 574px);
}

@media screen and (max-width: 1399px) {
    .exchange-rate-chart-card {
        width: calc(50% - 12px);
        padding: 25px 28px;
        border-radius: 20px;
    }

    .exchange-rate-chart-card .apex-chart {
        min-height: 200px !important;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-chart-card {
        width: calc(50% - 6px);
        padding: 22px 25px;
        border-radius: 18px;
    }
}

@media screen and (max-width: 991px) {
    .exchange-rate-chart-card {
        width: 100%;
        padding: 22px 25px;
        border-radius: 16px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-rate-chart-card {
        border-radius: 14px;
        padding: 20px 20px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-chart-card {
        border-radius: 12px;
        padding: 20px 18px;
    }
}

@media screen and (max-width: 424px) {
    .exchange-rate-chart-card {
        border-radius: 10px;
        padding: 18px 15px;
    }
}

.exchange-rate-chart-card__calculation {
    gap: 5px;
    margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
    .exchange-rate-chart-card__calculation {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-chart-card__calculation {
        margin-bottom: 10px;
    }
}

.exchange-rate-chart-card__calculation-item {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.166667;
    color: #553706;
}

@media screen and (max-width: 1199px) {
    .exchange-rate-chart-card__calculation-item {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-chart-card__calculation-item {
        font-size: 1.25rem;
    }
}

.exchange-rate-chart-card__filter {
    gap: 10px;
    margin-bottom: 16px;
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .exchange-rate-chart-card {
        padding-bottom: 22px;
    }

    .exchange-rate-chart-card__filter {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1199px) {
    .exchange-rate-chart-card__filter {
        gap: 8px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-chart-card__filter {
        gap: 5px;
        margin-bottom: 10px;
    }
}

.exchange-rate-chart-card__filter-item {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0px;
    color: #1D57A8;
    background: #E6E9EE;
    padding: 11.5px 10px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

@media screen and (max-width: 1199px) {
    .exchange-rate-chart-card__filter-item {
        padding: 10px 8px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-rate-chart-card__filter-item {
        font-size: 0.8125rem;
        padding: 8px;
    }
}

.exchange-rate-chart-card__filter-item:hover,
.exchange-rate-chart-card__filter-item.active {
    background: #0B409C;
    color: #FEF5E7;
}

/* ================================ Exchange Rate End =============================== */
/*# sourceMappingURL=main.css.map */

.best-solution-section {
    overflow-x: hidden;
}

.custom--placeholder .form--control::placeholder {
    opacity: .4;
}

.apexcharts-xaxis-texts-g {
    transform: translateX(14px);
}

/* ================================ Sections Slider Start =============================== */
.afrem_curx_monx_slider {
    position: relative;
}

.afrem_curx_monx_slider .slick-track {
    display: flex !important;
}

.afrem_curx_monx_slider .slick-slide {
    height: auto;
}

.afrem_curx_monx_slider .slick-slide>div {
    height: 100%;
}

.afrem-curx-monx-slider-item-section.curx-section {
    height: 100%;
}

.afrem-curx-monx-slider-item-section.cmx-section-large.monx-section-large .cmx-section-large__inner-thumb img {
    height: auto;
}

/* ================================ Sections Slider End =============================== */


.verification-success-box{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  border: 1px solid #115B43;
  padding: 10px 16px;
  border-radius: 8px;
}

.verification_heading{
    font-size: 16px;
    color: #115B43;
    font-weight: 600;
}

.verification-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.verification-message{
    font-size: 14px;
}

/* ================================ New Landing page Our partner =============================== */
/* OurPartner.css */

.our_partner_container {
    width: 100%;
    background: #212121;
    padding: 32px 0;
  }
  
  .our_partner_content {
    max-width: 1340px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
  }
  
  .our_partner_title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 36px;
    text-transform: uppercase;
  }
  
  .our_partner_logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
  }
  
  .our_partner_logo {
    flex: 1;
    min-width: 150px;
    max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  
  .our_partner_logo:hover {
    transform: translateY(-5px);
    opacity: 0.8;
  }
  
  .our_partner_logo_img {
    object-fit: contain;
    filter: brightness(0.9);
    transition: filter 0.3s ease;
  }
  
  /* Trulioo - largest logo */
  .our_partner_logo:nth-child(1) {
    width: 137px;
  }
  
  .our_partner_logo:nth-child(1) .our_partner_logo_img {
    width: 137px;
    height: auto;
  }
  
  /* SendGrid - medium size */
  .our_partner_logo:nth-child(2) {
    width: 199px;
  }
  
  .our_partner_logo:nth-child(2) .our_partner_logo_img {
    width: 199px;
    height: auto;
  }
  
  /* TrueLayer - medium size */
  .our_partner_logo:nth-child(3) {
    width: 185px;
  }
  
  .our_partner_logo:nth-child(3) .our_partner_logo_img {
    width: 185px;
    height: auto;
  }
  
  /* Calyx Solutions - smaller */
  .our_partner_logo:nth-child(4) {
    width: 100px;
  }
  
  .our_partner_logo:nth-child(4) .our_partner_logo_img {
    width: 100px;
    height: auto;
  }
  
  /* OpenBank - smaller */
  .our_partner_logo:nth-child(5) {
    width: 126px;
  }
  
  .our_partner_logo:nth-child(5) .our_partner_logo_img {
    width: 1206px;
    height: auto;
  }
  
  /* NIBSS - smallest */
  .our_partner_logo:nth-child(6) {
    width: 67px;
  }
  
  .our_partner_logo:nth-child(6) .our_partner_logo_img {
    width: 67px;
    height: auto;
  }
  
  .our_partner_logo:hover .our_partner_logo_img {
    filter: brightness(1.1);
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .our_partner_container {
      padding: 40px 0;
    }
    
    .our_partner_title {
      font-size: 20px;
      margin-bottom: 30px;
    }
    
    .our_partner_logos {
      gap: 30px;
    }
    
    /* Adjust sizes for mobile */
    .our_partner_logo:nth-child(1) {
      width: 140px;
    }
    
    .our_partner_logo:nth-child(1) .our_partner_logo_img {
      width: 140px;
    }
    
    .our_partner_logo:nth-child(2) {
      width: 120px;
    }
    
    .our_partner_logo:nth-child(2) .our_partner_logo_img {
      width: 120px;
    }
    
    .our_partner_logo:nth-child(3) {
      width: 125px;
    }
    
    .our_partner_logo:nth-child(3) .our_partner_logo_img {
      width: 125px;
    }
    
    .our_partner_logo:nth-child(4) {
      width: 110px;
    }
    
    .our_partner_logo:nth-child(4) .our_partner_logo_img {
      width: 110px;
    }
    
    .our_partner_logo:nth-child(5) {
      width: 100px;
    }
    
    .our_partner_logo:nth-child(5) .our_partner_logo_img {
      width: 100px;
    }
    
    .our_partner_logo:nth-child(6) {
      width: 80px;
    }
    
    .our_partner_logo:nth-child(6) .our_partner_logo_img {
      width: 80px;
    }
  }
  
  @media (max-width: 480px) {
    .our_partner_container {
      padding: 30px 0;
    }
    
    .our_partner_content {
      padding: 0 15px;
    }
    
    .our_partner_title {
      font-size: 18px;
      margin-bottom: 25px;
    }
    
    .our_partner_logos {
      gap: 20px;
    }
    
    /* Further adjust for small mobile */
    .our_partner_logo:nth-child(1) {
      width: 120px;
    }
    
    .our_partner_logo:nth-child(1) .our_partner_logo_img {
      width: 120px;
    }
    
    .our_partner_logo:nth-child(2) {
      width: 100px;
    }
    
    .our_partner_logo:nth-child(2) .our_partner_logo_img {
      width: 100px;
    }
    
    .our_partner_logo:nth-child(3) {
      width: 105px;
    }
    
    .our_partner_logo:nth-child(3) .our_partner_logo_img {
      width: 105px;
    }
    
    .our_partner_logo:nth-child(4) {
      width: 90px;
    }
    
    .our_partner_logo:nth-child(4) .our_partner_logo_img {
      width: 90px;
    }
    
    .our_partner_logo:nth-child(5) {
      width: 80px;
    }
    
    .our_partner_logo:nth-child(5) .our_partner_logo_img {
      width: 80px;
    }
    
    .our_partner_logo:nth-child(6) {
      width: 70px;
    }
    
    .our_partner_logo:nth-child(6) .our_partner_logo_img {
      width: 70px;
    }
  }
  
  /* Alternative layout for wider screens */
  @media (min-width: 1200px) {
    .our_partner_logos {
      justify-content: space-around;
    }
  }
  

/* ================================ New Landing page Stack Card =============================== */
/* StackCard.css */

.stack-card-container{
    width: 100%;
    height: auto;
    background-color: white !important;
}

.steps-container1 {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0px auto 5px auto;
    max-width: 1240px;
    
    padding: 0 20px; /* Add padding for smaller screens */
}

.steps-container--title {
    font-size: 32px;
}

.steps-container--subtitle {
    font-size: 18px;
    font-weight: 600;
    margin-top: 40px;
}

.steps-container--subtitleText {
    font-size: 14px;
    font-weight: 500;
    margin-top: 40px;
}

.steps-container--descCard {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.steps-container--desc {
    display: flex;
    align-items: center;
    gap: 12px;
}

.steps-container--descText {
    font-size: 14px;
    font-weight: 600;
}

.steps-container--imgCard-2{
    margin-top: 20px;
    margin-bottom: 20px;
}

.steps-container--imgCard-4{
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: end;
}

.steps-container--imgCard-5{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    width: auto;
    height: auto;
}

.steps-container--imgCard-5 img:nth-child(2) {
    position: absolute;
    right: 20%;
}

.steps-max-width {
    gap: var(--dl-space-space-fourunits);
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.steps-container3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

.steps-container4 {
    background-image: url('https://res.cloudinary.com/dpkn1ppzj/image/upload/v1753155788/Effortless_Global_Transfers_hjzzg6.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 622px;
}

.steps-container5 {
    background-image: url('https://res.cloudinary.com/dpkn1ppzj/image/upload/v1753155788/Exchange_Smarter_Keep_More_ulrbcn.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 622px;
}

.steps-container6 {
    background-image: url('https://res.cloudinary.com/dpkn1ppzj/image/upload/v1753155788/Effortless_Global_Transfers_hjzzg6.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 622px;
}

.steps-container7 {
    background-image: url('https://res.cloudinary.com/dpkn1ppzj/image/upload/v1753155788/Pay_Your_Bills_Effortlessly_nptdh6.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 622px;
}

.steps-container4 {
    top: 10%;
    position: sticky;
    margin-bottom: 30px;
}

.steps-container5 {
    top: 12%;
    position: sticky;
    margin-bottom: 30px;
}

.steps-container6 {
    top: 14%;
    position: sticky;
    margin-bottom: 30px;
}

.steps-container7 {
    top: 16%;
    position: sticky;
    margin-bottom: 30px;
}

.thq-card4 {
    gap: 24px;
    display: flex;
    padding: 32px 0 32px 54px;
    align-items: stretch;
    border-radius: 24px;
    flex-direction: column;
}

.thq-card5 {
    gap: 24px;
    display: flex;
    padding: 32px 54px 32px 0px;
    align-items: stretch;
    border-radius: 24px;
    flex-direction: column;
}


.step-container--img {
    position: relative;
    display: flex;
    overflow: hidden; /* Ensure scaled images don't overflow */
}

/* Image transition effects - Applied to all images */
.step-container--img img,
.step-container-phoneImg img,
.step-container-phoneImg5 img {
    transition: transform 0.3s ease-in-out;
}

/* Group hover effect - When hovering over the container, scale all images */
.step-container--img:hover img {
    transform: scale(1.05);
}

/* Phone images hover effects - Scale them slightly more for visual hierarchy */
.step-container--img:hover .step-container-phoneImg img,
.step-container--img:hover .step-container-phoneImg5 img {
    transform: scale(1.08);
}

.step-container-phoneImg {
    position: absolute;
    top: 70px;
    left: 0;
}

.step-container-phoneImg5 {
    position: absolute;
    top: 70px;
    right: 0;
}

/* XL screens and up (1280px+) - Full desktop experience */
@media (min-width: 1280px) {
    .step-container--img img {
        width: 800px;
        height: 600px;
    }
    
    .step-container-phoneImg img,
    .step-container-phoneImg5 img {
        width: 300px;
        height: 533px;
    }
}

/* Large screens (1024px to 1279px) - Reduced images, maintain layout */
@media (max-width: 1279px) and (min-width: 1024px) {
    .steps-container1 {
        margin: 0px auto;
        padding: 0 50px;
    }
    
    .steps-container4,
    .steps-container5,
    .steps-container6,
    .steps-container7 {
        height: 580px;
        margin-bottom: 35px;
        position: sticky; /* Maintain sticky positioning */
    }
    
    .steps-container4 {
        top: 10%;
    }
    
    .steps-container5 {
        top: 12%;
    }
    
    .steps-container6 {
        top: 14%;
    }
    
    .steps-container7 {
        top: 16%;
    }
    
    .thq-card4,
    .thq-card5 {
        padding: 28px 0 28px 40px;
    }
    
    .thq-card5 {
        padding: 28px 40px 28px 0;
    }
    
    /* Reduce image sizes but keep horizontal layout */
    .step-container--img img {
        width: 600px !important;
        height: 450px !important;
    }
    
    .step-container-phoneImg img,
    .step-container-phoneImg5 img {
        width: 220px !important;
        height: 390px !important;
    }
    
    .step-container-phoneImg {
        top: 50px;
    }
    
    .step-container-phoneImg5 {
        top: 50px;
    }
}

/* Medium screens (768px to 1023px) - Further reduced images, maintain layout */
@media (max-width: 1023px) and (min-width: 768px) {
    .steps-container1 {
        /* margin: 50px auto; */
        padding: 0 30px;
    }
    
    .steps-container--title {
        font-size: 28px;
    }
    
    .steps-container--subtitleText {
        margin-top: 20px;
    }
    
    .steps-container4,
    .steps-container5,
    .steps-container6,
    .steps-container7 {
        height: 500px;
        margin-bottom: 30px;
        position: sticky; /* Maintain sticky positioning */
    }

    .steps-container--imgCard-2, .steps-container--imgCard-5{
        margin: 0;
    }
    
    .steps-container4 {
        top: 10%;
    }
    
    .steps-container5 {
        top: 12%;
    }
    
    .steps-container6 {
        top: 14%;
    }
    
    .steps-container7 {
        top: 16%;
    }
    
    .thq-card4,
    .thq-card5 {
        padding: 24px 0 24px 32px;
    }
    
    .thq-card5 {
        padding: 24px 32px 24px 0;
    }
    
    /* Shrink images significantly */
    .step-container--img img {
        width: 450px !important;
        height: 340px !important;
    }
    
    .step-container-phoneImg img,
    .step-container-phoneImg5 img {
        width: 160px !important;
        height: 280px !important;
    }
    
    .step-container-phoneImg {
        top: 40px;
    }
    
    .step-container-phoneImg5 {
        top: 40px;
    }
    
    /* Adjust SVG in buttons section */
    .steps-container6 > div > div:first-child > div[style*="display: flex"] svg {
        max-width: 180px;
    }
}

/* Small screens (481px to 767px) - Mobile landscape, very small images, maintain sticky */
@media (max-width: 767px) and (min-width: 481px) {
    .steps-container1 {
        margin: 40px auto;
        padding: 0 16px;
    }
    
    .steps-container--title {
        font-size: 26px;
    }
    
    .steps-container--subtitle {
        font-size: 15px;
        margin-top: 25px;
    }
    
    .steps-container--subtitleText {
        font-size: 13px;
    }
    
    .steps-container--descCard {
        margin-top: 20px;
        margin-bottom: 30px;
        gap: 14px;
    }
    
    .steps-container--descText {
        font-size: 13px;
    }
    
    .steps-container4,
    .steps-container5,
    .steps-container6,
    .steps-container7 {
        height: auto;
        min-height: 400px;
        position: sticky; /* Maintain sticky positioning */
        margin-bottom: 25px;
        border-radius: 18px;
    }
    
    .steps-container4 {
        top: 8%;
    }
    
    .steps-container5 {
        top: 10%;
    }
    
    .steps-container6 {
        top: 12%;
    }
    
    .steps-container7 {
        top: 14%;
    }
    
    .thq-card4,
    .thq-card5 {
        padding: 20px;
    }
    
    /* Stack content vertically */
    .steps-container4 div[style*="display: flex"],
    .steps-container5 div[style*="display: flex"],
    .steps-container6 div[style*="display: flex"],
    .steps-container7 div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 25px;
    }
    
    /* Text order */
    .steps-container4 > div > div:first-child,
    .steps-container6 > div > div:first-child {
        margin-top: 0 !important;
        order: 2;
    }
    
    .steps-container5 > div > div:last-child,
    .steps-container7 > div > div:last-child {
        order: 2;
    }
    
    /* Very small images */
    .step-container--img {
        order: 1;
        justify-content: center;
        max-width: 100%;
    }
    
    .step-container--img img {
        width: 280px !important;
        height: 210px !important;
    }
    
    .step-container-phoneImg,
    .step-container-phoneImg5 {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 15px;
    }
    
    .step-container-phoneImg img,
    .step-container-phoneImg5 img {
        width: 120px !important;
        height: 210px !important;
    }
    
    .steps-container--descCard {
        align-items: flex-start;
        text-align: left;
    }
    
    .btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .steps-container6 > div > div:first-child > div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px;
    }
    
    .steps-container6 > div > div:first-child > div[style*="display: flex"] svg {
        max-width: 150px;
    }
}

@media (max-width: 646px) {
/* Hide images completely on mobile */
.step-container--img {
    display: none !important;
}
}

/* Extra small screens (480px and below) - Mobile portrait, hide images, maintain sticky */
@media (max-width: 480px) {
    .steps-container1 {
        margin: -30px auto;
        padding: 0 12px;
    }
    
    .steps-container--title {
        font-size: 24px;
    }
    
    .steps-container--subtitle {
        font-size: 14px;
        margin-top: 20px;
    }
    
    .steps-container--subtitleText {
        font-size: 12px;
    }
    
    .steps-container--descCard {
        margin-top: 20px;
        margin-bottom: 30px;
        gap: 12px;
    }
    
    .steps-container--descText {
        font-size: 12px;
    }
    
    .steps-container4,
    .steps-container5,
    .steps-container6,
    .steps-container7 {
        height: auto;
        min-height: 300px;
        position: sticky; /* Maintain sticky positioning */
        margin-bottom: 20px;
        border-radius: 16px;
    }
    
    .steps-container4 {
        top: 6%;
    }
    
    .steps-container5 {
        top: 8%;
    }
    
    .steps-container6 {
        top: 10%;
    }
    
    .steps-container7 {
        top: 12%;
    }
    
    .thq-card4,
    .thq-card5 {
        padding: 16px;
    }
    
    /* Stack content vertically */
    .steps-container4 div[style*="display: flex"],
    .steps-container5 div[style*="display: flex"],
    .steps-container6 div[style*="display: flex"],
    .steps-container7 div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 20px;
    }
    
    /* Hide images completely on mobile */
    .step-container--img, .step-container-arrow, .steps-container--imgCard, .steps-container--imgCard-2, .steps-container--imgCard-3, .steps-container--imgCard-4, .steps-container--imgCard-5, .steps-container--imgCard-6  {
        display: none !important;
    }
    
    /* Center all text content */
    .steps-container4 > div > div:first-child,
    .steps-container5 > div > div:last-child,
    .steps-container6 > div > div:first-child,
    .steps-container7 > div > div:last-child {
        margin-top: 0 !important;
        order: 1;
        width: 100%;
        text-align: center;
    }
    
    .steps-container--descCard {
        align-items: center;
        text-align: center;
    }
    
    .btn {
        padding: 12px 20px;
        font-size: 14px;
        /* margin: 0 auto; */
    }
    
    .steps-container6 > div > div:first-child > div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px;
    }
    
    .steps-container6 > div > div:first-child > div[style*="display: flex"] svg {
        max-width: 120px;
    }
}


/* ================================ New Landing page More solutions =============================== */
/* MoreSolutions.css */
.more--solutions {
    width: 100%;
    padding: 80px 0 180px 0;
    background-color: white !important;
    position: relative;
  }
  
  .more--solutions__container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .more--solutions__header {
    text-align: center;
    margin-bottom: 67px;
    position: relative;
  }
  
  .more--solutions__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: white;
    padding: 12px 24px;
    border-radius: 500px;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #031E454D;
  }
  
  .more--solutions__star-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
  }
  
  .more--solutions__title {
    font-size: 40px;
    font-weight: 700;
    background: linear-gradient(180deg, #042656 27.24%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -6.5%;
}
  
  .more--solutions__cards {
    display: flex;
    gap: 74.5px;
    margin: 0 auto;
  }
  
  .more--solutions__card {
    background: white;
    border-radius: 24px;
   min-height: 356px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    opacity: 0;
    transform: translateY(30px);
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  
  /* .more--solutions__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    padding: 2px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
  } */
  
  .more--solutions__card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  }
  
  .more--solutions__card--blue {
    background: linear-gradient(180deg, #DAE9FF 0%, rgba(218, 233, 255, 0.25) 100%);
  }
  
  .more--solutions__card--orange {
    background: linear-gradient(180deg, #FFE5BD 0%, rgba(255, 229, 189, 0.25) 100%);
  }
  
  .more--solutions__card--gray {
    background: linear-gradient(180deg, #E5E5E5 0%, rgba(229, 229, 229, 0.25) 100%);
  }
  
  .more--solutions__card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 16px 38px 16px;
    position: absolute;
    top: 5px;
    width: 100%;
  }


  
  .more--solutions__image {
    object-fit: contain;
    transition: transform 0.3s ease;
  }
  
  .more--solutions__card-image:hover .more--solutions__image {
    transform: scale(1.05);
  }
  
  .more--solutions__card-content {
    text-align: left;
    position: absolute;
    bottom: 0;
    opacity: 1;
    gap: 10.32px;
    padding: 16px 17.54px 16px 17.54px;
    border: 1px solid #FFFFFF;
    background: #FFFFFF5E;
    backdrop-filter: blur(250px);
    width: 100%;
    border-radius: 13px;
}

.more--solutions__card-content-orange{
    padding-bottom: 35px;
}
  
  .more--solutions__card-title {
    font-size: 20px;
    font-weight: 700;
    color: #212121;
    margin: 0 0 8px 0;
  }
  
  .more--solutions__card-description {
    font-size: 16px;
    color: #212121;
    margin: 0;
    font-weight: 500;
  }
  
  /* Animation styles */
  .fade-in-left {
    animation: fadeInLeft 0.8s ease-out forwards;
  }
  
  .fade-in-right {
    animation: fadeInRight 0.8s ease-out forwards;
  }
  
  .fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
  }
  
  .more--solutions__card.visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-50px) translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateX(0) translateY(0);
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(50px) translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateX(0) translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive design */
    @media (max-width: 1024px) { 
.more--solutions__cards {
      display: flex;
      gap: 20px;
    }
    }

    @media (max-width: 991px) {
        .more--solutions__card-image {
            top:30px
        }
    }

  @media (max-width: 768px) {
    .more--solutions {
      padding: 60px 0;
    }

    .more--solutions__card-image {
        top:30px
    }
    
    .more--solutions__container {
      padding: 0 16px;
    }
    
    .more--solutions__title {
      font-size: 40px;
    }
    
    .more--solutions__cards {
      display: flex;
     padding: 0 20px;
     flex-wrap: nowrap;
      gap: 20px;
    }
    .more--solutions__card{
        min-height: 300px;
    }
    
    .more--solutions__card-title {
      font-size: 20px;
    }
    
    .more--solutions__card-description {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .more--solutions__cards {
      display: flex;
     flex-wrap: wrap;
      gap: 20px;
      padding: 0 10px;
    }
    .more--solutions__title {
      font-size: 28px;
    }
    
    .more--solutions__badge {
      font-size: 14px;
      padding: 10px 20px;
    }
    .more--solutions__card-image {
        top: -10px
    }
  }

    /* Overlay images for the last card (Explore) */
    .more--solutions__card-overlay-image-1 {
        position: absolute;
        top: 20%;
        right: 20px;
        animation: float 3s ease-in-out infinite;
      }
      
      .more--solutions__card-overlay-image-2 {
        position: absolute;
        top: 35%;
        left: 15px;
        animation: float 3s ease-in-out infinite reverse;
      }
      
      
      @keyframes float {
        0%, 100% {
          transform: translateY(0px);
        }
        50% {
          transform: translateY(-10px);
        }
      }
    /* MoreSolutions.css */

  /* ================================ New Landing page More solutions =============================== */
  

.better-solutions {
    text-align: center;
    padding: 4.7rem 1rem 1rem 1rem;
    position: relative;
    background: white;
}

.better-solutions__tagline {
    display: inline-block;
    padding: 12px 24px;
    border: 1px solid #031E454D;
    border-radius: 500px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1.5rem;
    letter-spacing: -4%;
}

.better-solutions__headline {
    font-size: 40px;
    font-weight: 700;
    background: linear-gradient(180deg, #042656 27.24%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -6.5%;
    margin-bottom: 34px;
}

.better-solutions__subtext {
    font-size: 16px;
    max-width: 754px;
    margin: 24px auto;
    line-height: 25px;
    color: #212121;
    font-weight: 500;
}

.better-solutions__mockups {
    position: relative;
    width: 100%;
    padding-left: 150px;
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center;
}

.better-solutions__mockups-phoneimgContainer {
    position: relative;
}

.better-solutions__mockups-phoneimg {
    position: absolute;
    left: 12%;
    top: 0;
    z-index: 1;
}

.better-solutions__mockups-phoneimgBlur {
    position: absolute;
    left: 18%;
    top: 10%;
}

.better-solutions__mockups-phoneimgBanner {
    position: absolute;
    left: -18%;
    top: 10%;
    animation: bounce 3s ease-in-out infinite;
}

.better-solutions__mockups-phoneimgAction {
    position: absolute;
    left: -18%;
    top: 50%;
    animation: bounce 3s ease-in-out infinite;
}

.better-solutions__mockups-dashImg {
    position: relative;
}

.better-solutions__mockups-dashimgBanner {
    position: absolute;
    right: -5%;
    top: 6%;
    animation: bounceLeft 3s ease-in-out infinite;
}

.better-solutions__mockups-dashimgAction {
    position: absolute;
    right: 0%;
    top: 35%;
    animation: bounceRight 3s ease-in-out infinite;
}

.better-solutions__mockups-dashimgtransaction {
    position: absolute;
    right: -5%;
    top: 55%;
    animation: bounce 3s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes bounceLeft {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-20px);
    }
}

@keyframes bounceRight {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px);
    }
}

@media (max-width: 2560px) {
    .better-solutions__mockups-phoneimg {
        position: absolute;
        left: 29%;
        top: 0;
        z-index: 1;
    }
}


@media (max-width: 1460px) {
    .better-solutions__mockups-phoneimg {
        position: absolute;
        left: 12%;
        top: 0;
        z-index: 1;
    }
}

/* Responsive styles for lg screens and below */
@media (max-width: 1024px) {
    .better-solutions {
        padding: 3rem 1rem 0px 1rem;
    }
    
    .better-solutions__headline {
        font-size: 40px;
    }
    
    .better-solutions__mockups {
        padding-left: 20px;
        flex-direction: row;
        /* gap: 2rem; */
    }
    
    .better-solutions__mockups-phoneimg {
        left: 20%;
        position: relative;
        display: flex;
        justify-content: center;
    }
    
    .better-solutions__mockups-phoneimgBlur {
        left: -5%;
        top: 8%;
    }
    
    .better-solutions__mockups-phoneimgBanner {
        left: -10%;
        top: 8%;
    }
    
    .better-solutions__mockups-phoneimgAction {
        left: -10%;
        top: 45%;
    }
    
    .better-solutions__mockups-dashImg {
        margin-top: 2rem;
        margin-right: 12rem;
    }
    
    .better-solutions__mockups-dashimgBanner {
        right: -30%;
        top: 4%;
    }
    
    .better-solutions__mockups-dashimgAction {
        right: -28%;
        top: 40%;
    }
    
    .better-solutions__mockups-dashimgtransaction {
        right: -28%;
        top: 65%;
    }
}

/* For md screens and below */
@media (max-width: 768px) {
    .better-solutions {
        padding: 2rem 1rem 0 1rem;
    }
    
    .better-solutions__headline {
        font-size: 40px;
    }

      .better-solutions__headline-break{
        display: visible;
    }
    
    
    .better-solutions__subtext {
        font-size: 14px;
        line-height: 22px;
    }
    
    .better-solutions__mockups {
        padding-left: 0px;
        padding-right: 100px;
    }
    
    .better-solutions__mockups-phoneimg{
        left: 25%;
    }

    .better-solutions__mockups-phoneimgBlur {
        left: -5%;
        top: 6%;
    }
    
    .better-solutions__mockups-phoneimgBanner {
        left: -15%;
        top: 6%;
    }
    
    .better-solutions__mockups-phoneimgAction {
        left: -5%;
        top: 50%;
    }

    .better-solutions__mockups-dashImg {
        margin-right: 0rem;
    }
    
    .better-solutions__mockups-dashimgBanner {
        right: -20%;
        top: 2%;
    }
    
    .better-solutions__mockups-dashimgAction {
        right: -15%;
        top: 40%;
    }
    
    .better-solutions__mockups-dashimgtransaction {
        right: -20%;
        top: 65%;
    }
}

/* For sm screens and below */
@media (max-width: 640px) {
    .better-solutions {
        /* padding: 0 0.5rem; */
        margin-top: 1.5rem;
    }
    
    .better-solutions__tagline {
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .better-solutions__headline {
        font-size: 28px;
        line-height: 1.3;
    }

    .better-solutions__headline-break{
        display: none;
    }
    
    .better-solutions__mockups {
        
        padding-left: 0;
        padding-right: 0;
    }
    
    .better-solutions__mockups-phoneimg {
        transform: scale(0.8);
        left: 3%;
    }
    
    .better-solutions__mockups-dashImg {
        transform: scale(0.8);
        /* margin-top: 1rem; */
    }

    .better-solutions__mockups-phoneimgBlur {
        left: 15%;
        top: 6%;
    }
    
    .better-solutions__mockups-phoneimgBanner {
        left: -2%;
        top: 4%;
    }
    
    .better-solutions__mockups-phoneimgAction {
        left: -2%;
        top: 48%;
    }
    
    .better-solutions__mockups-dashimgBanner {
        right: 2%;
        top: 0%;
    }
    
    .better-solutions__mockups-dashimgAction {
        right: 6%;
        top: 20%;
    }
    
    .better-solutions__mockups-dashimgtransaction {
        right: 2%;
        top: 40%;
    }
    .better-solutions__mockups-dashImg{
        display: none !important;
    }
}

/* For sm screens and below */
@media (max-width: 400px) {
    .better-solutions__mockups-phoneimgBlur {
        left: 5%;
        top: 6%;
    }
}



.new-contact {
    position: relative;
    width: 100%;
    height: 690px;
    background-image: url('https://res.cloudinary.com/dpkn1ppzj/image/upload/v1760620763/ed5311cdcba8c14075914d10eb0c4ea2a6f185b8_gpcei6.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 0 5%;
  }

  .new-contact__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }

  .new-contact__content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
  }

  .new-contact__logo {
    margin-bottom: 40px;
  }

  .new-contact__logo-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(100, 116, 139, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: 600;
  }

  .new-contact__text {
    margin-bottom: 40px;
  }

  .new-contact__subtitle {
    color: #f59e0b;
    font-size: 18px;
    margin: 0 0 15px 0;
    font-weight: 500;
  }

  .new-contact__title {
    color: white;
    font-size: 56px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
  }

  .new-contact__social {
    display: flex;
    gap: 20px;
  }

  .new-contact__social-link {
    width: 50px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .new-contact__social-link:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
    transform: translateY(-2px);
  }

  @media (max-width: 768px) {
    .new-contact {
      height: 400px;
      padding: 0 20px;
    }

    .new-contact__title {
      font-size: 36px;
    }

    .new-contact__subtitle {
      font-size: 16px;
    }

    .new-contact__logo-circle {
      width: 50px;
      height: 50px;
      font-size: 20px;
    }

    .new-contact__social-link {
      width: 45px;
      height: 45px;
    }
}

.contact-cards {
    width: 100%;
    padding: 80px 5%;
  }


  .contact-cards__container {
    max-width: 1069px;
    margin: 0 auto;
  }

  .contact-cards__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .contact-cards__card {
    background: white;
    border-radius: 12px;
    padding: 32px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .contact-cards__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  }

  .contact-cards__title {
    font-size: 24px;
    font-weight: 600;
    color: #303032;
    margin: 0 0 22px 0;
  }

  .contact-cards__description {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #777779;
    margin-bottom: 32px ;
    max-width: 382px;
  }

  .contact-cards__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    transition: gap 0.3s ease;
  }

  .contact-cards__link:hover {
    gap: 12px;
  }

  .contact-cards__arrow {
    transition: transform 0.3s ease;
  }

  .contact-cards__link:hover .contact-cards__arrow {
    transform: translateX(4px);
  }

  @media (max-width: 968px) {
    .contact-cards {
      padding: 60px 20px;
    }

    .contact-cards__grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .contact-cards__card {
      padding: 32px;
    }

    .contact-cards__title {
      font-size: 24px;
    }

    .contact-cards__description {
      font-size: 15px;
    }
  }

  @media (max-width: 480px) {
    .contact-cards__card {
      padding: 24px;
    }

    .contact-cards__title {
      font-size: 22px;
    }
  }

  .faq-section {
    width: 100%;
    padding: 80px 5%;
  }

  .faq-section__container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .faq-section__heading {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 42px 0;
  }

  .faq-section__accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .faq-section__item {
    border: 1px solid #0426567D;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .faq-section__item--open {
    border-color: #9ca3af;
  }

  .faq-section__question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 25px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s ease;
  }

  .faq-section__question:hover {
    background-color: #f9fafb;
  }

  .faq-section__question-text {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding-right: 20px;
  }

  .faq-section__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    transition: all 0.3s ease;
  }

  .faq-section__item--open .faq-section__icon {
    /* background-color: #f3f4f6; */
    border-color: #9ca3af;
  }

  .faq-section__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
  }

  .faq-section__answer--visible {
    max-height: 500px;
    padding: 0 32px 28px 32px;
  }

  .faq-section__answer-text {
    font-size: 16px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
  }

  @media (max-width: 768px) {
    .faq-section {
      padding: 60px 20px;
    }

    .faq-section__heading {
      font-size: 32px;
      margin-bottom: 40px;
    }

    .faq-section__question {
      padding: 24px 20px;
    }

    .faq-section__question-text {
      font-size: 16px;
    }

    .faq-section__icon {
      width: 40px;
      height: 40px;
    }

    .faq-section__answer--visible {
      padding: 0 20px 24px 20px;
    }

    .faq-section__answer-text {
      font-size: 15px;
    }
  }


  .contact-info {
    width: 100%;
  }

  .contact-info__container {
    max-width: 735px;
  }

  .contact-info__card {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-info__heading {
    font-size: 16px;
    color: #333333;
    margin: 0 0 24px 0;
  }

  .contact-info__divider {
    width: 100%;
    height: 1px;
    background: #e5e7eb;
    margin-bottom: 32px;
  }

  .contact-info__items {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .contact-info__item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    background: #f9fafb;
    border-radius: 12px;
    transition: background-color 0.2s ease;
  }

  .contact-info__item:hover {
    background: #f3f4f6;
  }

  .contact-info__icon-wrapper {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-info__icon {
    color: #4b5563;
  }

  .contact-info__content {
    flex: 1;
    padding-top: 4px;
  }

  .contact-info__label {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin: 0 0 8px 0;
  }

  .contact-info__value {
    font-size: 16px;
    color: #042656 !important;
    /* text-decoration: none; */
    display: block;
  }

  .contact-info__value:hover {
    text-decoration: underline;
  }

  .contact-info__address {
    font-size: 16px;
    color: #6b7280;
    margin: 0 0 8px 0;
    line-height: 1.5;
  }

  .contact-info__link {
    font-size: 16px;
    color: #1a1a1a;
    text-decoration: underline;
    display: inline-block;
    transition: color 0.2s ease;
  }

  .contact-info__link:hover {
    color: #4b5563;
  }

  @media (max-width: 768px) {
    .contact-info {
      padding: 60px 20px;
    }

    .contact-info__card {
      padding: 32px 24px;
    }

    .contact-info__heading {
      font-size: 18px;
    }

    .contact-info__item {
      padding: 20px;
      gap: 16px;
    }

    .contact-info__icon-wrapper {
      width: 48px;
      height: 48px;
    }

    .contact-info__icon {
      width: 20px;
      height: 20px;
    }

    .contact-info__label {
      font-size: 16px;
    }

    .contact-info__value,
    .contact-info__address,
    .contact-info__link {
      font-size: 15px;
    }
  }

  @media (max-width: 480px) {
    .contact-info__card {
      padding: 24px 20px;
    }

    .contact-info__item {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  }

  .contact-map-wrapper {
    width: 100%;
    max-width: 1350px;
    margin: 50px auto;
    display: flex;
    gap: 30px;
    padding-left: 50px;
    padding-right: 50px;
}

.contact-map-wrapper__container{
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Tablet and below */
@media (max-width: 768px) {
    .contact-map-wrapper {
        flex-direction: column;
        gap: 20px;
        margin: 30px auto;
        padding: 0 15px;
    }

    .contact-map-wrapper__container {
        flex-direction: column;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .contact-map-wrapper {
        gap: 15px;
        margin: 20px auto;
        padding: 0 10px;
    }
    .contact-map-wrapper__container {
        flex-direction: column;
    }
}

.new-contact__form {
    max-width: 680px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 16px;
    padding: 48px 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.new-contact__form h2 {
    font-size: 24px;
    font-weight: 600;
    color: #042656;
    margin-bottom: 32px;
    border-bottom: 1px solid #000000;
    line-height: 1.2;
    padding-bottom: 32px;
}

.new-contact .divider {
    width: 100%;
    height: 1px;
    background: #e5e7eb;
    margin-bottom: 40px;
}

 .new-contact__form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    width: 100%;
}

.new-contact__form .form-row > div {
    flex: 1;
}

.new-contact__form .form-group {
    margin-bottom: 24px;
}

.new-contact__form .form-group:last-child {
    margin-bottom: 0;
}

.new-contact__form label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
}

.new-contact__form input[type="text"],
.new-contact__form input[type="email"],
.new-contact__form input[type="tel"],
.new-contact__form textarea {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    color: #1f2937;
    background: #ffffff;
    border: 1px solid #191919;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-family: inherit;
}

.new-contact input[type="text"]:focus,
.new-contact input[type="email"]:focus,
.new-contact input[type="tel"]:focus,
.new-contact textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.new-contact input::placeholder,
.new-contact textarea::placeholder {
    color: #9ca3af;
}

.new-contact__form textarea {
    min-height: 328px;
    resize: vertical;
}

.new-contact__form .submit-btn {
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #042656;
    border: none;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 32px;
}

.new-contact__form .submit-btn:hover {
    background: #152d4a;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
}

.new-contact__form .submit-btn:active {
    transform: translateY(0);
}

.new-contact__form .submit-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
}

@media (max-width: 768px) {
    .new-contact__form {
        padding: 32px 24px;
    }

    .new-contact__form h2 {
        font-size: 26px;
    }

    .new-contact__form .form-row {
        flex-direction: column;
        gap: 0;
    }
}


.contact-map {
    position: relative;
    width: 120%;
    margin-left: -100px;
}

.contact-map__image {
    width: 735px;
    /* object-position: center;
    background-position: center;
    background-image: cover; */
    height: 660px;
    height: auto;
    display: block;
    
}

/* Location marker dots with pulse animation */
.contact-map__marker {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.contact-map__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: relative;
    animation: pulse 2s infinite;
}

.contact-map__dot--blue {
    background-color: #4169E1;
    box-shadow: 0 0 0 0 rgba(65, 105, 225, 0.7);
}

.contact-map__dot--red {
    background-color: #DC143C;
    box-shadow: 0 0 0 0 rgba(220, 20, 60, 0.7);
}

.contact-map__dot--orange {
    background-color: #FF8C00;
    box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.7);
}

/* Pulse animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 currentColor;
    }
    50% {
        box-shadow: 0 0 0 10px transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

/* Location boxes */
.contact-map__location {
    position: absolute;
    transform: translate(-50%, -120%);
    background: white;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    z-index: 2;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-map__location:hover {
    transform: translate(-50%, -120%) scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* Arrow pointer for location boxes */
.contact-map__location::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
}

.contact-map__flag {
    font-size: 24px;
    line-height: 1;
}

.contact-map__country {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* Responsive adjustments */
@media (max-width: 1024px) { 
    .contact-map {
        width: 130%;
        margin-left: -70px;
    }

}



/* Responsive adjustments */
@media (max-width: 768px) {
    .contact-map__location {
        padding: 8px 14px;
        font-size: 14px;
    }
    
    .contact-map__flag {
        font-size: 20px;
    }
    
    .contact-map__country {
        font-size: 14px;
    }
    
    .contact-map__dot {
        width: 10px;
        height: 10px;
    }
    .contact-map {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .contact-map__location {
        padding: 6px 10px;
    }
    
    .contact-map__flag {
        font-size: 18px;
    }
    
    .contact-map__country {
        font-size: 12px;
    }
    
    .contact-map__dot {
        width: 8px;
        height: 8px;
    }

    .contact-map {
        width: 100%;
        margin-left: 0;
    }
}

.access-denied {
    max-width: 541px;
    margin: 0 auto;
    border-radius: 24px;
    padding: 48px 0px;
 
  }
  
  .access-denied__content {
    text-align: center;
  }
  
  .access-denied__icon-wrapper {
    position: relative;
    display: inline-flex;
    margin-bottom: 24px;
  }
  
  .access-denied__avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(102, 126, 234, 0.3);
  }
  
  .access-denied__avatar-text {
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
  }
  
  .access-denied__shield {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 48px;
    height: 48px;
    background: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  
  .access-denied__shield i {
    font-size: 24px;
    color: #ef4444;
  }
  
  .access-denied__title {
    font-size: 24px;
    font-weight: 700;
    color: #042656;
    margin-bottom: 12px;
  }
  
  .access-denied__subtitle {
    font-size: 16px;
    font-weight: 500;
    color: #EE4444;
    margin-bottom: 28px;
  }
  
  .access-denied__text {
    font-size: 14px;
    color: #737373;
    margin-bottom: 24px;
  }
  
  .access-denied__text--emphasis {
    font-weight: 500;
    color: #1f2937;
  }
  
  .access-denied__link {
    color: #042656;
    text-decoration: none;
    font-weight: 500;
  }
  
  .access-denied__link:hover {
    text-decoration: underline;
  }
  
  .access-denied__divider {
    height: 1px;
    background: #e5e7eb;
    margin: 32px 0 16px 0;
  }
  
  .access-denied__support-text {
    font-size: 14px;
    color: #737373;
    font-weight: 500;
    margin-bottom: 24px;
  }
  
  .access-denied__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px;
    background: #F4F4F4;
    border-radius: 8px;
    margin-bottom: 16px;
    transition: background 0.2s;
  }
  
  .access-denied__contact:hover {
    background: #f3f4f6;
  }
  
  .access-denied__contact--whatsapp {
    background: #dcfce7;
  }
  
  .access-denied__contact--whatsapp:hover {
    background: #d1fae5;
  }
  
  .access-denied__contact-icon {
    font-size: 20px;
    color: #6b7280;
  }
  
  .access-denied__contact--whatsapp .access-denied__contact-icon {
    color: #16a34a;
  }
  
  .access-denied__contact-text {
    font-size: 14px;
    font-weight: 500;
    color: #262626;
  }