@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
    --primary: #1d5abf;
    /* logo blue */
    --secondary: #e05a1a;
    /* logo orange */
    --light: #f4f6f8;
    --dark: #000103;
    --dark-hover: #252a30;
    --white: #fff;
    --success: #04bd6c;
    --info: #3a7dd6;
    /* logo mid-blue */
    --danger: red;
    --orange: #e05a1a;
    /* same as secondary */
    --pink: #dd2590;
    --purple: #6938ef;
    --teal: #0e9384;
    --cyan: #06aed4;
    --warning: #ffca18;
    --indigo: #3538cd;
    --black: #000;

    /* — Light scale — */
    --light-100: #fdfdfd;
    --light-200: #fcfcfc;
    --light-300: #fbfbfb;
    --light-400: #e6f0fe;
    /* blue tint */
    --light-500: #f9fafb;
    --light-600: #f9f9f9;
    --light-700: #f8f8f8;
    --light-800: #f7f7f7;
    --light-900: #f6f6f6;

    /* — Gray scale — */
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;

    /* — Primary (blue) scale — */
    --primary-100: #e8effe;
    --primary-200: #d1dffe;
    --primary-300: #bacffd;
    --primary-400: #a3bffb;
    --primary-500: #8caef8;
    --primary-600: #759ef5;
    --primary-700: #5e8ef1;
    --primary-800: #477dee;
    --primary-900: #3070e8;
    --primary-hover: #0b3a8a;
    /* deep navy */

    /* — Secondary (orange) scale — */
    --secondary-100: #fdf0e8;
    --secondary-hover: #c24d14;
    /* darker orange */

    /* — Semantic hovers — */
    --success-hover: #03a65e;
    --info-hover: #174da6;
    /* logo dark blue */
    --warning-hover: #e1b214;
    --danger-hover: #e10000;
    --light-hover: #d8d8d8;
    --purple-hover: #5c30d3;
    --teal-hover: #0b7a6e;

    /* — Transparent tints — */
    --primary-transparent: #e8effe;
    /* blue tint */
    --secondary-transparent: #fdf0e8;
    /* orange tint */
    --success-transparent: #f1faf3;
    --warning-transparent: #fffdf5;
    --danger-transparent: #ffe8e8;
    --info-transparent: #e8f0fe;
    /* blue tint */
    --pink-transparent: #fcebf5;
    --light-transparent: #fefefe;
    --gray-transparent: #e9eff3;
    --teal-transparent: #e9f5f4;
    --purple-transparent: #f2edfe;
    --cyan-transparent: #e9f8fb;
    --indigo-transparent: #ededfb;
    --orange-transparent: #fdf0e8;
    /* orange tint */

    /* — Gradient — */
    --primary-gradient: linear-gradient(90.08deg,
            #1d5abf 0.09%,
            #e05a1a 70.28%);
    /* blue → orange */

    --white-rgb: 255, 255, 255;
}

:root.dark-mode {
    --white: #151515;
    --dark: #efefef;
    --light: #262626;
    --gray-100: #282b2f;
    --gray-200: #2f3135;
    --gray-300: #34363c;
    --gray-400: #474a51;
    --gray-500: #616671;
    --gray-600: #757c8b;
    --gray-700: #9297a2;
    --gray-800: #cbced4;
    --gray-900: #dadee6;
    --gray-hover: #e3e9f4;
    --light-100: #858a97;
    --light-200: #707582;
    --light-300: #404145;
    --light-400: #323336;
    --light-500: #636772;
    --light-600: #585c66;
    --light-700: #53565e;
    --light-800: #4e5158;
    --light-900: #2d2f33;
    --light-hover: #27292d;
    --primary-transparent: #000c28;
    --secondary-transparent: #031924;
    --success-transparent: #051f0b;
    --warning-transparent: #302304;
    --danger-transparent: #300c04;
    --info-transparent: #031127;
    --pink-transparent: #2c051c;
    --light-transparent: #2c2c2c;
    --gray-transparent: #061524;
    --teal-transparent: #01201d;
    --purple-transparent: #080835;
    --cyan-transparent: #04222d;
    --indigo-transparent: #030332;
    --orange-transparent: #2b0d02;
    --white-rgb: 21, 21, 21;
}

.consultation-types a,
.signature,
.btn.btn-danger.trash,
.hours-info .btn.btn-danger.trash,
.visits span.visit-rsn:before,
.partners-slider li a,
.dot-slider .slick-dots li,
.slick-dots .slick-dots li,
.header .header-nav,
.header.custom .header-navbar-rht.right-menu .header-contact-img i,
.header-one .main-menu-wrapper .main-nav li .btn.reg-btn,
.header-one .main-menu-wrapper .main-nav li .btn.log-btn,
.header-one .main-menu-wrapper .main-nav .register-btn,
.header-one .header-navbar-rht li .btn.reg-btn,
.header-one .header-navbar-rht li .btn.log-btn,
.custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone,
.align-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


.testimonial-slider .slick-prev,
.testimonial-slider .slick-next,
.slide-nav-1 button.owl-next,
.slide-nav-1 button.owl-prev,
.slide-nav-2 button.owl-next,
.slide-nav-2 button.owl-prev,
.faq-info .accordion-button:after {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.consultation-types,
.contact-card .card-body,
.lang-dropdown .dropdown-toggle,
.lang-dropdown .dropdown-menu .dropdown-item,
.browse-categorie .categorie-dropdown .dropdown-toggle,
.browse-categorie .categorie-dropdown .dropdown-menu .dropdown-item,
.flag-dropdown .dropdown-toggle,
.flag-dropdown .dropdown-menu .dropdown-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.lang-dropdown .dropdown-toggle,
.browse-categorie .categorie-dropdown .dropdown-toggle,
.flag-dropdown .dropdown-toggle {
    justify-content: start;
    -webkit-justify-content: start;
}


.header .header-nav,
.header .header-nav .menu-header,
.header-one .menu-header {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}


.hours-info .btn.btn-danger.trash,
.header .header-nav .header-navbar-rht li,
.btn-icon {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.trusted-section .owl-carousel.partners-slider.owl-loaded,
.signature,
.change-avatar,
.btn.btn-danger.trash,
.header .header-nav .menu-header,
.header .header-nav .header-navbar-rht li,
.header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item,
.header .header-nav .header-navbar-rht .logged-item .nav-link,
.header-one .menu-header,
.btn-icon {
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}


.footer .footer-top .footer-widget .footer-about-content .social-icon ul,
.footer .footer-top .footer-widget .footer-about-content .social-icon ul li a,
.header .header-nav .header-navbar-rht li,
.header .header-nav .header-navbar-rht .logged-item .nav-link,
.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}


.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.header .header-nav,
.header-one .header-nav,
.custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.header-top ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
}

* {
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

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

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1 {
    font-weight: 700;
    font-size: 48px;
}

@media (max-width: 991.98px) {
    h1 {
        font-size: 38px;
    }
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 32px;
    }
}

h2 {
    font-weight: 700;
    font-size: 36px;
}

@media (max-width: 991.98px) {
    h2 {
        font-size: 32px;
    }
}

@media (max-width: 767.98px) {
    h2 {
        font-size: 30px;
    }
}

h3 {
    font-weight: 700;
    font-size: 30px;
}

@media (max-width: 991.98px) {
    h3 {
        font-size: 28px;
    }
}

@media (max-width: 767.98px) {
    h3 {
        font-size: 26px;
    }
}

h4 {
    font-weight: 700;
    font-size: 24px;
}

@media (max-width: 991.98px) {
    h4 {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    h4 {
        font-size: 20px;
    }
}

h5 {
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 991.98px) {
    h5 {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    h5 {
        font-size: 17px;
    }
}

h6 {
    font-weight: 700;
    font-size: 18px;
}

@media (max-width: 767.98px) {
    h6 {
        font-size: 16px;
    }
}

.section-title {
    font-size: 42px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .section-title {
        font-size: 36px;
    }
}

@media (max-width: 767.98px) {
    .section-title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .section-title {
        font-size: 26px;
    }
}

body {
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.5;
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 767.98px) {
    body {
        font-size: 15px;
    }
}

::selection {
    background: var(--primary);
    color: var(--white);
    text-shadow: none;
}

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

* {
    outline: 0;
}

button {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button:focus {
    box-shadow: none !important;
}

p {
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--gray-600);
}

strong {
    font-weight: 700;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--gray-900);
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

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

ul {
    list-style: none;
}

ul .btn-primary:not(:disabled):not(.disabled):active:focus,
ul .btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

.form-group {
    margin-bottom: 20px;
}

.text-muted {
    color: #757575 !important;
}

.dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border-radius: 3px;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
}

.text-sm {
    font-size: 14px !important;
}

.small,
small {
    font-size: 80%;
    font-weight: 400;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input[type="text"],
input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
button,
a {
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

button:focus {
    outline: 0;
}

.btn:focus,
.btn.focus {
    box-shadow: inherit;
}

.list-group-item {
    border: 1px solid #f0f0f0;
}

@media (max-width: 991.98px) {
    .container {
        max-width: 100%;
    }
}

p:last-child {
    margin-bottom: 0;
}

.bg-primary {
    background-color: #316dff !important;
    color: #fff;
}

.bg-secondary {
    background-color: #02bfff !important;
    color: #fff;
}

.bg-success {
    background-color: #04bd6c !important;
    color: #fff;
}

.bg-info {
    background-color: #110efd !important;
    color: #fff;
}

.bg-warning {
    background-color: #ffca18 !important;
    color: #fff;
}

.bg-danger {
    background-color: #f00 !important;
    color: #fff;
}

.bg-dark {
    background-color: #000103 !important;
    color: #fff;
}

.bg-light {
    background-color: #f4f6f8 !important;
    color: #fff;
}

.bg-purple {
    background-color: #6938ef !important;
    color: #fff;
}

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

.bg-orange {
    background-color: #e04f16 !important;
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

.bg-gray {
    background: var(--light-500);
}

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

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

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

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

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

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

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

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

.bg-soft-primary {
    background-color: var(--primary-100);
    color: var(--primary);
}

.bg-soft-secondary {
    background-color: #d7c5f7;
    color: var(--secondary);
}

.bg-soft-success {
    background-color: #c7ecd2;
    color: var(--success);
}

.bg-soft-danger {
    background-color: #ffc8bd;
    color: var(--danger);
}

.bg-soft-warning {
    background-color: #fff0ca;
    color: var(--warning);
}

.bg-soft-orange {
    background-color: var(--orange-transparent);
    color: var(--orange);
}

.bg-soft-info {
    background-color: #adc9ff;
    color: var(--info);
}

.bg-soft-light {
    background-color: var(--light-300);
    color: var(--gray-600);
}

.bg-soft-dark {
    background-color: rgba(0, 0, 0, 0.3);
    color: var(--white);
}

.bg-light {
    color: var(--gray-600);
}

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

.bg-outline-primary {
    background-color: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
}

.bg-outline-secondary {
    background-color: var(--white);
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.bg-outline-warning {
    background-color: var(--white);
    border: 1px solid var(--warning);
    color: var(--warning);
}

.bg-outline-info {
    background-color: var(--white);
    border: 1px solid var(--info);
    color: var(--info);
}

.bg-outline-success {
    background-color: var(--white);
    border: 1px solid var(--success);
    color: var(--success);
}

.bg-outline-danger {
    background-color: var(--white);
    border: 1px solid var(--danger);
    color: var(--danger);
}

.bg-outline-dark {
    background-color: var(--white);
    border: 1px solid var(--dark);
    color: var(--dark);
}

.bg-outline-light {
    background-color: var(--white);
    border: 1px solid var(--light) !important;
    color: var(--black) !important;
}

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

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

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

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

.bg-info-transparent {
    background-color: #e3edff !important;
    color: var(--info) !important;
}

.bg-info-transparent:hover {
    background-color: #e3edff !important;
    color: var(--info) !important;
}

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

.bg-warning-transparent:hover {
    background-color: #fffaee !important;
    color: var(--warning) !important;
}

.bg-danger-transparent {
    background-color: #ffede9 !important;
    color: var(--danger) !important;
}

.bg-danger-transparent:hover {
    background-color: #ffede9 !important;
    color: var(--danger) !important;
}

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

.bg-light-transparent:hover {
    background-color: var(--light-100) !important;
    color: var(--gray-600) !important;
}

.bg-pink-transparent {
    background-color: #ffecf4 !important;
    color: var(--pink) !important;
}

.bg-lightdanger-gradient {
    background: linear-gradient(180deg, #fff 0, #fee 100%);
}

.bg-lightpink-gradient {
    background: linear-gradient(180deg, #fff 0, #ffebf4 100%);
}

.bg-lightsuccess-gradient {
    background: linear-gradient(180deg, #fff 0, #e8fff2 100%);
}

.bg-lightpurple-gradient {
    background: linear-gradient(180deg, #fff 0, #fce8ff 100%);
}

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

.bg-gray-100 {
    background-color: var(--gray-100);
}

.bg-gray-200 {
    background-color: var(--gray-200);
}

.bg-gray-300 {
    background-color: var(--gray-300);
}

.bg-gray-400 {
    background-color: var(--gray-400);
}

.bg-gray-500 {
    background-color: var(--gray-500);
}

.bg-gray-600 {
    background-color: var(--gray-600);
}

.bg-gray-700 {
    background-color: var(--gray-700);
}

.bg-gray-800 {
    background-color: var(--gray-800);
}

.bg-gray-900 {
    background-color: var(--gray-900) !important;
}

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

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

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

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

.bg-success-800 {
    background-color: #5ecb89 !important;
}

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

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

.text-container {
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.bg-light-200 {
    background: var(--light-200);
}

.bg-light-300 {
    background: var(--light-300);
}

.bg-transparent-primary {
    background: var(--primary-transparent);
}

.bg-transparent-warning {
    background: #fffaee !important;
}

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

.bg-transparent-danger {
    background: #ffede9 !important;
}

.bg-transparent-success {
    background: #edf9f0 !important;
}

.bg-transparent-info {
    background: #e3edff !important;
}

.bg-transparent-purple {
    background: var(--purple-transparent) !important;
    color: var(--purple) !important;
}

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

.bg-light-gray {
    background: var(--light-500);
}

.bg-soft-pink {
    background: #ffecf4;
    color: var(--pink);
}

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

.bg-pink-transparent {
    background: var(--pink-transparent) !important;
    color: var(--pink) !important;
}

.bg-outline-pink {
    border: 1px solid var(--pink) !important;
    color: var(--pink) !important;
}

.bg-outline-purple {
    border: 1px solid var(--purple) !important;
    color: var(--purple) !important;
}

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

.bg-gray-transparent {
    background: var(--gray-transparent) !important;
}

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

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

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

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

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

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

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

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

.bg-purple-transparent {
    background-color: var(--purple-transparent) !important;
}

.bg-white-transparent {
    background-color: var(--white-transparent) !important;
}

.bg-orange-transparent {
    background-color: var(--orange-transparent) !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn.show:hover,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

button {
    cursor: pointer;
}

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

.btn {
    border-radius: 44px;
    padding: 0.625rem 1.25rem;
    font-size: 1rem;
    transition: all 0.5s;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .btn {
        padding: 8px 16px;
    }
}

.btn:focus {
    box-shadow: none !important;
}

.btn:hover {
    transition: all 0.5s;
}

.btn.btn-xl {
    padding: 0.563rem 1rem;
    font-size: 1rem;
}

.btn.btn-lg {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
}

.btn.btn-sm {
    padding: 0.438rem 0.75rem;
    font-size: 0.875rem;
}

.btn.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.6rem;
}

.btn.btn-md {
    padding: 0.625rem 1.25rem;
    font-size: 1rem;
}

.btn.btn-white {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--gray-900);
}

.btn.btn-white.show {
    background-color: var(--white);
    border: 1px solid var(--white);
}

.btn.btn-gray {
    background: var(--gray-transparent);
    border-color: var(--gray-transparent);
    color: var(--gray-900);
}

.btn.btn-gray:hover,
.btn.btn-gray:focus,
.btn.btn-gray.focus,
.btn.btn-gray:active,
.btn.btn-gray.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--gray-900);
}

.btn.btn-primary-gradient {
    background-image: var(--primary-gradient);
    color: #fff !important;
    border: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn.btn-primary-gradient::before {
    content: "";
    position: absolute;
    background: var(--primary-gradient);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.24s ease-in-out;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.btn.btn-primary-gradient:hover,
.btn.btn-primary-gradient:focus,
.btn.btn-primary-gradient.focus,
.btn.btn-primary-gradient:active,
.btn.btn-primary-gradient.active {
    background: var(--dark);
}

.btn.btn-primary-gradient:hover::before,
.btn.btn-primary-gradient:focus::before,
.btn.btn-primary-gradient.focus::before,
.btn.btn-primary-gradient:active::before,
.btn.btn-primary-gradient.active::before {
    transform: scaleX(1);
    transform-origin: left center;
}

.btn-group .btn {
    padding: 0.45rem 0.75rem;
}

.btn-group-lg .btn {
    padding: 0.65rem 1rem;
}

.btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
}

.btn.btn-w-xs {
    min-width: 5.625rem;
}

.btn.btn-w-sm {
    min-width: 6.975rem;
}

.btn.btn-w-md {
    min-width: 8.125rem;
}

.btn.btn-w-lg {
    min-width: 9.375rem;
}

.btn-icon i {
    padding: 0rem;
    margin: -0.5rem;
}

.btn-icon.btn-xs {
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
}

.btn-icon.btn-sm {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.8rem;
}

.btn-icon.btn-lg {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.2rem;
}

.btn-list>button,
.btn-list>a {
    margin: 0 0.375rem 0.375rem 0;
}

[dir="rtl"] .btn-list button,
[dir="rtl"] .btn-list div,
[dir="rtl"] .btn-list a,
[dir="rtl"] .btn-list input {
    margin: 0 0 0.375rem 0.375rem;
}

.btn-list {
    margin-block-end: -0.5rem;
}

.btn-square {
    border-radius: 0;
}

.btn-group-pill .btn:first-child {
    border-radius: 60px 0 0 60px;
}

.btn-group-pill .btn:last-child {
    border-radius: 0 60px 60px 0;
}

.btn-group-square .btn:first-child {
    border-radius: 0;
}

.btn-group-square .btn:last-child {
    border-radius: 0;
}

.btn.btn-primary-light {
    background-color: rgba(var(--primary), 0.1);
    color: var(--primary);
}

.btn.btn-primary-light:hover,
.btn.btn-primary-light:focus,
.btn.btn-primary-light:active {
    background-color: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.btn.btn-primary-ghost {
    background-color: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.btn.btn-primary-ghost:active {
    color: var(--primary);
    border: 1px solid var(--primary);
    background-color: transparent;
}

.btn.btn-dark {
    background: var(--gray-900) !important;
    border-color: var(--gray-900) !important;
    box-shadow: none;
    color: var(--white);
}

.btn.btn-dark:hover {
    background: #252a30 !important;
    border-color: #252a30 !important;
}

.btn.btn-secondary-ghost {
    background-color: transparent;
    color: var(--secondary);
    border: 1px solid var(--secondary);
}

.btn.btn-secondary-ghost:active {
    color: var(--secondary);
    border: 1px solid var(--secondary);
    background-color: transparent;
}

.btn.btn-warning-ghost {
    background-color: transparent;
    color: var(--warning);
    border: 1px solid var(--warning);
}

.btn.btn-warning-ghost:active {
    color: var(--warning);
    border: 1px solid var(--warning);
    background-color: transparent;
}

.btn.btn-info-ghost {
    background-color: transparent;
    color: var(--info);
    border: 1px solid var(--info);
}

.btn.btn-info-ghost:active {
    color: var(--info);
    border: 1px solid var(--info);
    background-color: transparent;
}

.btn.btn-success-ghost {
    background-color: transparent;
    color: var(--success);
    border: 1px solid var(--success);
}

.btn.btn-success-ghost:active {
    color: var(--success);
    border: 1px solid var(--success);
    background-color: transparent;
}

.btn.btn-danger-ghost {
    background-color: transparent;
    color: var(--danger);
    border: 1px solid var(--danger);
}

.btn.btn-danger-ghost:active {
    color: var(--danger);
    border: 1px solid var(--danger);
    background-color: transparent;
}

.btn-list button {
    margin: 0 0.375rem 0.375rem 0;
}

.btn-group-vertical .btn-check:checked+.btn {
    color: var(--white) !important;
}

.btn-outline-primary {
    position: relative;
    display: inline-block;
    color: var(--primary);
    background: transparent;
    border: 1px solid transparent;
    background-image:
        linear-gradient(white, white),
        linear-gradient(90.08deg, #0e82fd 0.09%, #06aed4 70.28%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-image: var(--primary-gradient) !important;
    border-color: var(--primary-gradient);
    color: var(--white) !important;
}

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

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
    background-color: var(--secondary) !important;
    border: 1px solid var(--secondary) !important;
    color: var(--white) !important;
}

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

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.focus,
.btn-outline-success:active,
.btn-outline-success.active {
    background-color: var(--success) !important;
    border: 1px solid var(--success) !important;
    color: var(--white) !important;
}

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

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus,
.btn-outline-danger:active,
.btn-outline-danger.active {
    background-color: var(--danger) !important;
    border: 1px solid var(--danger) !important;
    color: var(--white) !important;
}

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

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-warning:active,
.btn-outline-warning.active {
    background-color: var(--warning) !important;
    border: 1px solid var(--warning) !important;
    color: var(--white) !important;
}

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

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus,
.btn-outline-info:active,
.btn-outline-info.active {
    background-color: var(--info) !important;
    border: 1px solid var(--info) !important;
    color: var(--white) !important;
}

.btn-outline-light {
    border: 1px solid var(--light) !important;
    color: var(--gray-700) !important;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-light:active,
.btn-outline-light.active {
    background-color: var(--light) !important;
    border: 1px solid var(--light) !important;
    color: var(--gray-700) !important;
}

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

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark.focus,
.btn-outline-dark:active,
.btn-outline-dark.active {
    background-color: var(--dark) !important;
    border: 1px solid var(--dark) !important;
    color: var(--white) !important;
}

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

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary.focus,
.btn-soft-primary:active,
.btn-soft-primary.active {
    border-color: var(--primary);
}

.btn-soft-secondary {
    background-color: #d7c5f7 !important;
    color: var(--secondary) !important;
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary.focus,
.btn-soft-secondary:active,
.btn-soft-secondary.active {
    border-color: var(--secondary);
}

.btn-soft-success {
    background-color: #c7ecd2 !important;
    color: var(--success) !important;
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success.focus,
.btn-soft-success:active,
.btn-soft-success.active {
    border-color: var(--success);
}

.btn-soft-danger {
    background-color: #ffc8bd !important;
    color: var(--danger) !important;
}

.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger.focus,
.btn-soft-danger:active,
.btn-soft-danger.active {
    border-color: var(--danger);
}

.btn-soft-warning {
    background-color: #fff0ca !important;
    color: var(--warning) !important;
}

.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning.focus,
.btn-soft-warning:active,
.btn-soft-warning.active {
    border-color: var(--warning);
}

.btn-soft-info {
    background-color: #adc9ff !important;
    color: var(--info) !important;
}

.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info.focus,
.btn-soft-info:active,
.btn-soft-info.active {
    border-color: var(--info);
}

.btn-soft-light {
    background-color: var(--light-300) !important;
    color: var(--gray-600) !important;
}

.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light.focus,
.btn-soft-light:active,
.btn-soft-light.active {
    border-color: var(--light);
    border-color: var(--gray-600);
}

.btn-soft-dark {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: var(--white) !important;
}

.btn-soft-dark:hover,
.btn-soft-dark:focus,
.btn-soft-dark.focus,
.btn-soft-dark:active,
.btn-soft-dark.active {
    border-color: var(--dark);
}

@media (max-width: 575.98px) {
    .btn {
        padding: 8px 12px;
        font-size: 15px;
    }
}

.btn.btn-icon:hover {
    color: var(--dark);
}

.btn.btn-icon.active.bg-white {
    border-color: var(--white);
    color: var(--dark);
}

.btn.btn-icon:active {
    color: var(--white);
}

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

.btn-light.btn-icon:hover {
    background: var(--primary) !important;
    color: var(--white) !important;
}

.bg-primary-light {
    background-color: rgba(17, 148, 247, 0.12) !important;
    color: #2196f3 !important;
}

.bg-danger-light {
    background-color: rgba(242, 17, 54, 0.12) !important;
    color: var(--danger) !important;
}

.bg-success-light {
    background-color: rgba(15, 183, 107, 0.12) !important;
    color: var(--success) !important;
}

.bg-default-light {
    background-color: rgba(40, 52, 71, 0.12) !important;
    color: #283447 !important;
}

.btn-icon {
    text-align: center;
    font-size: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    position: absolute;
    top: 3px;
    right: 3px;
}

.btn-facebook {
    background-color: #3a559f;
    color: var(--white);
    font-size: 13px;
    padding: 8px 12px;
}

a.btn.btn-google.w-100:hover {
    background: var(--danger);
}

a.btn.btn-facebook.w-100:hover {
    background-color: #3a559f;
}

.btn-google {
    background-color: var(--danger);
    color: var(--white);
    font-size: 13px;
    padding: 8px 12px;
}

.btn-primary {
    color: #fff;
    border: 1px solid var(--primary);
    background-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
    color: #fff;
}

.btn-secondary {
    color: #fff;
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
    background-color: var(--secondary-hover);
    border: 1px solid var(--secondary-hover);
    color: #fff;
}

.btn-success {
    color: #fff;
    border: 1px solid var(--success);
    background-color: var(--success);
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
    background-color: var(--success-hover);
    border: 1px solid var(--success-hover);
    color: #fff;
}

.btn-info {
    color: #fff;
    border: 1px solid var(--info);
    background-color: var(--info);
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
    background-color: var(--info-hover);
    border: 1px solid var(--info-hover);
    color: #fff;
}

.btn-warning {
    color: #fff;
    border: 1px solid var(--warning);
    background-color: var(--warning);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
    background-color: var(--warning-hover);
    border: 1px solid var(--warning-hover);
    color: #fff;
}

.btn-danger {
    color: #fff;
    border: 1px solid var(--danger);
    background-color: var(--danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
    background-color: var(--danger-hover);
    border: 1px solid var(--danger-hover);
    color: #fff;
}

.btn-dark {
    color: #fff;
    border: 1px solid var(--dark);
    background-color: var(--dark);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active {
    background-color: var(--dark-hover);
    border: 1px solid var(--dark-hover);
    color: #fff;
}

.btn-light {
    color: #fff;
    border: 1px solid var(--light);
    background-color: var(--light);
}

.btn-light:hover,
.btn-light:focus,
.btn-light.focus,
.btn-light:active,
.btn-light.active {
    background-color: var(--light-hover);
    border: 1px solid var(--light-hover);
    color: #fff;
}

.btn-purple {
    color: #fff;
    border: 1px solid var(--purple);
    background-color: var(--purple);
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active {
    background-color: var(--purple-hover);
    border: 1px solid var(--purple-hover);
    color: #fff;
}

.btn-white {
    color: #fff;
    border: 1px solid var(--white);
    background-color: var(--white);
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active {
    background-color: var(--white-hover);
    border: 1px solid var(--white-hover);
    color: #fff;
}

.btn-orange {
    color: #fff;
    border: 1px solid var(--orange);
    background-color: var(--orange);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active {
    background-color: var(--orange-hover);
    border: 1px solid var(--orange-hover);
    color: #fff;
}

.btn-light {
    color: var(--gray-900);
}

.btn-light:hover,
.btn-light:focus,
.btn-light.focus,
.btn-light:active,
.btn-light.active {
    color: var(--gray-900);
}

.btn-white {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--gray-900);
}

.btn-white:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}

.btn-white.theme-7-btn {
    border: 1px solid var(--gray-200);
    transition: all 0.5s ease-in-out;
}

.btn-white.theme-7-btn .icon {
    background: var(--primary);
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.btn-white.theme-7-btn:hover {
    border-color: var(--primary);
}

.btn-white.theme-7-btn:hover .icon {
    background: #fff;
    color: #0f172a;
}

.btn-white.theme-13-btn {
    border: 1px solid var(--gray-200);
    transition: all 0.5s ease-in-out;
}

.btn-white.theme-13-btn .icon {
    background: var(--secondary-hover);
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.btn-white.theme-13-btn:hover {
    border-color: var(--secondary);
    background: var(--secondary);
}

.btn-white.theme-13-btn:hover .icon {
    background: #fff;
    color: #0f172a;
}

.mouse-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    border-radius: 50%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    visibility: hidden;
}

.cursor-inner {
    margin-left: -4px;
    margin-top: -4px;
    width: 10px;
    height: 10px;
    z-index: 10000001;
    background: #0e82fd !important;
    -webkit-transition:
        width 0.3s ease-in-out,
        height 0.3s ease-in-out,
        margin 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
    transition:
        width 0.3s ease-in-out,
        height 0.3s ease-in-out,
        margin 0.3s ease-in-out,
        opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: #0e82fd !important;
    opacity: 0.1;
}

.cursor-outer {
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.5;
    border: 2px solid #0e82fd;
    transform: all 0.08s ease-out;
    -webkit-transform: all 0.08s ease-out;
    -ms-transform: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
    opacity: 0;
}

.progress-wrap {
    position: fixed;
    right: 25px;
    bottom: 25px;
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(75, 64, 237, 0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    content: "\f062";
    font-family: "FontAwesome";
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    color: var(--primary);
    left: 0;
    top: 0;
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap svg path {
    fill: none;
}

.check {
    display: block;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.bootstrap-tagsinput {
    display: block;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e4e4e8;
    height: 46px;
    margin: 0;
    padding: 4px 10px 0 10px;
    width: 100%;
    box-shadow: none;
    overflow-y: auto;
}

.bootstrap-tagsinput .tag {
    margin-right: 5px;
    margin-bottom: 2px;
    color: #a9a9a9;
    background: #f4f4f4 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
}

.bootstrap-tagsinput .tag:hover {
    color: #a9a9a9;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    position: relative;
    left: 7px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    margin: 0;
    padding: 0 2px;
}

.bootstrap-tagsinput input {
    line-height: 36px;
    border: 1px solid transparent;
    background: transparent;
}

.bootstrap-tagsinput input:focus-visible {
    border: 1px solid transparent;
}

.display-4 {
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .display-4 {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .display-4 {
        font-size: 16px;
    }
}

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

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

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

.text-default {
    color: var(--gray-600) !important;
}

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

.text-primary.text-opacity-75 {
    color: rgba(var(--primary), 0.75) !important;
}

.text-primary.text-opacity-25 {
    color: rgba(var(--primary), 0.25) !important;
}

.text-primary.text-opacity-50 {
    color: rgba(var(--primary), 0.5) !important;
}

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

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

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

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

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

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

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

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

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

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

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

.text-gray {
    color: var(--gray-500) !important;
}

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

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

.text-gray-1 {
    color: var(--gray-100);
}

.text-gray-2 {
    color: var(--gray-200);
}

.text-gray-3 {
    color: var(--gray-300);
}

.text-gray-4 {
    color: var(--gray-400);
}

.text-gray-5 {
    color: var(--gray-500);
}

.text-gray-6 {
    color: var(--gray-600) !important;
}

.text-gray-7 {
    color: var(--gray-700);
}

.text-gray-8 {
    color: var(--gray-800);
}

.text-gray-9 {
    color: var(--gray-900) !important;
}

.text-title {
    color: var(--gray-900) !important;
}

.text-primary-gradient {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

a {
    color: var(--gray-900);
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover {
    color: var(--primary);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:focus {
    outline: 0;
}


.link-primary:active {
    color: var(--primary-hover) !important;
}


.link-secondary:active {
    color: var(--secondary) !important;
}


.link-success:active {
    color: var(--success) !important;
}


.link-danger:active {
    color: var(--danger) !important;
}


.link-warning:active {
    color: var(--warning) !important;
}


.link-info:active {
    color: var(--info) !important;
}

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

.link-light:hover,
.link-light:focus,
.link-light:active {
    color: var(--light) !important;
}


.link-dark:active {
    color: var(--dark) !important;
}

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

.form-control {
    border-color: var(--gray-200);
    color: var(--gray-900);
    font-size: 14px;
    min-height: 38px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    border-radius: 5px;
    padding: 7px 15px;
    transition: all 0.5s;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--gray-200);
}

textarea.form-control {
    min-height: 38px;
    height: auto;
}

textarea {
    resize: none;
}

.form-control[type="file"] {
    padding: 0.48rem 0.5rem;
}

.form-control[type="file"].form-control-sm {
    padding: 0.25rem 0.5rem !important;
}

.form-control[type="file"].form-control-lg {
    padding: 0.5rem 1rem !important;
}

.form-text {
    color: var(--gray-400);
}

.form-control-light {
    background-color: var(--light);
    border: 0;
}

.form-control-light:focus {
    background-color: var(--light);
}

.form-control-primary {
    background-color: rgba(var(--primary), 0.1);
    border: 0;
    color: var(--primary);
}

.form-control-primary:focus {
    background-color: rgba(var(--primary), 0.1);
    color: var(--primary);
}

.form-input-color {
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: var(--gray-400);
}

.form-floating>.form-control:not(:placeholder-shown)~label::after {
    background-color: transparent;
}

.form-select {
    background-color: #fff;
    border: 1px solid var(--gray-200);
    color: var(--gray-600);
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='none'viewBox='002020'%3e%3cpathstroke='%236b7280'stroke-linecap='round'stroke-linejoin='round'stroke-width='1.5'd='M68l444-4'/%3e%3c/svg%3e");
    background-size: 1.25rem;
    line-height: 2;
}

.form-select option {
    background-color: var(--white);
    padding: 0.35rem 0.75rem;
    border-radius: 0.25rem;
    margin-block-end: 0.25rem;
}

.form-select option:last-child {
    margin-block-end: 0;
}

.form-select option:checked {
    background-color: rgba(var(var(--primary)), 0.2);
    color: var(--primary);
}

.form-select option:select {
    background-color: rgba(var(var(--primary)), 0.2);
    color: var(--primary);
}

.form-select option:hover {
    background-color: rgba(var(var(--primary)), 0.2);
    color: var(--primary);
}

.form-select option:focus {
    background-color: rgba(var(var(--primary)), 0.2);
    color: var(--primary);
}

.form-check-input {
    width: 0.9rem;
    height: 0.9rem;
    background-color: var(--white);
    border: 1px solid var(--gray-200);
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

.form-check-input.form-checked-outline:checked {
    background-color: transparent;
    border-color: var(--primary);
}

.form-check-input.form-checked-secondary:checked {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.form-check-input.form-checked-warning:checked {
    background-color: var(--warning);
    border-color: var(--warning);
}

.form-check-input.form-checked-info:checked {
    background-color: var(--info);
    border-color: var(--info);
}

.form-check-input.form-checked-success:checked {
    background-color: var(--success);
    border-color: var(--success);
}

.form-check-input.form-checked-danger:checked {
    background-color: var(--danger);
    border-color: var(--danger);
}

.form-check-input.form-checked-light:checked {
    background-color: var(--light);
    border-color: var(--light);
}

.form-check-input.form-checked-dark:checked {
    background-color: var(--dark);
    border-color: var(--dark);
}

.form-check-input:focus {
    box-shadow: none;
}

.form-checked-outline:checked[type="checkbox"] {
    background-image: none;
    position: relative;
    background-color: transparent;
}

.form-checked-outline:checked[type="checkbox"]:before {
    content: "\f633";
    font-family: bootstrap-icons !important;
    position: absolute;
    color: var(--primary);
    width: 0.625rem;
    height: 0.625rem;
    inset-block-start: -1px;
    inset-inline-start: 0;
    font-size: 0.688rem;
}

.form-checked-outline:checked[type="checkbox"].form-checked-secondary:before {
    color: var(--secondary);
}

.form-checked-outline:checked[type="checkbox"].form-checked-warning:before {
    color: var(--warning);
}

.form-checked-outline:checked[type="checkbox"].form-checked-info:before {
    color: var(--info);
}

.form-checked-outline:checked[type="checkbox"].form-checked-success:before {
    color: var(--success);
}

.form-checked-outline:checked[type="checkbox"].form-checked-danger:before {
    color: var(--danger);
}

.form-checked-outline:checked[type="checkbox"].form-checked-light:before {
    color: var(--light);
}

.form-checked-outline:checked[type="checkbox"].form-checked-dark:before {
    color: var(--dark);
}

.form-checked-outline:checked[type="radio"] {
    background-image: none;
    position: relative;
    background-color: transparent;
}

.form-checked-outline:checked[type="radio"]:before {
    content: "\f309";
    font-family: bootstrap-icons !important;
    position: absolute;
    color: var(--primary);
    width: 0.625rem;
    height: 0.625rem;
    inset-block-start: -1.13rem;
    inset-inline-start: -0.6rem;
    font-size: 2rem;
}

.form-checked-outline:checked[type="radio"].form-checked-secondary:before {
    color: var(--secondary);
}

.form-checked-outline:checked[type="radio"].form-checked-warning:before {
    color: var(--warning);
}

.form-checked-outline:checked[type="radio"].form-checked-info:before {
    color: var(--info);
}

.form-checked-outline:checked[type="radio"].form-checked-success:before {
    color: var(--success);
}

.form-checked-outline:checked[type="radio"].form-checked-danger:before {
    color: var(--danger);
}

.form-checked-outline:checked[type="radio"].form-checked-light:before {
    color: var(--light);
}

.form-checked-outline:checked[type="radio"].form-checked-dark:before {
    color: var(--dark);
}

fieldset:disabled .btn {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.form-select:focus {
    border-color: rgba(var(var(--primary)), 0.5);
    outline: 0;
    box-shadow: none;
}

.btn-check:focus+.btn,
.btn:focus {
    background-color: none;
    border-color: none;
    outline: 0;
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: none;
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--light);
    color: var(--gray-600);
}

.form-control-plaintext {
    color: var(--gray-600);
}

.form-control::-webkit-file-upload-button {
    color: var(--gray-600);
    background-color: #fff;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #fff;
}

.form-control:focus {
    color: var(--gray-900);
}

.form-control:focus::-webkit-input-placeholder,
.form-control:focus::placeholder {
    color: var(--gray-300);
    padding-inline-start: 0;
    transition: padding-inline-start 0.1s ease-in;
}

.form-control::-webkit-input-placeholder {
    color: var(--gray-300);
    padding-inline-start: 0;
    transition: padding-inline-start 0.1s ease-in;
}

.form-control:-moz-placeholder {
    color: var(--gray-300);
}

.form-control::-moz-placeholder {
    color: var(--gray-300);
}

.form-control:-ms-input-placeholder {
    color: var(--gray-300);
}

.form-control-sm {
    font-size: 0.8rem;
    padding: 0.25rem 0.8rem;
    height: auto;
}

.form-control-lg {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

.form-check-md .form-check-input {
    width: 1.15rem;
    height: 1.15rem;
}

.form-check-md.form-switch .form-check-input {
    width: 2.25rem;
}

.form-check-md label {
    margin-inline-start: 0.5rem;
    font-size: 0.95rem;
    margin-block-start: 3px;
}

.form-check-lg .form-check-input {
    width: 1.35rem;
    height: 1.35rem;
}

.form-check-lg.form-switch .form-check-input {
    width: 2.5rem;
}

.form-check-lg label {
    margin-inline-start: 0.5rem;
    font-size: 1rem;
    margin-block-start: 3px;
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent !important;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem - 4px);
}

.form-floating.floating-primary label {
    color: var(--primary);
    opacity: 1;
}

.form-floating.floating-primary input {
    border: 1px solid var(--primary);
}

.form-floating.floating-primary>.form-control:focus~label {
    color: var(--primary) !important;
}

.form-floating.floating-secondary label {
    color: var(--secondary);
    opacity: 1;
}

.form-floating.floating-secondary input {
    border: 1px solid var(--secondary);
}

.form-floating.floating-secondary>.form-control:focus~label {
    color: var(--secondary) !important;
}

.form-floating.floating-warning label {
    color: var(--warning);
    opacity: 1;
}

.form-floating.floating-warning input {
    border: 1px solid var(--warning);
}

.form-floating.floating-warning>.form-control:focus~label {
    color: var(--warning) !important;
}

.form-floating.floating-info label {
    color: var(--info);
    opacity: 1;
}

.form-floating.floating-info input {
    border: 1px solid var(--info);
}

.form-floating.floating-info>.form-control:focus~label {
    color: var(--info) !important;
}

.form-floating.floating-success label {
    color: var(--success);
    opacity: 1;
}

.form-floating.floating-success input {
    border: 1px solid var(--success);
}

.form-floating.floating-success>.form-control:focus~label {
    color: var(--success) !important;
}

.form-floating.floating-danger label {
    color: var(--danger);
    opacity: 1;
}

.form-floating.floating-danger input {
    border: 1px solid var(--danger);
}

.form-floating.floating-danger>.form-control:focus~label {
    color: var(--danger) !important;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    background-color: var(--white);
    border-radius: 6px;
}

.form-control.is-valid:focus {
    border-color: var(--success);
    box-shadow: none;
}

.form-control.is-valid {
    border-color: var(--success);
}

.form-control-color {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    padding: 0;
}

.bootstrap-tagsinput {
    border-color: var(--gray-200);
    color: var(--gray-600);
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    padding: 0.45rem 0.625rem;
    box-shadow: none;
    overflow-y: auto;
    width: 100%;
}

.bootstrap-tagsinput input::placeholder {
    font-size: 12px;
}

.bootstrap-tagsinput .tag {
    background: var(--gray-transparent);
    border-radius: 5px;
    padding: 0 5px;
    font-size: 10px;
    color: var(--dark);
    display: inline-flex;
    align-items: center;
}

.bootstrap-tagsinput .tag span::after {
    color: var(--gray-900);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: none;
}

[dir="rtl"] [type="email"],
[dir="rtl"] [type="number"],
[dir="rtl"] [type="tel"],
[dir="rtl"] [type="url"] {
    direction: rtl;
}

.form-select.is-invalid:not([multiple]):not([size]) {
    padding-right: 1.125rem;
    background-size:
        16px 28px,
        calc(0.75em+0.375rem) calc(0.75em+0.375rem);
}

input[type="range"]::-webkit-slider-runnable-track {
    background-color: var(--light);
}

[dir="rtl"] .form-checked-outline:checked[type="checkbox"]:before {
    inset-inline-start: 1px;
}

.form-check {
    min-height: inherit !important;
}

.col-form-label-lg,
.col-form-label-sm,
.col-form-label {
    font-weight: 600;
}

.col-form-label {
    font-size: 15px;
    font-weight: 500;
    color: var(--gray-900);
}

.form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-900);
}

[dir="rtl"] input[type="week"],
[dir="rtl"] input[type="month"],
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="datetime-local"],
[dir="rtl"] input[type="time"] {
    text-align: end;
}

.form-help {
    display: inline-flex;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.75rem;
    color: var(--white);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    background: var(--secondary);
    border-radius: 4px;
}

.form-help:hover,
.form-help[aria-describedby] {
    color: var(--white);
    background: var(--primary);
}

.check {
    display: block;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.status-toggle.modal-status label {
    height: 16px;
    width: 30px;
    background-color: var(--white);
    border: 1px solid var(--light-900);
    margin-bottom: 0;
}

.input-group-text {
    background-color: var(--white);
    padding: 2px 10px;
    border-color: var(--gray-200);
}

.input-group .input-group-text {
    min-height: 38px;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

kbd {
    background-color: var(--gray-transparent);
    font-size: 10px;
    font-weight: 500;
    padding: 4px;
    color: var(--gray-500);
    padding: 2px 3px;
}

.form-wrap .form-wrap-icon {
    position: relative;
}

.form-wrap .form-wrap-icon i {
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.toggle-password {
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: var(--gray-900);
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
}

.toggle-password:hover {
    color: var(--primary);
}

.form-wrap-checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}

.form-wrap-checkbox .check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: var(--gray-900);
    margin-bottom: 0;
}

.form-wrap-checkbox .check input {
    display: none;
}

.form-wrap-checkbox .check input:checked+.box {
    background: var(--secondary);
}

.form-wrap-checkbox .check input:checked+.box:after {
    top: 0;
}

.form-wrap-checkbox .check .box {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 8px;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    background: var(--light-200);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--light-900);
    border-radius: 12px;
}

.form-wrap-checkbox .check .box:after {
    width: 12px;
    height: 6px;
    content: "";
    position: absolute;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--white);
    transform: rotate(-45deg) translate3d(0, 0, 0);
    transform-origin: center center;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    left: 0;
    right: 0;
    top: 200%;
    bottom: 3px;
    margin: auto;
}

.form-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 35px;
}

.form-sort span.select2-container.select2-container--default.select2-container--open {
    z-index: 99;
}

.form-sort {
    position: relative;
    width: 149px;
    height: 40px;
}

.form-sort .info-img {
    position: absolute;
    top: 52%;
    z-index: 100;
    width: 16px;
    height: 16px;
    left: 0;
    margin-left: 10px;
    color: var(--gray-600);
    transform: translateY(-50%);
    line-height: normal;
}

@media (max-width: 575.98px) {
    .form-sort {
        margin-top: 24px;
    }
}

.form-custom {
    position: relative;
}

.form-custom i {
    color: var(--danger);
    position: absolute;
    top: 35%;
    right: 15px;
}

.form-focus {
    height: 50px;

    position: relative;
}

.form-focus .focus-label {
    font-size: 14px;
    font-weight: 400;
    pointer-events: none;
    transform: translate3d(0, 22px, 0) scale(1);
    -webkit-transform: translate3d(0, 22px, 0) scale(1);
    -ms-transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transition: 240ms;
    -ms-transition: 240ms;
    transition: 240ms;
    z-index: 1;
    color: #b8b8b8;
    margin-bottom: 0;
    position: absolute;
    top: -8px;
    left: 12px;
}

.form-focus.focused .focus-label {
    opacity: 1;
    top: -18px;
    font-size: 12px;
    z-index: 1;
}

.form-focus.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}

.form-focus .form-control {
    height: 50px;
    padding: 21px 12px 6px;
}

.form-focus .form-control:focus~.focus-label,
.form-focus .form-control:-webkit-autofill~.focus-label {
    opacity: 1;
    font-weight: 400;
    top: -18px;
    font-size: 12px;
    z-index: 1;
}

.form-focus .form-control::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: 240ms;
    -ms-transition: 240ms;
    transition: 240ms;
}

.form-focus .form-control:focus::-webkit-input-placeholder {
    transition: none;
}

.form-focus.select-focus .focus-label {
    opacity: 1;
    font-weight: 300;
    top: -20px;
    font-size: 12px;
    z-index: 1;
}

.form-focus .select2-container .select2-selection--single {
    border: 1px solid var(--gray-200);
    height: 50px;
}

.form-focus .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
    padding-left: 15px;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 7px;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--gray-200) transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    height: 0;
    margin-left: -10px;
    margin-top: -2px;
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #676767;
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
}

.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--gray-200);
    border-width: 0 6px 6px;
}

.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}

.badge.badge-success {
    background: #04bd6c;
    color: var(--white);
}

.badge.badge-info {
    background: #110efd;
    color: var(--white);
}

.badge.badge-danger {
    background: red;
    color: var(--white);
}

.badge {
    padding: 0.25rem 0.45rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 6px;
}

.avatar {
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: var(--white);
    font-weight: 500;
}

.avatar a.badge:hover {
    color: var(--white);
}

.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.avatar.avatar-rounded {
    border-radius: 50%;
}

.avatar.avatar-rounded img {
    border-radius: 50%;
}

.avatar.online:before,
.avatar.offline:before {
    position: absolute;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    inset-inline-end: 0;
    inset-block-end: 0;
    border: 2px solid var(--white) !important;
    z-index: 1;
}

.avatar.online:before {
    background-color: var(--success);
}

.avatar.offline:before {
    background-color: var(--gray-500);
}

.avatar.avatar-lg {
    width: 2.813rem;
    height: 2.813rem;
    line-height: 2.813rem;
    font-size: 1rem;
}

.avatar.avatar-lg.online:before,
.avatar.avatar-lg.offline:before {
    width: 0.8rem;
    height: 0.8rem;
}

.avatar.avatar-lg svg {
    width: 1.8rem;
    height: 1.8rem;
}

.avatar.avatar-xl {
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1.25rem;
}

.avatar.avatar-xl.online:before,
.avatar.avatar-xl.offline:before {
    width: 0.95rem;
    height: 0.95rem;
}

.avatar-list-stacked {
    padding: 0;
}

.avatar-list-stacked.avatar-group-lg .avatar {
    width: 2.813rem;
    height: 2.813rem;
}

.avatar-list-stacked .avatar {
    margin-inline-end: -1.5rem !important;
    vertical-align: middle;
    transition: transform ease 200ms;
}

.avatar-list-stacked .avatar:last-child {
    margin-inline-end: 0 !important;
}

.avatar-list-stacked .avatar:hover {
    z-index: 1;
    transform: translateY(-0.188rem);
}

.avatar.avatar-xl.border.online::before {
    width: 10px;
    height: 10px;
    inset-inline-end: 5px;
}

table.table {
    color: var(--gray-900);
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}

table.table thead {
    border-bottom: 1px solid var(--gray-200);
}

table.table thead tr th {
    border-bottom: 1px solid var(--gray-200);
    background: var(--gray-100);
    color: var(--gray-900);
    font-size: 14px;
    padding: 8px 12px;
}

table.table tbody tr {
    text-align: center;
    border-bottom: 1px solid var(--gray-200);
}

table.table tbody tr:last-child {
    border-color: transparent;
}

table.table tbody tr td {
    color: var(--gray-600);
    font-size: 14px;
    padding: 12px 12px;
    color: var(--gray-600);
}

table.table>tbody>tr>th {
    border-top: 0;
    padding: 10px 8px;
}

table.table>tbody>tr td {
    font-size: 15px;
    color: var(--gray-600) !important;
}

table.table .dataTable {
    border-collapse: collapse !important;
}

table .table-striped thead tr {
    border-color: transparent;
}

table .table-striped tbody tr {
    border-color: transparent;
}

table .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.3);
}

table .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(235, 235, 235, 0.4);
}

table .table-striped>tbody>tr:nth-of-type(2n + 1) {
    background-color: #f8f9fa;
}

table .table-bordered {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

table .table-bordered th,
table .table-bordered td {
    border-color: rgba(0, 0, 0, 0.05);
}

table.table td h2 {
    display: inline-block;
    font-size: inherit;
    font-weight: regular;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

table.table td h2 a {
    color: var(--gray-900);
}

table.table td h2 a:hover {
    color: var(--primary-hover);
}

table.table td h2 span {
    color: #888;
    display: block;
    font-size: 12px;
    margin-top: 3px;
}

table .table-hover tbody tr:hover {
    background-color: #f7f7f7;
}

table .table-hover tbody tr:hover td {
    color: var(--gray-900);
}

.table-hover tbody tr:hover {
    background: var(--gray-transparent);
}

.table-hover tbody tr:hover td {
    color: var(--gray-900);
}

.card-table card-body {
    padding: 0;
}

.card-table card-body .table>thead>tr>th {
    border-top: 0;
}

.card-table card-body .table tr th,
.card-table card-body .table tr td {
    border-top: 1px solid var(--gray-200);
    padding: 1rem 0.75rem;
    white-space: nowrap;
}

.card-table card-body .table tr th:first-child,
.card-table card-body .table tr td:first-child {
    padding-left: 1.5rem;
}

.card-table card-body .table tr th:last-child,
.card-table card-body .table tr td:last-child {
    padding-right: 1.5rem;
}

.card-table .card-body {
    padding: 0;
}

.card-table .card-body .table>thead>tr>th {
    border-top: 0;
}

.card-table .card-body .table tr th,
.card-table .card-body .table tr td {
    border-top: 1px solid var(--gray-200);
    white-space: nowrap;
    padding: 1rem 0.75rem;
}

.card-table .card-body .table tr th:first-child,
.card-table .card-body .table tr td:first-child {
    padding-left: 1.5rem;
}

.card-table .card-body .table tr th:last-child,
.card-table .card-body .table tr td:last-child {
    padding-right: 1.5rem;
}

.table .form-control {
    font-size: 14px;
    min-height: 38px;
}

.nav-tabs {
    border-bottom: 1px solid #f0f0f0;
}

@media (max-width: 767.98px) {
    .nav-tabs {
        border-bottom: 0;
        position: relative;
        background-color: var(--white);
        border: 1px solid var(--gray-200);
        padding: 5px 0;
        border-radius: 3px;
    }
}

.nav-tabs>li>a {
    margin-right: 0;
    color: #888;
    border-radius: 3px;
}

@media (max-width: 767.98px) {
    .nav-tabs>li>a {
        border-width: 2px;
        border-left-color: transparent;
    }
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    border-color: transparent;
    color: #272b41;
}

@media (max-width: 767.98px) {

    .nav-tabs>li>a:hover,
    .nav-tabs>li>a:focus {
        background-color: #fafafa;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs>li>a.active {
        border-color: transparent transparent transparent var(--primary) !important;
        border-left-width: 2px;
    }
}

.nav-tabs>li.open:not(.active)>a,
.nav-tabs>li.open:not(.active)>a:hover,
.nav-tabs>li.open:not(.active)>a:focus {
    background-color: #fafafa;
}

@media (max-width: 767.98px) {
    .nav-tabs .nav-item {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs .nav-item.show .nav-link {
        border-color: transparent transparent transparent var(--primary) !important;
        border-left-width: 2px;
    }
}

.nav-tabs .nav-link {
    border-radius: 0;
}

@media (max-width: 767.98px) {
    .nav-tabs .nav-link {
        border-width: 2px;
    }
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    background-color: #eee;
    border-color: transparent;
    color: #272b41;
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-justified {
        border-bottom: 1px solid var(--gray-200);
    }
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 0;
    border-radius: 0;
}

.nav-tabs.nav-justified>li>a:hover,
.nav-tabs.nav-justified>li>a:focus {
    border-bottom-color: var(--gray-200);
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-justified>li>a.active {
        border-color: transparent transparent transparent var(--primary);
        border-left-width: 2px !important;
    }
}

.nav-tabs.nav-justified.nav-tabs-solid>li>a {
    color: #272b41;
}

.nav-tabs.nav-justified.nav-tabs-top {
    border-bottom: 1px solid var(--gray-200);
}

.nav-tabs.nav-justified.nav-tabs-top>li>a,
.nav-tabs.nav-justified.nav-tabs-top>li>a:hover,
.nav-tabs.nav-justified.nav-tabs-top>li>a:focus {
    border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li {
    margin-bottom: 0;
}

.nav-tabs.nav-tabs-top>li>a {
    border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li>a.open {
    border-top-color: var(--gray-200);
}

.nav-tabs.nav-tabs-top>li>a:hover,
.nav-tabs.nav-tabs-top>li>a:focus {
    border-width: 2px 0 0 0;
    border-top-color: var(--gray-200);
}

.nav-tabs.nav-tabs-top>li>a.active,
.nav-tabs.nav-tabs-top>li>a.active:hover,
.nav-tabs.nav-tabs-top>li>a.active:focus {
    border-top-color: var(--primary);
}

.nav-tabs.nav-tabs-top>li+li>a {
    margin-left: 1px;
}

.nav-tabs.nav-tabs-bottom>li>a.active,
.nav-tabs.nav-tabs-bottom>li>a.active:hover,
.nav-tabs.nav-tabs-bottom>li>a.active:focus {
    border-bottom-width: 2px;
    border-color: transparent;
    border-bottom-color: var(--primary);
    background-color: transparent;
    -webkit-transition: none 0 ease 0;
    -ms-transition: none 0 ease 0;
    transition: none 0 ease 0;
}

@media (max-width: 767.98px) {

    .nav-tabs.nav-tabs-bottom>li>a.active,
    .nav-tabs.nav-tabs-bottom>li>a.active:hover,
    .nav-tabs.nav-tabs-bottom>li>a.active:focus {
        background-color: #f5f5f5;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs .nav-tabs-justified {
        border-bottom: 1px solid var(--gray-200);
    }
}

.nav-tabs .nav-tabs-justified>li>a {
    border-radius: 0;
    margin-bottom: 0;
}

.nav-tabs .nav-tabs-justified>li>a:hover,
.nav-tabs .nav-tabs-justified>li>a:focus {
    border-bottom-color: var(--gray-200);
}

.nav-tabs .nav-tabs-justified>li>a.active,
.nav-tabs .nav-tabs-justified>li>a.active:focus,
.nav-tabs .nav-tabs-justified>li>a.active:hover {
    border-width: 0 0 0 2px;
    border-left-color: var(--primary);
}

.nav-tabs .nav-tabs-justified.nav-tabs-solid>li>a {
    border-color: transparent;
}

.nav-tabs .nav-tabs-justified.nav-tabs-top {
    border-bottom: 1px solid var(--gray-200);
}

.nav-tabs .nav-tabs-justified.nav-tabs-top>li a,
.nav-tabs .nav-tabs-justified.nav-tabs-top>li a:hover,
.nav-tabs .nav-tabs-justified.nav-tabs-top>li a:focus {
    border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-solid {
    background-color: #fafafa;
    border: 0;
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-tabs-solid {
        padding: 5px;
    }
}

.nav-tabs.nav-tabs-solid>li {
    margin-bottom: 0;
}

.nav-tabs.nav-tabs-solid>li a {
    color: #272b41;
}

.nav-tabs.nav-tabs-solid>li a.active,
.nav-tabs.nav-tabs-solid>li a.active:hover,
.nav-tabs.nav-tabs-solid>li a.active:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.nav-tabs.nav-tabs-solid>li>a {
    border-color: transparent;
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-tabs-solid>li>a {
        border-left-width: 0 !important;
    }
}

.nav-tabs.nav-tabs-solid>li>a:hover,
.nav-tabs.nav-tabs-solid>li>a:focus {
    background-color: #f5f5f5;
}

.nav-tabs.nav-tabs-solid>li>a.active,
.nav-tabs.nav-tabs-solid>li>a.active:hover,
.nav-tabs.nav-tabs-solid>li>a.active:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.nav-tabs.nav-tabs-solid .active>a,
.nav-tabs.nav-tabs-solid .active a:hover,
.nav-tabs.nav-tabs-solid .active a:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
    border-radius: 50px;
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-tabs-solid.nav-tabs-rounded {
        border-radius: 5px;
    }
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a {
    border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus {
    border-radius: 50px;
}

@media (max-width: 767.98px) {

    .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,
    .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,
    .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus {
        border-color: transparent transparent transparent var(--primary) !important;
        border-left-width: 2px;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-tabs-solid.nav-tabs-rounded {
        border-radius: 5px;
    }
}

.nav-tabs.nav-tabs-solid>.open:not(.active)>a {
    background-color: #f5f5f5;
    border-color: transparent;
}

@media (max-width: 767.98px) {
    .nav-tabs .nav-link.active {
        border-color: transparent transparent transparent var(--primary) !important;
        border-left-width: 2px;
    }
}

.tab-content {
    padding-top: 20px;
}

.card-header-tabs {
    border-bottom: 0;
}

.btn.focus,
.btn:focus {
    box-shadow: unset;
}

.btn.btn-rounded {
    border-radius: 50px;
}

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

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: var(--primary-hover) !important;
}

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

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: var(--success-hover) !important;
}

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

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: var(--info-hover) !important;
}

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

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: var(--warning-hover) !important;
}

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

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: var(--danger-hover) !important;
}

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

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

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

.dropdown-menu li>a.text-primary {
    color: var(--primary) !important;
}

.dropdown-menu li>a.text-success {
    color: var(--success-hover) !important;
}

.dropdown-menu li>a.text-danger {
    color: var(--danger) !important;
}

.dropdown-menu li>a.text-info {
    color: var(--info) !important;
}

.dropdown-menu li>a.text-warning {
    color: var(--warning) !important;
}

.dropdown-menu li>a.text-purple {
    color: var(--purple) !important;
}

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

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

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

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

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

.text-muted {
    color: #757575 !important;
}

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

.btn-primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary:focus .open>.dropdown-toggle.btn-primary,
.btn-primary:hover .open>.dropdown-toggle.btn-primary,
.btn-primary:active .open>.dropdown-toggle.btn-primary,
.btn-primary.active .open>.dropdown-toggle.btn-primary {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
}

.btn-primary.active.focus .open>.dropdown-toggle.btn-primary.focus,
.btn-primary.active.focus .open>.dropdown-toggle.btn-primary:focus,
.btn-primary.active.focus .open>.dropdown-toggle.btn-primary:hover,
.btn-primary.active:focus .open>.dropdown-toggle.btn-primary.focus,
.btn-primary.active:focus .open>.dropdown-toggle.btn-primary:focus,
.btn-primary.active:focus .open>.dropdown-toggle.btn-primary:hover,
.btn-primary.active:hover .open>.dropdown-toggle.btn-primary.focus,
.btn-primary.active:hover .open>.dropdown-toggle.btn-primary:focus,
.btn-primary.active:hover .open>.dropdown-toggle.btn-primary:hover,
.btn-primary .focus.focus .open>.dropdown-toggle.btn-primary.focus,
.btn-primary .focus.focus .open>.dropdown-toggle.btn-primary:focus,
.btn-primary .focus.focus .open>.dropdown-toggle.btn-primary:hover,
.btn-primary .focus:focus .open>.dropdown-toggle.btn-primary.focus,
.btn-primary .focus:focus .open>.dropdown-toggle.btn-primary:focus,
.btn-primary .focus:focus .open>.dropdown-toggle.btn-primary:hover,
.btn-primary .focus:hover .open>.dropdown-toggle.btn-primary.focus,
.btn-primary .focus:hover .open>.dropdown-toggle.btn-primary:focus,
.btn-primary .focus:hover .open>.dropdown-toggle.btn-primary:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
}

.btn-primary:active:focus,
.btn-primary:active:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
}

.btn-primary .active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled) {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: #fff;
}

.btn-primary .active:focus:not(:disabled):not(.disabled),
.btn-primary:active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
}

.btn-primary .show>.btn-primary.dropdown-toggle {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: #fff;
}

.btn-primary .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.btn-secondary.active:focus :not(:disabled):not(.disabled),
.btn-secondary:active:focus :not(:disabled):not(.disabled) {
    box-shadow: unset;
}

.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: unset;
}

.show>.btn-success.dropdown-toggle {
    background-color: var(--success-hover);
    border-color: var(--success-hover);
    color: #fff;
}

.show>.btn-success.dropdown-toggle:focus {
    box-shadow: unset;
}

.show>.btn-info.dropdown-toggle {
    background-color: var(--info-hover);
    border-color: var(--info-hover);
    color: #fff;
}

.show>.btn-info.dropdown-toggle:focus {
    box-shadow: unset;
}

.show>.btn-warning.dropdown-toggle {
    background-color: var(--warning-hover);
    border-color: var(--warning-hover);
    color: #fff;
}

.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: unset;
}

.show>.btn-danger.dropdown-toggle {
    background-color: var(--danger-hover);
    border-color: var(--danger-hover);
    color: #fff;
}

.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: unset;
}

.show>.btn-light.dropdown-toggle:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: unset;
}

.show>.btn-outline-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
}

.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.show>.btn-outline-success.dropdown-toggle {
    background-color: var(--success);
    border-color: var(--success);
}

.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: none;
}

.show>.btn-outline-info.dropdown-toggle {
    background-color: var(--info);
    border-color: var(--info);
}

.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: none;
}

.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
}

.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: none;
}

.show>.btn-outline-danger.dropdown-toggle {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
}

.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-success {
    background-color: var(--success);
    border: 1px solid var(--success);
}

.btn-success:hover,
.btn-success:focus .btn-success.active,
.btn-success:active {
    background-color: var(--success-hover);
    border: 1px solid var(--success-hover);
    color: #fff;
}

.btn-success .open>.dropdown-toggle.btn-success {
    background-color: var(--success-hover);
    border: 1px solid var(--success-hover);
    color: #fff;
}

.btn-success .open>.dropdown-toggle.btn-success.focus,
.btn-success .open>.dropdown-toggle.btn-success:hover,
.btn-success .open>.dropdown-toggle.btn-success:focus {
    background-color: var(--success-hover);
    border: 1px solid var(--success-hover);
}

.btn-success.active:focus,
.btn-success.active.focus,
.btn-success.active:hover,
.btn-success.focus,
.btn-success:active:focus,
.btn-success:active:hover {
    background-color: var(--success-hover);
    border: 1px solid var(--success-hover);
}

.btn-success.active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled) {
    background-color: var(--success-hover);
    border-color: var(--success-hover);
    color: #fff;
}

.btn-success.active:focus:not(:disabled):not(.disabled),
.btn-success:active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: var(--success);
    border-color: var(--success);
    color: #fff;
}

.btn-info {
    background-color: var(--info);
    border: 1px solid var(--info);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: var(--info-hover);
    border: 1px solid var(--info-hover);
}

.btn-info.active:focus,
.btn-info.active.focus,
.btn-info.active:hover,
.btn-info.focus,
.btn-info:active:focus,
.btn-info:active:hover {
    background-color: var(--info-hover);
    border: 1px solid var(--info-hover);
}

.btn-info.active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled) {
    background-color: var(--info-hover);
    border-color: var(--info-hover);
    color: #fff;
}

.btn-info.active:not(:disabled):not(.disabled):focus,
.btn-info:active:not(:disabled):not(.disabled):focus {
    box-shadow: unset;
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: var(--info);
    border-color: var(--info);
    color: #fff;
}

.btn-warning {
    background-color: var(--warning);
    border: 1px solid var(--warning);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    background-color: var(--warning-hover);
    border: 1px solid var(--warning-hover);
}

.btn-warning.active:focus,
.btn-warning.active.focus,
.btn-warning.active:hover,
.btn-warning.focus,
.btn-warning:active:focus,
.btn-warning:active:hover {
    background-color: var(--warning-hover);
    border: 1px solid var(--warning-hover);
}

.btn-warning.active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled) {
    background-color: var(--warning-hover);
    border-color: var(--warning-hover);
    color: #fff;
}

.btn-warning.active:not(:disabled):not(.disabled):focus,
.btn-warning:active:not(:disabled):not(.disabled):focus {
    box-shadow: unset;
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: var(--warning);
    border-color: var(--warning);
    color: #fff;
}

.btn-danger {
    background-color: var(--danger);
    border: 1px solid var(--danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: var(--danger-hover);
    border: 1px solid var(--danger-hover);
}

.btn-danger.active:focus,
.btn-danger.active.focus,
.btn-danger.active:hover,
.btn-danger.focus,
.btn-danger:active:focus,
.btn-danger:active:hover {
    background-color: var(--danger-hover);
    border: 1px solid var(--danger-hover);
}

.btn-danger.active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled) {
    background-color: var(--danger-hover);
    border-color: var(--danger-hover);
    color: #fff;
}

.btn-danger.active:not(:disabled):not(.disabled):focus,
.btn-danger:active:not(:disabled):not(.disabled):focus {
    box-shadow: unset;
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: var(--danger);
    border-color: var(--danger);
    color: #fff;
}

.open>.dropdown-toggle.btn-info {
    background-color: var(--info-hover);
    border: 1px solid var(--info-hover);
}

.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    background-color: var(--info-hover);
    border: 1px solid var(--info-hover);
}

.open>.dropdown-toggle.btn-warning {
    background-color: var(--warning-hover);
    border: 1px solid var(--warning-hover);
}

.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
    background-color: var(--warning-hover);
    border: 1px solid var(--warning-hover);
}

.open>.dropdown-toggle.btn-danger {
    background-color: var(--danger-hover);
    border: 1px solid var(--danger-hover);
}

.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    background-color: var(--danger-hover);
    border: 1px solid var(--danger-hover);
}

.btn-light.active:focus:not(:disabled):not(.disabled),
.btn-light:active:focus:not(:disabled):not(.disabled),
.btn-dark.active:focus:not(:disabled):not(.disabled),
.btn-dark:active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    background-color: #20c0f3;
    border-color: #20c0f3;
}

.pagination>li>a,
.pagination>li>span {
    color: #20c0f3;
}

.page-link:hover {
    color: #20c0f3;
}

.page-link:focus {
    box-shadow: unset;
}

.page-item.active .page-link {
    background-color: #20c0f3;
    border-color: #20c0f3;
}

.dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inherit;
    font-size: 14px;
    border-radius: 3px;
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #0de0fe;
}

.navbar-nav__.open--.dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #20c0f3;
    text-shadow: unset;
}

.bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #20c0f3;
}

.bg-info-light {
    background-color: #e3edff !important;
    color: var(--info) !important;
}

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

.bg-danger-light {
    background-color: #ffede9 !important;
    color: var(--danger) !important;
}

.bg-warning-light {
    background-color: #fffaee !important;
    color: var(--warning) !important;
}

.bg-success-light {
    background-color: #edf9f0 !important;
    color: var(--success) !important;
}

.text-xs {
    font-size: 12px !important;
}

.text-sm {
    font-size: 14px !important;
}

.text-lg {
    font-size: 20px !important;
}

.text-xl {
    font-size: 24px !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--white);
}

.avatar {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
}

.avatar>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.avatar .border {
    border-width: 3px !important;
}

.avatar .rounded {
    border-radius: 6px !important;
}

.avatar-lg {
    width: 3.75rem;
    height: 3.75rem;
}

.avatar-lg .border {
    border-width: 3px !important;
}

.avatar-lg .rounded {
    border-radius: 8px !important;
}

.avatar-xl {
    width: 5rem;
    height: 5rem;
}

.avatar-xl .border {
    border-width: 4px !important;
}

.avatar-xl .rounded {
    border-radius: 8px !important;
}

.breadcrumb-bar {
    background-color: var(--light-200);
    padding: 40px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .breadcrumb-bar {
        padding: 76px 0 20px;
    }
}

.breadcrumb-bar .breadcrumb-title {
    color: var(--gray-900);
    font-size: 36px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .breadcrumb-bar .breadcrumb-title {
        font-size: 30px;
    }
}

@media (max-width: 767.98px) {
    .breadcrumb-bar .breadcrumb-title {
        font-size: 24px;
    }
}

.breadcrumb-bar .page-breadcrumb ol {
    background-color: transparent;
    font-size: 16px;
    margin-bottom: 5px;
    justify-content: center;
}

.breadcrumb-bar .page-breadcrumb ol li {
    color: var(--gray-600);
}

.breadcrumb-bar .page-breadcrumb ol li.active {
    color: var(--gray-900);
}

.breadcrumb-bar .page-breadcrumb ol li a {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.breadcrumb-bar .page-breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 10px;
}

.breadcrumb-bar .page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: var(--gray-600);
    font-size: 14px;
    content: "\f054";
    font-family: "Fontawesome";
    padding-right: 10px;
}

#loader {
    background-color: #fff;
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.loader {
    display: inline-block;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.loader span {
    -webkit-animation: loader 1.3s linear infinite;
    animation: loader 1.3s linear infinite;
    background-color: #20c0f3;
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    position: absolute;
    width: 50px;
}

.loader span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

@keyframes loader {
    0% {
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

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

.content {
    min-height: 200px;
    padding: 60px 0 36px;
}

@media (max-width: 991.98px) {
    .content {
        padding: 40px 0 16px;
    }
}

.content h4 {
    font-size: 18px;
    font-weight: 500;
}

.card {
    border: 1px solid var(--gray-200);
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    margin-bottom: 24px;
    color: inherit;
    border-radius: 10px;
}

.card .card-header {
    background-color: var(--white);
    border-bottom: 1px solid var(--gray-200);
}

@media (max-width: 575.98px) {
    .card .card-header {
        padding: 0.75rem 1.25rem;
    }
}

.card .card-header .card-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--gray-900);
    margin-bottom: 0;
}

.card-body {
    padding: 15px;
}

.card-title {
    margin-bottom: 15px;
}

.card-header {
    border-bottom: 1px solid var(--gray-200);
    padding: 1rem 1.5rem;
}

@media (max-width: 575.98px) {
    .card-header {
        padding: 0.75rem 1.25rem;
    }
}

.card-footer {
    background-color: #fff;
    border-top: 1px solid var(--gray-200);
    padding: 1rem 1.5rem;
}

@media (max-width: 575.98px) {
    .card-footer {
        padding: 0.75rem 1.25rem;
    }
}

.custom-modal .modal-content {
    border: 0;
    border-radius: 10px;
}

.custom-modal .modal-content .modal-header {
    padding: 1.25rem;
}

.custom-modal .modal-content .modal-header .modal-title {
    font-size: 20px;
}

@media (max-width: 575.98px) {
    .custom-modal .modal-content .modal-header .modal-title {
        font-size: 18px;
    }
}

.custom-modal .close {
    background-color: #a0a0a0;
    color: #fff;
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    opacity: 1;
    width: 20px;
    z-index: 99;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 26px;
    right: 20px;
}

.custom-modal .modal-body {
    padding: 1.25rem;
}

.custom-modal .modal-footer {
    padding: 1.25rem;
}

.custom-modal .modal-footer .btn-outline {
    margin: 0.25rem auto;
}

.custom-medicalrecord-modal .modal-content .modal-header {
    border-color: #e5e5e5;
    margin: 1.5rem 1.5rem 0 1.5rem;
    padding: 0 0 1rem;
}

.custom-medicalrecord-modal .modal-content .form-control,
.custom-medicalrecord-modal .modal-content .bootstrap-tagsinput {
    background-color: #f5f5f7;
    border-color: #f5f5f7;
}

.custom-medicalrecord-modal .modal-content .select2-container .select2-selection--single {
    background-color: #f5f5f7;
    border-color: #f5f5f7;
}

.custom-medicalrecord-modal .modal-content .upload-medical-records {
    position: relative;
}

.custom-medicalrecord-modal .modal-content .upload-medical-records input[type="file"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone {
    min-height: 180px;
}

.custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h5 {
    color: var(--gray-600);
    margin-bottom: 3px;
}

.custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h6 {
    color: var(--gray-600);
    margin-bottom: 3px;
}

.custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h6 span {
    text-decoration: underline;
}

.header .header-nav {
    border: 0;
    position: unset;
    height: 65px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

@media (max-width: 1199.98px) {
    .header .header-nav {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav {
        height: 60px;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .navbar-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    .header .header-nav .navbar-header {
        width: 100%;
    }
}

.header .header-nav .navbar-header .bar-icon {
    display: inline-block;
    width: 18px;
}

.header .header-nav .navbar-header .bar-icon span {
    background-color: var(--primary);
    display: block;
    float: left;
    height: 3px;
    margin-bottom: 3px;
    width: 18px;
    border-radius: 2px;
}

.header .header-nav .navbar-header .bar-icon span:nth-child(2) {
    width: 16px;
}

.header .header-nav .navbar-header .bar-icon span:nth-child(3) {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .header .header-nav .navbar-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    .header .header-nav .navbar-header {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-menu-wrapper {
        order: 3;
        width: 360px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: var(--white);
        z-index: 1060;
        transform: translateX(-360px);
        -webkit-transform: translateX(-360px);
        -ms-transform: translateX(-360px);
        -webkit-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
    }
}

@media (max-width: 575.98px) {
    .header .header-nav .main-menu-wrapper {
        width: 310px;
    }
}

.header .header-nav .menu-header {
    background-color: var(--white);
    height: 60px;
    border-bottom: 1px solid var(--gray-200);
    display: none;
    padding: 0 20px;
}

@media (max-width: 991.98px) {
    .header .header-nav .menu-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 13px 16px;
    }
}

.header .header-nav .menu-header .menu-logo img {
    height: 40px;
}

.header .header-nav .menu-header .menu-close {
    font-size: 18px;
}

@media (max-width: 991.98px) {
    .header .header-nav .menu-header .menu-close {
        width: 32px;
        height: 32px;
        border: 1px solid var(--gray-100);
        background: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--gray-900);
    }

    .header .header-nav .menu-header .menu-close:hover {
        background: var(--primary);
        border: 1px solid var(--primary);
        color: #fff;
    }
}

.header .header-nav .main-nav {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        list-style: none;
        padding: 0 16px !important;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav ul {
        background-color: #3474ac;
        display: none;
        list-style: none;
        padding-left: 0;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before {
        top: 20px;
        margin-left: -35px;
        box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
        border-color: transparent #fff #fff transparent;
    }
}

.header .header-nav .main-nav>.has-submenu.active .submenu li.active>a {
    color: var(--primary-hover);
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>.has-submenu.active .submenu li.active>a {
        color: var(--primary-hover);
    }
}

.header .header-nav .main-nav>.has-submenu.active>a {
    color: var(--primary-hover);
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>.has-submenu.active>a {
        color: var(--primary-hover);
    }
}

@media (max-width: 1199.98px) {
    .header .header-nav .main-nav>li {
        margin-right: 20px;
    }
}

@media (max-width: 1999.96px) {
    .header .header-nav .main-nav>li {
        margin-right: 25px;
    }
}

@media (max-width: 1399.96px) {
    .header .header-nav .main-nav>li {
        margin-right: 13px;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav>li {
        border-bottom: 1px solid var(--gray-200);
        margin: 0;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li>a {
        line-height: 85px;
        padding: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav>li>a {
        line-height: 1.5;
        font-size: 14px;
        font-weight: 500;
        padding: 16px 0 !important;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li>a>i {
        font-size: 12px;
        margin-left: 3px;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav>li>a>i {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        width: 32px;
        height: 32px;
        border: 1px solid var(--gray-100);
    }
}

@media (max-width: 991.96px) {
    .header .header-nav .main-nav>li>a>i {
        float: right;
        margin-top: 5px;
    }
}

.header .header-nav .main-nav>li.active>a {
    color: var(--primary-hover);
}

.header .header-nav .main-nav>li .submenu li {
    position: relative;
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li .submenu li:first-child a {
        border-top: 0;
    }
}

.header .header-nav .main-nav>li .submenu li a {
    display: block;
    clear: both;
    white-space: nowrap;
    font-size: 14px;
    color: #2d3b48;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
    padding: 10px 15px;
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav>li .submenu li a {
        border-top: 0;
        color: var(--gray-600) !important;
        padding: 10px 15px 10px 35px;
    }
}

.header .header-nav .main-nav>li .submenu li a:hover {
    color: var(--primary) !important;
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li .submenu li .submenu {
        left: 100%;
        top: 0;
        margin-top: 10px;
    }
}

.header .header-nav .main-nav>li .submenu li .submenu li {
    position: relative;
}

.header .header-nav .main-nav>li .submenu li .submenu li a {
    display: block;
    clear: both;
    white-space: nowrap;
    font-size: 14px;
    color: #2d3b48;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 10px 15px;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav>li .submenu li .submenu li a {
        border-top: 0;
        color: #fff;
        padding: 10px 15px 10px 45px;
    }
}

.header .header-nav .main-nav>li .submenu li .submenu li .has-submenu>a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 12px;
    right: 15px;
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li .submenu>li .submenu {
        left: 100%;
        top: 0;
        margin-top: 10px;
    }
}

.header .header-nav .main-nav>li .submenu>li.has-submenu>a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    top: 12px;
    right: 15px;
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav>li .submenu>li.has-submenu>a::after {
        content: "\f078";
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li:last-child {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
        visibility: visible;
        opacity: 1;
        margin-top: -1px;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav li {
        display: block;
        position: relative;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav li>ul {
        background-color: #fff;
        display: block;
        font-size: 14px;
        min-width: 200px;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0;
        padding: 0;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    }
}

.header .header-nav .main-nav li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.header .header-nav .main-nav li.login-link {
    display: none;
}

@media (max-width: 575.98px) {
    .header .header-nav .main-nav li.login-link {
        display: block;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav li .submenu a:hover {
        color: #0e82fd !important;
        letter-spacing: 0.5px;
        padding-left: 20px !important;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav li+li {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav li.has-submenu:hover>.submenu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

.header .header-nav .main-nav .has-submenu.active>a {
    color: var(--primary);
}

@media (min-width: 992px) {
    .header .header-nav .main-nav .has-submenu.active>a {
        color: var(--primary);
    }
}

.header .header-nav .main-nav .has-submenu.active .submenu li.active>a {
    color: var(--primary);
}

@media (min-width: 992px) {
    .header .header-nav .main-nav .has-submenu.active .submenu li.active>a {
        color: var(--primary);
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav .has-submenu:hover>.submenu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

.header .header-nav .main-nav .has-submenu>.submenu__>.has-submenu--.submenu::before {
    top: 20px;
    margin-left: -35px;
    border-color: transparent #fff #fff transparent;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
}

.header .header-nav .logo {
    display: inline-block;
    margin-right: 24px;
    width: 160px;
}

@media (max-width: 1199.96px) {
    .header .header-nav .logo {
        margin-right: 21px;
    }
}

@media (max-width: 575.98px) {
    .header .header-nav .logo {
        width: 100%;
        text-align: center;
        margin-right: 0;
        display: flex;
        justify-content: start;
    }
}

@media (max-width: 575.98px) {
    .header .header-nav .logo img {
        height: 38px;
    }
}

.header .header-nav .header-navbar-rht {
    margin: unset !important;
}

@media (max-width: 991.98px) {
    .header .header-nav .header-navbar-rht {
        display: none;
    }
}

.header .header-nav .header-navbar-rht li {
    padding-right: 20px;
}

.header .header-nav .header-navbar-rht li:last-child {
    padding-right: 0 !important;
}

.header .header-nav .header-navbar-rht li .dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .header .header-nav .header-navbar-rht li .dropdown-menu {
        min-width: 200px;
        margin: 0;
        padding: 0;
        border-radius: 5px;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
    }
}

.header .header-nav .header-navbar-rht li .dropdown-menu::before {
    content: "";
    border: 7px solid var(--white);
    border-color: transparent transparent var(--white) var(--white);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: -5px;
    right: 17px;
    -webkit-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
}

.header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item {
    padding: 10px 15px;
}

.header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item:first-child {
    border-top: 0;
    border-radius: 5px 5px 0 0;
}

.header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item:last-child {
    border-radius: 0 0 5px 5px;
    border-top: 1px solid var(--gray-200);
    padding-bottom: 0;
}

.header .header-nav .header-navbar-rht li .dropdown-menu a:hover {
    color: var(--primary-hover);
    letter-spacing: 0.5px;
    padding-left: 20px;
}

.header .header-nav .header-navbar-rht li a.header-login {
    border: 2px solid var(--primary);
    text-align: center;
    font-size: 15px;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 4px;
    padding: 10px 15px !important;
}

.header .header-nav .header-navbar-rht li a.header-login:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.header .header-nav .header-navbar-rht li .header-contact-img {
    display: inline-block;
}

.header .header-nav .header-navbar-rht li .header-contact-img i {
    color: rgba(0, 0, 0, 0.5);
    font-size: 30px;
}

.header .header-nav .header-navbar-rht li .header-contact-detail {
    display: inline-block;
    padding-left: 10px;
}

.header .header-nav .header-navbar-rht li .header-contact-detail p.contact-header {
    color: #484848;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 2px;
    text-align: left;
}

.header .header-nav .header-navbar-rht li .header-contact-detail p.contact-info-header {
    color: var(--gray-900);
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}

.header .header-nav .header-navbar-rht li .header-contact-detail p.contact-info-header.white-font {
    color: #fff;
}

@media (min-width: 992px) {
    .header .header-nav .header-navbar-rht li.show>.dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

.header .header-nav .header-navbar-rht li .dropdown-menu.show {
    margin-top: 18px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media (min-width: 992px) {
    .header .header-nav .header-navbar-rht li .dropdown-menu {
        min-width: 240px;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        border-radius: 5px;
        margin: 0;
        padding: 15px;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .header-navbar-rht li.contact-item {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header .header-nav .header-navbar-rht li.contact-item {
        display: none;
    }
}

.header .header-nav .header-navbar-rht .dropdown-toggle::after {
    display: none;
}

.header .header-nav .header-navbar-rht .dropdown-menu {
    min-width: 200px;
    padding: 0;
}

.header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
}

.header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item:hover {
    color: var(--primary);
}

.header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid #757575;
    border-right: 2px solid #757575;
    content: "";
    height: 8px;
    display: inline-block;
    pointer-events: none;
    width: 8px;
    vertical-align: 2px;
    margin-left: 10px;
    margin-bottom: 5px;
    transform-origin: 66% 66%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle .user-img {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}

.header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle .user-img>img {
    height: 31px;
    object-fit: cover;
    width: 31px;
    border: 1px solid #1d7ed8;
}

.header .header-nav .header-navbar-rht .user-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background: var(--light);
    padding: 12px;
    border-radius: 10px;
}

.header .header-nav .header-navbar-rht .user-header .user-text {
    margin-left: 10px;
}

.header .header-nav .header-navbar-rht .user-header .user-text h6 {
    font-size: 15px;
    margin-bottom: 2px;
}

.header .header-nav .header-navbar-rht .user-header .avatar {
    width: 38px;
    height: 38px;
}

.header .header-nav .header-navbar-rht .logged-item .user-img img {
    width: 44px;
    height: 44px;
}

.header .header-nav .header-navbar-rht .logged-item .nav-link {
    font-size: 14px;
    padding: 0 10px;
}

.header .header-nav .header-navbar-rht .view-cart-header {
    position: relative;
    padding-right: 20px;
}

.header .header-nav .header-navbar-rht .view-cart-header a#cart {
    position: relative;
    font-size: 18px;
    color: #6b7280;
}

.header .header-nav .header-navbar-rht .view-cart-header a#cart:hover {
    color: var(--primary);
}

.header .header-nav .header-navbar-rht .noti-nav .nav-link {
    font-size: 18px;
    color: #6b7280;
}

.header .header-nav .header-navbar-rht .noti-nav .nav-link .badge {
    background-color: #0e82fd;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    text-align: center;
    position: absolute;
    top: 21px;
    right: -6px;
    padding: 0 5px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: normal;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu {
    min-width: 370px;
    padding: 0;
    font-weight: 400;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .topnav-dropdown-header {
    border-bottom: 1px solid var(--gray-200);
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-title {
    color: var(--gray-900);
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-content {
    height: 260px;
    width: 420px;
    overflow-y: auto;
    position: relative;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list>li {
    margin-top: 0;
    border-bottom: 1px solid var(--gray-200);
    padding: 0;
    margin: 0;
    width: 100%;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list>li a {
    display: block;
    padding: 10px 15px;
    border-radius: 2px;
    width: 100%;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list>li a:hover {
    letter-spacing: normal;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block:last-child {
    border-bottom: 0;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block>.avatar {
    margin-right: 10px;
    width: auto;
    height: auto;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block>.avatar>img {
    width: 46px;
    height: 46px;
    border-radius: 5px;
    margin-right: 8px;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .media-body {
    width: 100%;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .media-body h6 {
    margin-bottom: 3px;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-details {
    margin-bottom: 0;
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-title {
    color: var(--primary);
}

.header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-time {
    font-size: 12px;
    line-height: 1.35;
    float: right;
}

.header .mega-submenu .megamenu-wrapper .single-demo.active .inner-demo-img {
    text-decoration: underline !important;
}

@media (max-width: 991.98px) {
    .header .has-submenu .submenu {
        background: var(--white) !important;
    }
}

@media (max-width: 991.98px) {
    .header .has-submenu .submenu .sub-menu-list {
        display: block !important;
        background: var(--white) !important;
        padding: 0 16px 16px;
    }
}

.header .has-submenu .submenu .sub-menu-list li a {
    color: var(--gray-600) !important;
}

.header .has-submenu .submenu .sub-menu-list li a.active {
    color: var(--primary) !important;
}

.header .has-submenu .sub-menu-one {
    min-width: 636px !important;
    top: 73px;
    overflow: hidden !important;
    padding: 40px !important;
    margin: 5px 0 0 !important;
}

@media (max-width: 1199.98px) {
    .header .has-submenu .sub-menu-one {
        transform: translateX(-50px) !important;
    }
}

@media (max-width: 991.98px) {
    .header .has-submenu .sub-menu-one {
        min-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: unset !important;
    }
}

.header .has-submenu .sub-menu-one ul li a {
    padding: 0 0 12px 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
}

.header .has-submenu .sub-menu-one ul li:last-child a {
    padding: 0 !important;
}

.header .has-submenu .sub-menu-one::before {
    content: "";
    background: url(../img/home/pattern-img-1.png);
    background-size: 100% 100%;
    background-position: center;
    position: absolute !important;
    right: 0 !important;
    left: unset !important;
    bottom: 0;
    margin: auto;
    box-shadow: unset !important;
    transform: unset !important;
    width: 60%;
    border: none !important;
}

@media (max-width: 991.98px) {
    .header .has-submenu .sub-menu-one::before {
        content: unset;
    }
}

.header .has-submenu .sub-menu-one::after {
    content: "";
    right: 0;
    bottom: 0;
    width: 74%;
    height: 100%;
    z-index: -1;
}

@media (max-width: 991.98px) {
    .header .has-submenu .sub-menu-one::after {
        content: unset;
    }
}

.header .has-submenu .sub-menu-two {
    min-width: 856px !important;
    transform: translateX(-218px) !important;
}

@media (max-width: 1399.98px) {
    .header .has-submenu .sub-menu-two {
        transform: translateX(-245px) !important;
    }
}

@media (max-width: 1199.98px) {
    .header .has-submenu .sub-menu-two {
        transform: translateX(-328px) !important;
    }
}

@media (max-width: 991.98px) {
    .header .has-submenu .sub-menu-two {
        transform: unset !important;
    }
}

.header .has-submenu .sub-menu-two .sub-menu-left {
    position: relative;
}

.header .has-submenu .sub-menu-two .sub-menu-left:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 38px;
    background: linear-gradient(transparent, var(--primary), transparent);
}

.header .has-submenu .sub-menu-default {
    min-width: 306px !important;
}

@media (max-width: 1399.98px) {
    .header .has-submenu .sub-menu-default {
        transform: translateX(-230px) !important;
    }
}

@media (max-width: 1199.98px) {
    .header .has-submenu .sub-menu-default {
        transform: translateX(-134px) !important;
    }
}

@media (max-width: 991.98px) {
    .header .has-submenu .sub-menu-default {
        transform: unset !important;
        min-width: unset !important;
        padding: 0 16px 16px !important;
    }
}

.header .has-submenu .sub-menu-default::before,
.header .has-submenu .sub-menu-default::after {
    content: unset !important;
}

.header .has-submenu .sub-menu-default li a {
    padding: 0 0 16px 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    border: none !important;
}

.header .has-submenu .sub-menu-default li:last-child a {
    padding: 0 !important;
}

.header .has-submenu .menu-img {
    border-radius: 12px;
    border: 4px solid var(--white);
    position: relative;
    overflow: hidden;
    height: 100%;
}

@media (max-width: 991.98px) {
    .header .has-submenu .menu-img {
        display: none !important;
    }
}

.header .has-submenu .menu-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .nav-transparent {
    background-color: transparent !important;
    border-bottom: 0 !important;
}

@media (min-width: 992px) {
    .header .nav-transparent .white-font>li>a {
        color: #fff;
    }
}

.header.inner-header {
    border-bottom: 1px solid var(--gray-200);
}

.header.inner-header .header-nav .header-navbar-rht li {
    padding-right: 12px;
}

@media (max-width: 1199.98px) {
    .header.inner-header .header-nav .header-navbar-rht li {
        padding-right: 10px;
    }
}

@media (max-width: 1199.98px) {
    .header.inner-header .header-nav .header-navbar-rht li .details-btn {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 1199.98px) {
    .header.inner-header .header-nav .header-navbar-rht li.logged-item .user-img img {
        width: 36px;
        height: 36px;
    }
}

.header.custom {
    background-color: transparent;
    border-bottom: 0 !important;
}

.header.custom .header-navbar-rht.right-menu .header-contact-img i {
    width: 30px;
    background-color: #fff;
    height: 30px;
    border-radius: 50%;
    font-size: 11px;
    color: #1860ca;
    border: 2px solid #acc9f5;
}

.header.custom .header-navbar-rht.right-menu .header-contact-detail p.contact-info-header {
    color: #fff;
}

.header.custom .header-navbar-rht.right-menu li {
    border-right: 0;
}

.header.custom .header-navbar-rht.right-menu li a.header-login {
    width: 120px;
    padding: 10px !important;
}

.header.custom .header-navbar-rht.right-menu li:last-child {
    border-right: 0;
    padding: 0;
}

.header-two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
}

.header-two.home-menu {
    position: absolute;
}

.header-two .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home2-menu-img-1.png");
}

.header-two .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home2-pattern-02.png");
}

.header-two .header-nav {
    background: transparent;
}

@media (max-width: 991.98px) {
    .header-two .header-nav {
        height: 60px;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-two .header-nav .navbar-header {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-two .header-nav .navbar-header #mobile_btn {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .header-two .header-nav .navbar-header #mobile_btn {
        position: unset;
    }
}

.header-two .header-nav .logo {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-two .header-nav .logo {
        justify-content: start;
    }
}

.header-two .header-nav .logo .normal-logo {
    display: none;
}

.header-two .header-nav .logo .white-logo {
    display: block;
}

.header-two .header-nav .main-nav>li {
    margin-right: unset;
}

@media (max-width: 1399.98px) {
    .header-two .header-nav .main-nav>li {
        margin-right: 4px !important;
    }
}

@media (min-width: 1200px) {
    .header-two .header-nav .main-nav>li {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .header-two .header-nav .main-nav>li {
        height: 85px;
        margin-right: 2px;
        display: flex;
        align-items: center;
    }
}

.header-two .header-nav .main-nav>li:last-child {
    margin-right: 0;
}

@media (min-width: 992px) {
    .header-two .header-nav .main-nav>li>a {
        color: #fff;
        font-weight: 500;
        line-height: 1.5;
        padding: 6px 12px !important;
        border-radius: 52px;
    }
}

@media (min-width: 1400px) {
    .header-two .header-nav .main-nav>li>a {
        padding: 6px 16px !important;
    }
}

@media (max-width: 1199.98px) {
    .header-two .header-nav .main-nav>li>a {
        padding: 6px 8px !important;
    }
}

@media (min-width: 992px) {
    .header-two .header-nav .main-nav>li>a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
}

@media (min-width: 992px) {
    .header-two .header-nav .main-nav .has-submenu.active>a {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
}

.header-two .header-nav .header-navbar-rht {
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-two .header-nav .header-navbar-rht {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header-two .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

@media (max-width: 1399.98px) {
    .header-two .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

.header-two .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

.header-two .header-nav .header-navbar-rht li .btn {
    display: flex;
    align-items: center;
    gap: 0;
}

.header-two .header-nav .header-navbar-rht li .btn i {
    margin-right: 8px;
}

@media (max-width: 1199.98px) {
    .header-two .header-nav .header-navbar-rht li .btn i {
        margin-right: 0;
    }
}

@media (max-width: 1199.98px) {
    .header-two .header-nav .header-navbar-rht li .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
    }
}

@media (max-width: 1199.98px) {
    .header-two .header-nav .header-navbar-rht li .btn span {
        display: none;
    }
}

.header-two.fixed {
    background: var(--white);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.header-two.fixed #mobile_btn {
    border: 1px solid var(--gray-200);
}

.header-two.fixed .header-nav .logo .white-logo {
    display: none;
}

.header-two.fixed .header-nav .logo .normal-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-two.fixed .header-nav .main-nav>li>a {
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-two.fixed .header-nav .main-nav>li>a:hover {
        background: var(--primary);
        color: #fff;
    }
}

@media (min-width: 992px) {
    .header-two.fixed .header-nav .main-nav .has-submenu.active>a {
        background: var(--primary);
        color: #fff;
    }
}

.header-three {
    z-index: 1000;
}

.header-three .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home3-menu-img-1.png");
}

.header-three .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home3-pattern-02.png");
}

@media (max-width: 1199.98px) {
    .header-three .header-nav .logo {
        margin-right: 4px;
    }
}

.header-three .header-nav .main-menu-wrapper {
    margin: 0;
}

.header-three .header-nav .header-navbar-rht {
    margin: 0;
    padding: 0;
}

.header-three .header-nav .header-navbar-rht li {
    margin-right: 0;
    padding-right: 15px;
    color: var(--gray-900);
    position: relative;
}

.header-three .header-nav .header-navbar-rht li i {
    margin-right: 5px;
}

@media (max-width: 1399.98px) {
    .header-three .header-nav .header-navbar-rht li.contact-item span {
        display: none;
    }
}

.header-three .header-nav .header-navbar-rht li::before {
    content: "";
    background: #fff;
    width: 1px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.header-three .header-nav .header-navbar-rht li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.header-three .header-nav .header-navbar-rht li:last-child::before {
    content: none;
}

.header-three .header-nav .header-navbar-rht li a.header-login {
    text-transform: none;
    font-size: 16px;
}

.header-three .header-nav .header-navbar-rht li a.header-login i {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-three .header-nav .header-navbar-rht {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .header-three .header-nav .header-navbar-rht {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header-three .header-nav .main-nav li {
        margin-right: 10px;
    }
}

@media (max-width: 991.98px) {
    .header-three .header-nav .main-nav span i {
        transform: rotate(-90deg) !important;
    }
}

@media (max-width: 991.98px) {
    .header-three .header-nav .main-nav .submenu span i {
        transform: rotate(-180deg) !important;
    }
}

.header-four {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
}

@media (max-width: 991.98px) {
    .header-four {
        top: 0;
    }
}

.header-four .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home4-menu-img-1.png");
}

.header-four .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home4-pattern-02.png");
}

.header-four .header-nav {
    height: 76px;
    background: transparent;
}

@media (max-width: 991.98px) {
    .header-four .header-nav {
        height: 65px;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-four .header-nav .navbar-header {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-four .header-nav .navbar-header #mobile_btn {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .header-four .header-nav .navbar-header #mobile_btn {
        position: unset;
    }
}

.header-four .header-nav .logo {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-four .header-nav .logo {
        justify-content: start;
    }
}

.header-four .header-nav .logo .normal-logo {
    display: none;
}

.header-four .header-nav .logo .white-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-four .header-nav .main-nav>li {
        height: 60px;
        display: flex;
        align-items: center;
    }
}

.header-four .header-nav .main-nav>li>a {
    position: relative;
}

@media (min-width: 992px) {
    .header-four .header-nav .main-nav>li>a {
        color: #fff;
        line-height: 1.5;
        padding: 9px 0 !important;
        border-radius: 52px;
    }
}

@media (min-width: 992px) {
    .header-four .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (max-width: 1399.98px) {
    .header-four .header-nav .main-nav li {
        margin-right: 16px !important;
    }
}

@media (min-width: 992px) {
    .header-four .header-nav .main-nav .has-submenu.active>a::before {
        content: "";
        background: var(--primary-gradient);
        width: 100%;
        height: 2px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (min-width: 992px) {
    .header-four .header-nav .main-nav .has-submenu.active>a::after {
        content: "";
        background: var(--primary-gradient);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 992px) {
    .header-four .header-nav .main-nav .has-submenu.active>a {
        color: #fff;
    }
}

@media (max-width: 991.98px) {
    .header-four .header-nav .main-nav .submenu span i::before {
        content: "\f068";
    }
}

.header-four .header-nav .header-navbar-rht {
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-four .header-nav .header-navbar-rht {
        display: none;
    }
}

.header-four .header-nav .header-navbar-rht li {
    padding-right: 16px;
}

@media (max-width: 1399.98px) {
    .header-four .header-nav .header-navbar-rht li {
        padding-right: 12px;
    }
}

@media (max-width: 1199.98px) {
    .header-four .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

.header-four .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

.header-four .header-nav .header-navbar-rht li.header-theme {
    border: 0;
}

.header-four .header-nav .header-navbar-rht li.header-theme .theme-toggle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    background: transparent;
    border: 0;
}

.header-four .header-nav .header-navbar-rht li.header-theme .theme-toggle:hover {
    background: var(--white);
    color: var(--gray-900);
}

@media (max-width: 1399.98px) {
    .header-four .header-nav .header-navbar-rht li.header-theme .theme-toggle {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }
}

.header-four .header-nav .header-navbar-rht li .search-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    margin: 0;
}

.header-four .header-nav .header-navbar-rht li .search-btn:hover {
    background: var(--white);
    color: var(--gray-900);
}

@media (max-width: 1399.98px) {
    .header-four .header-nav .header-navbar-rht li .search-btn {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }
}

.header-four .header-nav .header-navbar-rht li .details-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: #fff;
}

.header-four .header-nav .header-navbar-rht li .details-btn:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
    color: #0f172a;
}

@media (max-width: 1399.98px) {
    .header-four .header-nav .header-navbar-rht li .details-btn {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }
}

.header-four .header-nav .header-navbar-rht li .btn {
    display: flex;
    align-items: center;
}

.header-four .header-nav .header-navbar-rht li .btn i {
    margin-right: 8px;
}

@media (max-width: 1199.98px) {
    .header-four .header-nav .header-navbar-rht li .btn i {
        margin-right: 0;
    }
}

@media (max-width: 1399.98px) {
    .header-four .header-nav .header-navbar-rht li .btn {
        padding: 7px 12px;
    }
}

@media (max-width: 1199.98px) {
    .header-four .header-nav .header-navbar-rht li .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }
}

@media (max-width: 1199.98px) {
    .header-four .header-nav .header-navbar-rht li .btn span {
        display: none;
    }
}

.header-four.fixed {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    top: 0;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    -webkit-animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
}

@media (max-width: 991.98px) {
    .header-four.fixed {
        background: var(--white);
        backdrop-filter: none;
    }
}

.header-four.fixed #mobile_btn {
    border: 1px solid var(--gray-200);
}

.header-four.fixed .header-nav .logo .white-logo {
    display: none;
}

.header-four.fixed .header-nav .logo .normal-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-four.fixed .header-nav .main-nav>li>a {
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-four.fixed .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (min-width: 992px) {
    .header-four.fixed .header-nav .main-nav .has-submenu.active>a {
        color: var(--gray-900);
    }
}

.header-four.fixed .header-nav .header-navbar-rht li.header-theme .theme-toggle {
    color: var(--gray-900);
}

.header-four.fixed .header-nav .header-navbar-rht li .search-btn {
    color: var(--gray-900);
}

.header-five {
    background: transparent !important;
}

.header-five .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home5-menu-img-1.png");
}

.header-five .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home5-pattern-02.png");
}

.header-five .header-nav {
    padding: 0 20px;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

@media (max-width: 575.98px) {
    .header-five .header-nav .navbar-header {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {
    .header-five .header-nav .navbar-header .navbar-brand {
        justify-content: start;
    }
}

@media (max-width: 1399.98px) {
    .header-five .header-nav .main-nav>li {
        margin-right: 30px;
    }
}

@media (max-width: 1199.98px) {
    .header-five .header-nav .main-nav>li {
        margin-right: 22px;
    }
}

@media (max-width: 1199.98px) {
    .header-five .header-nav .main-nav>li {
        margin-right: 25px;
    }
}

.header-five .header-nav .main-menu-wrapper .main-nav>li .submenu li a:hover {
    color: var(--secondary) !important;
}

.header-five .header-nav .main-menu-wrapper .main-nav>li .submenu li .single-demo.active .demo-info .inner-demo-img {
    color: var(--secondary) !important;
}

@media (min-width: 992px) {
    .header-five .header-nav .main-menu-wrapper .main-nav>li .submenu a.inner-demo-img:hover {
        color: var(--secondary) !important;
    }
}

.header-five .header-nav .main-menu-wrapper .main-nav>li a:hover {
    color: var(--secondary);
}

.header-five .header-nav .main-menu-wrapper .main-nav .has-submenu.active>a {
    color: var(--secondary);
}

@media (min-width: 992px) {
    .header-five .header-nav .main-menu-wrapper .main-nav .has-submenu.active>a {
        color: var(--secondary);
    }
}

.header-five .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu li.active>a {
    color: var(--secondary);
}

@media (min-width: 992px) {
    .header-five .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu li.active>a {
        color: var(--secondary);
    }
}

@media (max-width: 991.98px) {
    .header-five .header-nav .main-menu-wrapper .main-nav .submenu span i {
        transform: rotate(-226deg) !important;
    }
}

@media (max-width: 575.98px) {
    .header-five #mobile_btn {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        border: 1px solid var(--gray-200) !important;
        font-size: 16px;
        position: unset !important;
    }
}

.header-five .header-navbar-rht {
    gap: 24px;
}

.header-five .header-navbar-rht li {
    padding-right: 0;
}

.header-five .header-navbar-rht .support-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 1399.98px) {
    .header-five .header-navbar-rht .support-icon {
        display: none;
    }
}

.header-five .header-navbar-rht .support-icon .icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--secondary) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
}

.header-five .header-navbar-rht .support-icon .number {
    color: var(--gray-900);
    font-weight: 700;
    margin-bottom: 0;
}

.header-five .header-navbar-rht .btn {
    display: inline-flex !important;
    align-items: center;
}

@media (max-width: 1399.98px) {
    .header-five .header-navbar-rht .btn {
        display: flex !important;
    }
}

.header-five.fixed {
    background: var(--white) !important;
}

.header-five.fixed .header-nav {
    background: transparent;
    box-shadow: unset !important;
}

.header-six .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home6-menu-img-1.png");
}

.header-six .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home6-pattern-02.png");
}

.header-six .header-nav {
    position: unset !important;
    height: 68px;
    background: transparent;
}

@media (max-width: 1399.98px) {
    .header-six .header-nav .main-nav>li {
        margin-right: 22px;
    }
}

@media (max-width: 1199.98px) {
    .header-six .header-nav .main-nav>li {
        margin-right: 14px;
    }
}

.header-six .header-nav .main-nav>li>a {
    line-height: 68px;
}

@media (max-width: 991.98px) {
    .header-six .header-nav .main-nav>li>a {
        line-height: 1.5;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 991.98px) {
    .header-six .header-nav .main-nav>li>a span {
        width: 32px;
        height: 32px;
        border: 1px solid var(--gray-100);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.header-six .header-nav .main-nav>li>a span i {
    transition: all 0.5s;
}

.header-six .header-nav .main-nav>li>a.submenu i {
    transform: rotate(45deg);
    transition: all 0.5s;
}

@media (max-width: 991.98px) {
    .header-six .header-nav .main-nav .submenu span i {
        transform: rotate(-226deg) !important;
    }
}

@media (max-width: 991.98px) {
    .header-six .navbar-header {
        display: inline-flex;
        align-items: center;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 991.98px) {
    .header-six .navbar-header #mobile_btn {
        margin-right: 0 !important;
    }
}

.header-six.fixed {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    top: 0;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    -webkit-animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    z-index: 100;
    width: 100%;
}

@media (max-width: 991.98px) {
    .header-six.fixed {
        background: var(--white);
        backdrop-filter: none;
    }
}

@media (max-width: 1399.98px) {
    .header-six .header-navbar-rht li .btn {
        display: flex !important;
    }
}

@media (max-width: 1199.98px) {
    .header-six .header-navbar-rht li .btn {
        display: block !important;
    }
}

@media (max-width: 1199.98px) {
    .header-six .header-navbar-rht li .btn .icon {
        left: -5px;
        display: flex !important;
        position: relative;
        top: 5px;
    }
}

.header-seven {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
}

@media (max-width: 991.98px) {
    .header-seven {
        top: 0;
    }
}

.header-seven .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home7-menu-img-1.png");
}

.header-seven .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home7-pattern-02.png");
}

.header-seven .header-nav {
    height: 68px;
    background: transparent;
}

@media (max-width: 991.98px) {
    .header-seven .header-nav {
        height: 65px;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-seven .header-nav .navbar-header {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-seven .header-nav .navbar-header #mobile_btn {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .header-seven .header-nav .navbar-header #mobile_btn {
        position: unset;
    }
}

.header-seven .header-nav .logo {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-seven .header-nav .logo {
        justify-content: start;
    }
}

.header-seven .header-nav .logo .normal-logo {
    display: none;
}

.header-seven .header-nav .logo .white-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav>li {
        height: 60px;
        display: flex;
        align-items: center;
    }
}

.header-seven .header-nav .main-nav>li>a {
    position: relative;
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav>li>a {
        color: #fff;
        line-height: 1.5;
        padding: 9px 14px 9px 0 !important;
    }
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav>li>a:hover {
        color: #fff;
    }
}

@media (max-width: 1399.98px) {
    .header-seven .header-nav .main-nav li {
        margin-right: 20px !important;
    }
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav li a span {
        display: none;
    }
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav .has-submenu>a::before {
        content: "";
        border-style: solid;
        border-width: 4px;
        border-color: transparent #fff #fff transparent;
        position: absolute;
        bottom: 17px;
        right: 0;
    }
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav .has-submenu.active>a::after {
        content: "";
        background: #fff;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 992px) {
    .header-seven .header-nav .main-nav .has-submenu.active>a {
        color: #fff;
    }
}

.header-seven .header-nav .header-navbar-rht {
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-seven .header-nav .header-navbar-rht {
        display: none;
    }
}

.header-seven .header-nav .header-navbar-rht li {
    padding-right: 16px;
}

@media (max-width: 1399.98px) {
    .header-seven .header-nav .header-navbar-rht li {
        padding-right: 12px;
    }
}

@media (max-width: 1199.98px) {
    .header-seven .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

.header-seven .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

.header-seven .header-nav .header-navbar-rht li.header-theme {
    border: 0;
}

.header-seven .header-nav .header-navbar-rht li.header-theme .theme-toggle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    background: transparent;
}

.header-seven .header-nav .header-navbar-rht li.header-theme .theme-toggle:hover {
    background: var(--white);
    color: var(--gray-900);
}

@media (max-width: 1399.98px) {
    .header-seven .header-nav .header-navbar-rht li.header-theme .theme-toggle {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }
}

.header-seven .header-nav .header-navbar-rht li .search-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    margin: 0;
}

.header-seven .header-nav .header-navbar-rht li .search-btn:hover {
    background: var(--white);
    color: var(--gray-900);
}

@media (max-width: 1399.98px) {
    .header-seven .header-nav .header-navbar-rht li .search-btn {
        font-size: 20px;
    }
}

.header-seven .header-nav .header-navbar-rht li .details-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: #fff;
    color: #0f172a;
}

.header-seven .header-nav .header-navbar-rht li .details-btn:hover {
    color: #fff;
}

@media (max-width: 1399.98px) {
    .header-seven .header-nav .header-navbar-rht li .details-btn {
        font-size: 20px;
    }
}

.header-seven .header-nav .header-navbar-rht li .btn {
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .header-seven .header-nav .header-navbar-rht li .btn {
        padding: 0;
    }
}

.header-seven .header-nav .header-navbar-rht li .btn i {
    margin-right: 8px;
}

@media (max-width: 1199.98px) {
    .header-seven .header-nav .header-navbar-rht li .btn i {
        margin-right: 0;
    }
}

@media (max-width: 1199.98px) {
    .header-seven .header-nav .header-navbar-rht li .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }
}

@media (max-width: 1199.98px) {
    .header-seven .header-nav .header-navbar-rht li .btn span {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header-seven .header-nav .header-navbar-rht li .btn span.icon {
        display: flex;
        margin-left: 0;
        flex-shrink: 0;
        background: var(--primary);
    }
}

.header-seven.fixed {
    background-color: #fff;
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    top: 0;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    -webkit-animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
}

@media (max-width: 991.98px) {
    .header-seven.fixed {
        background: var(--white);
        backdrop-filter: none;
    }
}

.header-seven.fixed #mobile_btn {
    border: 1px solid var(--gray-200);
}

.header-seven.fixed .header-nav .logo .white-logo {
    display: none;
}

.header-seven.fixed .header-nav .logo .normal-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-seven.fixed .header-nav .main-nav>li>a {
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-seven.fixed .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (min-width: 992px) {
    .header-seven.fixed .header-nav .main-nav .has-submenu>a::before {
        border-color: transparent var(--gray-900) var(--gray-900) transparent;
        position: absolute;
        bottom: 17px;
        right: 0;
    }
}

@media (min-width: 992px) {
    .header-seven.fixed .header-nav .main-nav .has-submenu.active>a::after {
        background: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-seven.fixed .header-nav .main-nav .has-submenu.active>a {
        color: var(--gray-900);
    }
}

.header-seven.fixed .header-nav .header-navbar-rht li.header-theme .theme-toggle {
    color: var(--gray-900);
}

.header-seven.fixed .header-nav .header-navbar-rht li .search-btn {
    color: var(--gray-900);
}

.header-eight {
    z-index: 1000;
    background: transparent;
}

.header-eight .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home8-menu-img-1.png");
}

.header-eight .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home8-pattern-02.png");
}

.header-eight .header-nav {
    background: transparent;
}

@media (max-width: 1399.98px) {
    .header-eight .header-nav .main-nav>li .megamenu {
        margin-right: 18px !important;
    }
}

.header-eight .header-nav .main-nav>li .megamenu span {
    margin-top: 10px;
}

.header-eight .header-nav .main-nav .has-submenu.active>a {
    color: var(--primary) !important;
}

.header-eight .header-nav .main-nav .has-submenu.active>a span {
    color: var(--primary) !important;
}

.header-eight .header-nav .main-nav li:hover>a {
    color: var(--primary) !important;
}

.header-eight .header-nav .main-nav li:hover>a span {
    color: var(--primary) !important;
}

.header-eight .header-nav .main-nav li a {
    color: #000103;
}

.header-eight .header-nav .main-nav li a span {
    color: #000103;
}

.header-eight .header-navbar-rht .support-icon .number {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.header-eight .header-navbar-rht .support-icon .number i {
    font-weight: 700;
}

.header-eight .header-navbar-rht .btn {
    padding: 6px 20px 6px 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--primary);
    transition: all 0.7s;
}

.header-eight .header-navbar-rht .btn:hover {
    background: #fff;
    color: var(--primary);
}

.header-eight .header-navbar-rht .btn:hover .icon {
    background: var(--primary);
    color: #fff;
}

.header-eight .header-navbar-rht .btn .icon {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    transition: all 0.7s;
}

.header-eight .header-navbar-rht li {
    padding-right: 20px;
}

.header-eight.fixed .header-nav .main-nav li a {
    color: var(--gray-900);
}

.header-eight.fixed .header-nav .main-nav li a span {
    color: var(--gray-900);
}

.header-nine {
    background: transparent;
    z-index: 1000;
}

.header-nine .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home9-menu-img-1.png");
}

.header-nine .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home9-pattern-02.png");
}

.header-nine .header-nav {
    background: transparent;
}

.header-nine .header-nav .main-nav>li {
    margin-right: 5px !important;
}

@media (max-width: 1199.98px) {
    .header-nine .header-nav .main-nav>li {
        margin-right: 3px !important;
    }
}

@media (min-width: 992px) {
    .header-nine .header-nav .main-nav>li.active a {
        background: rgba(255, 255, 255, 0.1019607843);
        color: #fff;
    }
}

.header-nine .header-nav .main-nav>li>a {
    color: #fff;
    line-height: 24px;
    padding: 4px 16px !important;
    background: transparent;
    border-radius: 100px;
    transition: all 0.5s;
}

@media (max-width: 1199.98px) {
    .header-nine .header-nav .main-nav>li>a {
        padding: 4px 10px !important;
    }
}

@media (max-width: 991.98px) {
    .header-nine .header-nav .main-nav>li>a {
        padding: 16px 0 !important;
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-nine .header-nav .main-nav>li>a:hover {
        background: rgba(255, 255, 255, 0.1019607843);
        color: #fff;
    }
}

.header-nine .header-nav .main-nav .has-submenu.active>a {
    color: #fff;
}

@media (max-width: 991.98px) {
    .header-nine .header-nav .main-nav .has-submenu.active>a {
        color: var(--primary);
    }
}

.header-nine .header-nav .header-navbar-rht li {
    padding-right: 16px;
}

@media (max-width: 1399.98px) {
    .header-nine .header-nav .header-navbar-rht li {
        padding-right: 0 !important;
    }
}

.header-nine .header-nav .header-navbar-rht li .details-btn {
    background: rgba(255, 255, 255, 0.1019607843);
    color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 1399.98px) {
    .header-nine .header-nav .header-navbar-rht li .details-btn {
        margin-left: 16px !important;
    }
}

.header-nine .header-nav .main-menu-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.1019607843);
    border-radius: 100px;
    padding: 6px 5px;
    height: 46px;
}

@media (max-width: 991.98px) {
    .header-nine .header-nav .main-menu-wrapper {
        border-radius: unset;
        border: 0;
        padding: unset;
        height: unset;
    }
}

.header-nine .header-nav .theme-toggle {
    transition: all 0.5s;
    background: rgba(255, 255, 255, 0.1019607843);
    border: 1px solid rgba(255, 255, 255, 0.1019607843);
    color: #fff;
}

.header-nine .header-nav .theme-toggle:hover {
    background: var(--primary);
    color: #fff;
}

.header-nine .navbar-header .dark-logo {
    display: none;
}

.header-nine.fixed .header-nav .main-menu-wrapper {
    border: none !important;
}

.header-nine.fixed .header-nav .main-nav>li>a {
    color: var(--gray-900);
}

.header-nine.fixed .header-nav .main-nav .has-submenu.active>a {
    color: var(--primary);
}

.header-nine.fixed .header-nav .header-navbar-rht li .details-btn {
    background: var(--white);
    color: var(--gray-900);
    border: 1px solid var(--gray-200);
}

.header-nine.fixed .header-nav .header-navbar-rht li .details-btn:hover {
    background: var(--primary);
    color: var(--white);
    border: 1px solid var(--primary);
}

.header-nine.fixed .header-nav .header-navbar-rht li .details-btn:hover i {
    color: var(--white);
}

.header-nine.fixed .header-nav .header-theme .theme-toggle {
    border: 1px solid var(--gray-200);
    color: var(--gray-900);
}

.header-nine.fixed .header-nav .header-theme .theme-toggle:hover {
    background: var(--primary);
    color: var(--white);
    border: 1px solid var(--primary);
}

.header-nine.fixed .header-nav .navbar-header .dark-logo {
    display: block;
}

.header-nine.fixed .header-nav .navbar-header .logo {
    display: none;
}

@media (max-width: 991.98px) {
    .header-nine .menu-header .menu-logo {
        display: none;
    }
}

.header-ten {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
}

.header-ten .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home10-menu-img-1.png");
}

.header-ten .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home10-pattern-02.png");
}

.header-ten.home-menu {
    position: absolute;
}

.header-ten .header-nav {
    background: transparent;
}

@media (max-width: 991.98px) {
    .header-ten .header-nav {
        height: 60px;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-ten .header-nav .navbar-header {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-ten .header-nav .navbar-header #mobile_btn {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .header-ten .header-nav .navbar-header #mobile_btn {
        position: unset;
    }
}

.header-ten .header-nav .logo {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-ten .header-nav .logo {
        justify-content: start;
    }
}

.header-ten .header-nav .logo .normal-logo {
    display: block;
}

.header-ten .header-nav .logo .white-logo {
    display: none;
}

@media (min-width: 992px) {
    .header-ten .header-nav .main-nav>li {
        height: 85px;
        display: flex;
        align-items: center;
    }
}

.header-ten .header-nav .main-nav>li:last-child {
    margin-right: 0;
}

@media (min-width: 992px) {
    .header-ten .header-nav .main-nav>li>a {
        font-weight: 500;
    }
}

@media (min-width: 992px) {
    .header-ten .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (min-width: 992px) {
    .header-ten .header-nav .main-nav .has-submenu.active>a {
        color: var(--secondary);
    }
}

.header-ten .header-nav .header-navbar-rht {
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-ten .header-nav .header-navbar-rht {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header-ten .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

.header-ten .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

.header-ten .header-nav .header-navbar-rht li .btn {
    display: flex;
    align-items: center;
    gap: 0;
}

.header-ten .header-nav .header-navbar-rht li .btn i {
    margin-right: 8px;
}

@media (max-width: 1199.98px) {
    .header-ten .header-nav .header-navbar-rht li .btn i {
        margin-right: 0;
    }
}

@media (max-width: 1199.98px) {
    .header-ten .header-nav .header-navbar-rht li .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
    }
}

@media (max-width: 1199.98px) {
    .header-ten .header-nav .header-navbar-rht li .btn span {
        display: none;
    }
}

.header-ten.fixed {
    background: var(--white);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.header-ten.fixed #mobile_btn {
    border: 1px solid var(--gray-200);
}

.header-ten.fixed .header-nav .logo .white-logo {
    display: none;
}

.header-ten.fixed .header-nav .logo .normal-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-ten.fixed .header-nav .main-nav>li>a {
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-ten.fixed .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (min-width: 992px) {
    .header-ten.fixed .header-nav .main-nav .has-submenu.active>a {
        color: var(--secondary);
    }
}

.header-eleven {
    z-index: 10000;
    background: transparent;
}

.header-eleven .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home11-menu-img-1.png");
}

.header-eleven .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home11-pattern-02.png");
}

.header-eleven .header-nav {
    background: transparent !important;
}

.header-eleven .header-nav .navbar-left-header {
    display: flex;
}

@media (max-width: 1199.98px) {
    .header-eleven .header-nav .navbar-left-header {
        width: 73%;
        justify-content: space-between;
    }
}

@media (max-width: 991.98px) {
    .header-eleven .header-nav .navbar-left-header {
        width: 100%;
    }
}

.header-eleven .header-nav .main-nav {
    background: var(--white);
    padding: 12px 20px;
    border-radius: 100px;
}

.header-eleven .header-nav .main-nav .has-submenu>a {
    font-size: 16px;
    font-weight: 500;
    color: var(--gray-900);
    line-height: 28px;
    position: relative;
}

.header-eleven .header-nav .main-nav .has-submenu>a::before {
    content: "";
    background: var(--primary-gradient);
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 5px;
    transition: all 0.2s;
}

@media (max-width: 991.98px) {
    .header-eleven .header-nav .main-nav .has-submenu>a::before {
        content: unset !important;
    }
}

.header-eleven .header-nav .main-nav .has-submenu>a:hover::before {
    width: 100%;
}

.header-eleven .header-nav .main-nav .has-submenu.active>a::before {
    width: 100%;
}

.header-eleven .header-nav .header-navbar-rht li {
    padding-right: 16px;
}

.header-eleven .header-nav .header-navbar-rht .header-theme {
    padding-right: 8px;
}

.header-eleven .header-nav .header-navbar-rht .header-theme .theme-toggle {
    background: transparent;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    transition: all 0.5s;
}

.header-eleven .header-nav .header-navbar-rht .header-theme .theme-toggle:hover {
    background: var(--white);
    color: var(--gray-900);
}

.header-eleven .header-nav .header-navbar-rht .search-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
}

.header-eleven .header-nav .header-navbar-rht .search-btn:hover {
    background: var(--white);
    color: var(--gray-900);
}

.header-eleven .header-nav .header-navbar-rht .details-btn {
    background: var(--white);
    font-size: 24px;
    font-weight: 700;
    transition: all 0.5s;
    border: none !important;
}

.header-eleven .header-nav .header-navbar-rht .details-btn:hover {
    background: var(--secondary);
    color: var(--primary);
}

.header-eleven .header-nav .header-navbar-rht .btn {
    background: transparent;
    border: 1px solid var(--white);
    padding: 6px 6px 6px 20px;
    gap: 10px;
    transition: all 0.5s;
}

.header-eleven .header-nav .header-navbar-rht .btn:hover {
    background: var(--secondary);
    color: #000103;
    border: 1px solid var(--secondary);
}

.header-eleven .header-nav .header-navbar-rht .btn:hover .icon {
    background: var(--primary);
    color: #fff;
}

.header-eleven .header-nav .header-navbar-rht .btn .icon {
    width: 32px;
    height: 32px;
    background: var(--white);
    border-radius: 50%;
    font-size: 16px;
    color: var(--gray-900);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.header-eleven .header-nav .header-navbar-rht .btn .icon:hover {
    background: var(--primary);
    color: var(--white);
}

.header-eleven.fixed {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    top: 0;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    -webkit-animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
}

@media (max-width: 991.98px) {
    .header-eleven.fixed {
        background: var(--white);
        backdrop-filter: none;
    }
}

.header-eleven.fixed .search-btn,
.header-eleven.fixed .theme-toggle {
    color: var(--gray-900) !important;
}

.header-eleven.fixed .search-btn:hover,
.header-eleven.fixed .theme-toggle:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

.header-eleven.fixed .details-btn {
    color: var(--gray-900) !important;
    background: var(--white);
    border: 1px solid var(--gray-200);
}

.header-eleven.fixed .details-btn:hover {
    background: var(--primary);
}

.header-eleven.fixed .btn {
    background: var(--white);
    border: 1px solid var(--gray-300) !important;
    color: var(--gray-900) !important;
}

.header-eleven.fixed .btn:hover {
    background: var(--secondary);
    color: #000103;
}

.header-eleven.fixed .btn .icon {
    background: var(--primary);
    color: #fff;
}

.header-eleven.fixed .btn .icon:hover {
    background: var(--primary);
    color: var(--white);
}

.header-twelve {
    border-bottom: 1px solid var(--gray-200);
}

.header-twelve .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home12-menu-img-1.png");
}

.header-twelve .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home12-pattern-02.png");
}

.header-twelve .header-nav .main-nav>li {
    margin-right: 8px;
}

@media (max-width: 1399.98px) {
    .header-twelve .header-nav .main-nav>li {
        margin-right: 8px !important;
    }
}

@media (max-width: 1199.98px) {
    .header-twelve .header-nav .main-nav>li {
        margin-right: 2px !important;
    }
}

.header-twelve .header-nav .main-nav>li.active>a {
    border: 1px dashed var(--primary);
}

@media (max-width: 991.98px) {
    .header-twelve .header-nav .main-nav>li.active>a {
        border: none !important;
    }
}

.header-twelve .header-nav .main-nav>li>a {
    line-height: 24px;
    padding: 4px 16px !important;
    background: transparent;
    border-radius: 100px;
    transition: all 0.5s;
    border: 1px dashed transparent;
}

.header-twelve .header-nav .main-nav>li>a:hover {
    border: 1px dashed var(--primary);
}

@media (max-width: 1199.98px) {
    .header-twelve .header-nav .main-nav>li>a {
        padding: 4px 12px !important;
    }
}

@media (max-width: 991.98px) {
    .header-twelve .header-nav .main-nav>li>a {
        padding: 16px 0 !important;
    }
}

.header-twelve .header-nav .header-navbar-rht li {
    padding-right: 16px !important;
}

.header-twelve .header-nav .header-navbar-rht li .details-btn {
    background: var(--secondary);
    color: #000103;
    border: none !important;
    font-size: 24px;
    font-weight: 700;
}

.header-twelve .header-nav .header-navbar-rht li .details-btn:hover {
    background: var(--primary);
    color: var(--white);
}

@media (max-width: 1399.98px) {
    .header-twelve .header-nav .header-navbar-rht li .theme-11-btn {
        display: none !important;
    }
}

.header-twelve .has-submenu .sub-menu-one {
    top: 56px !important;
}

.header-thirteen {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
}

.header-thirteen .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home13-menu-img-1.png");
}

.header-thirteen .has-submenu .sub-menu-one::after {
    background-image: url("../img/bg/home3-pattern-02.png");
}

.header-thirteen.home-menu {
    position: absolute;
}

.header-thirteen .header-nav {
    background: var(--white);
    border-radius: 12px;
    padding: 12px 20px;
    height: 80px;
    margin: 0 12px;
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav {
        height: 68px;
        padding: 12px;
    }
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .navbar-header {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .navbar-header #mobile_btn {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .header-thirteen .header-nav .navbar-header #mobile_btn {
        position: unset;
    }
}

.header-thirteen .header-nav .logo {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .logo {
        justify-content: start;
    }
}

.header-thirteen .header-nav .logo .normal-logo {
    display: block;
}

.header-thirteen .header-nav .logo .white-logo {
    display: none;
}

.header-thirteen .header-nav .main-nav {
    display: none;
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .main-nav {
        display: flex;
    }
}

@media (min-width: 992px) {
    .header-thirteen .header-nav .main-nav>li {
        height: 85px;
        display: flex;
        align-items: center;
    }
}

.header-thirteen .header-nav .main-nav>li:last-child {
    margin-right: 0;
}

@media (min-width: 992px) {
    .header-thirteen .header-nav .main-nav>li>a {
        font-weight: 500;
    }
}

@media (min-width: 992px) {
    .header-thirteen .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (min-width: 992px) {
    .header-thirteen .header-nav .main-nav .has-submenu.active>a {
        color: var(--secondary);
    }
}

.header-thirteen .header-nav .menu-search {
    display: flex;
    align-items: center;
}

.header-thirteen .header-nav .menu-search>a {
    font-size: 24px;
    margin-right: 24px;
}

.header-thirteen .header-nav .search-item {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 1199.98px) {
    .header-thirteen .header-nav .search-item {
        gap: 12px;
    }
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .search-item {
        display: none;
    }
}

.header-thirteen .header-nav .search-item .home-icon {
    font-size: 24px;
}

.header-thirteen .header-nav .header-search {
    position: relative;
    padding: 8px 12px 8px 24px;
    border: 1px solid var(--gray-200);
    border-radius: 30px;
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .header-search {
        display: none;
    }
}

.header-thirteen .header-nav .header-search select {
    border: 0;
    box-shadow: none;
    padding-right: 8px;
    width: 118px;
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-900);
    background: transparent;
}

.header-thirteen .header-nav .header-search select:focus {
    border: 0;
    box-shadow: none;
    outline: 0;
}

.header-thirteen .header-nav .header-search select option {
    padding: 2px 16px;
}

.header-thirteen .header-nav .header-search .form-control {
    border: 0;
    width: 305px;
}

@media (max-width: 1199.98px) {
    .header-thirteen .header-nav .header-search .form-control {
        width: 140px;
    }
}

.header-thirteen .header-nav .header-search .form-control::placeholder {
    color: var(--gray-400);
}

.header-thirteen .header-nav .header-search button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
    flex-shrink: 0;
}

.header-thirteen .header-nav .header-navbar-rht {
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-thirteen .header-nav .header-navbar-rht {
        display: none;
    }
}

.header-thirteen .header-nav .header-navbar-rht li {
    padding-right: 12px;
}

.header-thirteen .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

.header-thirteen .header-nav .header-navbar-rht li .header-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    position: relative;
}

@media (max-width: 1199.98px) {
    .header-thirteen .header-nav .header-navbar-rht li .header-icon {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

.header-thirteen .header-nav .header-navbar-rht li .header-icon .badge {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 9px;
    background: var(--danger);
    display: inline-block;
    padding: 0;
}

.header-thirteen .header-nav .header-navbar-rht li .menu-toggle {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    padding: 0;
}

@media (max-width: 1199.98px) {
    .header-thirteen .header-nav .header-navbar-rht li .menu-toggle {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

.header-thirteen.fixed {
    background: var(--white);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.header-thirteen.fixed #mobile_btn {
    border: 1px solid var(--gray-200);
}

.header-thirteen.fixed .header-nav {
    margin: 0;
}

.header-thirteen.fixed .header-nav .logo .white-logo {
    display: none;
}

.header-thirteen.fixed .header-nav .logo .normal-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-thirteen.fixed .header-nav .main-nav>li>a {
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-thirteen.fixed .header-nav .main-nav>li>a:hover {
        color: var(--secondary);
    }
}

@media (min-width: 992px) {
    .header-thirteen.fixed .header-nav .main-nav .has-submenu.active>a {
        color: var(--secondary);
    }
}

.header-fifteen {
    background: transparent;
    z-index: 999;
}

@media (max-width: 991.98px) {
    .header-fifteen {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 1199.98px) {
    .header-fifteen .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991.98px) {
    .header-fifteen .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.header-fifteen .header-items-button {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    gap: 8px;
}

.header-fifteen .header-items-button .btn {
    padding: 8px 16px;
}

.header-fifteen .header-nav {
    background: transparent;
}

.header-fifteen .header-nav .navbar-brand {
    margin-right: 0;
}

@media (max-width: 1199.98px) {
    .header-fifteen .header-nav .navbar-brand {
        margin-right: 0;
    }
}

.header-fifteen .header-nav .navbar-header .white-logo {
    display: none;
}

.header-fifteen .header-nav .main-nav {
    padding: 0 8px;
    background: var(--primary-100);
    border-radius: 50px;
}

.header-fifteen .header-nav .main-nav>li {
    margin-right: 4px;
    padding: 8px 0;
}

.header-fifteen .header-nav .main-nav>li>a {
    color: #fff;
    padding: 6px 12px !important;
    border-radius: 30px;
    background: transparent;
    line-height: unset;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

@media (max-width: 1199.98px) {
    .header-fifteen .header-nav .main-nav>li>a {
        padding: 6px 8px !important;
    }
}

@media (max-width: 991.98px) {
    .header-fifteen .header-nav .main-nav>li>a {
        color: var(--gray-900) !important;
    }
}

.header-fifteen .header-nav .main-nav>li>a:hover {
    background: var(--primary);
    color: var(--gray-900) !important;
}

@media (max-width: 991.98px) {
    .header-fifteen .header-nav .main-nav>li>a:hover {
        background: transparent;
        color: var(--primary) !important;
    }
}

.header-fifteen .header-nav .main-nav>li>a span {
    font-size: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-fifteen .header-nav .main-nav>li.active>a {
    background: var(--primary);
    color: #0f172a !important;
}

@media (max-width: 991.98px) {
    .header-fifteen .header-nav .main-nav>li.active>a {
        background: transparent;
        color: var(--primary) !important;
    }
}

@media (max-width: 1399.98px) {
    .header-fifteen .header-nav .main-nav li {
        margin-right: 2px !important;
    }
}

@media (max-width: 1199.98px) {
    .header-fifteen .header-nav .header-navbar-rht .btn {
        padding: 12px 8px;
    }
}

.header-fifteen .header-nav .header-navbar-rht .btn .icon {
    height: 50px;
}

@media (max-width: 1199.98px) {
    .header-fifteen .header-nav .header-navbar-rht .btn .icon {
        display: none;
    }
}

.header-fifteen.fixed {
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.header-fifteen.fixed .header-nav .main-nav {
    background: transparent;
}

.header-fifteen.fixed .header-nav .main-nav>li>a {
    color: var(--gray-900);
}

.header-fourteen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-fourteen.home-menu {
    position: absolute;
}

.header-fourteen .mega-submenu .megamenu-wrapper::before {
    background: url("../img/bg/home2-menu-img-1.png");
}

.header-fourteen .has-submenu .sub-menu-one::after {
    background-image: url("");
}

.header-fourteen.header .main-menu-wrapper .main-nav>li .submenu li .single-demo.active .demo-info .inner-demo-img {
    color: var(--secondary) !important;
}

@media (min-width: 992px) {
    .header-fourteen.header .header-nav .main-nav li .submenu a.inner-demo-img:hover {
        color: var(--secondary) !important;
    }
}

.header-fourteen.header .header-nav .main-nav>li .submenu li a:hover {
    color: var(--secondary) !important;
}

.header-fourteen .header-nav {
    background: transparent;
    height: 78px;
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav {
        height: 60px;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav .navbar-header {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav .navbar-header #mobile_btn {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .header-fourteen .header-nav .navbar-header #mobile_btn {
        position: unset;
    }
}

.header-fourteen .header-nav .logo {
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav .logo {
        justify-content: start;
    }
}

.header-fourteen .header-nav .logo .normal-logo {
    display: block;
}

.header-fourteen .header-nav .logo .white-logo {
    display: none;
}

.header-fourteen .header-nav .main-nav>li {
    margin-right: unset;
}

@media (max-width: 1399.98px) {
    .header-fourteen .header-nav .main-nav>li {
        margin-right: 4px !important;
    }
}

@media (min-width: 1200px) {
    .header-fourteen .header-nav .main-nav>li {
        margin-right: 4px;
    }
}

@media (min-width: 992px) {
    .header-fourteen .header-nav .main-nav>li {
        height: 78px;
        margin-right: 2px;
        display: flex;
        align-items: center;
    }
}

.header-fourteen .header-nav .main-nav>li:last-child {
    margin-right: 0;
}

@media (min-width: 992px) {
    .header-fourteen .header-nav .main-nav>li>a {
        color: #fff;
        font-weight: 500;
        line-height: 1.5;
        padding: 6px 12px !important;
        border-radius: 52px;
    }
}

@media (min-width: 1400px) {
    .header-fourteen .header-nav .main-nav>li>a {
        padding: 6px 16px !important;
    }
}

@media (max-width: 1199.98px) {
    .header-fourteen .header-nav .main-nav>li>a {
        padding: 6px 8px !important;
    }
}

@media (min-width: 992px) {
    .header-fourteen .header-nav .main-nav>li>a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav .main-nav>li .submenu li .single-demo.active .demo-info .inner-demo-img {
        color: var(--secondary) !important;
    }
}

@media (min-width: 992px) {
    .header-fourteen .header-nav .main-nav .has-submenu.active>a {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav .main-nav .has-submenu.active>a {
        color: var(--secondary);
    }
}

.header-fourteen .header-nav .header-navbar-rht {
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-fourteen .header-nav .header-navbar-rht {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header-fourteen .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

@media (max-width: 1399.98px) {
    .header-fourteen .header-nav .header-navbar-rht li {
        padding-right: 6px;
    }
}

.header-fourteen .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

.header-fourteen .header-nav .header-navbar-rht li .btn {
    display: flex;
    align-items: center;
    gap: 0;
}

.header-fourteen .header-nav .header-navbar-rht li .btn i {
    margin-right: 8px;
}

@media (max-width: 1199.98px) {
    .header-fourteen .header-nav .header-navbar-rht li .btn i {
        margin-right: 0;
    }
}

@media (max-width: 1199.98px) {
    .header-fourteen .header-nav .header-navbar-rht li .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 50%;
    }
}

@media (max-width: 1199.98px) {
    .header-fourteen .header-nav .header-navbar-rht li .btn span {
        display: none;
    }
}

.header-fourteen .header-nav .header-navbar-rht li .details-btn {
    background: rgba(44, 5, 5, 0.4);
    color: #fff;
    border: 0 !important;
}

.header-fourteen.fixed {
    background: var(--white);
    position: fixed;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.header-fourteen.fixed #mobile_btn {
    border: 1px solid var(--gray-200);
}

.header-fourteen.fixed .header-nav .logo .white-logo {
    display: none;
}

.header-fourteen.fixed .header-nav .logo .normal-logo {
    display: block;
}

@media (min-width: 992px) {
    .header-fourteen.fixed .header-nav .main-nav>li>a {
        color: var(--gray-900);
    }
}

@media (min-width: 992px) {
    .header-fourteen.fixed .header-nav .main-nav>li>a:hover {
        background: var(--primary);
        color: #fff;
    }
}

@media (min-width: 992px) {
    .header-fourteen.fixed .header-nav .main-nav .has-submenu.active>a {
        background: var(--primary);
        color: #fff;
    }
}

.header-fourteen.fixed .header-navbar-rht li .details-btn {
    background: var(--primary);
}

.header.header-trans {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 9999;
    background: transparent;
}

.header.header-trans .header-nav {
    background: transparent;
    border-bottom: 0;
}

.header.header-trans .main-menu-wrapper {
    margin-left: auto;
}

@media (max-width: 1399.96px) {
    .header.header-trans .main-menu-wrapper {
        margin-right: auto;
        margin-left: unset;
    }
}

.header.header-trans .header-navbar-rht li {
    height: 20px;
    padding-right: 15px;
}

@media (max-width: 1399.96px) {
    .header.header-trans .header-navbar-rht li {
        padding-right: 5px;
    }
}

.header.header-trans .header-navbar-rht li .header-contact-img i {
    color: #1c5b90;
    font-size: 14px;
}

.header.header-trans .header-navbar-rht li .header-contact-detail p.contact-info-header {
    color: #1c5b90;
}

.header.header-trans .header-navbar-rht li:last-child {
    border-right: 0;
    padding-left: 15px;
}

@media (max-width: 1199.96px) {
    .header.header-trans .header-navbar-rht li:last-child {
        padding-left: 0;
    }
}

.header.header-trans .header-navbar-rht li a.header-login {
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background-color: #1c5b91;
    box-shadow: 0 4px 4px rgba(189, 189, 189, 0.25);
    border-radius: 47px;
    border: 0;
}

.header.header-trans .header-navbar-rht li a.header-login.white-bg {
    background-color: #fff;
    color: #2264c5;
}

.header.header-trans .header-navbar-rht li a.header-login:hover {
    background-color: #1c5b91;
    color: #fff;
}

.header-one .header-nav .main-nav .has-submenu.active .submenu li.active>a {
    color: var(--primary);
}

.header-one {
    width: 100%;
    z-index: 1040;
    -webkit-transition: all 0.3s ease 0;
    -ms-transition: all 0.3s ease 0;
    transition: all 0.3s ease 0;
    background-color: transparent;
    box-shadow: 0 4px 4px rgba(198, 198, 198, 0.25);
}

.header-one.min-header {
    width: 100%;
    z-index: 1040;
    -webkit-transition: all 0.3s ease 0;
    -ms-transition: all 0.3s ease 0;
    transition: all 0.3s ease 0;
    background-color: transparent;
}

.header-one.header-fixed {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 9999;
    background: #f9fcff;
    box-shadow: inherit;
}

.header-one.header-space .header-nav {
    height: 80px;
}

.header-one .header-nav {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent;
    border: 0;
    position: relative;
    margin: 0;
    padding: 0;
    height: 100px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 991.98px) {
    .header-one .header-nav {
        height: 70px;
    }
}

@media (max-width: 991.98px) {
    .header-one .header-nav {
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-one .header-nav .menu-header {
        height: 70px;
    }
}

@media (max-width: 991.98px) {
    .header-one .header-nav .main-menu-wrapper {
        background-color: var(--primary);
    }
}

@media (max-width: 991.98px) {
    .header-one .navbar-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
    }
}

.header-one .navbar-header #mobile_btn {
    display: none;
    margin-right: 30px;
}

@media (max-width: 991.98px) {
    .header-one .navbar-header #mobile_btn {
        display: inline-block;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .header-one .navbar-header #mobile_btn {
        margin-right: 0;
    }
}

.header-one .navbar-header #mobile_btn .bar-icon {
    display: inline-block;
    width: 31px;
}

.header-one .navbar-header #mobile_btn .bar-icon span {
    background-color: var(--primary);
    display: block;
    float: left;
    height: 3px;
    margin-bottom: 7px;
    width: 31px;
    border-radius: 2px;
    -webkit-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
    transition: ease all 0.5s;
    position: relative;
}

.header-one .navbar-header #mobile_btn .bar-icon span:nth-child(2) {
    width: 16px;
}

.header-one .navbar-header #mobile_btn .bar-icon span:nth-child(3) {
    margin-bottom: 0;
}

.header-one .main-menu-wrapper {
    margin: 0;
    padding: 0;
}

.header-one .main-menu-wrapper .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav ul {
        background-color: #e6f1ff;
        display: none;
        list-style: none;
        margin: 0;
        padding-left: 0;
    }
}

.header-one .main-menu-wrapper .main-nav li .btn {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 8px !important;
    border: 1px solid var(--primary);
    border-radius: 6px;
}

.header-one .main-menu-wrapper .main-nav li .btn:hover {
    color: var(--primary);
    border: 1px solid var(--primary);
}

.header-one .main-menu-wrapper .main-nav li .btn i {
    font-size: 15px;
    margin-right: 5px;
    margin-left: 0;
}

.header-one .main-menu-wrapper .main-nav li .btn.reg-btn {
    min-width: 108px;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    color: var(--gray-900);
    box-shadow: inset 0 0 0 0 var(--primary);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .main-menu-wrapper .main-nav li .btn.reg-btn:hover {
    color: #fff;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    box-shadow: inset 0 0 0 50px var(--primary);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .main-menu-wrapper .main-nav li .btn.log-btn {
    min-width: 87px;
    color: #fff;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .main-menu-wrapper .main-nav li .btn.log-btn:hover {
    color: var(--primary);
    background-color: #fff;
    border: 1px solid var(--primary);
    box-shadow: inset 0 0 0 50px #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .main-menu-wrapper .main-nav li a {
    font-size: 15px;
    font-weight: 500;
    color: var(--gray-900);
    display: block;
}

@media (max-width: 1199.98px) {
    .header-one .main-menu-wrapper .main-nav li a {
        font-size: 14px;
    }
}

.header-one .main-menu-wrapper .main-nav li.login-link {
    display: none;
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav li.login-link {
        display: block;
    }
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav li>ul {
        background: #fff;
        box-shadow: 0 4px 4px rgba(196, 196, 196, 0.25);
        border-radius: 0 0 6px 5px;
        display: block;
        font-size: 14px;
        min-width: 200px;
        opacity: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        visibility: hidden;
        z-index: 1000;
    }
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav li {
        display: block;
        position: relative;
    }
}

.header-one .main-menu-wrapper .main-nav .register-btn {
    margin-right: 10px;
}

.header-one .main-menu-wrapper .main-nav .register-btn:last-child {
    margin-right: 0;
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav .register-btn {
        display: none;
    }
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav>li {
        margin-right: 8px;
    }
}

@media (min-width: 1200.98px) {
    .header-one .main-menu-wrapper .main-nav>li {
        margin-right: 18px;
    }
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav>li {
        border-bottom: 1px solid #e6f1ff;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav>li>a i {
        float: right;
        margin-top: 5px;
    }
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav>li>a {
        line-height: 1.5;
        padding: 15px 20px !important;
        color: #fff !important;
        font-size: 14px;
        background: transparent !important;
        border-radius: 0 !important;
    }
}

.header-one .main-menu-wrapper .main-nav>li:last-child {
    margin-right: 0;
}

.header-one .main-menu-wrapper .main-nav>li.active>a {
    color: #0e82fd !important;
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav>li.active>a {
        color: #fff !important;
    }
}

.header-one .main-menu-wrapper .main-nav>li>a {
    position: relative;
}

.header-one .main-menu-wrapper .main-nav>li>a:hover {
    color: var(--primary);
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav>li>a {
        padding: 23px 0 28px !important;
        line-height: normal;
    }
}

.header-one .main-menu-wrapper .main-nav>li>a>i {
    font-size: 10px;
    margin-left: 6px;
}

.header-one .main-menu-wrapper .main-nav>li.searchbar a {
    color: #6b7280;
}

.header-one .main-menu-wrapper .main-nav>li.searchbar a i {
    font-size: 16px;
}

@media (max-width: 1199.98px) {
    .header-one .main-menu-wrapper .main-nav>li.searchbar {
        display: none;
    }
}

.header-one .main-menu-wrapper .main-nav>li.has-submenu .submenu .has-submenu .submenu::before {
    top: 20px;
    margin-left: -35px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    border-color: transparent #fff #fff transparent;
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav>li.has-submenu:hover>.submenu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    .header-one .main-menu-wrapper .main-nav>li.has-submenu:hover>.submenu>li.has-submenu:hover .submenu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        margin-right: 0;
    }
}

.header-one .main-menu-wrapper .main-nav>li .submenu li {
    position: relative;
}

.header-one .main-menu-wrapper .main-nav>li .submenu li a {
    display: block;
    padding: 10px 15px;
    clear: both;
    white-space: nowrap;
    font-size: 14px;
    color: #2d3b48;
    -webkit-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: 100%;
    position: relative;
    border-top: 1px solid #f0f0f0;
}

.header-one .main-menu-wrapper .main-nav>li .submenu li a.active {
    color: var(--primary);
}

.header-one .main-menu-wrapper .main-nav>li .submenu li a:hover {
    color: #0e82fd !important;
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav>li .submenu li a {
        padding: 10px 15px 10px 35px;
    }
}

.header-one .main-menu-wrapper .main-nav>li .submenu>li.has-submenu>a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 13px;
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav>li .submenu>li .inner-submenu {
        left: 100%;
        top: 0;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .header-one .main-menu-wrapper .main-nav>li .submenu::before {
        border: 7px solid #fff;
        border-color: transparent transparent #fff #fff;
        box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
        content: "";
        position: absolute;
        top: 2px;
        left: 45px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper .main-nav {
        padding: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
}

@media (max-width: 991.98px) {
    .header-one .main-menu-wrapper {
        order: 3;
        width: 260px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1060;
        -webkit-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        transform: translateX(-260px);
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        background-color: var(--primary);
    }
}

.header-one .header-navbar-rht li {
    padding-right: 0;
}

.header-one .header-navbar-rht li .btn {
    font-weight: 500;
    font-size: 16px;
    padding: 8px 16px !important;
}

.header-one .header-navbar-rht li .btn i {
    margin-right: 8px;
    margin-left: 0;
}

.header-one .header-navbar-rht li .btn.reg-btn {
    min-width: 108px;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .header-navbar-rht li .btn.reg-btn:hover {
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .header-navbar-rht li .btn.log-btn {
    min-width: 87px;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .header-navbar-rht li .btn.log-btn:hover {
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.header-one .logo {
    display: inline-block;
    margin-right: 0;
}

@media (max-width: 991.98px) {
    .header-one .logo.navbar-brand {
        width: 160px;
        text-align: center;
        margin: auto;
    }
}

.header-one .header-nav .header-navbar-rht {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-right: 2px;
}

.header-one .header-nav .header-navbar-rht li {
    margin-right: 8px;
    padding-right: 0;
}

.header-one .header-nav .header-navbar-rht li:last-child {
    margin-right: 0;
}

@media (max-width: 991.98px) {
    .header-one .header-nav .header-navbar-rht {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .header-one .header-nav .header-navbar-rht {
        display: none;
    }
}

.header-one .menu-header {
    background-color: #fff;
    height: 72px;
    padding: 0 15px;
    border-bottom: 2px solid var(--primary);
    display: none;
}

.header-one .menu-header .menu-close {
    font-size: 20px;
}

.header-one .menu-header .menu-close i {
    color: var(--primary);
}

.header-one .menu-header .menu-close i:hover {
    color: var(--gray-900);
}

@media (max-width: 991.98px) {
    .header-one .menu-header {
        display: flex;
    }
}

.togglesearch {
    position: absolute;
    top: 74px;
    right: 8%;
    width: 280px;
    display: none;
    z-index: 999;
    background: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(183, 183, 183, 0.25);
}

.togglesearch input[type="text"] {
    width: 182px;
    padding: 5px 10px;
    border: 1px solid var(--primary);
    outline: 0;
    height: 39px;
    border-radius: 5px 0 0 5px;
}

.togglesearch button {
    background: var(--primary);
    color: var(--white);
    border: 1px solid var(--primary);
    outline: 0;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    padding: 8px 12px;
    font-size: 14px;
}

.togglesearch button:hover {
    background: var(--primary-hover);
    color: var(--white);
}

.sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    width: 100%;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
}

@media (max-width: 991.98px) {
    .sidebar-overlay.opened {
        display: block;
    }
}

.menu-opened .main-menu-wrapper {
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
}

html.menu-opened body {
    overflow: hidden;
}

#mobile_btn {
    display: none;
    margin-right: 30px;
    color: #0f172a;
}

@media (max-width: 991.98px) {
    #mobile_btn {
        margin-right: 0;
    }
}

#mobile_btn i {
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    #mobile_btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        flex-shrink: 0;
        border: 1px solid var(--gray-200);
    }
}

.custom .header-nav .navbar-header #mobile_btn {
    margin-left: 0;
}

@media (max-width: 575.98px) {
    .navbar-brand.logo {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand.logo img {
        height: 40px;
    }
}

.header-top {
    display: flex;
    background: var(--primary);
    color: #fff;
    padding: 8px 30px;
}

@media (max-width: 991.98px) {
    .header-top {
        display: none;
    }
}

.header-top ul {
    display: flex;
}

.header-top ul li {
    padding-right: 25px;
    font-size: 13px;
}

.header-top ul li .top-icon {
    margin-right: 5px;
}

.header-top ul li:last-child {
    padding-right: 0;
}

.header-top .right-top {
    margin-left: auto;
}

.login-header-info .flag-dropdown {
    margin: 0;
    padding: 18px 0;
}

@media (max-width: 991.98px) {
    .login-header-info .flag-dropdown {
        margin: 0;
        padding: 12px 0;
    }
}

.flag-dropdown .dropdown-toggle {
    color: var(--gray-900) !important;
    font-size: 14px !important;
    padding: 11px 15px;
    min-width: 146px;
    background: #fff;
    border: 1px solid #e4e4e8;
    border-radius: 8px;
    position: relative;
    display: flex !important;
}

.flag-dropdown .dropdown-toggle.show+.dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.flag-dropdown .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid var(--gray-900);
    border-right: 2px solid var(--gray-900);
    content: "";
    height: 8px;
    display: inline-block;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
    vertical-align: 2px;
    margin-left: 0;
    position: absolute;
    top: 15px;
    right: 15px;
}

.flag-dropdown .dropdown-toggle:after:hover {
    border-bottom: 2px solid var(--gray-900);
    border-right: 2px solid var(--gray-900);
}

.flag-dropdown .dropdown-toggle .flag-img {
    margin-right: 10px;
    border-radius: 50px;
    width: 20px;
}

.flag-dropdown.show+.dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.flag-dropdown .dropdown-menu {
    border-radius: 5px;
    margin: 0;
    padding: 0;
    min-width: 200px;
    top: 100%;
    left: auto !important;
    right: 0 !important;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
}

.flag-dropdown .dropdown-menu .dropdown-item {
    font-size: 14px !important;
    color: var(--gray-900);
    margin: 0;
    padding: 10px 15px;
    font-weight: 600;
}

.flag-dropdown .dropdown-menu .dropdown-item img {
    margin-right: 10px;
    width: 20px;
}

.flag-dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--gray-900) 14px !important;
}

.flag-dropdown .dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.main-nav li .flag-dropdown .submenu::before {
    display: none;
}

.flag-dropdown .dropdown-menu .dropdown-item.active,
.flag-dropdown .dropdown-menu .dropdown-item:active {
    color: #fff;
    background-color: var(--primary);
}

.noti-nav .dropdown-menu {
    min-width: 420px;
    padding: 0;
}

.header .main-menu-wrapper .main-nav>li .submenu li .single-demo.active .demo-info .inner-demo-img {
    color: #1c5b91;
}

.header .main-menu-wrapper .main-nav>li .submenu li .single-demo.active .demo-info .inner-demo-img {
    color: var(--primary) !important;
}

.single-demo.active .demo-img {
    box-shadow:
        0 4.8px 24.4px -12px rgba(19, 16, 34, 0.1),
        0 4px 13px -2px rgba(19, 16, 34, 0.06);
}

@media (min-width: 992px) {
    .header .header-nav .main-nav li .submenu a.inner-demo-img:hover {
        padding-left: 0 !important;
        color: var(--primary) !important;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav>li.megamenu {
        position: unset;
    }
}

@media (min-width: 992px) {
    .header .header-nav .main-nav li>ul.mega-submenu {
        padding: 0;
        border: 0;
        display: block;
        opacity: 0;
        visibility: hidden;
        background: transparent;
        min-width: 250px;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform-origin: center top 0;
        -webkit-transform-origin: center top 0;
        -moz-transform-origin: center top 0;
        -ms-transform-origin: center top 0;
        -o-transform-origin: center top 0;
        transition: all 0.3s ease-in-out 0;
        -webkit-transition: all 0.3s ease-in-out 0;
        -moz-transition: all 0.3s ease-in-out 0;
        -ms-transition: all 0.3s ease-in-out 0;
        -o-transition: all 0.3s ease-in-out 0;
        box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
        -ms-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
        -o-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

    .header .header-nav .main-nav li.has-submenu:hover>.submenu {
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .header .header-nav .main-nav li .submenu.mega-submenu::before {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .header.header-custom .header-nav .main-nav>li .submenu li .submenu li a {
        color: #2d3b48;
    }

    .header-one .main-menu-wrapper .main-nav>li .submenu>li.has-submenu>a::after {
        content: "\f078";
    }
}

header {
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
}

header.fixed {
    background: var(--white);
    top: 0;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    -webkit-animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    position: fixed;
    width: 100%;
    z-index: 111;
}

header {
    background: var(--white);
}

header .header-nav {
    background: var(--white);
    height: 76px;
}

@media (max-width: 991.98px) {
    header .header-nav {
        height: 60px;
    }
}

header .header-nav .logo {
    width: auto;
    max-width: 160px;
}

@media (max-width: 575.98px) {
    header .header-nav .logo {
        width: 100%;
        max-width: 100%;
    }
}

header .header-nav .navbar-header {
    display: inline-flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    header .header-nav .navbar-header {
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        width: 100%;
    }
}

header .header-nav .navbar-header .dropdown .dropdown-toggle {
    border-radius: 55px;
}

header .header-nav .navbar-header .dropdown .dropdown-toggle i {
    color: var(--gray-900);
}

@media (max-width: 1399.98px) {
    header .header-nav .navbar-header .dropdown {
        display: none;
    }
}

header .header-nav .header-menu {
    display: inline-flex;
    align-items: center;
}

header .header-nav .main-nav>li>a {
    line-height: 68px;
}

@media (max-width: 991.98px) {
    header .header-nav .main-nav>li>a {
        line-height: 1.5;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 991.98px) {
    header .header-nav .main-nav>li>a span {
        width: 32px;
        height: 32px;
        border: 1px solid var(--gray-100);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    header .header-nav .main-nav>li>a span i {
        transition: all 0.4s;
    }
}

@media (max-width: 991.98px) {
    header .header-nav .main-nav>li>a.submenu span i {
        transform: rotate(45deg);
    }
}

header .header-nav .header-navbar-rht {
    margin-left: 0;
}

header .header-nav .header-navbar-rht li {
    padding-right: 8px;
}

header .header-nav .header-navbar-rht li.searchbar {
    padding-right: 24px;
}

@media (max-width: 1199.98px) {
    header .header-nav .header-navbar-rht li.searchbar {
        display: none;
    }
}

header .header-nav .header-navbar-rht li:last-child {
    padding-right: 0;
}

header .header-nav .header-navbar-rht li .btn {
    display: inline-flex;
    align-items: center;
    border-radius: 30px;
}

@media (max-width: 1399.98px) {
    header .header-nav .header-navbar-rht li .btn {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    header .header-nav .header-navbar-rht li .btn {
        display: none;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
    }
}

@media (max-width: 1199.98px) {
    header .header-nav .header-navbar-rht li .btn span {
        display: none;
    }
}

header .header-nav .header-navbar-rht li .details-btn {
    width: 44px;
    height: 44px;
    border: 1px solid var(--gray-200);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-900);
    position: relative;
}

header .header-nav .header-navbar-rht li .details-btn .badge {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 9px;
    background: var(--danger);
    display: inline-block;
    padding: 0;
}

header .header-nav .header-navbar-rht li .details-btn:hover {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}

header .togglesearch {
    top: 56px;
    right: 18%;
}

header .togglesearch button {
    padding: 6px 12px;
}

.header-topbar {
    background: var(--white);
    padding: 8px 0;
    border-bottom: 1px solid var(--gray-200);
}

@media (max-width: 991.98px) {
    .header-topbar {
        display: none;
    }
}

.header-topbar .topbar-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-topbar .topbar-info>ul {
    display: flex;
    align-items: center;
}

.header-topbar .topbar-info>ul>li {
    display: inline-block;
    margin-right: 16px;
    padding-right: 16px;
    border-right: 1px solid var(--gray-200);
}

.header-topbar .topbar-info>ul>li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.header-topbar .topbar-info>ul>li .social-icon a {
    width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 50%;
    color: var(--gray-600);
    font-size: 16px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray-200);
}

.header-topbar .topbar-info>ul>li .social-icon a:last-child {
    margin-right: 0;
}

.header-topbar .topbar-info>ul>li .social-icon a:hover {
    background: var(--primary);
    color: var(--white);
    border: 1px solid var(--primary);
}

.header-topbar .topbar-info>ul>li .dropdown-amt .dropdown-toggle {
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

.header-topbar .topbar-info>ul>li .dropdown-amt .dropdown-toggle::after {
    display: inline-block;
    margin-inline-start: 4px;
    vertical-align: 0;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    border: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--gray-600);
}

.header-topbar .topbar-info .dropdown-country a {
    font-size: 16px;
    color: var(--gray-900);
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-topbar .topbar-info .dropdown-country a img {
    width: 16px;
    height: 16px;
}

.header-topbar .header-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-topbar .header-info p {
    color: var(--gray-600);
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.header-topbar .header-info p i {
    color: var(--gray-900);
    margin-right: 4px;
}

.header-topbar .header-info .drop-header {
    display: inline-flex;
    align-items: center;
}

.header-topbar .dropdown-menu {
    z-index: 999999;
}

.header-topbar .dropdown-menu .dropdown-item {
    font-size: 14px;
}

.header-topbar-four {
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid var(--primary);
}

@media (max-width: 991.98px) {
    .header-topbar-four {
        display: none;
    }
}

.header-topbar-four .header-info {
    gap: 24px;
}

.header-topbar-four .header-info p {
    font-size: 16px;
    color: #fff;
}

.header-topbar-four .header-info p i {
    color: #fff;
}

.header-topbar-four .topbar-info>ul>li {
    padding: 0;
    margin: 0 40px 0 0;
    border: 0;
}

.header-topbar-four .topbar-info>ul>li .social-icon a {
    width: 24px;
    height: 24px;
    border: 0;
    color: #fff;
}

.header-topbar-four .topbar-info>ul>li .social-icon a:hover {
    color: var(--secondary);
}

.header-topbar-four .topbar-info .dropdown-country>a {
    color: #fff;
    position: relative;
}

.header-topbar-four .topbar-info .dropdown-country>a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 0;
    border-left: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-radius: 1px;
    transform: rotate(45deg);
    transition: all 0.5s;
    top: -1px;
    position: relative;
    margin-left: 4px;
}

.header-topbar-seven {
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

@media (max-width: 991.98px) {
    .header-topbar-seven {
        display: none;
    }
}

.header-topbar-seven .header-info p {
    font-size: 16px;
    color: #fff;
}

.header-topbar-seven .header-info p i {
    color: #fff;
}

.header-topbar-seven .topbar-info>ul>li {
    padding: 0;
    margin: 0 40px 0 0;
    border: 0;
}

.header-topbar-seven .topbar-info .dropdown-country>a {
    color: #fff;
    position: relative;
}

.header-topbar-seven .topbar-info .dropdown-country>a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 0;
    border-left: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-radius: 1px;
    transform: rotate(45deg);
    transition: all 0.5s;
    top: -1px;
    position: relative;
    margin-left: 4px;
}

.header-three {
    background: transparent !important;
    border: 0;
    padding: 20px 0 0;
    border: none !important;
}

@media (max-width: 991.98px) {
    .header-three {
        position: relative;
        z-index: 111;
    }
}

.header-three .navbar {
    background: var(--primary-transparent) !important;
    box-shadow: 0 4px 24px 0 var(--primary-transparent) !important;
    backdrop-filter: blur(100px);
    padding: 3px 32px;
    border-radius: 80px;
    position: unset !important;
}

@media (max-width: 1399.98px) {
    .header-three .navbar {
        padding: 3px 16px 3px 16px;
    }
}

@media (max-width: 991.98px) {
    .header-three .navbar {
        padding: 3px 20px;
    }
}

.header-three .navbar #mobile_btn {
    width: 40px;
    height: 40px;
    border: 1px solid var(--gray-200);
    margin: 0;
}

@media (max-width: 991.98px) {
    .header-three .navbar #mobile_btn {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 991.98px) {
    .header-three .navbar .navbar-header {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .header-three .navbar .main-nav li.active a {
        color: #fff;
    }
}

.header-three .navbar .main-nav li.active a:before {
    opacity: 1;
}

.header-three .navbar .main-nav li.active a:after {
    opacity: 1;
}

.header-three .navbar .main-nav li .main-menu {
    padding: 0 9px !important;
    position: relative;
}

@media (max-width: 1399.98px) {
    .header-three .navbar .main-nav li .main-menu {
        padding: 0 4px !important;
    }
}

@media (max-width: 991.98px) {
    .header-three .navbar .main-nav li .main-menu {
        padding: 16px 0 !important;
    }
}

.header-three .navbar .main-nav li .main-menu:before {
    content: "";
    background: url(../img/icons/active-icon-1.png);
    background-size: 100% 100%;
    background-position: center;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 20px;
    opacity: 0;
    transition: all 0.7s;
}

@media (max-width: 991.98px) {
    .header-three .navbar .main-nav li .main-menu:before {
        content: unset;
    }
}

.header-three .navbar .main-nav li .main-menu:after {
    content: "";
    background: url(../img/icons/active-icon-2.png);
    background-size: 100% 100%;
    background-position: center;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    bottom: 20px;
    opacity: 0;
    transition: all 0.7s;
}

@media (max-width: 991.98px) {
    .header-three .navbar .main-nav li .main-menu:after {
        content: unset;
    }
}

.header-three .navbar .main-nav li .main-menu span {
    font-size: 13px;
}

@media (max-width: 991.98px) {
    .header-three .main-menu-wrapper {
        height: 100vh;
        left: -19px !important;
        top: -20px !important;
    }
}

.header-three .header-navbar-rht li {
    border: 0;
}

.header-three .header-navbar-rht li::before {
    content: unset !important;
}

.header-three .header-navbar-rht li a i {
    margin-right: 0 !important;
    font-size: 20px;
}

.header-three .header-navbar-rht li {
    padding-right: 8px !important;
}

@media (max-width: 1399.98px) {
    .header-three .header-navbar-rht li {
        padding-right: 4px !important;
    }
}

.header-three .header-navbar-rht .details-btn {
    background: var(--white);
    color: var(--gray-900);
    border: none !important;
}

@media (max-width: 1399.98px) {
    .header-three .header-navbar-rht .details-btn {
        width: 38px !important;
        height: 38px !important;
    }
}

.header-three .header-navbar-rht .theme-toggle {
    border: none !important;
}

.header-three .header-navbar-rht .theme-toggle i {
    margin: 0 !important;
}

.header-three .header-navbar-rht .theme-toggle:hover {
    color: #fff;
    background: var(--primary);
}

@media (max-width: 1399.98px) {
    .header-three .header-navbar-rht .theme-toggle {
        width: 38px !important;
        height: 38px !important;
    }
}

.header-three.fixed {
    background: var(--white) !important;
    padding: 0 !important;
}

.header-three.fixed .navbar {
    background: transparent !important;
    box-shadow: unset !important;
    backdrop-filter: unset;
    padding: unset;
    border-radius: unset;
}

.header-three.fixed .navbar .details-btn {
    background: var(--white);
    color: var(--gray-900);
    border: 1px solid var(--gray-200) !important;
}

.header-three.fixed .navbar .details-btn:hover {
    border: 1px solid var(--primary) !important;
}

.header-three.fixed .navbar .theme-toggle {
    border: 1px solid var(--gray-200) !important;
    background: var(--white);
    color: var(--gray-900);
}

.header-three.fixed .navbar .theme-toggle:hover {
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary) !important;
}

@media (max-width: 1399.98px) {
    .header-three.fixed .navbar .theme-2-btn {
        border: 1px solid var(--gray-200) !important;
        background: var(--white);
        color: var(--gray-900);
    }

    .header-three.fixed .navbar .theme-2-btn:hover {
        color: #fff;
        background: var(--primary);
        border: 1px solid var(--primary) !important;
    }

    .header-three.fixed .navbar .theme-2-btn:hover i {
        color: #fff;
    }
}

.header-three.fixed .main-menu-wrapper {
    left: 0 !important;
    top: 0 !important;
}

@media (max-width: 1399.98px) {
    .header-three .theme-2-btn {
        padding: 0;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--white);
        border: 0;
    }

    .header-three .theme-2-btn:hover {
        background: var(--primary);
        color: var(--white);
    }

    .header-three .theme-2-btn:hover i {
        color: #fff;
    }
}

@media (max-width: 1399.98px) {
    .header-three .theme-2-btn {
        width: 38px !important;
        height: 38px !important;
    }
}

@media (max-width: 1399.98px) {
    .header-three .theme-2-btn::before {
        content: unset;
    }
}

@media (max-width: 1399.98px) {
    .header-three .theme-2-btn span {
        display: block !important;
    }
}

@media (max-width: 1399.98px) {
    .header-three .theme-2-btn span i {
        color: var(--gray-900);
        font-size: 20px;
        background: transparent !important;
    }
}

.header-three .theme-2-btn strong {
    font-weight: 500 !important;
}

@media (max-width: 1399.98px) {
    .header-three .theme-2-btn strong {
        display: none;
    }
}

.header-three .header-nav .main-nav li {
    margin-right: 8px;
}

.header-theme .theme-toggle {
    display: none;
    width: 44px;
    height: 44px;
    display: none;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: 50%;
    font-size: 20px;
}

.header-theme .theme-toggle.activate {
    display: flex;
}

.header {
    z-index: 9999 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
    position: relative;
}

@media (max-width: 991.98px) {
    .header .header-nav {
        position: unset !important;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav li>ul {
        top: unset !important;
    }
}

@media (max-width: 1399.98px) {
    .header .header-nav .main-nav li {
        margin-right: 28px;
    }
}

@media (max-width: 1199.98px) {
    .header .header-nav .main-nav li {
        margin-right: 15px;
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav li {
        margin-right: 0;
    }
}

.header .header-nav .main-nav li a span {
    font-size: 13px !important;
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav span i {
        transform: rotate(-90deg);
    }
}

@media (max-width: 991.98px) {
    .header .header-nav .main-nav .submenu span i {
        transform: rotate(-180deg);
    }
}

.header-items {
    display: none;
}

@media (max-width: 991.98px) {
    .header-items {
        margin-top: 40px;
        padding: 0 16px 16px;
        display: block;
    }
}

.header-items .about-popup-item {
    margin-bottom: 40px;
}

.header-items .header-items-button {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header-items .header-items-button a {
    font-weight: 500;
    border: none !important;
}

.header-items .header-items-button a:hover {
    border: none !important;
}

.header-default .header-nav .main-nav>li>a {
    line-height: unset;
    position: relative;
}

.header-default .header-nav {
    position: unset !important;
}

.header-default .header-nav .main-nav .has-submenu.active>a::before {
    content: "";
    background: var(--primary-gradient);
    width: 100%;
    height: 2px;
    position: absolute;
    left: -1px;
    bottom: -4px;
    border-radius: 30px;
}

@media (max-width: 991.98px) {
    .header-default .header-nav .main-nav .has-submenu.active>a::before {
        content: unset;
    }
}

.header-default .has-submenu .sub-menu-one {
    top: 40px !important;
}

.main-header {
    position: absolute;
    z-index: 1050;
    top: 0;
    left: 0;
    width: 100%;
}

@media (max-width: 991.98px) {
    .location-dropdown {
        display: none;
    }
}

.location-dropdown p {
    display: flex;
    align-items: center;
    color: var(--gray-900);
    font-size: 14px;
    margin-bottom: 4px;
}

.location-dropdown select {
    font-size: 16px;
    font-weight: 500;
    color: var(--primary);
    border: 0;
    background: transparent !important;
}

.location-dropdown select option {
    color: var(--gray-900);
}

.menu-content {
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(2px);
    overflow-y: auto;
    height: 100vh;
}

.menu-content .menu-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 100vh;
}

.menu-content ul li {
    margin-bottom: 24px;
}

.menu-content ul li:last-child {
    margin-bottom: 0;
}

.menu-content ul li a {
    font-size: 36px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    color: #fff;
}

@media (max-width: 1399.98px) {
    .menu-content ul li a {
        font-size: 24px;
    }
}

@media (max-width: 1199.98px) {
    .menu-content ul li a {
        font-size: 18px;
    }
}

.menu-content ul li a:hover {
    background: var(--primary-gradient-200);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.menu-content ul li a span {
    font-size: 16px;
    font-weight: 600;
    margin-right: 16px;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .header-fifteen .header-nav .main-nav li a.submenu span {
        transform: rotate(-224deg);
    }
}

.header-fifteen .header-nav .main-nav li a span {
    font-size: 16px !important;
}

@media (max-width: 991.98px) {
    .header-fifteen .header-nav .main-nav li a span {
        font-size: 20px !important;
        border: 0;
    }
}

select:focus {
    border-color: #ff6b35;
    outline: 0;
}

.footer {
    background-color: #15558d;
}

.footer.footer-one .footer-bottom .copyright .copyright-text p {
    color: var(--gray-600);
}

@media (max-width: 991.98px) {
    .footer.footer-one .footer-bottom .copyright .copyright-text p {
        text-align: center;
    }
}

.footer .footer-top {
    padding: 40px 0;
}

@media (max-width: 991.98px) {
    .footer .footer-top {
        padding-bottom: 10px;
    }
}

.footer .footer-top .footer-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px;
    text-transform: capitalize;
}

@media (max-width: 767.98px) {
    .footer .footer-top .footer-title {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .footer .footer-top .footer-title {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    .footer .footer-top .footer-widget {
        margin-bottom: 0;
    }
}

.footer .footer-top .footer-widget.footer-menu ul {
    list-style: none;
    outline: 0;
    margin: 0;
    padding: 0;
}

.footer .footer-top .footer-widget.footer-menu ul li {
    margin-bottom: 10px;
    position: relative;
}

.footer .footer-top .footer-widget.footer-menu ul li:last-child {
    margin-bottom: 0;
}

.footer .footer-top .footer-widget.footer-menu ul li a {
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    -webkit-transition: all 0.4s ease 0;
    -ms-transition: all 0.4s ease 0;
    transition: all 0.4s ease 0;
}

.footer .footer-top .footer-widget.footer-menu ul li a:hover {
    color: #fff;
    letter-spacing: 0.5px;
    padding-left: 30px;
}

.footer .footer-top .footer-widget.footer-menu ul li a::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.footer .footer-top .footer-widget .footer-logo {
    margin: 0 0 30px;
}

.footer .footer-top .footer-widget .footer-about-content p {
    color: #fff;
}

.footer .footer-top .footer-widget .footer-about-content p:last-child {
    margin-bottom: 0;
    color: var(--gray-600);
}

.footer .footer-top .footer-widget .footer-about-content .social-icon ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer .footer-top .footer-widget .footer-about-content .social-icon ul li {
    margin-right: 15px;
}

.footer .footer-top .footer-widget .footer-about-content .social-icon ul li:last-child {
    margin-right: 0;
}

.footer .footer-top .footer-widget .footer-about-content .social-icon ul li a {
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.4s ease 0;
    -ms-transition: all 0.4s ease 0;
    transition: all 0.4s ease 0;
}

.footer .footer-top .footer-widget .footer-about-content .social-icon ul li a:hover {
    color: var(--primary);
}

.footer .footer-top .footer-widget .footer-contact-info {
    color: #fff;
    font-size: 15px;
}

.footer .footer-top .footer-widget .footer-contact-info .footer-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer .footer-top .footer-widget .footer-contact-info .footer-address span {
    margin-right: 20px;
}

.footer .footer-top .footer-widget .footer-contact-info .footer-address span i.fa-map-marker-alt {
    font-size: 20px;
}

.footer .footer-top .footer-widget .footer-contact-info .footer-address p {
    color: var(--white);
    margin: 0 0 1rem;
}

.footer .footer-top .footer-widget .footer-contact-info p {
    color: var(--white);
}

.footer .footer-top .footer-widget .footer-contact-info p i {
    margin-right: 15px;
}

.footer .footer-bottom .copyright {
    border-top: 1px solid #1663a6;
    padding: 30px 0;
}

.footer .footer-bottom .copyright .copyright-text p {
    font-size: 14px;
    color: #fff;
}

.footer .footer-bottom .copyright .copyright-text p a {
    color: var(--gray-900);
    font-weight: 500;
    -webkit-transition: all 0.4s ease 0;
    -ms-transition: all 0.4s ease 0;
    transition: all 0.4s ease 0;
}

.footer .footer-bottom .copyright .copyright-text p a:hover {
    color: var(--primary);
}

.footer .footer-bottom .copyright .copyright-text p.title {
    font-weight: 400;
    margin: 10px 0 0;
}

.footer .footer-bottom .copyright .policy-menu {
    font-size: 14px;
    text-align: right;
    margin: 0;
    padding: 0;
}

@media (max-width: 767.98px) {
    .footer .footer-bottom .copyright .policy-menu {
        margin-top: 10px;
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .footer .footer-bottom .copyright .policy-menu {
        text-align: center;
    }
}

.footer .footer-bottom .copyright .policy-menu li {
    display: inline-block;
    margin-right: 15px;
}

.footer .footer-bottom .copyright .policy-menu li:last-child {
    margin-right: 0;
}

.footer .footer-bottom .copyright .policy-menu li a {
    color: #fff;
}

.footer .footer-bottom .copyright .policy-menu li a:hover,
.footer .footer-bottom .copyright .policy-menu li a:focus {
    color: var(--primary);
}

.footer .footer-bottom .copyright .policy-menu li::after {
    color: #fff;
    content: "|";
    font-weight: 300;
    position: relative;
    left: 10px;
}

.footer .footer-bottom .copyright .policy-menu li:last-child::after {
    content: "";
}

.footer-two {
    background: #000103;
}

.footer-two p {
    color: #fff;
}

.footer-two .footer-top {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-two .footer-top {
        padding: 50px 0 40px;
    }
}

@media (max-width: 991.98px) {
    .footer-two .footer-top .footer-widget {
        margin-bottom: 10px;
    }
}

.footer-two .footer-top .footer-widget .footer-title {
    color: #fff;
    margin-bottom: 24px;
    font-size: 18px;
}

@media (max-width: 767.98px) {
    .footer-two .footer-top .footer-widget .footer-title {
        margin-bottom: 16px;
    }
}

.footer-two .footer-top .footer-widget .footer-menu li {
    margin-bottom: 18px;
}

.footer-two .footer-top .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-two .footer-top .footer-widget .footer-menu li a {
    color: #fff;
    position: relative;
    padding-left: 14px;
}

.footer-two .footer-top .footer-widget .footer-menu li a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

.footer-two .footer-top .footer-widget .footer-menu li a:hover {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-two .footer-top .footer-widget .footer-menu li a:hover::before {
    background: var(--primary-gradient);
}

.footer-two .footer-top .footer-widget.footer-about .footer-logo {
    margin-bottom: 24px;
}

.footer-two .footer-top .footer-widget.footer-about p {
    margin-bottom: 24px;
}

.footer-two .footer-top .footer-widget.footer-about .social-icon ul {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-two .footer-top .footer-widget.footer-about .social-icon ul li:last-child a {
    padding-right: 0;
}

.footer-two .footer-top .footer-widget.footer-about .social-icon ul li:last-child a::before {
    content: none;
}

.footer-two .footer-top .footer-widget.footer-about .social-icon ul li a {
    color: #fff;
    position: relative;
    padding-right: 18px;
}

.footer-two .footer-top .footer-widget.footer-about .social-icon ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-gradient);
}

.footer-two .footer-top .footer-widget.footer-about .social-icon ul li a:hover {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-two .footer-top .footer-widget.footer-contact p {
    margin-bottom: 24px;
}

.footer-two .footer-top .footer-widget.footer-contact .contact-info {
    margin-bottom: 16px;
}

.footer-two .footer-top .footer-widget.footer-contact .contact-info:last-child {
    margin-bottom: 0;
}

.footer-two .footer-top .footer-widget.footer-contact .contact-info span {
    color: #f4f6f8;
    display: block;
    margin-bottom: 4px;
}

.footer-two .footer-top .footer-widget.footer-contact .contact-info p {
    font-weight: 500;
    margin-bottom: 0;
}

.footer-two .footer-top .footer-widget.footer-contact .contact-info p a {
    color: #fff;
}

.footer-two .footer-top .footer-widget.footer-contact .contact-info p a:hover {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-two .footer-top .footer-widget .footer-subscribe p {
    color: #f4f6f8;
    margin-bottom: 24px;
}

.footer-two .footer-top .footer-widget .footer-subscribe .subscribe-input {
    position: relative;
}

.footer-two .footer-top .footer-widget .footer-subscribe .subscribe-input input {
    height: 60px;
    border-radius: 12px;
    padding: 8px 54px 8px 16px;
    border: 1px solid var(--white);
    font-size: 16px;
}

@media (max-width: 991.98px) {
    .footer-two .footer-top .footer-widget .footer-subscribe .subscribe-input input {
        height: 50px;
    }
}

.footer-two .footer-top .footer-widget .footer-subscribe .subscribe-input input::placeholder {
    color: var(--gray-400);
}

.footer-two .footer-top .footer-widget .footer-subscribe .subscribe-input button {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 12px;
    font-size: 24px;
}

@media (max-width: 991.98px) {
    .footer-two .footer-top .footer-widget .footer-subscribe .subscribe-input button {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
}

.footer-two .footer-top .footer-bg-01 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.footer-two .footer-top .footer-bg-02 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.footer-two .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
}

.footer-two .footer-bottom .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

@media (max-width: 767.98px) {
    .footer-two .footer-bottom .copyright {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .footer-two .footer-bottom .copyright-text {
        text-align: center;
    }
}

.footer-two .footer-bottom .copyright-menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

@media (max-width: 767.98px) {
    .footer-two .footer-bottom .copyright-menu ul {
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .footer-two .footer-bottom .copyright-menu ul {
        gap: 8px;
    }
}

.footer-two .footer-bottom .copyright-menu ul li:last-child a {
    padding-right: 0;
}

.footer-two .footer-bottom .copyright-menu ul li:last-child a::after {
    content: none;
}

.footer-two .footer-bottom .copyright-menu ul li a {
    position: relative;
    color: #fff;
    padding-right: 22px;
}

@media (max-width: 575.98px) {
    .footer-two .footer-bottom .copyright-menu ul li a {
        padding-right: 14px;
    }
}

.footer-two .footer-bottom .copyright-menu ul li a:hover {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-two .footer-bottom .copyright-menu ul li a::after {
    content: "/";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    color: rgba(255, 255, 255, 0.1);
}

.footer-three {
    background: var(--dark);
    position: relative;
}

.footer-three .footer-top {
    padding: 60px 0;
    border-bottom: 1px solid #1e293b;
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-three .footer-top {
        padding: 50px 0;
    }
}

@media (max-width: 575.98px) {
    .footer-three .footer-top {
        padding: 50px 0 30px;
    }
}

.footer-three .footer-top .footer-title .section-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}

@media (max-width: 1199.98px) {
    .footer-three .footer-top .footer-title .section-title {
        font-size: 40px;
    }
}

@media (max-width: 991.98px) {
    .footer-three .footer-top .footer-title .section-title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .footer-three .footer-top .footer-title .section-title {
        font-size: 27px;
    }
}

.footer-three .footer-top .footer-title .section-title span {
    background: linear-gradient(113.63deg,
            #1d1ee3 22.41%,
            #6e6e7e 59.71%,
            #b4b326 78.36%,
            #6365ff 97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-three .footer-top .footer-menu .footer-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: capitalize;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-three .footer-top .footer-menu .footer-title i {
    font-size: 8px;
    color: var(--secondary);
}

.footer-three .footer-top .footer-menu ul li {
    margin-bottom: 16px;
}

.footer-three .footer-top .footer-menu ul li:last-child {
    margin-bottom: 0;
}

.footer-three .footer-top .footer-menu ul li a {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.6s;
}

.footer-three .footer-top .footer-menu ul li a:hover {
    color: var(--secondary);
}

.footer-three .footer-top .footer-menu ul li a:hover::before {
    width: 6px;
    margin-right: 10px;
}

.footer-three .footer-top .footer-menu ul li a:before {
    content: "";
    background: var(--secondary);
    width: 0;
    height: 2px;
    transition: all 0.6s;
}

@media (max-width: 767.98px) {
    .footer-three .footer-top .footer-widget {
        margin-top: 36px;
    }
}

.footer-three .footer-top .footer-row-top {
    margin-top: 0;
}

.footer-three .slider-section-three {
    padding: 35px 0;
    border-bottom: 1px solid #1e293b;
    position: relative;
    z-index: 1;
}

@media (max-width: 575.98px) {
    .footer-three .slider-section-three {
        padding: 0;
    }
}

.footer-three .slider-section-three .slide-three .slide-list {
    white-space: nowrap;
}

.footer-three .slider-section-three .slide-three .slide-list .services-slide::before {
    background: url(../img/icons/footer-star-icon.png);
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
}

.footer-three .slider-section-three .slide-three .slide-list .services-slide img {
    z-index: 1;
}

.footer-three .footer-bottom {
    padding: 24px 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 575.98px) {
    .footer-three .footer-bottom .copyright-text {
        text-align: center;
    }
}

.footer-three .footer-bottom .copyright-text p {
    color: #fff;
}

.footer-three .footer-bottom .social-icon {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

@media (max-width: 575.98px) {
    .footer-three .footer-bottom .social-icon {
        justify-content: center;
        margin-top: 20px;
    }
}

.footer-three .footer-bottom .social-icon a {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-three .footer-bottom .social-icon a:hover {
    background: var(--primary-gradient);
}

.footer-three .img-1 {
    position: absolute;
    right: 0;
    top: 0;
}

.footer-three .img-2 {
    position: absolute;
    top: -38px;
    width: 100%;
}

@media (max-width: 1399.98px) {
    .footer-three .img-2 {
        top: -25px;
    }
}

@media (max-width: 991.98px) {
    .footer-three .img-2 {
        top: -19px;
    }
}

@media (max-width: 767.98px) {
    .footer-three .img-2 {
        display: none;
    }
}

.footer-four {
    margin-top: 50px;
    background: var(--primary);
    position: relative;
}

.footer-four p {
    color: #fff;
}

.footer-four .footer-top {
    padding: 60px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .footer-four .footer-top {
        padding: 50px 0 40px;
    }
}

@media (max-width: 991.98px) {
    .footer-four .footer-top .footer-widget {
        margin-bottom: 10px;
    }
}

.footer-four .footer-top .footer-widget .footer-title {
    color: #fff;
    margin-bottom: 32px;
    position: relative;
}

@media (max-width: 991.98px) {
    .footer-four .footer-top .footer-widget .footer-title {
        margin-bottom: 24px;
    }
}

.footer-four .footer-top .footer-widget .footer-title::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 26px;
    height: 4px;
    background: var(--primary-gradient);
}

.footer-four .footer-top .footer-widget .footer-menu li {
    margin-bottom: 16px;
}

.footer-four .footer-top .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-four .footer-top .footer-widget .footer-menu li a {
    color: #fff;
}

.footer-four .footer-top .footer-widget .footer-menu li a:hover {
    color: var(--secondary);
    padding-left: 8px;
}

@media (max-width: 991.98px) {
    .footer-four .footer-top .footer-widget .footer-menu li a:hover {
        padding-left: 0;
    }
}

.footer-four .footer-top .footer-widget.footer-about .footer-logo {
    margin-bottom: 20px;
}

.footer-four .footer-top .footer-widget.footer-about p {
    margin-bottom: 20px;
}

.footer-four .footer-top .footer-widget.footer-about .social-icon ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-four .footer-top .footer-widget.footer-about .social-icon ul li a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #fff;
    position: relative;
    background: var(--primary-hover);
    transition: all 0.3s ease;
}

.footer-four .footer-top .footer-widget.footer-about .social-icon ul li a i {
    transition: all 0.3s ease;
}

.footer-four .footer-top .footer-widget.footer-about .social-icon ul li a:hover {
    background: var(--secondary);
    color: var(--gray-900);
}

.footer-four .footer-top .footer-widget.footer-about .social-icon ul li a:hover i {
    transform: rotateY(360deg);
}

.footer-four .footer-top .footer-widget .footer-subscribe p {
    color: #f4f6f8;
    margin-bottom: 24px;
}

.footer-four .footer-top .footer-widget .footer-subscribe .subscribe-input {
    position: relative;
}

.footer-four .footer-top .footer-widget .footer-subscribe .subscribe-input input {
    height: 68px;
    border-radius: 100px;
    padding: 8px 62px 8px 32px;
    border: 1px solid var(--primary-hover);
    background: var(--primary-hover);
    color: #fff;
    font-size: 16px;
}

@media (max-width: 991.98px) {
    .footer-four .footer-top .footer-widget .footer-subscribe .subscribe-input input {
        height: 50px;
        padding: 8px 60px 8px 20px;
    }
}

.footer-four .footer-top .footer-widget .footer-subscribe .subscribe-input input::placeholder {
    color: var(--primary-100);
}

.footer-four .footer-top .footer-widget .footer-subscribe .subscribe-input button {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    font-size: 24px;
}

@media (max-width: 991.98px) {
    .footer-four .footer-top .footer-widget .footer-subscribe .subscribe-input button {
        width: 32px;
        height: 32px;
        font-size: 16px;
        right: 8px;
    }
}

.footer-four .footer-top .footer-bg-02 {
    position: absolute;
    bottom: 17%;
    left: 29%;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .footer-four .footer-top .footer-bg-02 {
        display: none;
    }
}

.footer-four .footer-top .footer-bg-04 {
    position: absolute;
    bottom: -40px;
    right: 0;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .footer-four .footer-top .footer-bg-04 {
        display: none;
    }
}

.footer-four .footer-top .footer-bg-03 {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .footer-four .footer-top .footer-bg-03 {
        display: none;
    }
}

.footer-four .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
}

.footer-four .footer-bottom .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

@media (max-width: 767.98px) {
    .footer-four .footer-bottom .copyright {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .footer-four .footer-bottom .copyright-text {
        text-align: center;
    }
}

.footer-four .footer-bottom .copyright-menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 767.98px) {
    .footer-four .footer-bottom .copyright-menu ul {
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .footer-four .footer-bottom .copyright-menu ul {
        gap: 10px;
    }
}

.footer-four .footer-bottom .copyright-menu ul li a {
    position: relative;
    color: #fff;
}

.footer-four .footer-bottom .copyright-menu ul li a:hover {
    color: var(--secondary);
}

.footer-four::before {
    content: "";
    background: url("../img/bg/footer-01.png") no-repeat;
    background-position: center;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 53px;
    background-size: cover;
}

.footer-four .footer-bg-01 {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-four .footer-bg-01 {
        display: none;
    }
}

.footer-five {
    margin: 0 24px 24px;
    background: var(--primary-gradient);
    position: relative;
    border-radius: 10px;
    padding: 60px 0 40px;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .footer-five {
        margin: 0;
        border-radius: 0;
    }
}

.footer-five .social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
}

.footer-five .social-icon a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 0 12px 12px;
    color: #fff;
    position: relative;
    background: var(--primary-hover);
    transition: all 0.6s;
}

.footer-five .social-icon a:hover {
    background: var(--secondary);
    transform: rotate(360deg);
    border-radius: 50%;
}

.footer-five .footer-widget {
    position: relative;
}

.footer-five .footer-widget .footer-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
}

.footer-five .footer-widget .footer-menu li {
    margin-bottom: 14px;
}

.footer-five .footer-widget .footer-menu li:last-child {
    margin: 0;
}

.footer-five .footer-widget .footer-menu li a {
    color: var(--light);
}

.footer-five .footer-widget .footer-subscribe p {
    color: #fff;
    margin-bottom: 24px;
}

.footer-five .footer-widget .footer-subscribe .subscribe-input {
    position: relative;
}

.footer-five .footer-widget .footer-subscribe .subscribe-input input {
    background: var(--primary-hover);
    height: 60px;
    border-radius: 100px;
    padding: 8px 58px 8px 34px;
    font-size: 16px;
    height: 68px;
    border: 0;
    color: #fff;
}

.footer-five .footer-widget .footer-subscribe .subscribe-input button {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    font-size: 24px;
    background: var(--secondary);
    transition: all 0.6s;
}

.footer-five .footer-widget .footer-subscribe .subscribe-input button i {
    color: var(--gray-900);
    transition: all 0.6s;
}

.footer-five .footer-widget .footer-subscribe .subscribe-input button:hover {
    border: 1px solid transparent !important;
}

.footer-five .footer-widget .footer-subscribe .subscribe-input button:hover i {
    color: #fff;
}

.footer-five .divide-line {
    height: 100%;
}

.footer-five .divide-line:before {
    content: "";
    background: var(--primary-gradient);
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
}

@media (max-width: 1399.98px) {
    .footer-five .divide-line:before {
        content: unset !important;
    }
}

.footer-five .footer-contact .contact-info {
    margin-bottom: 24px;
}

.footer-five .footer-contact .contact-info .title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

.footer-five .footer-contact .contact-info p,
.footer-five .footer-contact .contact-info a {
    color: var(--light);
    margin-bottom: 0;
}

.footer-five .slide-five {
    padding: 40px 0;
}

.footer-five .slide-five .slide-list {
    white-space: nowrap;
}

.footer-five .slide-five .slide-list .services-slide::before {
    content: unset !important;
}

.footer-five .slide-five .slide-list .services-slide h2 {
    font-size: 100px;
    font-weight: 700;
    background: var(--linear-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s;
}

@media (max-width: 575.98px) {
    .footer-five .slide-five .slide-list .services-slide h2 {
        font-size: 42px;
    }
}

.footer-five .copyright-text p {
    color: #fff;
}

.footer-five .element-1 {
    position: absolute;
    top: -59px;
    right: -59px;
    max-width: 120px;
    animation: rotate 13s linear forwards infinite;
}

.footer-five .element-2 {
    position: absolute;
    bottom: -62px;
    left: -62px;
    max-width: 120px;
    animation: rotate 10s linear forwards infinite;
}

.footer-six {
    background: var(--teal-hover);
}

.footer-six .footer-logo {
    margin-bottom: 20px;
}

.footer-six .description {
    color: #fff;
    margin-bottom: 0;
}

.footer-six .social-icon {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-six .social-icon a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 0 30px 30px;
    color: #fff;
    position: relative;
    background: var(--light-100);
    transition: all 0.6s;
}

.footer-six .social-icon a:hover {
    background: var(--primary);
    transform: rotate(360deg);
    border-radius: 50%;
}

.footer-six .footer-top {
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}

@media (max-width: 991.98px) {
    .footer-six .footer-top {
        padding: 50px 0 30px;
    }
}

.footer-six .footer-top .container {
    position: relative;
    z-index: 1;
}

.footer-six .footer-top .footer-img-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 340px;
}

@media (max-width: 1199.98px) {
    .footer-six .footer-top .footer-img-1 {
        display: none;
    }
}

.footer-six .footer-top .icon-one {
    position: absolute;
    bottom: -4px;
    left: 0;
}

@media (max-width: 767.98px) {
    .footer-six .footer-top .icon-one {
        left: unset;
        right: 0;
        transform: rotateY(180deg);
    }
}

@media (max-width: 575.98px) {
    .footer-six .footer-top .icon-one {
        display: none;
    }
}

.footer-six .footer-top .icon-two {
    position: absolute;
    top: 10%;
    left: 33%;
}

@media (max-width: 991.98px) {
    .footer-six .footer-widget {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .footer-six .footer-widget {
        margin-top: 12px;
    }
}

.footer-six .footer-widget .footer-title {
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 22px;
}

.footer-six .footer-widget .footer-title::before {
    content: "";
    background: var(--primary);
    width: 24px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer-six .footer-widget .footer-menu li {
    margin-bottom: 16px;
}

.footer-six .footer-widget .footer-menu li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    transition: all 0.5s;
    position: relative;
}

.footer-six .footer-widget .footer-menu li a:hover {
    color: var(--primary);
}

.footer-six .footer-widget .footer-menu li a:hover::before {
    transform: scale(1);
    width: 7px;
    height: 7px;
    margin-right: 6px;
}

.footer-six .footer-widget .footer-menu li a::before {
    content: "";
    background: var(--primary);
    width: 0;
    height: 0;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    transform: scale(0);
    transition: all 0.3s;
    top: -1px;
}

.footer-six .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-six .footer-bottom {
    border-top: 1px solid var(--light-100);
    padding: 20px 0;
}

.footer-six .footer-bottom .copyright {
    border: 0;
    padding: 0;
    border-top: unset;
    padding: 0;
}

@media (max-width: 991.98px) {
    .footer-six .footer-bottom .copyright {
        text-align: center;
    }
}

.footer-six .footer-bottom .copyright p {
    font-size: 16px !important;
}

.footer-six .footer-bottom .copyright .footer-links {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}

@media (max-width: 991.98px) {
    .footer-six .footer-bottom .copyright .footer-links {
        justify-content: center;
    }
}

.footer-six .footer-bottom .copyright .footer-links a {
    font-size: 16px !important;
    color: #fff;
    transition: all 0.5s;
}

.footer-six .footer-bottom .copyright .footer-links a:hover {
    color: var(--primary);
}

.footer-six .footer-bottom .copyright .footer-links a span {
    color: var(--light-100);
}

.footer-seven {
    background: #000103;
}

.footer-seven p {
    color: #fff;
}

.footer-seven .footer-top {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-seven .footer-top {
        padding: 50px 0;
    }
}

@media (max-width: 575.98px) {
    .footer-seven .footer-top {
        padding: 20px 0;
    }
}

.footer-seven .footer-top .footer-widget .footer-title {
    color: #fff;
    margin-bottom: 16px;
}

.footer-seven .footer-top .footer-widget.footer-contact p {
    text-decoration: underline;
    margin-bottom: 8px;
}

.footer-seven .footer-top .footer-widget.footer-contact p:last-child {
    margin-bottom: 0;
}

.footer-seven .footer-middle {
    padding: 40px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: var(--gray-900);
}

@media (max-width: 767.98px) {
    .footer-seven .footer-middle {
        padding: 20px 0;
    }
}

.footer-seven .footer-middle .footer-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

@media (max-width: 575.98px) {
    .footer-seven .footer-middle .footer-links {
        flex-direction: column;
        align-items: start;
    }
}

.footer-seven .footer-middle .footer-menu {
    display: flex;
    gap: 8px;
}

@media (max-width: 575.98px) {
    .footer-seven .footer-middle .footer-menu {
        flex-direction: column;
    }
}

.footer-seven .footer-middle .footer-menu li {
    position: relative;
    padding-right: 24px;
    margin-right: 16px;
}

@media (max-width: 575.98px) {
    .footer-seven .footer-middle .footer-menu li {
        padding-right: 0;
        margin-right: 0;
    }
}

.footer-seven .footer-middle .footer-menu li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--primary);
}

@media (max-width: 575.98px) {
    .footer-seven .footer-middle .footer-menu li::before {
        content: none;
    }
}

.footer-seven .footer-middle .footer-menu li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.footer-seven .footer-middle .footer-menu li:last-child::before {
    content: none;
}

.footer-seven .footer-middle .footer-menu li a {
    color: #fff;
    position: relative;
}

.footer-seven .footer-middle .footer-menu li a:hover {
    color: var(--primary);
}

.footer-seven .footer-middle .social-icon ul {
    display: flex;
    align-items: center;
}

.footer-seven .footer-middle .social-icon ul li {
    margin-right: 8px;
}

.footer-seven .footer-middle .social-icon ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    width: 32px;
    height: 32px;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    transition: 0.5s all ease-in-out;
}

.footer-seven .footer-middle .social-icon ul li a i {
    transition: 0.5s all ease-in-out;
}

.footer-seven .footer-middle .social-icon ul li a:hover {
    background: var(--primary);
    color: var(--white);
    transition: 0.5s all;
}

.footer-seven .footer-middle .social-icon ul li a:hover i {
    transform: rotatey(360deg);
    transition: 0.5s all;
}

.footer-seven .footer-middle .social-icon ul li:last-child {
    margin-right: 0;
}

.footer-seven .footer-bottom {
    padding: 20px 0;
}

@media (max-width: 575.98px) {
    .footer-seven .footer-bottom {
        padding: 12px 0;
    }
}

.footer-seven .footer-bottom .copyright {
    text-align: center;
}

.footer-seven .footer-bottom .copyright .copyright-text {
    font-size: 170px;
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

@media (max-width: 1399.98px) {
    .footer-seven .footer-bottom .copyright .copyright-text {
        font-size: 150px;
    }
}

@media (max-width: 1199.98px) {
    .footer-seven .footer-bottom .copyright .copyright-text {
        font-size: 126px;
    }
}

@media (max-width: 991.98px) {
    .footer-seven .footer-bottom .copyright .copyright-text {
        font-size: 100px;
    }
}

@media (max-width: 767.98px) {
    .footer-seven .footer-bottom .copyright .copyright-text {
        font-size: 74px;
    }
}

@media (max-width: 575.98px) {
    .footer-seven .footer-bottom .copyright .copyright-text {
        font-size: 40px;
    }
}

.footer-eight {
    background: var(--dark);
    overflow: hidden;
}

.footer-eight .container {
    position: relative;
    z-index: 1;
}

.footer-eight .footer-top {
    padding: 40px 0;
}

@media (max-width: 991.98px) {
    .footer-eight .footer-top {
        padding: 50px 0;
    }
}

@media (max-width: 575.98px) {
    .footer-eight .footer-top {
        padding: 30px 0;
    }
}

@media (max-width: 575.98px) {
    .footer-eight .footer-top .footer-widget .footer-title {
        margin: 0 0 16px;
    }
}

.footer-eight .footer-top .footer-about {
    width: 80%;
}

@media (max-width: 991.98px) {
    .footer-eight .footer-top .footer-about {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .footer-eight .footer-top .footer-about {
        margin-bottom: 12px;
    }
}

.footer-eight .footer-top .footer-about .description {
    color: #fff !important;
}

.footer-eight .footer-top .footer-about .footer-available {
    background: #001216;
    padding: 20px;
    border-radius: 12px 12px 0 12px;
}

.footer-eight .footer-top .footer-about .footer-available .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 4px;
}

.footer-eight .footer-top .footer-about .footer-available .date {
    color: #fff;
    margin-bottom: 0;
}

.footer-eight .footer-top .footer-menu li {
    margin-bottom: 8px;
}

.footer-eight .footer-top .footer-menu li a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    transition: all 0.5s;
}

.footer-eight .footer-top .footer-menu li a i {
    font-size: 14px;
}

.footer-eight .footer-top .footer-menu li a:hover {
    color: var(--primary);
    transform: translateX(5px);
}

.footer-eight .footer-top .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-eight .footer-top .footer-support .support-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-eight .footer-top .footer-support .support-item .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #000103;
    width: 40px;
    height: 40px;
}

.footer-eight .footer-top .footer-support .support-item .title {
    color: #fff;
    font-size: 15px;
    margin-bottom: 4px;
}

.footer-eight .footer-top .footer-support .support-item .link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.footer-eight .footer-top .footer-support .support-item .link a {
    color: #fff;
}

.footer-eight .footer-top .footer-support .support-item .link a:hover {
    color: var(--primary);
}

.footer-eight .footer-bottom {
    border-top: 1px solid var(--primary-100);
    padding: 20px 0;
    display: flex;
}

.footer-eight .footer-bottom .copyright {
    border-top: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 575.98px) {
    .footer-eight .footer-bottom .copyright {
        justify-content: center;
        text-align: center;
    }
}

.footer-eight .footer-bottom .copyright p {
    font-size: 16px !important;
    color: #fff;
}

.footer-eight .footer-bottom .copyright .social-icon a {
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1215686275);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    transition: 0.5s all ease-in-out;
}

.footer-eight .footer-bottom .copyright .social-icon a i {
    transition: 0.5s all ease-in-out;
}

.footer-eight .footer-bottom .copyright .social-icon a:hover {
    background: var(--secondary);
    color: var(--gray-900);
    transform: translateY(-5px);
}

.footer-eight .shadow-1 {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 991.98px) {
    .footer-eight .shadow-1 {
        top: unset;
        bottom: 0;
    }
}

.footer-eight .shadow-2 {
    position: absolute;
    top: 0;
    left: 0;
}

.footer-nine {
    background: var(--primary-transparent);
    position: relative;
}

.footer-nine .container {
    position: relative;
    z-index: 1;
}

.footer-nine .title-main {
    font-size: 48px;
    margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
    .footer-nine .title-main {
        font-size: 42px !important;
    }
}

@media (max-width: 575.98px) {
    .footer-nine .title-main {
        font-size: 28px !important;
    }
}

@media (max-width: 575.98px) {
    .footer-nine .title-main {
        margin-bottom: 24px;
    }
}

.footer-nine .support-item .title {
    color: var(--gray-600);
}

.footer-nine .footer-top {
    padding: 80px 0 50px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .footer-nine .footer-top {
        padding: 50px 0 50px;
    }
}

@media (max-width: 575.98px) {
    .footer-nine .footer-top .footer-title {
        margin: 0 0 18px;
    }
}

.footer-nine .footer-top .footer-bg-one {
    position: absolute;
    right: 0;
    bottom: 0;
}

.footer-nine .footer-top .footer-bg-two {
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-nine .footer-top .footer-bg-three {
    position: absolute;
    inset: 0;
    margin: auto;
}

.footer-nine .footer-about {
    width: 90%;
}

@media (max-width: 1399.98px) {
    .footer-nine .footer-about {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .footer-nine .footer-about {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 575.98px) {
    .footer-nine .footer-about {
        margin-bottom: 12px;
    }
}

.footer-nine .footer-about .about-popup-item {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 575.98px) {
    .footer-nine .footer-about .about-popup-item {
        gap: 16px;
        flex-direction: column;
        align-items: start;
    }
}

.footer-nine .footer-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    font-style: italic;
    color: var(--gray-900) !important;
    margin-bottom: 24px;
    text-decoration: underline;
}

.footer-nine .footer-menu li {
    margin-bottom: 16px;
}

.footer-nine .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-nine .footer-menu li a {
    color: var(--gray-900) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.footer-nine .footer-menu li a:hover {
    color: var(--primary) !important;
}

.footer-nine .footer-bottom {
    background: var(--primary-transparent);
    padding: 20px 0;
    position: relative;
}

.footer-nine .footer-bottom .copyright {
    border-top: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

@media (max-width: 575.98px) {
    .footer-nine .footer-bottom .copyright {
        justify-content: center;
        text-align: center;
    }
}

.footer-nine .footer-bottom .copyright .copyright-text p {
    color: var(--gray-900);
    font-size: 16px !important;
    margin-bottom: 0;
}

.footer-nine .social-icon {
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--gray-200);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--gray-900);
    transition: 0.5s all ease-in-out;
}

.footer-nine .social-icon:hover {
    background: var(--secondary-gradient);
    border: 0;
    color: var(--white);
    transform: translateY(-5px);
}

.footer-nine .back-to-top {
    width: 48px;
    height: 48px;
    background: var(--dark) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: transparent;
    font-size: 20px;
    position: absolute;
    inset: 0;
    border-radius: 59% !important;
    transition: all 0.4s;
    top: -74px;
    margin: auto;
}

.footer-nine .back-to-top:hover {
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    color: var(--white) !important;
    transform: translateY(-5px) !important;
}

@media (max-width: 575.98px) {
    .footer-nine .back-to-top {
        width: 38px;
        height: 38px;
        top: -144px;
    }
}

.footer-nine .footer-img-one {
    position: absolute;
    top: -26px;
    left: -7px;
}

@media (max-width: 1399.98px) {
    .footer-nine .footer-img-one {
        top: -22px;
    }
}

@media (max-width: 1199.98px) {
    .footer-nine .footer-img-one {
        top: -17px;
    }
}

@media (max-width: 991.98px) {
    .footer-nine .footer-img-one {
        top: -14px;
    }
}

@media (max-width: 767.98px) {
    .footer-nine .footer-img-one {
        top: -10px;
    }
}

@media (max-width: 575.98px) {
    .footer-nine .footer-img-one {
        top: -6px;
    }
}

.footer-ten {
    position: relative;
    z-index: 1;
    background: var(--primary-gradient);
}

.footer-ten .footer-top {
    padding: 40px 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-ten .footer-top {
        padding: 40px 0 30px;
    }
}

@media (max-width: 991.98px) {
    .footer-ten .footer-top .footer-widget {
        margin-bottom: 10px;
    }
}

.footer-ten .footer-top .footer-widget .footer-title {
    color: var(--secondary);
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
}

@media (max-width: 767.98px) {
    .footer-ten .footer-top .footer-widget .footer-title {
        margin-bottom: 16px;
    }
}

.footer-ten .footer-top .footer-widget .footer-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 4px;
    border-radius: 40px;
    background: var(--secondary);
}

.footer-ten .footer-top .footer-widget .footer-menu li {
    margin-bottom: 16px;
}

.footer-ten .footer-top .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-ten .footer-top .footer-widget .footer-menu li a {
    position: relative;
}

.footer-ten .footer-top .footer-widget .footer-menu li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--secondary);
    transition: all 0.5s ease-in-out;
}

.footer-ten .footer-top .footer-widget .footer-menu li a:hover {
    color: var(--secondary);
}

.footer-ten .footer-top .footer-widget .footer-menu li a:hover::before {
    width: 100%;
}

.footer-ten .footer-top .footer-widget.footer-about {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: column;
    max-width: 490px;
}

.footer-ten .footer-top .footer-widget.footer-about .footer-logo {
    margin-bottom: 20px;
}

.footer-ten .footer-top .footer-widget.footer-about p {
    color: var(--gray-900);
    margin-bottom: 20px;
}

.footer-ten .footer-top .footer-widget.footer-about .btn {
    display: inline-flex;
    align-items: center;
}

.footer-ten .footer-bottom {
    border-top: 1px solid rgba(var(--secondary-rgb), 0.1);
    padding: 40px 0;
}

@media (max-width: 767.98px) {
    .footer-ten .footer-bottom {
        padding: 24px 0;
    }
}

.footer-ten .footer-bottom .copyright {
    text-align: center;
}

.footer-ten .footer-bottom .copyright .copyright-text {
    color: var(--gray-900);
    margin-bottom: 0;
}

.footer-ten .footer-bg-01 {
    position: absolute;
    left: 0;
    bottom: 20%;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .footer-ten .footer-bg-01 {
        display: none;
    }
}

.footer-ten .footer-bg-02 {
    position: absolute;
    right: 0;
    bottom: 20%;
    z-index: -1;
    animation: topBottom 3s ease-in-out infinite;
}

@media (max-width: 575.98px) {
    .footer-ten .footer-bg-02 {
        display: none;
    }
}

.footer-eleven {
    background: var(--dark);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.footer-eleven .container {
    position: relative;
    z-index: 1;
}

.footer-eleven .footer-top {
    padding: 0;
    padding-bottom: 60px;
}

@media (max-width: 991.98px) {
    .footer-eleven .footer-top {
        padding-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    .footer-eleven .footer-top {
        padding-bottom: 6px;
    }
}

.footer-eleven .footer-top .footer-about .title-main {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}

@media (max-width: 575.98px) {
    .footer-eleven .footer-top .footer-about .title-main {
        font-size: 22px;
        margin-bottom: 24px;
    }
}

.footer-eleven .footer-top .subscribe-input {
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
    width: 70%;
}

@media (max-width: 991.98px) {
    .footer-eleven .footer-top .subscribe-input {
        margin-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    .footer-eleven .footer-top .subscribe-input {
        width: 100%;
    }
}

.footer-eleven .footer-top .subscribe-input .form-control {
    height: 68px;
    border-radius: 100px;
    padding: 8px 62px 8px 32px;
    background: var(--white);
    color: var(--gray-900);
    font-size: 16px;
    font-weight: 600;
    border: 0;
    outline: 0;
}

.footer-eleven .footer-top .subscribe-input .btn-icon {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    font-size: 24px;
    background: var(--primary);
    color: #fff;
    border: 0;
    outline: 0;
    transition: all 0.5s;
}

.footer-eleven .footer-widget .footer-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: capitalize;
}

.footer-eleven .footer-widget .footer-menu li {
    margin-bottom: 12px;
}

.footer-eleven .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-eleven .footer-widget .footer-menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s;
}

.footer-eleven .footer-widget .footer-menu li a:hover::before {
    transform: scale(1);
    width: 7px;
    height: 7px;
    margin-right: 6px;
}

.footer-eleven .footer-widget .footer-menu li a::before {
    content: "";
    background: var(--primary);
    width: 0;
    height: 0;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    transform: scale(0);
    transition: all 0.3s;
    top: -1px;
}

.footer-eleven .footer-widget .footer-menu li:hover a {
    color: var(--primary);
}

.footer-eleven .footer-widget .footer-menu li::before {
    content: "";
    background: var(--primary);
    width: 0;
    height: 0;
    border-radius: 50%;
}

.footer-eleven .footer-support {
    margin-bottom: 24px;
}

.footer-eleven .footer-support .support-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

.footer-eleven .footer-support a {
    color: #fff;
    display: block;
    margin-bottom: 4px;
}

.footer-eleven .footer-support a:last-child {
    margin-bottom: 0;
}

.footer-eleven .footer-support p {
    color: #fff;
}

.footer-eleven .social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 24px 0;
    border-top: 1px solid var(--light-500);
}

@media (max-width: 575.98px) {
    .footer-eleven .social-icon {
        justify-content: center;
    }
}

.footer-eleven .social-icon a {
    width: 38px;
    height: 38px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 0 12px 0;
    color: #fff;
    transition: 0.5s all ease-in-out;
    background: var(--light-200);
}

.footer-eleven .social-icon a:hover {
    background: var(--primary);
    border: 0;
    color: #fff;
    transform: translateY(-5px);
}

.footer-eleven .copy-right {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .footer-eleven .copy-right {
        text-align: center;
    }
}

.footer-eleven .shadow-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.footer-eleven .shadow-2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 991.98px) {
    .footer-eleven .shadow-2 {
        display: none;
    }
}

.footer-eleven .shadow-3 {
    position: absolute;
    top: 0;
    right: 0;
}

.footer-eleven .animate-refelect-text {
    position: relative;
}

@media (max-width: 575.98px) {
    .footer-eleven .animate-refelect-text {
        text-align: center;
    }
}

.footer-eleven .animate-refelect-text .animate-text {
    font-size: 190px;
    font-weight: 700;
    color: var(--light-300);
    position: relative;
    line-height: 115px;
}

@media (max-width: 1399.98px) {
    .footer-eleven .animate-refelect-text .animate-text {
        font-size: 170px;
    }
}

@media (max-width: 1199.98px) {
    .footer-eleven .animate-refelect-text .animate-text {
        font-size: 136px;
    }
}

@media (max-width: 575.98px) {
    .footer-eleven .animate-refelect-text .animate-text {
        font-size: 63px;
        line-height: 38px;
    }
}

.footer-eleven .animate-refelect-text .animate-text::before {
    content: attr(data-text);
    transform-origin: bottom;
    transform: rotateX(180deg);
    position: absolute;
    line-height: 125px;
    background: linear-gradient(0, var(--light-400) 0, transparent 60%);
    -webkit-background-clip: text;
    color: transparent;
    opacity: 0.2;
}

@media (max-width: 575.98px) {
    .footer-eleven .animate-refelect-text .animate-text::before {
        line-height: 44px;
    }
}

.footer-twelve {
    background: var(--dark-gradient);
    position: relative;
}

.footer-twelve .container {
    position: relative;
    z-index: 1;
}

.footer-twelve .footer-top {
    padding: 60px 0;
}

@media (max-width: 575.98px) {
    .footer-twelve .footer-top {
        padding: 50px 0;
    }
}

.footer-twelve .footer-about .paragraph {
    color: #fff;
    margin-bottom: 0;
}

.footer-twelve .footer-about .footer-logo {
    margin: 20px 0 24px;
}

@media (max-width: 575.98px) {
    .footer-twelve .footer-about .footer-logo {
        margin: 4px 0 12px;
    }
}

.footer-twelve .footer-about .footer-logo h2 {
    font-size: 72px;
    font-weight: 700;
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-twelve .footer-about .social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}

.footer-twelve .footer-about .social-icon a {
    width: 32px;
    height: 32px;
    background: rgba(var(--white-rgb), 0.1);
    border: 1px solid var(--gray-200);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 0;
    outline: 0;
    border-radius: 50%;
}

.footer-twelve .footer-about .social-icon a:hover {
    background: var(--primary);
    border: 0;
    color: var(--white);
    transform: translateY(-5px);
}

.footer-twelve .footer-about .footer-social-menu {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 575.98px) {
    .footer-twelve .footer-about .footer-social-menu {
        flex-wrap: wrap;
    }
}

.footer-twelve .footer-about .footer-social-menu li {
    position: relative;
}

.footer-twelve .footer-about .footer-social-menu li:last-child a::before {
    display: none;
}

.footer-twelve .footer-about .footer-social-menu li a {
    font-size: 16px;
    color: #fff;
    width: fit-content;
    transition: all 0.5s;
    border-bottom: 1px solid transparent;
}

.footer-twelve .footer-about .footer-social-menu li a:hover {
    color: var(--primary);
    border-bottom: 1px solid var(--primary);
}

.footer-twelve .footer-about .footer-social-menu li a::before {
    content: "";
    background: var(--pink-gradient);
    width: 2px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -14px;
    border-radius: 50%;
}

.footer-twelve .footer-menus {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.footer-twelve .footer-support {
    padding: 24px;
    border: 1px solid var(--gray-800);
    border-radius: 20px;
    background: var(--dark-gradient);
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .footer-twelve .footer-support {
        padding: 16px;
    }
}

.footer-twelve .footer-support .footer-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
}

.footer-twelve .footer-support .support-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.footer-twelve .footer-support .support-item:last-child {
    margin-bottom: 0;
}

.footer-twelve .footer-support .support-item .suppor-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--primary-gradient);
    background: rgba(var(--white-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.footer-twelve .footer-support .support-item a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    transition: all 0.5s;
    margin-bottom: 0;
}

.footer-twelve .footer-support .support-item a:hover {
    color: var(--primary);
}

.footer-twelve .footer-support .sub-title {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.footer-twelve .footer-support p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.footer-twelve .footer-support .subscribe-input {
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}

.footer-twelve .footer-support .subscribe-input input {
    height: 68px;
    border-radius: 100px;
    padding: 8px 62px 8px 32px;
    background: var(--dark);
    color: #fff;
    font-size: 16px;
    border: 0;
    outline: 0;
}

.footer-twelve .footer-support .subscribe-input .btn-icon {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    font-size: 24px;
    background: var(--primary-gradient);
    color: #fff;
    border: 0;
    outline: 0;
    transition: all 0.5s;
}

.footer-twelve .footer-support .subscribe-input .btn-icon:hover {
    background: var(--primary);
    color: var(--white);
}

.footer-twelve .footer-support .footer-shape-img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-twelve .footer-support .footer-shape-img-1 {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotateY(190deg);
}

.footer-twelve .footer-bottom {
    position: relative;
    z-index: 1;
}

.footer-twelve .footer-bottom .copyright {
    padding: 40px 0;
    border-top: 1px solid var(--gray-800);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
}

@media (max-width: 575.98px) {
    .footer-twelve .footer-bottom .copyright {
        justify-content: center;
        text-align: center;
    }
}

.footer-twelve .footer-bottom .copyright .copyright-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}

.footer-twelve .footer-bottom .back-to-top {
    width: 48px;
    height: 48px;
    background: var(--primary-gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.5s;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -24px;
    z-index: 1;
}

.footer-twelve .footer-bottom .back-to-top:hover {
    background: var(--primary);
}

.footer-twelve .copy-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer-twelve .copy-img a {
    transition: all 0.5s;
}

.footer-twelve .copy-img a img {
    transition: all 0.5s;
}

.footer-twelve .copy-img a:hover img {
    transform: translateY(-5px);
}

.footer-twelve .footer-lab-img {
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 767.98px) {
    .footer-twelve .footer-lab-img {
        opacity: 0.2;
    }
}

.footer-twelve .footer-shadow-img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-thirteen {
    background: var(--light-100);
}

.footer-thirteen .footer-top {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .footer-thirteen .footer-top {
        padding: 40px 0;
    }
}

.footer-thirteen .footer-top::before {
    content: "";
    background: var(--light-300);
    position: absolute;
    top: -150px;
    right: -100px;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    filter: blur(42px);
}

.footer-thirteen .footer-top .container {
    position: relative;
    z-index: 100;
}

.footer-thirteen .footer-top .animated-text {
    position: absolute;
    inset: 0;
    margin: auto;
    font-size: 278px;
    font-weight: 700;
    color: var(--light);
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-thirteen .footer-top .animated-text {
        font-size: 130px;
        bottom: 0;
        top: unset;
    }
}

@media (max-width: 575.98px) {
    .footer-thirteen .footer-top .animated-text {
        font-size: 56px;
    }
}

@media (max-width: 575.98px) {
    .footer-thirteen .footer-top .footer-widget {
        margin-top: 6px;
    }
}

.footer-thirteen .footer-top .footer-widget .footer-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin: 0 0 20px;
    text-transform: capitalize;
}

@media (max-width: 575.98px) {
    .footer-thirteen .footer-top .footer-widget .footer-title {
        margin: 0 0 16px;
    }
}

.footer-thirteen .footer-top .footer-widget .footer-menu li {
    margin-bottom: 16px;
}

.footer-thirteen .footer-top .footer-widget .footer-menu li a {
    font-size: 16px;
    color: var(--gray-600);
    position: relative;
}

.footer-thirteen .footer-top .footer-widget .footer-menu li a::before {
    content: "";
    background: var(--primary);
    width: 0;
    height: 0;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    transform: scale(0);
    transition: all 0.3s;
    top: -1px;
}

.footer-thirteen .footer-top .footer-widget .footer-menu li a:hover {
    color: var(--primary);
}

.footer-thirteen .footer-top .footer-widget .footer-menu li a:hover::before {
    transform: scale(1);
    width: 7px;
    height: 7px;
    margin-right: 6px;
}

.footer-thirteen .footer-top .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-thirteen .footer-top .element-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.footer-thirteen .footer-bottom {
    padding: 20px 0;
    border-top: 1px solid var(--gray-200);
}

.footer-thirteen .footer-bottom p {
    color: var(--gray-900);
    font-size: 16px;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .footer-thirteen .footer-bottom p {
        text-align: center;
    }
}

.footer-thirteen .footer-bottom .pay-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 1199.98px) {
    .footer-thirteen .footer-bottom .pay-img {
        justify-content: start;
    }
}

@media (max-width: 575.98px) {
    .footer-thirteen .footer-bottom .pay-img {
        justify-content: center;
    }
}

.footer-thirteen .footer-bottom .pay-img .img-1 {
    width: 45px;
}

.footer-thirteen .footer-bottom .social-icon {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

@media (max-width: 575.98px) {
    .footer-thirteen .footer-bottom .social-icon {
        justify-content: center;
    }
}

.footer-thirteen .footer-bottom .social-icon a {
    width: 40px;
    height: 40px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 12px 6px 12px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-900);
    transition: all 0.5s;
}

.footer-thirteen .footer-bottom .social-icon a:hover {
    background: var(--black);
    color: #fff;
}

.footer-fourteen {
    background: var(--primary-100);
    padding: 40px 0;
    z-index: 1;
    position: relative;
}

.footer-fourteen::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--primary-gradient-100);
    bottom: 0;
    z-index: -1;
}

.footer-fourteen .animated-text {
    font-size: 238px;
    background: var(--primary-gradient-300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    text-align: center;
    line-height: 0.8;
}

@media (max-width: 1199.98px) {
    .footer-fourteen .animated-text {
        font-size: 200px;
    }
}

@media (max-width: 991.98px) {
    .footer-fourteen .animated-text {
        font-size: 156px;
    }
}

@media (max-width: 767.98px) {
    .footer-fourteen .animated-text {
        font-size: 119px;
    }
}

@media (max-width: 575.98px) {
    .footer-fourteen .animated-text {
        font-size: 62px;
    }
}

.footer-fourteen .footer-top {
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .footer-fourteen .footer-top .footer-widget {
        margin-bottom: 10px;
    }
}

.footer-fourteen .footer-top .footer-widget .footer-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-fourteen .footer-top .footer-widget .footer-title {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

.footer-fourteen .footer-top .footer-widget .footer-title::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background: var(--secondary);
    bottom: 3px;
    z-index: -1;
}

.footer-fourteen .footer-top .footer-widget .footer-menu li {
    margin-bottom: 16px;
}

.footer-fourteen .footer-top .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-fourteen .footer-top .footer-widget .footer-menu li a {
    font-size: 16px;
    position: relative;
    padding-left: 16px;
    color: #fff;
}

.footer-fourteen .footer-top .footer-widget .footer-menu li a:hover {
    color: var(--secondary);
}

.footer-fourteen .footer-top .footer-widget .footer-menu li a::before {
    content: "";
    background: #f4f6f8;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    transition: all 0.3s;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.footer-fourteen .footer-top .footer-widget .footer-contact {
    margin-bottom: 24px;
}

.footer-fourteen .footer-top .footer-widget .footer-contact:last-child {
    margin-bottom: 0;
}

.footer-fourteen .footer-top .footer-widget .footer-contact h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
}

@media (max-width: 767.98px) {
    .footer-fourteen .footer-top .footer-widget .footer-contact h4 {
        font-size: 16px;
    }
}

.footer-fourteen .footer-top .footer-widget .footer-contact p {
    margin-bottom: 4px;
    color: #f4f6f8;
}

.footer-fourteen .footer-top .footer-widget .footer-contact p:last-child {
    margin-bottom: 0;
}

.footer-fourteen .footer-top .footer-widget .footer-contact p a {
    color: #f4f6f8;
}

.footer-fourteen .footer-top .footer-widget.footer-join {
    background: rgba(0, 0, 0, 0.05);
    padding: 40px;
    border-radius: 12px;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .footer-fourteen .footer-top .footer-widget.footer-join {
        padding: 24px;
    }
}

@media (max-width: 575.98px) {
    .footer-fourteen .footer-top .footer-widget.footer-join {
        padding: 20px;
    }
}

.footer-fourteen .footer-top .footer-widget.footer-join h4 {
    color: #fff;
    margin-bottom: 8px;
}

.footer-fourteen .footer-top .footer-widget.footer-join p {
    color: #f4f6f8;
    margin-bottom: 24px;
}

.footer-fourteen .footer-top .footer-widget .subscribe-input {
    position: relative;
}

.footer-fourteen .footer-top .footer-widget .subscribe-input input {
    height: 68px;
    border-radius: 100px;
    padding: 12px 66px 12px 36px;
    border: 1px solid var(--white);
    font-size: 16px;
}

@media (max-width: 767.98px) {
    .footer-fourteen .footer-top .footer-widget .subscribe-input input {
        height: 64px;
    }
}

.footer-fourteen .footer-top .footer-widget .subscribe-input .btn-icon {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    font-size: 24px;
}

.footer-fourteen .footer-bottom {
    background: #281213;
    border-radius: 12px;
    padding: 40px;
}

@media (max-width: 767.98px) {
    .footer-fourteen .footer-bottom {
        padding: 24px;
    }
}

.footer-fourteen .footer-bottom .footer-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #3a1c1d;
    gap: 16px;
}

@media (max-width: 575.98px) {
    .footer-fourteen .footer-bottom .footer-links {
        justify-content: center;
        flex-direction: column;
    }
}

.footer-fourteen .footer-bottom .footer-links .social-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-fourteen .footer-bottom .footer-links .social-icon li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 12px 6px;
    color: var(--primary);
    transition: 0.5s all;
    border: 1px solid var(--gray-200);
}

.footer-fourteen .footer-bottom .footer-links .social-icon li a i {
    transition: 0.5s all;
}

.footer-fourteen .footer-bottom .footer-links .social-icon li a:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
    color: #fff;
    transition: 0.5s all;
}

.footer-fourteen .footer-bottom .footer-links .social-icon li a:hover i {
    transform: rotatey(360deg);
    transition: 0.5s all;
}

.footer-fourteen .footer-bottom p {
    color: #fff;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .footer-fourteen .footer-bottom p {
        text-align: center;
    }
}

.footer-fourteen .footer-bottom p a {
    color: #fff;
}

.footer-fourteen .footer-bottom p a:hover {
    color: var(--secondary);
}

.footer-fourteen .footer-bottom .policy-links {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 767.98px) {
    .footer-fourteen .footer-bottom .policy-links {
        justify-content: center;
    }
}

.footer-fourteen .footer-bottom .policy-links li {
    position: relative;
    padding-right: 16px;
}

.footer-fourteen .footer-bottom .policy-links li:last-child {
    padding-right: 0;
}

.footer-fourteen .footer-bottom .policy-links li:last-child::before {
    content: none;
}

.footer-fourteen .footer-bottom .policy-links li::before {
    content: "/";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff;
}

.footer-fourteen .footer-bottom .policy-links li a {
    color: #fff;
}

.footer-fourteen .footer-bottom .policy-links li a:hover {
    color: var(--secondary);
}

.footer-fourteen .footer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.footer-fourteen .footer-bg-02 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}

.footer-fifteen {
    background: var(--dark);
    border-top: 6px solid var(--primary);
    position: relative;
    overflow: hidden;
}

.footer-fifteen:hover .start-booking {
    opacity: 1;
}

.footer-fifteen .container {
    position: relative;
    z-index: 1;
}

.footer-fifteen .footer-content {
    padding: 80px 0;
    margin-bottom: 80px;
    border-bottom: 1px solid var(--primary-100);
}

@media (max-width: 767.98px) {
    .footer-fifteen .footer-content {
        padding: 50px 0;
        margin-bottom: 50px;
    }
}

.footer-fifteen .footer-content .footer-text {
    font-size: 140px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

@media (max-width: 991.98px) {
    .footer-fifteen .footer-content .footer-text {
        font-size: 110px;
    }
}

@media (max-width: 767.98px) {
    .footer-fifteen .footer-content .footer-text {
        font-size: 80px;
    }
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-content .footer-text {
        font-size: 44px;
    }
}

.footer-fifteen .footer-content .footer-text span {
    display: block;
}

.footer-fifteen .round-element-4 {
    position: absolute;
    right: 0;
    top: 4%;
}

@media (max-width: 575.98px) {
    .footer-fifteen .round-element-4 {
        display: none;
    }
}

.footer-fifteen .round-element-5 {
    position: absolute;
    top: 27%;
    left: 0;
    max-width: 160px;
    mix-blend-mode: luminosity;
    opacity: 0.2;
}

.footer-fifteen .footer-about {
    width: 83%;
}

@media (max-width: 991.98px) {
    .footer-fifteen .footer-about {
        width: 100%;
        margin: auto;
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-about {
        text-align: left;
    }
}

.footer-fifteen .footer-about .footer-logo {
    margin-bottom: 20px;
}

.footer-fifteen .footer-about .footer-about-content {
    display: flex;
    flex-direction: column;
    gap: 88px;
}

@media (max-width: 1199.98px) {
    .footer-fifteen .footer-about .footer-about-content {
        gap: 64px;
    }
}

@media (max-width: 991.98px) {
    .footer-fifteen .footer-about .footer-about-content {
        gap: 32px;
    }
}

@media (max-width: 767.98px) {
    .footer-fifteen .footer-about .footer-about-content {
        gap: 10px;
    }
}

.footer-fifteen .footer-about .footer-about-content p {
    color: #fff;
    margin-bottom: 20px;
}

.footer-fifteen .footer-about .footer-about-content .social-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 991.98px) {
    .footer-fifteen .footer-about .footer-about-content .social-icon {
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-about .footer-about-content .social-icon {
        justify-content: start;
    }
}

.footer-fifteen .footer-about .footer-about-content .social-icon a {
    width: 40px;
    height: 40px;
    background: var(--white);
    border-radius: 12px 6px 12px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    transition: all 0.5s;
}

.footer-fifteen .footer-about .footer-about-content .social-icon a:hover {
    background: var(--primary);
}

.footer-fifteen .footer-widget .footer-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    text-transform: capitalize;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-title {
        font-size: 18px;
    }
}

.footer-fifteen .footer-widget .footer-menu {
    width: 65%;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-menu {
        width: 100%;
    }
}

.footer-fifteen .footer-widget .footer-menu li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--primary-100);
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-menu li {
        margin-bottom: 6px;
        padding-bottom: 6px;
    }
}

.footer-fifteen .footer-widget .footer-menu li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer-fifteen .footer-widget .footer-menu li a {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    position: relative;
    transition: all 0.5s;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-menu li a {
        font-size: 14px;
    }
}

.footer-fifteen .footer-widget .footer-menu li a:hover {
    color: var(--primary);
}

.footer-fifteen .footer-widget .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-fifteen .footer-widget .footer-mail {
    margin-bottom: 86px;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-mail {
        margin-bottom: 24px;
    }
}

.footer-fifteen .footer-widget .footer-mail .mail-text {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    transition: all 0.5s;
    margin-bottom: 12px;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-mail .mail-text {
        font-size: 16px;
    }
}

.footer-fifteen .footer-widget .footer-mail .mail-text:hover {
    color: var(--primary);
}

.footer-fifteen .footer-widget .footer-mail .ph-number {
    font-size: 30px;
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-widget .footer-mail .ph-number {
        font-size: 26px;
    }
}

.footer-fifteen .footer-widget .footer-mail .ph-number a {
    color: #fff;
    transition: all 0.5s;
}

.footer-fifteen .footer-widget .footer-mail .ph-number a:hover {
    color: var(--primary);
}

.footer-fifteen .footer-end {
    text-align: end;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-end {
        text-align: left;
    }
}

.footer-fifteen .footer-subscribe p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-subscribe p {
        font-size: 16px;
    }
}

.footer-fifteen .footer-subscribe .subscribe-input {
    position: relative;
    background: var(--primary-100);
    padding: 12px 12px 12px 24px;
    border-radius: 60px;
}

.footer-fifteen .footer-subscribe .subscribe-input form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.footer-fifteen .footer-subscribe .subscribe-input .form-control {
    border: 0;
    outline: 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    background: transparent;
    padding: 0;
}

@media (max-width: 575.98px) {
    .footer-fifteen .footer-subscribe .subscribe-input .form-control {
        font-size: 14px;
    }
}

.footer-fifteen .footer-subscribe .subscribe-input .btn-icon {
    width: 44px;
    height: 44px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--black) !important;
    transition: all 0.5s;
    padding: 0;
    flex-shrink: 0;
}

.footer-fifteen .footer-subscribe .subscribe-input .btn-icon:hover {
    background: var(--primary);
    color: #fff !important;
}

.footer-fifteen .footer-bottom {
    margin-top: 80px;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid var(--primary-100);
}

@media (max-width: 767.98px) {
    .footer-fifteen .footer-bottom {
        margin-top: 50px;
    }
}

.footer-fifteen .footer-bottom p {
    color: #fff;
    font-weight: 400;
}

.footer-fifteen .footer-bottom p a {
    color: var(--primary);
    transition: all 0.5s;
}

.footer-fifteen .footer-bottom p a:hover {
    color: #fff;
}

.footer-fifteen .start-booking {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
    background: var(--primary);
    border-radius: 50%;
    transition: all 0.6s;
    position: absolute;
    top: 17%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    opacity: 0;
    transition: all 0.6s;
}

@media (max-width: 575.98px) {
    .footer-fifteen .start-booking {
        top: 40px;
        width: 100px;
        height: 100px;
        font-size: 14px;
    }
}

.footer-fifteen .start-booking:hover {
    background: var(--secondary);
    color: #fff;
}

.footer-fifteen .start-booking:hover p {
    color: #fff;
}

.footer-fifteen .start-booking p {
    color: var(--black);
    text-align: center;
    line-height: 1;
    margin-top: 8px;
    transition: all 0.6s;
}

.footer-fifteen .start-booking p span {
    display: block;
    transition: all 0.6s;
}

.footer-fifteen .circle-element-1 {
    width: 14px;
    height: 14px;
    background: var(--primary);
    border-radius: 50%;
    position: absolute;
    top: 18%;
    left: 11%;
}

.footer-fifteen .circle-element-2 {
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    position: absolute;
    top: 24%;
    left: 32%;
}

.footer-fifteen .shadow-1 {
    position: absolute;
    bottom: 30%;
    right: 32%;
}

.select2-results__option {
    padding: 6px 15px;
}

.select2-container .select2-selection--single {
    border: 1px solid var(--gray-200);
    height: 38px;
    border-radius: 5px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
    padding-left: 15px;
}

.select2-selection.select2-selection--single {
    outline: 0;
}

.select2-dropdown {
    border-color: var(--gray-200);
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.slick-track {
    display: block;
    margin: auto;
    position: relative;
    top: 0;
    left: 0;
}

.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    display: table;
    content: "";
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    top: 50%;
    padding: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: var(--primary);
    color: #fff;
    opacity: 1;
    outline: 0;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    color: #fff;
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #383838;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .slick-prev {
        left: -10px;
    }
}

.slick-prev:before {
    content: "←";
}

@media (max-width: 767.98px) {
    .testimonial-slider .slick-prev {
        left: 0;
    }
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: 0;
}

@media (max-width: 767.98px) {
    .slick-next {
        right: -10px;
    }
}

@media (max-width: 575.98px) {
    .slick-next {
        right: 0;
    }
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.dot-slider .slick-slide {
    height: 600px;
}

@media (max-width: 991.98px) {
    .dot-slider .slick-slide {
        height: 375px;
    }
}

@media (max-width: 767.98px) {
    .dot-slider .slick-slide {
        height: 100%;
    }
}

.dot-slider .slick-slide img {
    width: 100%;
}

.dot-slider .slick-dots {
    width: unset;
    position: absolute;
    top: 30%;
    right: 50px;
    bottom: unset;
}

.dot-slider .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    margin: 8px 0;
}

.dot-slider .slick-dots li.slick-active button {
    background-color: #1860ca;
}

.dot-slider .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: silver;
}

.slick-dots .slick-dots {
    width: unset;
    position: absolute;
    top: 30%;
    right: 50px;
    bottom: unset;
}

.slick-dots .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    margin: 8px 0;
}

.slick-dots .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
}

.slick-dots .slick-dots li button:hover,
.slick-dots .slick-dots li button:focus {
    outline: 0;
}

.slick-dots .slick-dots li button:hover::before,
.slick-dots .slick-dots li button:focus::before {
    opacity: 1;
}

.slick-dots .slick-dots li.slick-active button {
    background-color: #1860ca;
    background-color: #0de0fe;
}

.slick-dots .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0de0fe;
}

.clinic-slider .slick-prev,
.browse-slider .slick-prev,
.book-slider .slick-prev {
    right: 80px;
    left: unset;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 5px 12px 5px 12px;
    background-color: #e74e84;
    transform: translateX(0) rotate(-45deg);
    -webkit-transform: translateX(0) rotate(-45deg);
    -ms-transform: translateX(0) rotate(-45deg);
    z-index: 999;
}

.clinic-slider .slick-prev:before,
.browse-slider .slick-prev:before,
.book-slider .slick-prev:before {
    content: "";
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    font-family: "slick";
    font-size: 10px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.clinic-slider .slick-prev:hover,
.browse-slider .slick-prev:hover,
.book-slider .slick-prev:hover {
    background-color: #ff4877;
}

.clinic-slider .slick-next,
.browse-slider .slick-next,
.book-slider .slick-next {
    right: 15px;
    left: unset;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 5px 12px 5px 12px;
    background-color: #e74e84;
    transform: translateX(0) rotate(-45deg);
    -webkit-transform: translateX(0) rotate(-45deg);
    -ms-transform: translateX(0) rotate(-45deg);
    z-index: 999;
}

.clinic-slider .slick-next:before,
.browse-slider .slick-next:before,
.book-slider .slick-next:before {
    content: "";
    font-family: "slick";
    font-size: 10px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
}

.clinic-slider .slick-next:hover,
.browse-slider .slick-next:hover,
.book-slider .slick-next:hover {
    background-color: #ff4877;
}

.clinic-slider .slick-list,
.browse-slider .slick-list,
.book-slider .slick-list {
    padding-top: 50px;
}

.clinic-slider .slick-slide,
.browse-slider .slick-slide,
.book-slider .slick-slide {
    display: block;
    margin-left: 0;
    width: 280px;
    padding: 10px 10px 0;
}

.aval-slider .slick-slide {
    display: block;
    margin-left: 0;
    padding: 10px;
    width: 280px;
}

.aval-slider .slick-list {
    padding: 50px 0;
}

@media (max-width: 767.98px) {
    .aval-slider .slick-list {
        padding: 30px 0;
    }
}

.aval-slider .slick-prev {
    left: 5px;
    width: 35px;
    height: 35px;
}

.aval-slider .slick-prev:before {
    font-family: "slick";
    font-size: 10px;
    line-height: 1;
    opacity: 0.75;
    color: #1860ca;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid #1860ca;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
}

.aval-slider .slick-next {
    right: 5px;
    width: 35px;
    height: 35px;
}

.aval-slider .slick-next:before {
    font-family: "slick";
    font-size: 10px;
    line-height: 1;
    opacity: 0.75;
    color: #1860ca;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid #1860ca;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.carousel-fade .carousel-item.active {
    opacity: 1;
}

.carousel-fade .active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.carousel-fade .active .carousel-item-left,
.carousel-fade .active .carousel-item-right {
    opacity: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.carousel-item {
    height: 75vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1 !important;
}

.slide-nav-1 button.owl-next,
.slide-nav-1 button.owl-prev,
.slide-nav-2 button.owl-next,
.slide-nav-2 button.owl-prev,
.slide-nav-3 button.owl-next,
.slide-nav-3 button.owl-prev,
.slide-nav-4 button.owl-next,
.slide-nav-4 button.owl-prev {
    width: 34px;
    height: 34px;
    background: #10defd;
    text-shadow: none;
    top: 4px;
    cursor: pointer;
    border: 0;
    color: #fff;
    margin-bottom: 15px;
    border-radius: 8px;
    transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
}

@media (max-width: 767.98px) {

    .slide-nav-1 button.owl-next,
    .slide-nav-1 button.owl-prev,
    .slide-nav-2 button.owl-next,
    .slide-nav-2 button.owl-prev,
    .slide-nav-3 button.owl-next,
    .slide-nav-3 button.owl-prev,
    .slide-nav-4 button.owl-next,
    .slide-nav-4 button.owl-prev {
        width: 28px;
        height: 28px;
    }
}

.owl-theme .owl-dots,
.owl-nav button {
    margin-top: 30px;
}

@media (max-width: 767.98px) {

    .owl-theme .owl-dots,
    .owl-nav button {
        margin-top: 10px;
    }
}

.custom-arrow {
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
}

.owl-nav button.owl-next {
    margin-left: 20px;
}

.section-header {
    margin-bottom: 60px;
}

.section-header h5 {
    font-weight: 600;
    font-size: 18px;
    color: var(--primary);
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .section-header p {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .section-header p {
        font-size: 15px;
    }
}

.section-specialities .specialities-slider .slick-slide {
    display: block;
    margin: 10px 20px 0 0;
    padding: 0 12px;
}

@media (max-width: 767.98px) {
    .section-specialities .specialities-slider .slick-slide {
        margin-right: 15px;
    }
}

@media (max-width: 479.96px) {
    .section-specialities .specialities-slider .slick-slide {
        margin-right: 10px;
    }
}

.section-specialities .specialities-slider .slick-dots {
    margin-top: 44px;
    position: unset;
}

.slick-dots {
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
    position: absolute;
    bottom: -25px;
    margin: 0;
    padding: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin-bottom: 4px;
    width: 20px;
    height: 5px;
    cursor: pointer;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: var(--gray-transparent);
    padding: 0;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: 0;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    display: none;
    font-family: "slick";
    font-size: 76px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    content: "-";
    text-align: center;
    opacity: 0.25;
    color: var(--gray-900);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-dots li.slick-active button {
    background-color: #0de0fe;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0de0fe;
}

.slick-dots li.slick-active button .slick-slide {
    outline: none !important;
}

.section-doctor .doctor-slider .slick-slide {
    display: block;
    width: 280px;
    margin-bottom: 0;
    padding: 10px;
}

.section-features .features-slider .slick-slide {
    margin-right: 62px;
}

.section-features .features-slider .slick-center {
    opacity: 1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.section-features .features-slider .slick-list {
    padding: 16px 50px !important;
}

.section-features .features-slider .slick-dots {
    margin-top: 44px;
    position: unset;
}

@media (max-width: 767.98px) {
    .section-features .features-slider .slick-dots {
        text-align: center;
        margin: 0 auto;
    }
}

.rating {
    list-style: none;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
}

.rating i {
    color: #dedfe0;
}

.rating i.filled {
    color: var(--warning);
}

.banner-section {
    background: var(--light-300);
    padding: 40px 0 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner-section::after {
    content: "";
    background: url(../img/bg/ban-bg.png), #f9fcff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

@media (max-width: 575.98px) {
    .banner-section {
        padding: 50px 0 50px;
    }
}

.banner-section .banner-content p {
    font-size: 18px;
}

@media (max-width: 767.98px) {
    .banner-section .banner-content p {
        font-size: 16px;
    }
}

.form-search-btn {
    float: right;
}

.form-search-btn .btn {
    font-size: 16px;
    font-weight: 500;
    min-width: 86px;
    color: #fff !important;
    padding: 9px 15px;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.form-search-btn .btn:hover {
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

@media (max-width: 767.98px) {
    .form-search-btn .btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .form-search-btn {
        width: 100%;
        float: left;
    }
}

.specialities-section-one .specialities-slider-one .owl-stage-outer {
    margin-left: -10px;
}

.specialities-section-one .specialities-slider-one .owl-item img {
    width: auto;
}

.slide-nav-1 button.owl-next,
.slide-nav-1 button.owl-prev,
.slide-nav-2 button.owl-next,
.slide-nav-2 button.owl-prev {
    width: 44px;
    height: 44px;
    font-size: 18px;
    color: var(--gray-900);
    background: var(--gray-transparent);
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    text-shadow: none;
    top: 0;
    cursor: pointer;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    border-radius: 50px;
}

@media (max-width: 767.98px) {

    .slide-nav-1 button.owl-next,
    .slide-nav-1 button.owl-prev,
    .slide-nav-2 button.owl-next,
    .slide-nav-2 button.owl-prev {
        width: 36px;
        height: 36px;
    }
}

.slide-nav-1 button.owl-next:hover,
.slide-nav-1 button.owl-prev:hover,
.slide-nav-2 button.owl-next:hover,
.slide-nav-2 button.owl-prev:hover {
    color: #fff;
    background: var(--primary);
}

@-webkit-keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

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

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.app-section {
    background-color: #fff;
    margin: 0;
    padding: 20px 0 60px;
}

@media (max-width: 991.98px) {
    .app-section {
        margin: 0;
        padding: 20px 0 40px;
    }
}

.app-bg {
    background-image: var(--primary-gradient);
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 6px;
    padding: 40px 0 0 80px;
    position: relative;
}

.app-bg::before {
    content: "";
    background: url("../img/bg/app-bgs.png");
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top right;
}

@media (max-width: 1199.98px) {
    .app-bg {
        margin: 0;
        padding: 30px;
    }
}

@media (max-width: 991.98px) {
    .app-bg {
        margin: 0;
        padding: 40px 0;
    }
}

@media (max-width: 767.98px) {
    .app-bg {
        margin: 0;
        padding: 20px;
    }
}

.app-bg .app-content {
    margin: 0;
    padding: 15px 0 30px;
}

@media (max-width: 1199.98px) {
    .app-bg .app-content {
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .app-content {
        text-align: center;
    }
}

.faq-section {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 0 60px;
}

@media (max-width: 991.98px) {
    .faq-section {
        margin: 0;
        padding: 0 0 40px;
    }
}

.faq-img {
    position: relative;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .faq-img {
        text-align: center;
        margin-bottom: 60px;
    }
}

.faq-patients-count {
    background: #fff;
    box-shadow:
        0 100px 80px rgba(0, 0, 0, 0.03),
        0 64.81px 46.85px rgba(0, 0, 0, 0.0228),
        0 38.52px 25.48px rgba(0, 0, 0, 0.0182),
        0 20px 13px rgba(0, 0, 0, 0.015),
        0 8.15px 6.52px rgba(0, 0, 0, 0.0118),
        0 1.85px 3.15px rgba(0, 0, 0, 0.0072);
    border-radius: 10px;
    padding: 15px;
    min-width: 222px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

@media (max-width: 991.98px) {
    .faq-patients-count {
        justify-content: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        box-shadow: none;
        border: 1px solid #f3f3f3;
    }
}

.faq-smile-img {
    margin-right: 16px;
}

.faq-patients-content h4 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .faq-patients-content h4 {
        font-size: 20px;
    }
}

.faq-patients-content p {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .faq-patients-content p {
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    .faq-patients-content {
        text-align: left;
    }
}

.faq-info .accordion-item {
    background: var(--light);
    border: 0;
    border-radius: 6px;
    margin: 0 0 10px;
    padding: 15px;
}

.faq-info .accordion-item:last-child {
    margin-bottom: 0;
}

.faq-info .accordion-item .accordion-body {
    margin-top: 15px;
    padding: 15px 0 0;
    border-top: 1px solid var(--gray-200);
}

@media (max-width: 767.98px) {
    .faq-info .accordion-item {
        margin-bottom: 10px;
    }
}

@media (max-width: 575.98px) {
    .faq-info .accordion-item {
        padding: 20px !important;
    }
}

.faq-info .accordion-header {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}

.faq-info .accordion-button {
    font-size: 16px;
    font-weight: 600;
    color: var(--gray-900);
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    cursor: pointer;
}

.faq-info .accordion-button:hover {
    border: 0;
}

.faq-info .accordion-button:after {
    content: "\e9b1";
    font-family: "feather";
    font-size: 20px;
    background: 0;
    color: var(--primary);
    background: #fff;
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

.faq-info .accordion-button:not(.collapsed)::after {
    content: "\e996";
    color: #fff;
    background: var(--primary);
}

@media (max-width: 767.98px) {
    .faq-info .accordion-button {
        font-size: 14px;
        line-height: 24px;
    }
}

.faq-info .accordion-content p {
    color: var(--gray-600);
    margin-bottom: 0;
}

.partners-section .owl-nav {
    display: none;
}

.partners-slider {
    list-style: none;
}

.partners-slider li a {
    background: #fff;
    border: 2px solid var(--gray-transparent);
    padding: 14px 20px;
    text-align: center;
    height: 77px;
    border-radius: 10px;
}

@media (max-width: 767.98px) {
    .partners-slider.owl-carousel .owl-item img {
        width: auto;
        margin: 0 auto;
        height: auto;
    }
}

.footer-1.footer {
    background-color: #f2f6f6;
}

.footer-1.footer .footer-top .footer-title {
    color: #1f2937;
}

.footer-1.footer .footer-top .footer-widget.footer-menu ul li a {
    color: #6b7280;
    position: relative;
    overflow: hidden;
    background: url(../img/footer-arrow.png) no-repeat -20px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.footer-1.footer .footer-top .footer-widget .footer-about-content p {
    color: #6b7280;
}

.footer-1.footer .footer-top .footer-widget .footer-contact-info {
    color: #6b7280;
}

.footer-1.footer .subscribe-form {
    position: relative;
}

.footer-1.footer .subscribe-form .form-control {
    font-weight: 500;
    font-size: 14px;
    min-height: 46px;
    color: #6b7280;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px 0 0 6px;
    margin: 0;
    padding: 6px 112px 6px 15px;
}

.footer-1.footer .subscribe-form .btn {
    font-weight: normal;
    margin: 0;
    padding: 11px 16px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 0 6px 6px 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.owl-carousel.partners-slider.owl-loaded {
    padding-left: 0;
}

.home-one .faq-info .accordion-collapse.show {
    background: #fff;
}

.blog {
    border: 1px solid var(--gray-200);
    background-color: var(--white);
    position: relative;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 24px;
}

.blog .blog-image {
    margin-bottom: 16px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.blog .blog-image img {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transition: all 0.5s ease-in-out;
    border-radius: 10px;
}

.blog .blog-image a:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
}

.blog .blog-title {
    font-size: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog .blog-content {
    position: relative;
}

.blog .blog-content p {
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog .blog-content .entry-meta {
    color: var(--gray-900);
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
    gap: 8px;
}

.blog .blog-content .entry-meta li {
    display: inline-block;
    margin-right: 15px;
}

.blog .blog-content .entry-meta li:last-child {
    margin-right: 0;
}

.blog.grid-blog {
    padding: 20px;
}

.blog.grid-blog .blog-title {
    font-size: 18px;
    margin-bottom: 8px;
}

@media (max-width: 767.98px) {
    .blog.grid-blog .blog-title {
        min-height: inherit;
    }
}

.blog.grid-blog .blog-content p {
    margin: 0 0 15px;
}

.blog.grid-blog .blog-info {
    margin: 0 0 15px;
}

.blog.grid-blog .blog-image {
    margin-bottom: 16px;
}

.blog.grid-blog .entry-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

.blog.grid-blog .entry-meta li {
    margin: 0 0 16px;
}

.blog-image,
.blog-image>a,
.blog-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.blog-info {
    color: var(--gray-900);
}

.blog-info .badge {
    padding: 5px 8px;
    border-radius: 20px;
}

.blog-info ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.blog-info ul li {
    position: relative;
    padding-right: 16px;
}

.blog-info ul li i {
    color: var(--gray-600);
    margin-right: 5px;
}

.blog-info ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: var(--gray-transparent);
}

.blog-info ul li:last-child {
    padding: 0;
}

.blog-info ul li:last-child::before {
    content: none;
}

.blog-pagination .pagination {
    margin: 0 0 30px;
}

.blog-pagination .pagination li a {
    font-weight: 600;
    color: #2e3842;
    border-radius: inherit !important;
    border-color: #f0f0f0;
    margin: 0 10px 0 0;
    padding: 12px 20px;
}

.blog-pagination .pagination li.active a {
    background: var(--primary);
    border-color: transparent;
    color: var(--white);
}

.video {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.video iframe,
.video object,
.video embed {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.latest-posts {
    margin: 0;
    padding: 0;
}

.latest-posts li {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
}

.latest-posts li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.post-thumb {
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
}

.post-thumb a img {
    border-radius: 5px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0;
    -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0;
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}

.post-thumb a:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
}

.post-info {
    margin-left: 14px;
}

.post-info h4 {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-info p {
    font-size: 14px;
    margin-bottom: 4px;
}

.category-widget .categories {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-widget .categories li {
    margin-bottom: 16px;
}

.category-widget .categories li:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.category-widget .categories li a {
    color: var(--gray-600);
}

.category-widget .categories li a span {
    float: right;
    color: var(--gray-900);
    font-size: 14px;
}

.category-widget .categories li a:hover {
    color: var(--primary);
}

.category-widget .categories>li>a>i {
    color: var(--primary);
    font-size: 18px;
    margin-right: 10px;
}

.tags {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
}

.tags li {
    float: left;
}

.tag {
    background-color: var(--light);
    color: var(--gray-900);
    position: relative;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border-radius: 20px;
    padding: 2px 8px;
}

.tag:hover {
    background-color: var(--primary);
    color: var(--white);
}

.search-widget .input-group {
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    min-height: 56px;
    padding: 8px;
}

.search-widget .input-group .form-control {
    border-color: transparent;
    padding-left: 8px;
}

.search-widget .input-group .btn {
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 5px !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-view .blog-title {
    font-size: 24px;
}

@media (max-width: 767.98px) {
    .blog-view .blog-title {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .blog-view .blog-title {
        font-size: 20px;
    }
}

.blog-view .blog-info {
    border: 0;
}

.blog-view .blog-single-post .blog-content p {
    font-size: 14px;
    margin-bottom: 20px;
    -webkit-line-clamp: none;
}

.blog-content p:last-child {
    margin: 0;
}

.blog-tags .badge {
    background: var(--dark);
    color: var(--white);
    border-radius: 20px;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 500;
}

.blog-section-eight .slide-btn .slick-arrow {
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 0;
}

.tab-content.schedule-cont .card-title {
    margin-bottom: 10px;
}

.schedule-nav .nav-tabs li a.active {
    background: #ff4877;
    border: 1px solid #ff4877 !important;
    color: var(--white);
}

.hours-info .form-control {
    min-height: auto;
}

.hours-info .btn.btn-danger.trash {
    height: 38px;
    width: 100%;
}

.visits .visit-btns {
    color: #272b41;
    background-color: var(--white);
    width: 80%;
    margin-bottom: 10px;
    display: block;
    outline: unset;
    cursor: pointer;
}

.visits input:checked~.visit-rsn {
    background-color: var(--primary);
    color: var(--white);
    border-radius: 4px;
}

.visits input:checked~.visit-rsn:before {
    opacity: 1;
}

.visits input:disabled~.visit-rsn {
    background-color: var(--danger);
    color: var(--white);
    border-radius: 5px;
}

.visits input.form-check-input {
    opacity: 0;
    visibility: hidden;
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.visits .form-check-input {
    opacity: 0;
}

.visits span.visit-rsn {
    background: #f3f9ff;
    border: 0;
    border-radius: 5px;
    color: #64627c;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    position: relative;
    font-weight: 600;
    min-width: 133px;
    width: 100%;
    padding: 13px 5px;
}

.visits span.visit-rsn:before {
    color: var(--primary);
    background-color: var(--white);
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.time-slot.time-slot-blk li .timing.active {
    background: var(--primary);
    border: 2px solid #0e82fd;
    color: var(--white);
    box-shadow: inset 0 0 0 0 #0e82fd;
}

.time-slot.time-slot-blk li .timing.active:hover {
    background: var(--primary);
    border: 2px solid #0e82fd;
    color: var(--white);
    box-shadow: inset 0 0 0 50px #0e82fd;
}

.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.date-slider .slick-slide {
    display: block;
    margin: 0;
    padding: 0 5px;
}

.date-slider li h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

@media (max-width: 1199.98px) {
    .date-slider li h4 {
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    .date-slider li h4 {
        font-size: 16px;
    }
}

.date-slider li p {
    color: #d4d4d4;
    margin-bottom: 0;
}

.date-slider li.active h4 {
    color: var(--gray-900);
}

.date-slider li.active p {
    color: #aaa;
}

.date-slider .slick-prev:before {
    content: " \e92f";
}

.date-slider .slick-next:before {
    content: " \e930";
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: var(--gray-900);
    line-height: normal;
    box-shadow: none;
    width: 30px;
    height: 30px;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: var(--primary);
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: var(--primary);
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    font-family: "feather";
    font-size: 26px;
}

.date-slider .slick-prev {
    left: -12px;
}

.date-slider .slick-next {
    right: -12px;
}


.prime-btn:active,
.prime-btn.active {
    color: var(--primary);
    background-color: var(--white);
    border-color: var(--primary);
    box-shadow: inset 0 0 0 50px #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.prime-btn:active i,
.prime-btn.active i {
    color: var(--primary);
}

.prime-btn .active:not(:disabled):not(.disabled),
.prime-btn:active:not(:disabled):not(.disabled) {
    background-color: var(--primary);
    border-color: #0e82fd;
    color: var(--white);
}

.prime-btn .active:focus:not(:disabled):not(.disabled),
.prime-btn:active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
}

.form-group-flex .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #292929;
    padding: 3px 5px;
    margin-bottom: 10px;
    min-width: 60px;
    background: #e0efff;
    border: 1px solid #e0efff;
    border-radius: 4px;
    box-shadow: inset 0 0 0 0 #0e82fd;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.form-group-flex .btn:hover {
    color: #fff;
    border: 1px solid #0e82fd;
    box-shadow: inset 0 0 0 50px #0e82fd;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.form-group-flex .btn i {
    font-size: 16px;
    margin-right: 2px;
}

@media (max-width: 479.96px) {

    .bookingrange.btn.btn-white {
        font-size: 13px;
    }
}

.bookingrange.btn.btn-white:hover {
    border-color: #ccc;
}

.radio-select span {
    color: var(--gray-600);
}

.radio-select span.service-title {
    color: var(--gray-900);
}

.radio-select label {
    border: 1px solid var(--gray-200);
    padding: 16px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

.radio-select input {
    display: none;
}

.radio-select input:checked~label {
    border-color: var(--primary);
}

.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active,
.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:hover,
.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:focus {
    border-bottom-width: 3px;
    border-color: var(--primary);
    color: var(--primary);
}

@media (max-width: 767.98px) {

    .user-tabs .nav-tabs.nav-tabs-bottom>li>a.active,
    .user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:hover,
    .user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:focus {
        border-left-width: 2px;
        color: var(--primary);
    }
}

.widget {
    margin-bottom: 30px;
}

.recommended {
    color: var(--primary);
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    display: none;
}

.contact-card .card-body {
    padding-bottom: 0.625rem;
}

.custom_price_cont {
    margin-top: 20px;
}

.btn.btn-danger.trash {
    height: 46px;
    width: 46px;
}

@media (max-width: 767.98px) {
    .btn.btn-danger.trash {
        margin-bottom: 20px;
    }
}

.bootstrap-tagsinput {
    border-color: #dcdcdc;
    box-shadow: inherit;
    min-height: 46px;
    width: 100%;
    border-radius: 0;
}

.bootstrap-tagsinput.focus {
    border-color: #bbb;
}

.bootstrap-tagsinput .tag {
    background-color: var(--primary);
    color: #6b7280;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 2px;
    border-radius: 0;
    padding: 8px 15px;
}

.information-title-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 9px;
    margin-bottom: 24px;
    border-bottom: 1px solid #cbd5e1;
}

.information-title-list li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.information-title-list li:last-child {
    margin-right: 0;
}

.information-title-list li a {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    color: var(--gray-900);
    font-weight: 500;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    line-height: normal;
}

.information-title-list li a:hover {
    background: #0092e4;
    border-color: #0092e4;
    color: #fff;
}

.information-title-list li.active a {
    background: #0092e4;
    border-color: #0092e4;
    color: #fff;
}

.doc-information-details .detail-title.slider-nav .nav button.owl-next {
    margin-left: 15px;
}

.doc-information-details.bio-detail .show-more {
    color: #0092e4;
    font-weight: 500;
}

.doc-review-card .pagination.dashboard-pagination ul li a.active {
    background: #0284c7;
    color: #fff;
}

.profile-sidebar .dashboard-widget .dashboard-menu>ul>li.active>a {
    color: var(--white);
    background: var(--primary);
}

.profile-sidebar .dashboard-widget .dashboard-menu>ul>li.active>a i {
    color: var(--white);
}

.change-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.change-avatar .profile-img {
    margin-right: 15px;
}

.change-avatar .profile-img img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 4px;
}

@media (max-width: 575.98px) {
    .change-avatar .profile-img img {
        height: 80px;
        width: 80px;
    }
}

.dropzone {
    background-color: var(--light-transparent);
    border: 2px dashed rgba(0, 0, 0, 0.1);
}

.input-block-new label {
    color: var(--gray-900);
    font-weight: 500;
}

.header-dropdown .dropdown-toggle {
    border: 1px solid var(--gray-transparent);
    border-radius: 6px;
    padding: 5px 10px;
    display: inline-block;
    line-height: normal;
}

.chart-tab .nav-pills .nav-item .nav-link.active {
    background: transparent;
    color: var(--primary);
}

.chart-tab .nav-pills .nav-item .nav-link.active:after {
    background: var(--primary);
}

#revenue-chart .apexcharts-series {
    fill: #0e82fd;
    stroke: #0e82fd;
}

#revenue-chart .apexcharts-series path:nth-child(4) {
    fill: #fbbf24;
    stroke: #fbbf24;
}

#appointment-chart .apexcharts-series path {
    fill: var(--gray-900);
    stroke: var(--gray-900);
}

#appointment-chart .apexcharts-series path:nth-child(6) {
    fill: #0e82fd;
    stroke: #0e82fd;
}

.dashboard-pagination ul li .page-link.active {
    border-color: var(--primary);
}

.form-sorts .filter-reset-btns a.btn-primary {
    border-color: var(--primary);
}

.header-dropdown .dropdown-menu {
    border-color: var(--gray-200);
}

.header-dropdown .dropdown-toggle {
    padding: 8px 15px 8px 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: var(--gray-600);
}

.header-dropdown .dropdown-toggle::after {
    border-width: 0 2px 2px 0;
    border-color: var(--gray-600);
    font-size: 14px;
    padding: 3px;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    border-style: solid;
    margin-left: 10px;
}

.header-dropdown .dropdown-toggle.show::after {
    border-width: 2px 0 0 2px;
    position: relative;
    top: 3px;
}

.header-dropdown .dropdown-toggle.nav-tog {
    padding: 10px 15px 10px 10px;
}

.header-dropdown .dropdown-menu {
    padding: 15px;
}

.header-dropdown .dropdown-menu a {
    padding: 5px 10px;
    border-radius: 10px;
}

.header-dropdown .dropdown-menu a:hover {
    background: #f8fafc;
}

.header .header-nav .header-navbar-rht .has-arrow .user-header .user-text h6 {
    font-size: 16px;
    font-weight: 600;
}

.header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item {
    color: var(--gray-900);
    font-weight: 500;
}

.text-blue-600:hover {
    color: #1e293b !important;
}

.text-blue-600 a {
    color: var(--primary);
}

.text-blue-600 a:hover {
    color: #1e293b;
}

.text-blue:hover {
    color: #1e293b;
}

#heart-rate-chart .apexcharts-series path:hover {
    fill: #0e82fd;
    opacity: 1;
}

#blood-pressure-chart .apexcharts-series path:hover {
    fill: #0f172a;
    opacity: 1;
}

.signature {
    border: 2px dashed var(--gray-200);
    color: #272b41;
    cursor: pointer;
    height: 85px;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 4px;
}

.signature:hover {
    background-color: #fcfcfc;
}

.searchinputs.dropdown-toggle::after {
    display: none;
}


.add-new-btn.active {
    background-color: #0de0fe;
    color: #fff;
}


.dashboard-menu>ul>li.active>a {
    color: #0de0fe;
}

.header-dropdown .dropdown-avatar {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    margin-right: 5px;
}

.dashboard-card-head .owl-nav button {
    border: 0;
    background: transparent;
    margin-top: 0;
}

.dashboard-card-head .owl-nav button.owl-next {
    margin-left: 0;
}

.dashboard-card-head .owl-nav button:hover {
    color: var(--primary);
}

.dashboard-card-head .header-dropdown-two {
    position: relative;
}

.dashboard-card-head .header-dropdown-two::before {
    content: "";
    width: 1px;
    height: 20px;
    background: var(--gray-transparent);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dashboard-card-head .header-dropdown-two {
    margin-left: 10px;
}

.chart-tabs .nav-item .nav-link.active {
    color: var(--primary);
}

.chart-tabs .nav-item .nav-link.active::before {
    background: var(--primary);
}

.patient-dash-tab .nav-item .nav-link.active {
    background-image: var(--primary-gradient);
    color: #fff;
    border-color: var(--primary);
}

.main-chat-blk .slimscroll-active-sidebar {
    height: calc(100vh - 192px) !important;
    overflow-y: auto !important;
}

.main-chat-blk .slimscroll-active-sidebar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
}

.main-chat-blk .slimscroll-active-sidebar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #f1f5f9;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.main-chat-blk .slimscroll-active-sidebar a {
    color: var(--gray-900);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item {
    font-size: 14px;
    cursor: pointer;
    padding: 7px 14px;
    font-weight: 500;
    color: var(--gray-900);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item i {
    font-size: 16px;
    color: var(--gray-900);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item span {
    float: right;
    font-size: 18px;
    color: var(--gray-900);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item.active {
    background: 0;
    color: inherit;
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:focus,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:hover,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:active {
    background-color: var(--light-transparent);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu {
    background: var(--white);
    border: 1px solid var(--gray-200);
    box-sizing: border-box;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    border-radius: 8px;
    min-width: 173px;
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item {
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-chat-blk .chat-page-wrapper .dropdown-menu.chat-drop-menu .dropdown-item i {
    font-size: 16px;
    color: var(--gray-900);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:hover,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:focus,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:active {
    background-color: var(--light-transparent);
}

.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item span {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@-webkit-keyframes wave {

    0%,
    100%,
    60% {
        -webkit-transform: initial;
        transform: initial;
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes wave {

    0%,
    100%,
    60% {
        -webkit-transform: initial;
        transform: initial;
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@media (max-width: 991.98px) {
    .main-chat-blk .chat.show-chatbar {
        display: block;
    }
}

.main-chat-blk .delete-model-head .modal-header {
    padding: 0;
    margin-bottom: 32px;
}

.main-chat-blk .delete-model-head .modal-body {
    padding: 0;
}

.main-chat-blk .chat-select .select2-container--open .select2-dropdown--below {
    margin-top: 10px;
}

.main-chat-blk .nav.nav-tabs.chat-tabs .nav-item .nav-link.active {
    font-size: 16px;
    font-weight: bold;
    color: var(--primary);
}

.main-chat-blk .right-sidebar.show-right-sidebar {
    margin-right: 0;
}

.main-chat-blk .right-sidebar.video-right-sidebar.show-right-sidebar {
    margin-right: 0;
}

.main-chat-blk .status-modal .custom-status-close {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    color: var(--primary);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    background-color: var(--primary);
    border-color: var(--primary);
}

.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .nav .nav-item.active {
    background: var(--primary);
    border-radius: 6px;
    color: var(--primary);
    color: var(--white);
}

.main-chat-blk .group-call-tab .nav-tabs .nav-link.active {
    background-color: rgba(90, 7, 139, 0.1);
    color: var(--primary);
}

.main-chat-blk .accordion-col .accordion-title.active .primary-title i {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

.main-chat-blk .dropdown-menu .dropdown-item span.edit-profile-icon,
.main-chat-blk .dropdown-menu .dropdown-item span.profile-icon-col {
    font-size: 15px;
}

.main-chat-blk .status-active {
    border: 4px solid #650681;
}

.main-chat-blk .select-group-chat .dropdown-toggle::after {
    display: none;
}

.main-chat-blk .select-group-chat .dropdown-toggle i {
    margin-left: 15px;
}

.main-chat-blk .select-group-chat .dropdown-toggle:hover {
    color: #0a0a0a;
}

.main-chat-blk .select-group-chat .dropdown-toggle {
    font-weight: 600;
    color: #0a0a0a;
    font-size: 18px;
}

.main-chat-blk .select-group-chat .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    color: #0a0a0a;
}

.main-chat-blk .select-group-chat .dropdown-menu li:first-child .dropdown-item:hover {
    border-radius: 5px 5px 0 0;
}

.main-chat-blk .select-group-chat .dropdown-menu li:last-child .dropdown-item:hover {
    border-radius: 0 0 5px 5px;
}

.main-chat-blk .upload-img-file .modal-body {
    padding: 0;
}

.main-chat-blk .upload-img-file .modal-content {
    position: relative;
}

.main-chat-blk .upload-img-file .modal-header {
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
}

.main-chat-blk .upload-img-file .modal-header .close {
    background-color: transparent;
    color: var(--white);
}

.chat-window .card .card-header {
    background-color: var(--white);
    border-bottom: 1px solid #0e82fd;
}

.chat-window .badge-success {
    background-color: var(--success) !important;
}

.chat-search .input-group .form-control {
    margin: 0;
    padding: 0 0 0 36px;
    height: 46px;
}

.chat-search .input-group .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: var(--primary);
    pointer-events: none;
    z-index: 4;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
}

.chat-cont-left .chat-scroll .media.active {
    background-color: #0e82fd;
}

.card-footer {
    background-color: var(--white);
    margin: 0;
    padding: 0.75rem 1.25rem;
}

.card-footer .type_msg {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: 0 !important;
    overflow-y: auto;
}

@keyframes blink {
    50% {
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .left-sidebar.hide-left-sidebar {
        margin-left: -991px;
    }
}

.view-cart-header .dropdown-menu {
    min-width: 320px !important;
}

.view-cart-header .shopping-cart.show-cart {
    opacity: 1;
    visibility: visible;
}


.custom-increment button:active {
    background: #dcdcdc !important;
    color: var(--gray-900) !important;
    border: 0 !important;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
}

@keyframes ripple {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    }

    100% {
        -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
}

.comments {
    width: 100%;
}

.review-section-five .review-right .slide-btn .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    color: var(--gray-900);
    margin: 0;
    font-size: 24px;
    transition: all 0.6s;
    border: 1px solid var(--gray-200);
}

.review-section-five .review-right .slide-btn .slick-arrow:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
    height: 38px;
}

span.agree {
    font-size: 16px;
    margin-left: 6px;
}


.step-list ul li a.active {
    background-color: #0de0fe;
    color: var(--white);
}

.step-list ul li a.active-done {
    background-color: #0de0fe;
    color: var(--white);
    background-image: url(../../assets/img/icons/tick-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    font-size: 0;
}

.otp-box .digit-group input[type="text"].active {
    background-color: var(--white);
    color: var(--black);
}

.country-select .select-col .btn-info.dropdown-toggle {
    border: 0;
    color: #0de0fe;
    border-radius: 10px 0 0 10px;
    background-color: var(--white);
    height: 100%;
    font-size: 0;
    width: 79px;
    text-align: left;
    padding: 0 12px;
}

.country-select .select-col .btn-info.dropdown-toggle:after {
    background-image: url(../../assets/img/icons/down-arrow-gray-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 14px;
    height: 7px;
    border: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
}

.country-select .select-col .btn-info.dropdown-toggle span {
    font-size: 0;
}

.country-select .select-col .dropdown-menu {
    font-size: 0;
    width: 79px;
    min-width: inherit;
    margin-top: 0;
    border-radius: 10px;
    padding: 0;
}

.country-select .select-col .dropdown-menu li {
    margin: 14px 13px;
}

.country-select .select-col .dropdown-menu li:first-child {
    display: none;
}

.country-select .select-col .dropdown-menu li a {
    display: inline-block;
    cursor: pointer;
}

.card-choose-col {
    max-width: 325px;
    margin: 0 auto;
}

.day-week-month-col ul li a.active {
    border-color: #536cf1;
    color: #536cf1;
    border-radius: 0 !important;
}

.day-week-month-col ul li a:first-child.active {
    border-color: #536cf1;
}

.day-week-month-col ul li a:last-child.active {
    border-color: #536cf1;
}

.toggle-password-sub {
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: var(--gray-600);
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.poor-active span.active#poor,
.poor-active span.active#poors {
    background: var(--danger);
}

.avg-active span.active#poor,
.avg-active span.active#poors,
.avg-active span.active#weak,
.avg-active span.active#weaks {
    background: var(--warning);
}

.strong-active span.active#poor,
.strong-active span.active#weak,
.strong-active span.active#strong,
.strong-active span.active#poors,
.strong-active span.active#weaks,
.strong-active span.active#strongs {
    background: var(--primary);
}

.heavy-active span.active#poor,
.heavy-active span.active#weak,
.heavy-active span.active#strong,
.heavy-active span.active#heavy,
.heavy-active span.active#poors,
.heavy-active span.active#weaks,
.heavy-active span.active#strongs,
.heavy-active span.active#heavys {
    background: var(--success);
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

.pass-checked.active {
    opacity: 1;
}

.custom-menu .dropdown-menu {
    left: auto;
    right: 0;
}

a.mute-bt.stop {
    background: #eb4132;
}

a.mute-video.stop {
    background: #eb4132;
}

.map-right {
    height: 100%;
    min-height: 100%;
    padding-right: 30px;
    z-index: 1029;
    position: fixed;
    top: 115px;
    right: 0;
    bottom: 0;
}

@media (max-width: 1199.98px) {
    .map-right {
        height: 450px;
        position: static;
        min-height: inherit;
        margin-bottom: 30px;
        padding-right: 15px;
    }
}

.map-right .available-info {
    margin-bottom: 0;
}

.view-icons a.active {
    background-color: #20c0f3;
    border-color: #20c0f3;
    color: #fff;
}

.breadcrumb-bar-one .page-breadcrumb ol li.active {
    color: #1f2937;
}

.btn-search .btn {
    background: var(--primary-gradient);
    border: 1px solid var(--primary-gradient);
    color: var(--white);
    height: 46px;
    border-radius: 44px;
    font-weight: 500;
    font-size: 16px;
}

.btn-search .btn:hover {
    background: var(--dark);
    color: var(--white);
}

.ui-widget-header {
    background: var(--primary);
}

.doctor-filter-sort .nav li a.active {
    background: var(--primary);
    border: 2px solid #0e82fd;
    color: var(--white);
}

.doctor-filter-sort .nav li a.active img {
    filter: invert(1) brightness(100);
}

.more-view {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
}

.fill-more {
    height: 97px;
    overflow: hidden;
    border-bottom: 1px solid #f3f4f6;
    margin-bottom: 10px !important;
}

.map-right {
    height: 100%;
    min-height: 100%;
    padding-right: 30px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1029;
    display: none;
}

.map-right .available-info {
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .map-right {
        position: static;
        height: 450px;
    }
}

.card-label>label {
    background-color: #fff;
    color: #959595;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 6px auto auto 8px;
    padding: 0 7px;
}

@media (max-width: 991.98px) {
    .card-label>label {
        font-size: 12px;
    }
}

.card-label>input {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    display: block;
    height: 50px;
    margin-top: -13px;
    -webkit-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    transition: border-color 0.3s;
    width: 100%;
    border-radius: 4px;
    padding: 5px 15px 0;
}

.calendar {
    float: left;
    margin-bottom: 0;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5rem;
}

.fc-toolbar h2 {
    font-size: 18px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    line-height: 30px;
    text-transform: uppercase;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:hover,
.fc-toolbar button:focus {
    z-index: 0;
}

.none-border .modal-footer {
    border-top: 0;
}

.fc-day-grid-event .fc-time {
    font-family: "Roboto", sans-serif;
}

.fc-day {
    background: #fff;
}

.fc th.fc-widget-header {
    background: #eee;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 10px 0;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
    border-color: #f3f3f3;
}

.fc-unthemed .fc-today {
    background: #fff;
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 2px 5px;
}

.fc-basic-view td.fc-week-number span {
    padding-right: 8px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.fc-basic-view td.fc-day-number {
    padding-right: 8px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.fc-button {
    background: #f1f1f1;
    border: 0;
    color: var(--gray-600);
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 3px !important;
    height: auto !important;
    margin: 0 3px !important;
    padding: 6px 12px !important;
}

.fc-state-hover {
    background: #f3f3f3;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #20c0f3 !important;
    color: #fff !important;
    text-shadow: none !important;
}

.fc-event {
    border: 0;
    color: #fff !important;
    cursor: move;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    margin: 1px 7px;
    padding: 5px 5px;
}

@media (max-width: 479.96px) {
    .fc-day-header span {
        font-size: 10px;
    }
}

.line {
    background-color: #20c0f3;
    height: 2px;
    margin: 0;
    width: 60px;
}

.comp-dropdowns .btn-group {
    margin-bottom: 5px;
}

.terms-text {
    margin-bottom: 16px;
}

.terms-text:last-child {
    margin-bottom: 0;
}

.terms-text h6 {
    margin-bottom: 16px;
}

.terms-text p {
    margin-bottom: 8px;
}

.terms-text p:last-child {
    margin-bottom: 0;
}

.terms-text ul li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 18px;
}

.terms-text ul li::before {
    content: "\f111";
    font-family: "Fontawesome";
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 10px;
    color: var(--primary);
}

.terms-text ul li:last-child {
    margin-bottom: 0;
}

.accounts-tab .nav-tabs-bottom .nav-link.active {
    background: var(--primary);
    color: var(--white);
}

.input-block-new {
    margin-bottom: 24px;
}

.modal-header h5 {
    display: inline-flex;
    align-items: center;
}

.modal-header h5 .request-id {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}

.modal-header h5 .badge {
    padding: 5px 10px;
    border-radius: 50px;
    font-weight: 500;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}

.modal-header h5 .badge.badge-success-bg {
    background: #14b8a6;
}

.modal-header h5 .badge.badge-danger-bg {
    background: #ef444e;
}

.lang-dropdown {
    position: relative;
    margin-right: 20px;
}

.lang-dropdown:last-child {
    margin-right: 0;
}

.lang-dropdown .dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-900);
    padding: 10px 10px;
    margin-right: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    position: relative;
    display: flex;
}

.lang-dropdown .dropdown-toggle:last-child {
    margin-right: 0;
}

.lang-dropdown .dropdown-toggle.show+.dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 8px !important;
    border-radius: 0 0 5px 5px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.lang-dropdown .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid var(--gray-900);
    border-right: 2px solid var(--gray-900);
    content: "";
    height: 8px;
    display: inline-block;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
    vertical-align: 2px;
    margin-left: 0;
    position: absolute;
    top: 15px;
    right: -5px;
}

.lang-dropdown .dropdown-toggle:after:hover {
    border-bottom: 2px solid var(--black);
    border-right: 2px solid var(--black);
}

.lang-dropdown .dropdown-toggle .flag-img {
    margin-right: 10px;
    border-radius: 50px;
    width: 20px;
}

.lang-dropdown.show+.dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.lang-dropdown .dropdown-menu {
    border-radius: 5px;
    margin: 0;
    padding: 0;
    min-width: 200px;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: auto !important;
    right: 0 !important;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
}

.lang-dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    border-bottom: 1px solid var(--gray-200);
    margin: 0;
    padding: 10px 15px;
}

.lang-dropdown .dropdown-menu .dropdown-item img {
    margin-right: 10px;
    width: 20px;
}

.lang-dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--primary);
}

.lang-dropdown .dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.browse-categorie .categorie-dropdown .dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-900);
    min-width: 190px;
    padding: 10px 10px;
    margin-right: 0;
    background: var(--gray-transparent);
    border: 0;
    border-radius: 5px;
    position: relative;
    display: flex;
}

.browse-categorie .categorie-dropdown .dropdown-toggle:last-child {
    margin-right: 0;
}

.browse-categorie .categorie-dropdown .dropdown-toggle.show+.dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.browse-categorie .categorie-dropdown .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid #334155;
    border-right: 2px solid #334155;
    content: "";
    height: 8px;
    display: inline-block;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
    vertical-align: 2px;
    margin-left: 0;
    position: absolute;
    top: 15px;
    right: 12px;
}

.browse-categorie .categorie-dropdown .dropdown-toggle:after:hover {
    border-bottom: 2px solid var(--gray-900);
    border-right: 2px solid var(--gray-900);
}

.browse-categorie .categorie-dropdown .dropdown-toggle img {
    margin-right: 8px;
}

.browse-categorie .categorie-dropdown.show+.dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.browse-categorie .categorie-dropdown .dropdown-menu {
    border-radius: 5px;
    margin: 0;
    padding: 0;
    min-width: 190px;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: auto !important;
    right: 0 !important;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
}

.browse-categorie .categorie-dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid var(--gray-200);
    margin: 0;
    padding: 10px 15px;
}

.browse-categorie .categorie-dropdown .dropdown-menu .dropdown-item img {
    margin-right: 10px;
    width: 20px;
}

.browse-categorie .categorie-dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--primary);
}

.browse-categorie .categorie-dropdown .dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

@keyframes float {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
    }

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

@keyframes float {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
    }

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

@keyframes float {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
    }

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

.card-label>label {
    background-color: var(--white);
    color: var(--gray-300);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 6px auto auto 8px;
    padding: 0 7px;
}

.card-label>.form-control {
    color: var(--gray-600);
    margin: -13px 0 0;
    padding: 6px 15px 0;
    min-height: 48px;
}

.card-label>.form-control::placeholder {
    font-weight: 500;
    color: var(--gray-600);
}

.booking-card {
    border: 2px solid #f4f4f4;
    border-radius: 8px;
    margin-bottom: 25px;
}

@media (max-width: 991.98px) {
    .booking-card {
        margin-bottom: 20px;
    }
}


.pricing-card.active {
    background: var(--primary);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-icon span {
    background: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}


.pricing-card.active .pricing-icon span img {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-title p {
    color: #eff0f7;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-title h4 {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-header .badge {
    background: rgba(var(--white), 0.2);
    color: var(--white);
}


.pricing-card.active .pricing-header-text p {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-amount h2 {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-amount h2 span {
    color: #d9dbe9;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-amount h6 {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-list ul li {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-list ul li:before {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}


.pricing-card.active .pricing-btn .btn {
    color: var(--gray-900) !important;
    background: var(--gray-transparent) !important;
}

.pricing-card-active {
    background: var(--primary);
}

.pricing-card-active .pricing-icon span {
    background: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.pricing-card-active .pricing-icon span img {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-title p {
    color: #eff0f7;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-title h4 {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-tag {
    margin-left: auto;
}

.pricing-card-active .pricing-tag span {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-weight: 500;
    border-radius: 10px;
    padding: 12px 13px;
}

.pricing-card-active .pricing-header-text p {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-amount h2 {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-amount h2 span {
    color: #d9dbe9;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-amount h6 {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-list ul li {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-list ul li:before {
    color: #fff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.pricing-card-active .pricing-btn .btn {
    color: #fff;
    border: 1px solid #3b9cf6;
    box-shadow: inset 0 0 0 50px #3b9cf6;
}

.price-item.active {
    margin-top: 30px;
    border: 1px solid transparent;
    background-image:
        linear-gradient(var(--white), var(--white)), var(--primary-gradient);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.price-item.active .btn {
    background: var(--primary-gradient) !important;
    border-color: var(--primary) !important;
}

.breadcrumb-bar-two .page-breadcrumb ol li.active {
    color: var(--gray-900);
}

.section-inner-header {
    margin-bottom: 40px;
}

.section-inner-header h6 {
    font-weight: 600;
    font-size: 16px;
    color: var(--primary);
    margin-bottom: 0;
}

.section-inner-header h2 {
    font-size: 32px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .section-inner-header h2 {
        font-size: 26px;
        max-width: inherit;
    }
}

@media (max-width: 767.98px) {
    .section-inner-header h2 {
        font-size: 24px;
    }
}

@media (max-width: 991.98px) {
    .section-inner-header {
        margin-bottom: 40px;
    }
}

.testimonial-slider .slick-prev,
.testimonial-slider .slick-next {
    width: 30px;
    height: 30px;
    font-size: 0;
    color: var(--gray-900);
    background: var(--gray-transparent);
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.testimonial-slider .slick-prev:hover,
.testimonial-slider .slick-next:hover {
    color: var(--white);
    background: var(--primary);
}

.testimonial-slider .slick-prev:focus,
.testimonial-slider .slick-next:focus {
    color: var(--white);
    background: var(--primary);
    opacity: 1;
}

.testimonial-slider .slick-prev:before {
    font-family: "Fontawesome";
    content: "\f053";
    font-size: 16px;
    font-weight: 700;
}

.testimonial-slider .slick-next:before {
    font-family: "Fontawesome";
    content: "\f054";
    font-size: 16px;
    font-weight: 700;
}

.faq-section-inner {
    padding: 60px 0;
}

@media (max-width: 991.98px) {
    .faq-section-inner {
        padding: 40px 0;
    }
}

.faq-inner-page {
    background-color: var(--white);
    padding: 60px 0 36px;
}

@media (max-width: 991.98px) {
    .faq-inner-page {
        padding: 40px 0 16px;
    }
}

.faq-inner-info .accordion-item {
    margin-bottom: 24px;
    background: var(--light-transparent);
    border: 1px solid var(--gray-200);
    border-radius: 10px;
}

.faq-inner-info .accordion-item:last-child {
    margin-bottom: 24px;
}

.faq-inner-info .accordion-item .accordion-button::after {
    background: var(--gray-transparent);
    color: var(--gray-900);
}

.faq-inner-info .accordion-item .accordion-button:not(.collapsed)::after {
    color: var(--white);
    background: var(--primary);
}

.faq-inner-info .accordion-item .accordion-body {
    margin-top: 16px;
    padding: 16px 0 0;
    border-top: 1px solid var(--gray-200);
}

@media (max-width: 575.98px) {
    .testimonial-content {
        text-align: center;
    }
}

@media (max-width: 479.96px) {
    .testimonial-content .section-inner-header h2 {
        font-size: 16px;
    }
}

.shapes {
    position: absolute;
    width: 100%;
}

@media (max-width: 991.98px) {
    .shapes {
        display: none;
    }
}


.about-content-six .about-vision.active {
    max-width: 100%;
    background: var(--primary);
}

@media (max-width: 575.98px) {

    
    .about-content-six .about-vision.active {
        height: auto !important;
    }
}


.about-content-six .about-vision.active .custom-title {
    transform: translateY(0) rotate(0);
    position: relative;
    margin-bottom: 8px;
    color: var(--gray-900);
    left: unset !important;
    bottom: unset !important;
    transform-origin: left center;
}


.about-content-six .about-vision.active .para {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition-delay: 0.2s;
}


.about-content-six .about-vision.active .icon-one {
    opacity: 1;
    transform: translate(0, 0) rotateY(180deg);
    visibility: visible;
    transition-delay: 0.3s;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.company-slider-two {
    padding-bottom: 80px;
}

@media (max-width: 991.98px) {
    .company-slider-two {
        padding-bottom: 50px;
    }
}

.company-slider-two img {
    width: auto !important;
    margin: 0 auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
}

.company-slider-two img:hover {
    filter: none;
}

.company-slider-fourteen .slick-list {
    height: 110px;
    border-top: 1px solid var(--gray-200);
}

@media (max-width: 575.98px) {
    .company-slider-fourteen .slick-list {
        height: 80px;
    }
}

.company-slider-fourteen .slick-active .slide-item {
    border-right: 1px solid var(--gray-200);
}

.company-slider-fourteen .slick-active:last-child .slide-item {
    border-right: 0;
}

.company-slider-fourteen .slide-item {
    text-align: center;
    padding: 40px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .company-slider-fourteen .slide-item {
        padding: 24px;
        height: 80px;
    }
}

.company-slider-fourteen .slide-item img {
    margin: 0 auto;
}

.animate-button {
    cursor: pointer;
    border: 0;
    background: var(--primary);
    color: var(--white);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-content: center;
    transition:
        background 300ms,
        transform 200ms;
    font-weight: 600;
    border: 12px solid var(--white);
}

.animate-button:hover .button-circle {
    background: var(--white);
    color: var(--primary);
}

.animate-button .button-text {
    position: absolute;
    inset: 0;
    animation: text-rotation 8s linear infinite;
    margin: 0;
}

.animate-button .button-text>span {
    position: absolute;
    transform: rotate(calc(16deg * var(--index)));
    inset: 5px;
    color: #fff;
}

.animate-button .button-circle {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: var(--dark);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.8s;
}

@keyframes flyFloat {
    0% {
        top: 30%;
        right: 3%;
    }

    75% {
        top: 50%;
        right: 50%;
    }

    100% {
        top: 100%;
        right: 3%;
    }
}

.animate-button2 {
    cursor: pointer;
    background: var(--dark);
    color: var(--gray-900);
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-content: center;
    transition:
        background 300ms,
        transform 200ms;
    font-weight: 600;
    border: 3px solid var(--white);
    position: relative;
}

.animate-button2:hover .button-circle {
    background: var(--white);
    color: var(--primary);
}

.animate-button2 .button-text2 {
    position: absolute;
    inset: 0;
    animation: text-rotation 8s linear infinite;
    margin: 0 !important;
}

.animate-button2 .button-text2>span {
    position: absolute;
    inset: 25px;
    transform: rotate(calc(var(--angle) * var(--index) * 1deg));
    transform-origin: center 65px;
    left: 26px;
    top: 9px;
    display: flex;
    justify-content: center;
    color: var(--white);
}

.animate-button2 .button-circle {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: var(--primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.8s;
    font-size: 24px;
    font-weight: 400;
}

#onboard-slider .owl-dots {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

#onboard-slider .owl-nav {
    display: none;
}

#onboard-slider.owl-theme .owl-dots .owl-dot span {
    background-color: #09e5ab;
    width: 15px;
    height: 6px;
    border-radius: 50px;
    transition: 0.5s all;
    margin: 5px 3px 0;
    display: block;
    position: relative;
}

#onboard-slider.owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
    width: 50px;
    border-radius: 50px;
}

.onboarding-progress.active {
    background: #10916f;
    color: #fff;
}

.form-focus .focus-label span {
    color: #f0142f;
}

.btn-profile img {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 11px;
    right: 8px;
    cursor: pointer;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.modal-content.id-pop-content {
    border-radius: 10px;
}

.modal-header.id-pop-header {
    border-bottom: 0;
    padding: 2rem 1rem 1rem 1rem;
}

.modal-footer.id-pop-footer {
    border-top: 0;
    padding: 0.75rem 0rem 2rem 0rem;
}

.modal-body.id-pop-body {
    padding: 1rem 3rem;
}

.modal-body.id-pop-body h2 {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 14px;
}

.modal-body.id-pop-body p {
    font-weight: 400;
    font-size: 15px;
    color: #585858;
}

.modal-body.id-pop-body h3 {
    font-weight: 500;
    font-size: 20px;
}

.modal-body.id-pop-body span {
    font-weight: 500;
    font-size: 20px;
    color: #228fe0;
    padding-bottom: 30px;
    display: block;
}

.modal.show .modal-dialog.id-upload {
    max-width: 600px;
}

.fade.fade-custom {
    background: rgba(0, 0, 0, 0.8);
}

#patient-verified .modal-body.id-pop-body p {
    font-size: 16px;
    max-width: 280px;
    margin: auto;
}

.modal-footer.id-pop-footer.text-center {
    justify-content: center;
}

@keyframes mymove {
    to {
        transform: translateY(-5px);
    }
}

@media (max-width: 991.98px) {

    .modal.show .modal-dialog.id-upload {
        max-width: 400px;
    }

    .modal-header.id-pop-header {
        padding: 5px;
    }

    .modal-body.id-pop-body {
        padding: 5px;
    }

    .modal-body.id-pop-body h2 {
        font-size: 20px;
    }

    .modal-body.id-pop-body p {
        font-size: 12px;
    }

    .modal-footer.id-pop-footer {
        border-top: 0;
        padding: 2px 0 5px 0;
    }
}

@media (max-width: 575.98px) {

    .btn-profile img {
        height: 30px;
        width: 30px;
    }

    .select2-results__option[aria-selected] {
        font-size: 11px;
    }

    .modal-body.id-pop-body h2 {
        font-size: 18px;
    }

    .modal-body.id-pop-body p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .modal-body.id-pop-body span {
        font-size: 18px;
        padding-bottom: 10px;
    }
}

.form-group-flex {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.multistep-form #first {
    display: block;
}

.multistep-form fieldset {
    display: none;
    width: 100%;
}

.widget-setcount .progress-active .step-icon {
    background: var(--primary);
    opacity: 1;
}

.widget-setcount .progress-active .step-content p {
    opacity: 1;
}

.widget-setcount .progress-active .step-content h4 {
    opacity: 1;
}

.form-check-box .custom_check {
    margin-bottom: 0;
}

.form-check-box .custom_check .checkmark::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.contact-section {
    padding: 60px 0 40px;
}

@media (max-width: 991.98px) {
    .contact-section {
        padding: 40px 0 20px;
    }
}

.contact-inner-header {
    margin-bottom: 20px;
}

.contact-inner-header h6 {
    margin-bottom: 16px;
}

.contact-card {
    border-radius: 10px;
    margin-bottom: 20px;
}

.contact-card .card-body {
    padding: 20px;
    border-color: var(--gray-200);
}

.contact-icon {
    width: 50px;
    height: 50px;
    color: #f64f00;
    border-radius: 10px;
    font-size: 24px;
    margin-right: 16px;
    background: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .contact-icon {
        font-size: 40px;
        margin-right: 15px;
    }
}

.contact-details h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 4px;
}

@media (max-width: 991.98px) {
    .contact-details h4 {
        font-size: 18px;
    }
}

.contact-details p {
    font-size: 16px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .contact-details p {
        font-size: 14px;
    }
}

.contact-form-card {
    background: var(--light-300);
    border-radius: 10px;
}

.contact-form-card .card-body {
    padding: 20px;
}

.contact-form-card .form-group {
    margin-bottom: 25px;
}

.contact-form-card .form-group label {
    font-size: 12px;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.contact-form-card .form-group .form-control {
    font-weight: 500;
    color: #6b7280;
}

.contact-form-card .form-group .form-control::placeholder {
    font-weight: 500;
    color: #6b7280;
}

.contact-form-card .form-group textarea.form-control {
    min-height: 150px;
    resize: none;
}

.contact-form-card .form-group-btn .btn {
    border-radius: 44px;
    font-size: 16px;
    margin: 0;
    padding: 9px 16px;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .contact-form-card .form-group-btn .btn {
        font-size: 14px;
    }
}

.contact-map iframe {
    width: 100%;
    border: 0;
    height: 450px;
}

.terms-section {
    padding: 60px 0;
}

@media (max-width: 991.98px) {
    .terms-section {
        padding: 40px 0;
    }
}

.consultation-types a {
    font-weight: 500;
    font-size: 16px;
    color: #6b6b6b;
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 6px;
    min-width: 413px;
    margin: 0;
    padding: 10px 15px;
}

.consultation-types a:hover {
    color: var(--primary);
    background: #fff;
    border: 1px solid #0e82fd;
}

.consultation-types a i {
    font-size: 18px;
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .consultation-types a {
        min-width: 300px;
    }
}

@media (max-width: 767.98px) {
    .consultation-types a {
        font-size: 14px;
        min-width: 250px;
        margin: 0;
        padding: 7px 15px;
    }
}

.consultation-types span {
    margin-left: 18px;
    font-size: 20px;
    color: var(--success);
    display: none;
}

.consultation-types.active a {
    color: var(--primary);
    background: #fff;
    border: 1px solid #0e82fd;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
}

.consultation-types.active span {
    display: block;
}

.booking-card {
    border: 2px solid var(--gray-200);
    border-radius: 8px;
    margin-bottom: 25px;
}

.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.date-slider .slick-slide {
    display: block;
    margin: 0;
    padding: 0 5px;
}

.date-slider li h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

@media (max-width: 1199.98px) {
    .date-slider li h4 {
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    .date-slider li h4 {
        font-size: 16px;
    }
}

.date-slider li p {
    color: #d4d4d4;
    margin-bottom: 0;
}

.date-slider li.active h4 {
    color: var(--gray-900);
}

.date-slider li.active p {
    color: #aaa;
}

.date-slider .slick-prev:before {
    content: " \e92f";
}

.date-slider .slick-next:before {
    content: " \e930";
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: var(--gray-900);
    line-height: normal;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: var(--primary);
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: var(--primary);
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    font-family: "feather";
    font-size: 26px;
}

.time-slot li .timing.active {
    background: var(--primary);
    border: 2px solid var(--primary);
    color: #fff;
    box-shadow: inset 0 0 0 0 var(--primary);
}

.time-slot li .timing.active:hover {
    background: var(--primary);
    border: 2px solid var(--primary);
    color: #fff;
    box-shadow: inset 0 0 0 50px var(--primary);
}

.text-green {
    color: var(--success);
}

.text-blue {
    color: var(--primary);
}

.text-indigo {
    color: var(--indigo);
}

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

.info-modal .modal-body {
    padding: 40px;
}

@media (max-width: 767.98px) {
    .info-modal .modal-body {
        padding: 25px;
    }
}

.btn-load {
    border: 1px solid var(--gray-transparent);
    background: var(--white);
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 11px;
    color: var(--gray-900);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0509803922);
}

.btn-load:hover {
    background: var(--gray-transparent);
    color: var(--gray-900);
}

.dashboard-header .header-list-btns li .header-dropdown .dropdown-toggle {
    border-radius: 5px;
    padding: 8px 15px 8px 8px;
    font-size: 14px;
}

.dashboard-header .header-list-btns li .header-dropdown .dropdown-avatar {
    width: 16px;
    height: 16px;
}

.dashboard-header .header-list-btns li .view-icons a.active {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

.form-sorts.dropdown {
    background: var(--white);
    border: 1px solid var(--gray-200);
    height: 32px;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-sorts.dropdown a {
    color: var(--gray-600);
    font-size: 14px;
    display: flex;
    align-items: center;
}

.form-sorts.dropdown a i {
    color: var(--gray-900);
}

.form-sorts.dropdown a.dropdown-toggle::after {
    margin-left: 8px;
}

.form-sorts {
    position: relative;
}

.form-sorts .filter-dropdown-menu {
    padding: 20px;
    border-radius: 5px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    position: absolute;
    z-index: 9;
    min-width: 350px;
    right: 0;
    top: 40px;
    opacity: 0;
    display: none;
}

@media (max-width: 575.98px) {
    .form-sorts .filter-dropdown-menu {
        right: unset;
        left: 0;
        min-width: 280px;
    }
}

.form-sorts.table-filter-show .filter-dropdown-menu {
    display: block;
    opacity: 1;
}

.form-sorts .filter-set-head h4 {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.form-sorts .filter-set-content {
    margin-bottom: 15px;
}

.form-sorts .filter-set-content .filter-set-content-head a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--light-transparent);
    padding: 10px;
    font-size: 16px;
    color: var(--gray-900);
    font-weight: 500;
}

.form-sorts .filter-reset-btns {
    display: flex;
    align-items: center;
    padding-top: 15px;
}

.form-sorts .filter-reset-btns a {
    flex: 1;
    display: inline-flex;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .form-sorts .filter-reset-btns a {
        padding: 10px 30px;
    }
}

.form-sorts .filter-reset-btns .btn-light {
    margin-right: 15px;
}

.appointment-tabs ul li .nav-link.active {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.appointment-tabs ul li .nav-link.active span {
    border-color: var(--white);
}

.dashboard-pagination ul li .page-link.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

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

.btn-gray {
    background: var(--gray-transparent);
    border: 1px solid var(--gray-200);
    color: var(--gray-900);
    box-shadow: inset 0 0 0 0 var(--white);
}

.btn-gray:hover {
    color: var(--white) !important;
    background-color: var(--dark);
    border-color: var(--dark) !important;
    box-shadow: inset 0 0 0 50px var(--dark);
    outline-color: var(--dark);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

@media (max-width: 575.98px) {
    .modal-button .btn+.btn {
        margin-top: 15px;
    }
}

.col-form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-600);
    padding: 0 0 10px 0;
}

.form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-900);
    margin-bottom: 4px;
}

.btn-primary-border {
    border: 1px solid #0e82fd;
    color: var(--primary);
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 15px;
}

.btn-primary-border:hover {
    background: var(--primary);
    color: #fff;
}

.modal .modal-header {
    justify-content: space-between;
}

.custom-modal-two .modal-content {
    padding: 24px;
}

@media (max-width: 991.98px) {
    .custom-modal-two .modal-content {
        padding: 15px;
    }
}

.custom-modal-two .modal-content .modal-header {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}

.custom-modal-two .modal-content .modal-header h5 {
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .custom-modal-two .modal-content .modal-header h5 {
        font-size: 18px;
    }
}

.custom-modal-two .modal-content .modal-header button {
    border: 0;
    background: var(--gray-transparent);
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s all;
}

.custom-modal-two .modal-content .modal-header button:hover {
    background: #e11d48;
    transition: 0.5s all;
}

.custom-modal-two .modal-content .modal-body {
    padding: 0;
}

.input-block-new {
    position: relative;
}

.input-block-new label {
    font-size: 14px;
}

.input-block-new input {
    height: 40px;
    min-height: 40px;
    border-radius: 6px;
}

.input-block-new input::placeholder {
    color: #64748b;
}

.input-block-new textarea {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    resize: none;
}

.input-block-new .bootstrap-tagsinput {
    min-height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    height: auto;
}

.input-block-new .bootstrap-tagsinput .badge-info {
    background: #f1f5f9 !important;
    border: 0;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px;
    color: #6b7280;
}

.input-block-new .bootstrap-tagsinput .tag [data-role="remove"] {
    left: 0;
    margin-left: 5px;
}

.input-block-new .bootstrap-tagsinput input {
    line-height: 30px;
}

.input-block-new .bootstrap-tagsinput input::placeholder {
    font-size: 14px;
    color: #6b7280;
}

.medication-wrap .input-block-new {
    flex: 1;
}

.medication-wrap .input-block-new label {
    display: block;
}

.medication-wrap .input-block-new {
    margin-right: 15px;
}

.medication-wrap .input-block-new .select2-container .select2-selection--single {
    height: 40px;
    min-height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.form-set-button {
    display: flex;
    align-items: center;
    justify-content: end;
}

.form-set-button .btn-light {
    background: var(--gray-transparent);
    color: var(--gray-900);
    border-color: var(--gray-transparent);
    padding: 8px 20px;
    margin-right: 15px;
    font-weight: 600;
}

.form-set-button .btn-primary {
    background: var(--primary-gradient);
    border-color: var(--primary-gradient);
    padding: 8px 20px;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .form-set-button .btn-primary {
        padding: 10px;
    }
}

.form-set-button .btn-primary:active,
.form-set-button .btn-primary:active:not(:disabled):not(.disabled) {
    background: var(--dark);
    border-color: var(--dark);
}

.social-media-links .select-social-link {
    flex-basis: 27%;
    margin-right: 15px;
}

.social-media-links .select2-container .select2-selection--single {
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0509803922);
    background: transparent;
    height: 40px;
    min-height: 40px;
    border-radius: 6px;
}

.social-media-links .select2-container {
    width: 100% !important;
}

.select2-results__option .social-img {
    margin-right: 10px;
}

.daterangepicker .ranges li.active {
    background: var(--primary);
}

.custom-card .card-body .modal-btn {
    margin-top: 40px;
}

.available-tab ul li a.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.modal-btn .btn {
    font-size: 13px;
    font-weight: 500;
    padding: 0.35rem 0.85rem;
}

.modal-btn .btn+.btn {
    margin-left: 15px;
}

.timing-modal .form-wrap {
    margin-bottom: 15px;
}

.timing-modal .form-wrap .custom-control-inline {
    font-weight: 500;
    margin: 0 10px 5px 0;
    color: var(--gray-900);
    font-size: 16px;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .timing-modal .form-wrap .custom-control-inline {
        font-size: 15px;
    }
}

.select2-results__option {
    padding: 6px 10px;
}

.select2-results__option .clinic-img {
    border-radius: 8px;
}

.form-wrap {
    margin-bottom: 15px;
}

.custom-modals .modal-content {
    padding: 20px;
}

.custom-modals .modal-content .modal-header {
    padding: 0 0 15px;
}

.custom-modals .modal-content .modal-header .modal-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
}

.custom-modals .modal-content .modal-header .btn-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--gray-600);
    color: var(--white);
    box-shadow: none;
    font-size: 14px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0;
    opacity: 1;
}

.custom-modals .modal-content .modal-header .btn-close:focus {
    box-shadow: none;
}

.custom-modals .modal-content .modal-header .btn-close:hover {
    background: var(--danger);
    color: var(--white);
}

.custom-modals .modal-content .col-form-label {
    color: var(--gray-900);
}

.custom-modals .modal-content .modal-body {
    padding: 15px 0;
}

.custom-modals .modal-content .modal-footer {
    padding: 15px 0 0;
}

.custom-modals .modal-content .modal-footer .modal-btn {
    margin: 0;
}

.status-badge {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 60px;
}

.modal-content .bootstrap-tagsinput {
    border-radius: 6px;
}

.modal-content .form-control {
    border-radius: 6px;
}

.add-billing-info,
.add-prescripe-info,
.add-info {
    border-bottom: 1px solid var(--gray-200);
    margin-bottom: 24px;
}

.bill-cont .trash,
.prescripe-cont .trash {
    font-size: 14px;
    font-weight: 500;
    color: var(--danger);
}

.trash-icon {
    font-size: 14px;
    font-weight: 500;
    color: var(--danger);
}

.add-bill,
.add-prescribe,
.more-item {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--primary);
    text-align: right;
    display: inline-block;
}

.add-bill:hover,
.add-prescribe:hover,
.more-item:hover {
    color: var(--gray-900);
}

.user-accordion-item {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    box-shadow: 0 7.5px 17.5px 0 rgba(0, 0, 0, 0.0509803922);
    margin-bottom: 24px;
}

.user-accordion-item .accordion-wrap {
    padding: 24px 38px 24px 24px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    position: relative;
    color: var(--gray-900);
    font-size: 16px;
}

.user-accordion-item .accordion-wrap span {
    color: var(--danger);
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500;
}

.user-accordion-item .accordion-wrap span.edit {
    color: #18181b;
}

.user-accordion-item .accordion-wrap::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.user-accordion-item .accordion-wrap:not(.collapsed)::before {
    content: "\f077";
}

.user-accordion-item .accordion-wrap:hover {
    color: #2e3842;
}

.user-accordion-item .accordion-wrap:hover::before {
    color: #2e3842;
}

.user-accordion-item .content-collapse {
    border-top: 1px solid var(--gray-200);
    padding: 24px;
}

.user-accordion-item .accordion-collapse .form-wrap {
    margin-bottom: 24px;
}

.user-accordion-item .accordion-collapse .form-wrap.mb-wrap {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .user-accordion-item .accordion-collapse .form-wrap.mb-wrap {
        margin-bottom: 24px;
    }
}

.modal {
    z-index: 10055 !important;
}

.modal-dialog {
    z-index: 1056 !important;
}

.modal-backdrop {
    z-index: 1050 !important;
}

#reschedule-book-modal {
    z-index: 10001 !important;
}

.payout-wrap .stripe-box.active::before {
    content: "";
    background-color: var(--white);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    background-image: url("../img/icons/badge.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.accordions .form-control {
    border-color: var(--gray-200);
    border-radius: 6px;
    min-height: 40px;
    padding: 7px 15px;
}

.accordions .select2-container .select2-selection--single {
    border: 1px solid var(--gray-200);
    height: 40px;
    border-radius: 6px;
}

.accordions .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.accordions .select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.accordions .select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #64748b;
}

.accordions .form-icon .form-control {
    padding: 7px 30px 7px 15px;
}

.accordions .img-upload .profile-img {
    width: 80px;
    height: 80px;
}

.accordions .img-upload .upload-img h5 {
    margin-bottom: 5px;
}

@media (max-width: 575.98px) {
    .img-upload {
        display: block;
    }
}

.img-upload .profile-img {
    width: 80px;
    height: 80px;
    background: var(--light-transparent);
    border: 1px dashed var(--gray-200);
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 20px;
    margin-bottom: 16px;
    font-size: 24px;
    color: var(--gray-300);
}

@media (max-width: 575.98px) {
    .img-upload .profile-img {
        margin-right: 0;
        justify-content: center;
        -webkit-justify-content: center;
    }
}

.img-upload .upload-img {
    margin-bottom: 16px;
}

.img-upload .upload-img h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--gray-900);
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .img-upload .upload-img h5 {
        margin-bottom: 10px;
    }
}

.img-upload .upload-img .imgs-load {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .img-upload .upload-img .imgs-load {
        margin-bottom: 0;
    }
}

.img-upload .upload-img .change-photo {
    position: relative;
    color: var(--primary);
    margin: 0 15px 4px 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.img-upload .upload-img .change-photo input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.img-upload .upload-img .upload-remove {
    color: var(--danger);
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
}

.img-upload .upload-img p {
    font-size: 14px;
    margin: 0;
    color: var(--gray-600);
}

.drop-file {
    position: relative;
    background: #f8fafc;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    cursor: pointer;
    padding: 30px;
    text-align: center;
}

.drop-file p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--gray-600);
}

.drop-file input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.view-imgs {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.view-imgs .view-img {
    box-shadow: 0 7.5px 17.5px 0 rgba(0, 0, 0, 0.0509803922);
    margin: 10px 10px 0 0;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.view-imgs .view-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin-bottom: 8px;
}

.view-imgs .view-img a {
    font-size: 14px;
    font-weight: 500;
    color: #e11d48;
}

.form-icon {
    position: relative;
}

.form-icon .form-control {
    padding: 7px 30px 7px 15px;
}

.form-icon .icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.user-accordion-item .reset {
    color: #e11d48;
    margin-bottom: 0;
}

.user-accordion-item .form-check-label {
    color: #1f2937;
}

.business-nav li a.active {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.business-info .tab-items.active {
    background: #fff;
}


.setting-tab .appointment-tabs ul li .nav-link.active {
    background: var(--primary);
    color: #fff;
}

.bootstrap-tagsinput {
    border-radius: 5px;
}

.settings-tab .nav-item .nav-link.active {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.dependent-wrap .dependent-status .status-toggle.checked .deactive {
    color: var(--gray-900);
}

.hospital-form .form-check {
    margin: 0 24px 24px 0;
}

.hospital-form .form-check:last-child {
    margin-right: 0;
}

.virtual-hospital,
.appointment-hospital,
.appointment-hospital,
.all-clinic {
    display: none;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
    font-size: 15px;
}

@keyframes bouncing {
    to {
        transform: translateX(5px);
    }
}

@keyframes bounce {
    to {
        transform: translateX(-5px);
    }
}

@keyframes bounceup {
    to {
        transform: translateY(-10px);
    }
}

@keyframes pulse {
    from {
        transform: scale(0.8);
    }

    to {
        transform: scale(1.2);
    }
}

@keyframes elastic-spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(720deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes movers {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.head-icon.active {
    background: var(--primary);
    color: var(--white);
    border-color: var(--white);
}

.sort-dropdown span {
    color: var(--gray-900);
    display: inline-block;
    margin-right: 10px;
}

.text-orange {
    color: var(--orange);
}

.text-indigo {
    color: var(--indigo);
}

.bg-orange {
    background: var(--orange);
}

.active-bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.active-bar::after {
    content: "";
    width: 2px;
    height: 30px;
    background: var(--indigo);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.active-bar.active-bar-pink::after {
    background: var(--pink);
}

.active-bar.active-bar-success::after {
    background: var(--success);
}

.active-bar.active-bar-info::after {
    background: var(--info);
}

.active-bar.active-bar-teal::after {
    background: var(--teal);
}

.active-bar.active-bar-danger::after {
    background: var(--danger);
}

.active-bar.active-bar-indigo::after {
    background: var(--indigo);
}

.doctors-slider .slide-item .card {
    margin: 0 12px;
    box-shadow: none;
}

.slick-list {
    margin: 0 -12px;
}

.card-img-hover {
    transition: 0.5s all;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.card-img-hover img {
    transition: 0.5s all;
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.card-img-hover:hover img {
    transform: scale(1.14);
    transition: 0.5s all;
}

#filter_inputs {
    display: none;
}

#filter_search:active {
    background: var(--primary);
}

#filter_search:focus {
    background: var(--primary);
    color: var(--white);
}

.service-item {
    border: 1px solid var(--gray-200);
    padding: 16px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 16px;
}

.service-item span {
    color: var(--gray-600);
}

.service-item span.service-title {
    color: var(--gray-900);
}

.service-item.active {
    border-color: var(--primary);
    background: var(--light-200);
}

.service-item.radio-select input {
    display: none;
}

.service-item input {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.service-item.active input {
    opacity: 1;
}

.multistep-form .booking-card {
    background: var(--light-transparent);
    border-width: 1px;
    border-radius: 20px;
}

.multistep-form .booking-card h4 {
    font-size: 18px;
}

.multistep-form .booking-card .card-header {
    border-radius: 10px 10px 0 0;
}

.multistep-form .booking-card>.card-header {
    background: var(--light-transparent);
    border-radius: 20px 20px 0 0;
}

.multistep-form .booking-card>.card-footer {
    background: var(--light-transparent);
    border-radius: 0 0 20px 20px;
}

.form-wizard-steps {
    margin-bottom: 24px;
}

.form-wizard-steps li {
    margin-right: 24px;
    position: relative;
}

.form-wizard-steps li::after {
    content: "";
    width: 70%;
    height: 1px;
    border: 1px dashed var(--gray-transparent);
    position: absolute;
    right: -50px;
    top: 12px;
}

@media (max-width: 575.98px) {
    .form-wizard-steps li::after {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .form-wizard-steps li {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.form-wizard-steps li:last-child {
    margin-right: 0;
}

.form-wizard-steps li:last-child::after {
    display: none;
}

.form-wizard-steps li.progress-active .profile-step .multi-steps {
    background: var(--primary);
}

.form-wizard-steps li.progress-active .profile-step h6 {
    color: var(--gray-900);
}

.form-wizard-steps li.progress-activated .profile-step .multi-steps {
    background: var(--success);
}

.form-wizard-steps li.progress-activated .profile-step h6 {
    color: var(--gray-900);
}

.form-wizard-steps li.progress-activated::after {
    border-color: var(--success);
}

.form-wizard-steps li .profile-step {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.form-wizard-steps li .profile-step .multi-steps {
    width: 24px;
    height: 24px;
    background: var(--gray-transparent);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin: 0 auto 8px;
}

.form-wizard-steps li .profile-step h6 {
    color: var(--gray-300);
    font-size: 14px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--primary);
    text-shadow: unset;
}

.bootstrap-datetimepicker-widget table th {
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-600);
    width: 26px;
    height: 24px;
    line-height: 24px;
}

.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.next {
    padding-bottom: 8px;
}

.bootstrap-datetimepicker-widget table th.prev span,
.bootstrap-datetimepicker-widget table th.next span {
    width: 20px;
    height: 20px;
    font-size: 12px;
    border: 1px solid var(--light-900);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.bootstrap-datetimepicker-widget table th.prev span:hover,
.bootstrap-datetimepicker-widget table th.next span:hover {
    background: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}

.bootstrap-datetimepicker-widget table td {
    font-size: 12px;
    color: var(--gray-900);
}

.bootstrap-datetimepicker-widget table td.day {
    width: 26px;
    height: 39px;
    line-height: 24px;
}

.bootstrap-datetimepicker-widget {
    z-index: 999 !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
    padding-bottom: 8px;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: var(--primary);
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: transparent;
}

.booking-wizard-slots .visits span.visit-rsn {
    min-width: 70px;
    height: 24px;
    background: var(--gray-transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.booking-wizard-slots .visits span.visit-rsn::before {
    display: none;
}

.booking-wizard-slots .visits input:checked~.visit-rsn {
    background: var(--cyan);
    color: var(--white);
}

.payment-tabs ul li .nav-link.active {
    background: var(--light-200);
    border-color: var(--primary);
    color: var(--gray-600);
}

.booking-modal {
    overflow: hidden;
}

.booking-modal .modal-content {
    max-height: calc(100vh - 94px);
    overflow-y: auto;
    overflow-x: hidden;
}

.booking-modal .modal-dialog {
    max-width: 845px;
}

.banner-section.banner-sec-one {
    background: linear-gradient(180deg,
            #1d5abf 0,
            /* logo blue (top) */
            #174da6 50.5%,
            /* deep navy blue */
            #f4956a 88.5%,
            /* light orange */
            #ffd4b8 100%
            /* soft peach (bottom) */
        );

    background-size: cover;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}

@media (max-width: 1399.98px) {
    .banner-section.banner-sec-one {
        padding-top: 0;
    }
}

@media (max-width: 991.98px) {
    .banner-section.banner-sec-one {
        padding-top: 50px;
    }
}

.banner-section.banner-sec-one::after {
    content: none;
}

.banner-section.banner-sec-one .banner-content {
    padding: 0px 0;
    z-index: 1;
    position: relative;
}

@media (max-width: 1199.98px) {
    .banner-section.banner-sec-one .banner-content {
        padding: 40px 0 80px;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .banner-section.banner-sec-one .banner-content {
        padding: 0 0 50px;
    }
}

@media (max-width: 575.98px) {
    .banner-section.banner-sec-one .banner-content {
        padding: 0px 0 0;
    }
}

.banner-section.banner-sec-one .banner-content .rating-appointment {
    background: var(--white);
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    padding: 5px 20px 5px 5px;
    margin-bottom: 16px;
    display: inline-flex;
    text-align: start;
}

@media (max-width: 575.98px) {
    .banner-section.banner-sec-one .banner-content .rating-appointment .avatar {
        width: 38px;
        height: 38px;
    }
}

.banner-section.banner-sec-one .banner-content .rating-appointment .avatar-ttile {
    font-size: 16px;
    color: var(--gray-900);
}

@media (max-width: 575.98px) {
    .banner-section.banner-sec-one .banner-content .rating-appointment .avatar-ttile {
        font-size: 14px;
    }
}

.banner-section.banner-sec-one .banner-content .rating-appointment .rating {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .banner-section.banner-sec-one .banner-content .rating-appointment .rating {
        font-size: 14px;
    }
}

.banner-section.banner-sec-one .banner-content .rating-appointment i {
    font-size: 14px;
    color: var(--warning);
}

@media (max-width: 575.98px) {
    .banner-section.banner-sec-one .banner-content .rating-appointment i {
        font-size: 12px;
    }
}

.banner-section.banner-sec-one .banner-content h1 {
    margin-bottom: 15px;
    font-size: 30px;

    color: #fff;
}

@media (max-width: 991.98px) {
    .banner-section.banner-sec-one .banner-content h1 {
        font-size: 46px;
    }
}

@media (max-width: 767.98px) {
    .banner-section.banner-sec-one .banner-content h1 {
        margin-bottom: 40px;
    }
}

@media (max-width: 575.98px) {
    .banner-section.banner-sec-one .banner-content h1 {
        font-size: 26px;
    }
}

@keyframes callWave {
    0% {
        transform: scale(0);
        opacity: 0.1;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.header-theme-two {
    width: 56px;
    height: 100px;
    background: #fff;
    border-radius: 40px;
    padding: 8px;
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 111;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    border: 1px solid var(--gray-200);
}

.header-theme-two .theme-toggle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 0;
    outline: 0;
    box-shadow: unset;
}

.header-theme-two .theme-toggle i {
    font-size: 24px;
    transition: 0.3s;
}

.header-theme-two .theme-toggle.sun {
    background: transparent;
    color: var(--gray-900);
}

.header-theme-two .theme-toggle.moon {
    background: transparent;
    color: var(--gray-900);
}

.header-theme-two .theme-toggle:not(.activate) {
    background: var(--primary);
    color: #0d0d0d;
}

.header-theme-two .theme-toggle:not(.activate) i {
    color: #fff;
}

.list-item {
    display: block;
    text-align: center;
}

.list-item h6 {
    font-size: 16px;
    font-weight: 500;
}

.list-item:hover h6 {
    color: var(--primary);
}

.list-item:hover img {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

@media (max-width: 991.98px) {
    .list-item {
        width: 33.3%;
    }
}

@media (max-width: 767.98px) {
    .list-item {
        width: 30%;
    }
}

@media (max-width: 575.98px) {
    .list-item {
        width: 100%;
    }
}

@keyframes line {
    0% {
        transform: translateX(-20%);
    }

    50% {
        transform: translateX(20%);
    }

    100% {
        transform: translateX(-20%);
    }
}

.speciality-section .speciality-slider-info .slide-btn .slick-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 1px solid var(--gray-200);
    color: var(--gray-900);
    margin: 0;
    background: var(--white);
    position: absolute;
    font-size: 20px;
}

.speciality-section .speciality-slider-info .slide-btn .slick-arrow:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

@keyframes text-rotation {
    to {
        rotate: 360deg;
    }
}

.testimonials-item {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid var(--gray-200);
    background: var(--white);
    margin: 0 12px;
    transition: all 0.6s;
}

.testimonials-item:hover {
    background: #004c7ef0;
}

.testimonials-item:hover .description,
.testimonials-item:hover .author-location {
    color: #fff !important;
}

.testimonials-item:hover .author-name a {
    color: #fff !important;
}

.testimonials-item:hover .testimonial-content .title {
    color: #fff !important;
}

.testimonials-item:hover .review-star img {
    filter: brightness(34.5);
}

.testimonials-item .testimonials-info .review-star {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 24px;
}

.testimonials-item .testimonials-info .review-star .rating {
    font-size: 18px;
}

@media (max-width: 767.98px) {
    .testimonials-item .testimonials-info .review-star .rating {
        font-size: 16px;
    }
}

.testimonials-item .testimonials-info .review-star img {
    transition: all 0.6s;
}

.testimonials-item .testimonials-info .testimonial-content {
    margin-bottom: 24px;
}

@media (max-width: 575.98px) {
    .testimonials-item .testimonials-info .testimonial-content {
        text-align: start;
    }
}

.testimonials-item .testimonials-info .testimonial-content .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
    transition: all 0.6s;
}

.testimonials-item .testimonials-info .testimonial-content .description {
    margin-bottom: 0;
    transition: all 0.6s;
}

.testimonials-item .testimonials-info .testimonial-author {
    display: flex;
    align-items: center;
    gap: 8px !important;
    transition: all 0.6s;
}

.testimonials-item .testimonials-info .testimonial-author .avatar {
    width: 48px !important;
    height: 48px !important;
}

.testimonials-item .testimonials-info .testimonial-author .author-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0;
    transition: all 0.6s;
}

.testimonials-item .testimonials-info .testimonial-author .author-location {
    margin-bottom: 0;
    transition: all 0.6s;
}

.company-section {
    padding: 60px 0;
    border-radius: 0 0 30px 30px;
}

@media (max-width: 991.98px) {
    .company-section {
        padding: 50px 0;
    }
}

@media (max-width: 575.98px) {
    .company-section {
        padding: 40px 0;
        border-radius: 0 0 15px 15px;
    }
}

.company-section .section-header {
    margin-bottom: 26px;
}

.company-section .company-slider img {
    width: auto !important;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .company-section .company-slider img {
        max-width: 110px;
    }
}

.faq-section-one {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);

    overflow: hidden;
}

.faq-section-one .faq-info .accordion-item {
    border-radius: 12px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
}

.faq-section-one .faq-info .accordion-item .accordion-button {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .faq-section-one .faq-info .accordion-item .accordion-button {
        font-size: 14px;
    }
}

.faq-section-one .faq-info .accordion-item .accordion-button:after {
    content: "\e9b1";
    font-family: "feather";
    font-size: 15px;
    background: 0;
    color: var(--gray-900);
    background: var(--white);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--gray-900);
}

.faq-section-one .faq-info .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\e9b1";
    background: var(--white);
    transform: rotate(45deg);
    color: var(--primary);
    border-color: var(--primary);
}

.faq-section-one .faq-info .accordion-item .accordion-button.collapsed {
    color: var(--gray-900);
}

.faq-section-one .faq-info .accordion-item .accordion-body {
    margin: 0;
    padding: 16px 0 0;
    border: 0;
}

.faq-section-one .element-01 {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

@media (max-width: 575.98px) {
    .faq-section-one .element-01 {
        display: none;
    }
}

.faq-section-one .element-02 {
    position: absolute;
    top: -395px;
    right: 0;
    z-index: -1;
}

@media (max-width: 575.98px) {
    .faq-section-one .element-02 {
        display: none;
    }
}

.app-section.app-sec-one {
    position: relative;
}

.app-section.app-sec-one .section-header .section-title,
.app-section.app-sec-one .section-header p {
    color: #fff;
}

.app-section.app-sec-one .app-bg {
    border-radius: 30px;
    padding: 0px 57px 0 50px;
}

@media (max-width: 991.98px) {
    .app-section.app-sec-one .app-bg {
        padding: 50px;
    }
}

@media (max-width: 767.98px) {
    .app-section.app-sec-one .app-bg {
        padding: 30px;
    }
}

@media (max-width: 575.98px) {
    .app-section.app-sec-one .app-bg {
        padding: 20px;
        border-radius: 12px;
        background: var(--primary);
    }
}

.app-section.app-sec-one .app-bg::before {
    content: none;
}

.app-section.app-sec-one .app-bg .app-content {
    padding-left: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 1199.98px) {
    .app-section.app-sec-one .app-bg .app-content {
        padding: 0 0 50px 0;
    }
}

@media (max-width: 991.98px) {
    .app-section.app-sec-one .app-bg .app-content {
        padding: 0;
    }
}

.app-section.app-sec-one .app-bg p {
    margin-bottom: 0;
    color: #fff;
}

@media (max-width: 575.98px) {
    .app-section.app-sec-one .app-bgs {
        display: none;
    }
}

.about-popup-item {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--gray-200);
}

.about-popup-item .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.about-popup-item p {
    margin-bottom: 20px;
}

.about-popup-item .support-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-popup-item .support-item .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.about-popup-item .support-item .title {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-600);
    margin-bottom: 4px;
}

.about-popup-item .support-item .link {
    font-size: 16px;
    font-weight: 600;
    color: var(--gray-600);
    margin-bottom: 0;
}

.about-popup-item .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--gray-600);
    font-size: 16px;
    transition: 0.5s all;
    border: 1px solid var(--gray-200);
    transition: all 0.7s;
}

.about-popup-item .social-icon:hover {
    background: var(--primary);
    color: var(--white);
}

.horizontal-slide {
    overflow: hidden;
}

.horizontal-slide .slide-list {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}

.horizontal-slide .slide-list:hover {
    animation-play-state: paused;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

.dark-mode body .badge {
    background: #0d0d0d;
}

.dark-mode body .bg-white {
    background: #0d0d0d !important;
}

.dark-mode body .card {
    background: #0d0d0d !important;
    border-color: #1b1b1b !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}

.dark-mode body .form-control {
    color: #fafcff;
}

.dark-mode body header.inner-header.header-fixed {
    background: #0d0d0d;
}

.dark-mode body header.inner-header .header-nav {
    background: #0d0d0d;
}

.dark-mode body header.header-fixed {
    border-color: #1b1b1b;
}

.dark-mode body header .header-logo.logo-dark {
    display: none;
}

.dark-mode body header .header-logo.logo-white {
    display: block;
}

.dark-mode body header.fixed {
    background: #0d0d0d;
}

.dark-mode body .dropdown-menu {
    background: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode body .border,
.dark-mode body .border-bottom,
.dark-mode body .border-top,
.dark-mode body .border-start,
.dark-mode body .border-end,
.dark-mode body .border-white {
    border-color: #1b1b1b !important;
}

.dark-mode body .bg-light-200 {
    background: #121212 !important;
}

.dark-mode body .form-check-input:checked~.form-check-label {
    color: #d8dfee;
}

.dark-mode body .text-white {
    color: #fafcff !important;
}

.dark-mode body .accordion-item {
    background: #0d0d0d;
}

.dark-mode body .accordion-header .accordion-button {
    background: #0d0d0d;
    color: #fafcff;
}

.dark-mode body .owl-carousel .owl-nav button.owl-next,
.dark-mode body .owl-carousel .owl-nav button.owl-prev {
    background: #0d0d0d;
    color: #fafcff;
}

.dark-mode .select2-results__option {
    color: #fff;
}

.dark-mode .header-theme {
    border: 1px solid var(--gray-800);
}

.dark-mode .header-theme .theme-toggle:not(.active) {
    color: var(--gray-200);
}

.dark-mode .bg-light-300 {
    background: #141414 !important;
}

.dark-mode .btn-light {
    background: #1b1b1b;
    border-color: #1b1b1b;
}

.dark-mode header.fixed .header-btn .theme-toggle {
    color: var(--white);
}

.dark-mode .card .card-header {
    border-color: #1b1b1b;
}

.dark-mode .header-five .header-nav {
    background: #0d0d0d;
    box-shadow: unset !important;
}

.dark-mode .header-top-six .dropdown>a,
.dark-mode .text-gray-9 {
    color: #fafcff !important;
}

.dark-mode .table {
    --bs-table-bg: $darkmode-white;
}

.dark-mode .table tr td {
    border-color: #1b1b1b;
}

.dark-mode .table tr th {
    background: #121212 !important;
    color: #fafcff;
    border-color: #1b1b1b !important;
}

.dark-mode .form-control {
    background: #121212;
    border-color: #1b1b1b;
}

.dark-mode .select2-selection.select2-selection--single {
    background: #121212 !important;
    border-color: #1b1b1b !important;
}

.dark-mode .accordion-item,
.dark-mode .accordion-button,
.dark-mode .faq-accordion .accordion-item .accordion-body {
    border-color: #1b1b1b !important;
}

.dark-mode header .header-nav .main-menu-wrapper .main-nav>li .submenu li a {
    color: var(--gray-600);
}

.dark-mode .btn.btn-white {
    color: #fafcff;
}


.dark-mode .header-dropdown {
    background: #121212;
}

.dark-mode header.header-five .header-logo.logo-dark {
    display: block !important;
}

.dark-mode header.header-five .header-logo.logo-white {
    display: none !important;
}

.dark-mode header.header-four .header-logo.logo-dark {
    display: block !important;
}

.dark-mode header.header-four .header-logo.logo-white {
    display: none !important;
}

.dark-mode header.header-three .header-logo.logo-dark {
    display: block !important;
}

.dark-mode header.header-three .header-logo.logo-white {
    display: none !important;
}

.dark-mode .header-topbar.topbar-four {
    border-color: #1b1b1b;
}

.dark-mode .footer-five .footer-bottom {
    border-color: #1b1b1b;
}

.dark-mode .footer-five .footer-about .footer-input .input-group {
    background: #1b1b1b;
}

.dark-mode .input-group-text {
    background: #121212 !important;
    border-color: #1b1b1b !important;
}

.dark-mode .footer-five .footer-bottom .social-icon a {
    background: #1b1b1b;
}

.dark-mode .accordion .accordion-body {
    background: #0d0d0d;
}

.dark-mode .bg-light {
    background: #1b1b1b !important;
    border-color: #1b1b1b !important;
}

.dark-mode .faq-secpath-two,
.dark-mode .faq-accordion-five {
    background: #1b1b1b;
}

.dark-mode .form-checkbox {
    background: #181818;
}

.dark-mode .menu-img img,
.dark-mode .btn-outline-light {
    border-color: #1b1b1b !important;
}

.dark-mode .bg-light-500 {
    background: #181818 !important;
}

.dark-mode .text-editor .note-toolbar {
    background: #121212;
    border-color: #1b1b1b;
}

.dark-mode .text-editor .note-editor.note-frame {
    border-color: #1b1b1b;
}

.dark-mode .btn.btn-light {
    color: #fafcff !important;
}

.dark-mode .modal-header,
.dark-mode .modal-body,
.dark-mode .modal-footer {
    background: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode .bg-light-400 {
    background: #161616 !important;
}

.dark-mode .bg-light-100 {
    background: #1b1b1b !important;
}

.dark-mode .header-navigation {
    border-color: #1b1b1b;
}

.dark-mode .credit-card-details .card-form .user-icon {
    border-color: #1b1b1b;
}

.dark-mode .settings .card-body .notification-content,
.dark-mode .settings .card-body .security-content,
.dark-mode .settings .card-body .preference-content {
    border-color: #1b1b1b;
}

.dark-mode .header-three .header-btn a {
    color: #fafcff;
}

.dark-mode .footer-input .input-group {
    background: #0d0d0d;
}

.dark-mode .footer-logo-dark {
    display: block;
}

.dark-mode .footer-logo-light {
    display: none !important;
}

.dark-mode .faq-cards-six .accordion-item.show {
    background: #0d0d0d;
}

.dark-mode .dropdown-divider {
    border-color: #1b1b1b;
}

.dark-mode .card .card-footer {
    border-color: #1b1b1b;
}

.dark-mode .bg-transparent-success,
.dark-mode .credit-card-details .card-detials .card-add {
    background: #1b1b1b !important;
}

.dark-mode .credit-card-details .card-detials .card-content {
    border-color: #1b1b1b;
}

.dark-mode .fancybox-image {
    border-color: #1b1b1b;
}

.dark-mode .header-topbar .logo-dark {
    display: none;
}

.dark-mode .header-topbar .logo-white {
    display: block;
}

.dark-mode .modal .modal-body .upcoming-content .upcoming-title {
    background: #1b1b1b;
    border-color: #1b1b1b;
}

.dark-mode .btn-close {
    --bs-btn-close-color: $darkmode-white;
}

.dark-mode .text-dark {
    color: #fafcff !important;
}

.dark-mode .note-toolbar {
    background: #181818;
    border-color: #1b1b1b;
}

.dark-mode .note-btn {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #fafcff;
}

.dark-mode .bg-gray-transparent {
    background: #1b1b1b !important;
}

.dark-mode .bg-success-100 h6,
.dark-mode .bg-pink-100 h6,
.dark-mode .bg-danger-100 h6,
.dark-mode .bg-purple-100 h6,
.dark-mode .bg-cyan-100 h6 {
    color: #1b1b1b;
}

.dark-mode .banner-section.banner-sec-one .banner-content .rating-appointment {
    background: #121212;
}

.dark-mode .header-topbar .header-info p {
    color: #fafcff;
}

.dark-mode .faq-info .accordion-item .accordion-body {
    background: transparent;
}

.dark-mode .faq-info .accordion-header {
    background: transparent;
}

.dark-mode .testimonial-section-one {
    background-image: none;
}

.dark-mode .faq-section-one .faq-info .accordion-item,
.dark-mode .app-section {
    background: #0d0d0d;
}

.dark-mode .header .header-nav .main-nav>li .submenu li a {
    border-color: #1b1b1b;
}

.dark-mode .togglesearch {
    background: #0d0d0d;
}

.dark-mode .header-one .main-menu-wrapper .main-nav li a {
    color: #fafcff;
}

.dark-mode .banner-section::after {
    background: url(../img/bg/ban-bg.png), #1b1b1b;
}

.dark-mode .btn-outline-primary {
    background-image:
        linear-gradient(#0d0d0d, #0d0d0d),
        linear-gradient(90.08deg, #0e82fd 0.09%, #06aed4 70.28%);
}

.dark-mode .faq-section {
    background: #0d0d0d;
}

.dark-mode .footer-one .footer-top {
    background: #1b1b1b;
}

.dark-mode .footer-one .footer-top .footer-widget .footer-title {
    color: #fafcff;
}

.dark-mode .header.header-trans {
    background: #0d0d0d !important;
}


.dark-mode .blog {
    background-color: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode .blog .blog-content .entry-meta,
.dark-mode .header.header-three .header-nav .header-navbar-rht li {
    color: #738399;
}

.dark-mode .header.header-three .header-nav .header-navbar-rht li::before {
    background: #1b1b1b;
}

.dark-mode .header .header-nav .main-nav>li .submenu li .submenu li a {
    border-color: #1b1b1b;
}

.dark-mode .header .main-menu-wrapper .main-nav>li.has-submenu .submenu .has-submenu .submenu::before {
    border-color: transparent #0d0d0d #0d0d0d transparent !important;
}


.dark-mode .input-block-new label {
    color: #fafcff;
}


.dark-mode .header-dropdown .dropdown-toggle {
    border-color: #1b1b1b;
}


.dark-mode .breadcrumb-bar {
    background: #1b1b1b;
}


.dark-mode .breadcrumb-bar .breadcrumb-title,
.dark-mode .breadcrumb-bar .page-breadcrumb ol li.active {
    color: #fafcff;
}


.dark-mode .input-block-new .bootstrap-tagsinput {
    background: #1b1b1b;
    border-color: #1b1b1b;
}

.dark-mode .btn-load,
.dark-mode .card .card-header,
.dark-mode .modal-content {
    background: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode .custom-modals .modal-content .modal-header .modal-title,
.dark-mode .custom-modals .modal-content .col-form-label {
    color: #fafcff;
}

.dark-mode .form-sorts .filter-dropdown-menu,
.dark-mode .user-accordion-item {
    background: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode .form-sorts .filter-set-content .filter-set-content-head a {
    background: #1b1b1b;
    color: #fafcff;
}

.dark-mode .user-accordion-item .accordion-wrap,
.dark-mode .add-billing-info,
.dark-mode .add-prescripe-info,
.dark-mode .add-info {
    border-color: #1b1b1b;
    color: #fafcff;
}

.dark-mode .user-accordion-item .content-collapse {
    border-color: #1b1b1b;
}

.dark-mode .form-label,
.dark-mode .col-form-label {
    color: #fafcff;
}


.dark-mode .dashboard-pagination ul li .page-link.active {
    background: var(--primary);
}


.dark-mode table.table thead {
    border-color: #1b1b1b;
}

.dark-mode .img-upload .upload-img h5 {
    color: #fafcff;
}

.dark-mode .business-nav li a.active {
    background: var(--primary);
    border-color: var(--primary);
    color: #fafcff;
}

.dark-mode .business-info .tab-items.active {
    background: #0d0d0d;
    border-color: #1b1b1b;
}


.dark-mode table.table td h2 a {
    color: #fafcff;
}

.dark-mode .faq-info .accordion-item .accordion-body {
    border-color: #1b1b1b;
}

.dark-mode table.table tbody tr {
    border-color: #1b1b1b;
}

.dark-mode .faq-inner-page,
.dark-mode .list-group-item {
    background: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode .card .card-header .card-title {
    color: #fafcff;
}

.dark-mode .card-label>label {
    background: #1b1b1b;
}


.dark-mode .nav-tabs {
    border-color: #1b1b1b;
}


.dark-mode .btn-search {
    background: #0d0d0d;
    border-color: #1b1b1b;
}

.dark-mode .card-table .card-body .table tr th,
.dark-mode .card-table .card-body .table tr td,
.dark-mode .search-widget .input-group {
    border-color: #1b1b1b;
}

.dark-mode .tag {
    background: #121212;
}

.dark-mode .visits .visit-btns {
    background: #0d0d0d;
}

.dark-mode .banner-section.banner-sec-one {
    background-image: none;
}

.dark-mode .card {
    box-shadow: none !important;
}

.dark-mode .banner-section.banner-sec-one .banner-content .rating-appointment {
    box-shadow: none;
}

.dark-mode .accordion-item,
.dark-mode .blog,
.dark-mode .grid-blog {
    box-shadow: none !important;
}


.dark-mode .faq-card {
    box-shadow: none !important;
}

.dark-mode .header-topbar .topbar-info>ul>li {
    border-color: #1b1b1b;
}

.dark-mode .dashboard-card-head .header-dropdown-two::before {
    background: #1b1b1b;
}

.dark-mode .table-hover tbody tr:hover {
    background: #121212;
}


.dark-mode .bg-dark {
    background-color: #1b1b1b !important;
}

.dark-mode .header-three .navbar .main-nav li .main-menu {
    color: #000103;
}

@media (max-width: 991.98px) {
    .dark-mode .header-three .navbar .main-nav li .main-menu {
        color: #fff;
    }
}

.dark-mode .header-three .navbar .main-nav li.active .main-menu {
    color: var(--primary);
}

.dark-mode .header-three .header-theme .theme-toggle {
    background: #000103;
    color: #fff;
}

.dark-mode .header-three .header-navbar-rht .details-btn {
    color: #fff;
    background: #000103;
}

.dark-mode .header-three.fixed .navbar .main-nav li .main-menu {
    color: #fff;
}

.dark-mode .header-three.fixed .navbar .main-nav li.active .main-menu {
    color: var(--primary) !important;
}

.dark-mode .company-section .section-header p {
    color: #fff !important;
}

.dark-mode .footer-three .footer-bottom {
    background: transparent;
}

.dark-mode .speciality-item-two {
    box-shadow: none;
}

.dark-mode .company-slider-two img {
    filter: brightness(0) invert(1);
}

.dark-mode .header-four .header-nav .header-navbar-rht li .details-btn {
    color: #0f172a;
}

.dark-mode .service-slider .slick-prev,
.dark-mode .service-slider .slick-next {
    color: #0f172a;
}

.dark-mode .service-slider .slick-prev:hover,
.dark-mode .service-slider .slick-next:hover {
    color: #fff;
}

.dark-mode .footer-five .footer-widget .footer-menu li a {
    color: var(--gray-800);
}

.dark-mode .footer-five .footer-contact .contact-info p,
.dark-mode .footer-five .footer-contact .contact-info a {
    color: var(--gray-800);
}

.dark-mode .footer-five .footer-widget .footer-subscribe .subscribe-input input::placeholder {
    color: var(--gray-600);
}

.dark-mode .dark-mode .header-theme .theme-toggle:not(.active) {
    color: var(--gray-200);
}

.dark-mode .header.header-default .header-nav .main-nav .has-submenu.active>a i {
    color: var(--primary);
}

.dark-mode .header .header-nav .main-nav li>ul {
    background: var(--white);
}

.dark-mode .header-two .header-nav .main-nav .has-submenu.active>a i {
    color: #fff;
}

.dark-mode header .header-nav .header-navbar-rht .btn-dark {
    background: var(--gray-100) !important;
    border-color: transparent !important;
    color: #fff;
}

.dark-mode .header-three .header #mobile_btn i {
    color: var(--gray-100) !important;
}

@media (max-width: 991.98px) {
    .dark-mode .header-three .header-theme {
        border: none !important;
    }
}

.dark-mode .header-three .navbar #mobile_btn {
    color: var(--gray-100) !important;
}

.dark-mode .header-three .navbar #mobile_btn i {
    color: var(--gray-100) !important;
}

@media (max-width: 991.98px) {
    .dark-mode .header-three .navbar .main-nav li .main-menu span {
        color: #fff;
    }
}

.dark-mode .header-three.fixed .navbar #mobile_btn {
    color: var(--gray-800) !important;
    border-color: var(--gray-800) !important;
}

.dark-mode .header-three.fixed .navbar #mobile_btn i {
    color: var(--gray-800) !important;
}

.dark-mode .header-three.fixed .navbar #mobile_btn:hover {
    color: var(--primary) !important;
}

.dark-mode .header-three.fixed .navbar #mobile_btn:hover i {
    color: var(--primary) !important;
}

.dark-mode .header-three.fixed .main-nav li .main-menu span {
    color: #fff;
}

.dark-mode .header-items .header-items-button a {
    color: #fff !important;
}

.dark-mode .header-items .header-items-button a.btn-dark {
    background: #000103 !important;
    border-color: #000103 !important;
}

.dark-mode .header-items .header-items-button a.btn-dark:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.dark-mode .header-five .header-nav .logo {
    filter: brightness(25.5);
}

.dark-mode .faq-section-six .faq-info .accordion-item .accordion-button:not(.collapsed)::after {
    background: #000103 !important;
    color: #fff !important;
}


.dark-mode .about-content-six .about-vision.active .custom-title,
.dark-mode .about-content-six .about-vision.active .para {
    color: var(--gray-100);
}

.dark-mode .header-eight .header-navbar-rht .support-icon .number {
    color: var(--gray-100);
}

.dark-mode .header-eight .header-navbar-rht .support-icon .number a {
    color: var(--gray-100);
}

.dark-mode .header-eight.fixed .header-navbar-rht .support-icon .number {
    color: var(--gray-800);
}

.dark-mode .header-eight.fixed .header-navbar-rht .support-icon .number a {
    color: var(--gray-800);
}

.dark-mode .footer-seven .footer-middle {
    border-color: #0f172a;
}

.dark-mode .header-nine .header-nav .header-navbar-rht li {
    border: none !important;
}

.dark-mode .header-nine .theme-toggle {
    background-color: var(--white);
    color: #fff !important;
    transition: all 0.4s;
}

.dark-mode .header-nine .theme-toggle:hover {
    background-color: var(--primary);
    color: #fff;
}

.dark-mode .footer-nine {
    background: var(--light) !important;
}

.dark-mode .footer-nine .footer-bottom {
    background: var(--light) !important;
}

.dark-mode .footer-nine .footer-img-one {
    filter: invert(1);
}

.dark-mode .header-nav .navbar-header #mobile_btn {
    border-color: #fff;
}

.dark-mode .header-nav .navbar-header #mobile_btn i {
    color: #0f172a;
}

.dark-mode .header-eleven .header-nav .header-navbar-rht .header-theme {
    border: 0;
}

.dark-mode .footer-eleven {
    background: #0d0d0d;
}

.dark-mode .footer-twelve .footer-support {
    border: 1px solid var(--gray-200);
}

.dark-mode .footer-twelve .footer-support .suppor-icon {
    background: var(--gray-200);
}

.dark-mode .footer-twelve .social-icon a {
    background: var(--gray-200);
}

.dark-mode .footer-twelve .footer-bottom .copyright {
    border-top: 1px solid var(--gray-200);
}

.dark-mode .header-thirteen.fixed {
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.25);
}

.dark-mode .footer-thirteen {
    background: #151515;
}

.dark-mode .footer-thirteen .footer-top::before {
    opacity: 0.2;
}

.dark-mode .footer-thirteen .animated-text {
    color: #262626;
    opacity: 0.3;
}


.dark-mode .footer-three .img-2 {
    display: none;
}

.dark-mode .head-icon.active {
    color: #fff;
}

@media (max-width: 991.98px) {
    .dark-mode .header-fifteen .header-nav .main-nav {
        background: transparent !important;
    }
}

.dark-mode .header-fifteen .header-nav .main-nav>li>a:hover {
    color: #fff !important;
}

.dark-mode .faq-info.faq-info-fifteen .accordion-item .accordion-button::after {
    color: #fff;
}

.dark-mode .footer-fifteen {
    background: #000103;
}

.dark-mode .footer-fifteen .footer-about .footer-about-content .social-icon a {
    color: #fff;
}

.dark-mode .footer-fifteen .footer-about .footer-about-content .social-icon a:hover {
    color: #0f172a;
}

.dark-mode .company-slider-fourteen img {
    filter: brightness(0) invert(1);
}

.services-section-eight .slide-btn .slick-arrow {
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 0;
}

.services-item-seven {
    padding: 40px 0;
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .services-item-seven {
        padding: 30px 0;
    }
}

@media (max-width: 767.98px) {
    .services-item-seven {
        padding: 20px 0;
        display: block;
    }
}

.services-item-seven::before {
    content: "";
    position: absolute;
    width: 300%;
    top: 0;
    left: -100%;
    right: -100%;
    background: url("../img/bg/service-01.png") var(--primary);
    background-repeat: repeat-x;
    background-size: cover;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.services-item-seven::after {
    content: "";
    position: absolute;
    width: 300%;
    left: -100%;
    right: -100%;
    z-index: -1;
    background: var(--gray-200);
    height: 1px;
    bottom: 0;
}

.services-item-seven:hover::before,
.services-item-seven.active::before {
    opacity: 1;
}


.services-item-seven.active .service-img {
    opacity: 1;
}


.services-item-seven.active .service-img img {
    transform: rotate(-4.6deg);
}


.services-item-seven.active .service-header .custom-title {
    color: #fff;
}


.services-item-seven.active .service-content p {
    color: #fff;
}

.content-img {
    width: 120px;
    aspect-ratio: 1.1;
    border-radius: 12px;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    will-change: transform, filter;
    border: 1px solid #fff;
    z-index: 2;
}

.service-slider .slick-slide {
    margin: 0 12px;
}

.service-slider .slick-prev,
.service-slider .slick-next {
    width: 44px;
    height: 44px;
    color: var(--gray-900);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-slider .slick-prev::before,
.service-slider .slick-next::before {
    content: none;
}

.service-slider .slick-prev:hover,
.service-slider .slick-next:hover {
    background: var(--primary);
    color: #fff;
}

.service-slider .slick-prev {
    left: -22px;
}

@media (max-width: 991.98px) {
    .service-slider .slick-prev {
        left: -8px;
    }
}

.service-slider .slick-next {
    right: -22px;
}

@media (max-width: 991.98px) {
    .service-slider .slick-next {
        right: -8px;
    }
}

@-webkit-keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

@keyframes moveRight {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.speciality-item-two {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    padding: 10px;

    align-items: center;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 4px 34px 0 rgba(206, 206, 206, 0.25);
    gap: 4px;
}

.speciality-item-two .speciality-info {
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

.speciality-item-two .speciality-info div {
    overflow: hidden;
}

.speciality-item-two h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px;
}

.speciality-item-two p {
    margin-bottom: 0;
}

.speciality-item-two:hover {
    border: 1px solid transparent;
    background-image:
        linear-gradient(var(--white), var(--white)), var(--primary-gradient);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.banner-section-five .banner-content-slide .slide-btn .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary);
    border: 0;
    color: var(--gray-900);
    margin: 0;
    font-size: 24px;
    transition: all 0.6s;
}

.banner-section-five .banner-content-slide .slide-btn .slick-arrow:hover {
    background-color: var(--white);
}

.banner-section-fourteen .banner-slider-fourteen .slick-slide {
    position: relative;
    overflow: hidden;
}

.banner-section-fourteen .slide-btn .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 0;
    color: var(--gray-900);
    margin: 0;
    font-size: 24px;
    transition: all 0.6s;
}

.banner-section-fourteen .slide-btn .slick-arrow:hover {
    background-color: var(--secondary);
    color: #fff;
}

@keyframes topBottom {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes toptobottom {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes horizontalFloat {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }

    50% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@keyframes shrinkGrow {
    0% {
        transform: scale(1) translate(-50%, -50%);
    }

    50% {
        transform: scale(0.98) translate(-50%, -50%);
    }

    100% {
        transform: scale(1) translate(-50%, -50%);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 575.98px) {
    .company-slider-fifteen .slick-slide {
        margin: 0 20px;
    }
}

.team-item-eleven {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    border-top: 1px solid var(--gray-200);
    position: relative;
    transition: all 0.6s;
}

@media (max-width: 767.98px) {
    .team-item-eleven {
        padding: 20px;
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }
}

@media (max-width: 575.98px) {
    .team-item-eleven {
        padding: 24px 4px;
    }
}


.team-item-eleven.active .team-img {
    opacity: 1;
    transform: rotate(12deg);
}

.team-item-eleven:hover .team-name .name,
.team-item-eleven.active .team-name .name {
    -webkit-text-stroke: unset;
    color: var(--gray-900) !important;
    transition: all 0.6s;
}

.testimonial-section-one {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);
    background-size: cover;
    background-position: center;
}

.testimonial-section-twelve .slick-slide {
    margin: 0 12px !important;
}

.testimonial-item-fifteen {
    padding: 40px;
    border-radius: 6px;
    position: relative;
    background: var(--primary-transparent);
    overflow: hidden;
    transition: all 0.6s;
    width: 100%;
    max-width: 326px;
    transform: rotate(-7deg);
    margin-inline-end: -8rem !important;
    text-align: start;
}

@media (max-width: 1399.98px) {
    .testimonial-item-fifteen {
        margin-inline-end: -8rem !important;
    }
}

@media (max-width: 991.98px) {
    .testimonial-item-fifteen {
        margin-inline-end: unset !important;
        transform: unset;
        max-width: 48%;
        min-height: 392px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-item-fifteen {
        padding: 30px;
        max-width: 47%;
    }
}

@media (max-width: 575.98px) {
    .testimonial-item-fifteen {
        max-width: 100%;
        min-height: unset !important;
    }
}

.testimonial-item-fifteen:hover {
    transform: translateY(-5px);
    background: var(--white);
    z-index: 1;
}

.testimonial-item-fifteen .description {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
}

.testimonial-item-fifteen .author-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.testimonial-item-fifteen .author-name .name {
    color: var(--gray-900);
    font-size: 20px;
    font-weight: 700;
    transition: all 0.6s;
    margin-bottom: 4px;
}

.testimonial-item-fifteen .author-name .name:hover {
    color: var(--primary);
}

.testimonial-item-fifteen .author-name .location {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .testimonial-item-fifteen .author-name img {
        display: none;
    }
}

.testimonial-details-fifteen {
    position: relative;
    display: flex;
    padding-top: 30px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .testimonial-details-fifteen {
        flex-wrap: wrap;
        gap: 24px;
        align-items: start;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .testimonial-details-fifteen {
        padding-top: 0;
    }
}

.testimonial-details-fifteen .testimonial-item-fifteen {
    opacity: 0;
    transform: translateY(100px) rotateX(-10deg);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.testimonial-details-fifteen .testimonial-item-fifteen.is-visible {
    opacity: 1;
    transform: rotate(-7deg);
    transition: all 0.5s;
}

@media (max-width: 767.98px) {
    .testimonial-details-fifteen .testimonial-item-fifteen.is-visible {
        transform: rotate(0);
    }
}

.testimonial-details-fifteen .testimonial-item-fifteen.is-visible:hover {
    transform: rotate(0);
}

.testimonial-slider-two .slick-slide {
    margin: 0 12px;
    max-width: 400px !important;
}

@media (max-width: 1399.98px) {
    .testimonial-slider-two .slick-slide {
        max-width: 200px !important;
    }
}

@media (max-width: 1399.98px) {
    .testimonial-slider-two .slick-slide {
        max-width: 360px !important;
    }
}

@media (max-width: 767.98px) {
    .testimonial-slider-two .slick-slide {
        max-width: none !important;
    }
}

.testimonial-slider-two .slick-slide.slick-center {
    transition: all 0.3s ease;
    max-width: 480px !important;
}

@media (max-width: 1399.98px) {
    .testimonial-slider-two .slick-slide.slick-center {
        max-width: 420px !important;
    }
}

@media (max-width: 767.98px) {
    .testimonial-slider-two .slick-slide.slick-center {
        max-width: none !important;
    }
}

.testimonial-slider-four .slick-slide {
    margin: 0 12px;
    width: 856px;
}

.testimonial-slider-four .slick-slide.slick-active {
    width: 856px;
}

.testimonial-slider-seven {
    margin-left: 24px;
}

@media (max-width: 991.98px) {
    .testimonial-slider-seven {
        margin-left: 0;
    }
}

.testimonial-slider-seven .slick-list {
    margin: 0;
}

.testimonial-slider-seven .slick-active .testimonial-item-seven {
    border-bottom: 0;
}

.testimonial-slider-seven .slick-active.slick-current .testimonial-item-seven {
    border-bottom: 1px solid var(--gray-200);
}

@media (max-width: 767.98px) {
    .testimonial-slider-seven .slick-active.slick-current .testimonial-item-seven {
        border: 0;
    }
}

.testimonial-slider-ten .slick-list {
    margin: -12px 0;
    overflow: hidden;
}

.testimonial-slider-ten .slick-slide {
    margin: 12px 0;
}

.testimonial-slider-ten .slick-slide.slick-active+.slick-active .testimonials-info {
    background: var(--white);
}

.testimonial-slider-ten .slick-slide.slick-active+.slick-active .testimonials-info .testimonial-author-info {
    display: flex;
}

.testimonial-slider-ten .slick-slide.slick-current .testimonials-info .quote-icon img {
    filter: brightness(0) invert(1);
}

.testimonial-slider-ten .slick-slide.slick-active+.slick-active+.slick-active .testimonials-info {
    background: rgba(var(--white-rgb), 0.2);
}

.testimonial-slider-ten .slick-slide.slick-active+.slick-active+.slick-active .testimonials-info .quote-icon img {
    filter: brightness(0) invert(1);
}

.testimonial-slider-fourteen .slick-slide {
    margin: 0 12px;
}

.testimonial-slider-fourteen .slick-list {
    margin: 0 -12px;
}

.slide-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.slide-nav .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    color: var(--gray-900);
    font-size: 24px;
    border-radius: 50%;
}

@media (max-width: 991.98px) {
    .slide-nav .slick-arrow {
        font-size: 18px;
        width: 32px;
        height: 32px;
    }
}

.slide-nav .slick-arrow:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
    color: #fff;
}

.testimonials-slider-twelve .slick-slide {
    margin: 0 12px;
    width: 856px;
}

.testimonials-slider-twelve .slick-slide.slick-active {
    width: 856px;
}

.slider-content .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.testimonial-slider-eleven .slick-list {
    margin: 0;
}

.testimonial-slider-eleven .slider-nav {
    margin-top: 20px;
}

.testimonial-slider-eleven .slider-nav .slick-track {
    display: flex;
    align-items: center;
    gap: 12px;
}

.testimonial-slider-eleven .slider-nav .slick-slide {
    display: none;
}

.testimonial-slider-eleven .slider-nav .slick-slide.slick-active {
    display: flex;
}

.testimonial-slider-eleven .slider-nav .slick-slide.slick-active>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-slider-eleven .slider-nav .slick-slide.slick-current .author-img {
    width: 76px !important;
    height: 76px;
}

.testimonial-slider-eleven .slider-nav .slick-slide.slick-current .author-img img {
    border: 5px solid var(--primary);
    width: 76px !important;
    height: 76px;
}

.testimonials-slider-twelve .slider-nav {
    margin-top: 20px;
}

.testimonials-slider-twelve .slider-nav .slick-slide {
    margin: 0 !important;
    width: auto !important;
}

.testimonials-slider-twelve .slider-nav .slick-slide.slick-active {
    width: auto !important;
}

.testimonials-slider-twelve .slider-nav .slick-track {
    display: flex;
    align-items: center;
    gap: 12px;
}

.testimonials-slider-twelve .slider-nav .slick-slide {
    display: none;
}

.testimonials-slider-twelve .slider-nav .slick-slide.slick-active {
    display: flex;
}

.testimonials-slider-twelve .slider-nav .slick-slide.slick-active>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonials-slider-twelve .slider-nav .slick-slide.slick-current .author-img {
    width: 76px !important;
    height: 76px;
}

.testimonials-slider-twelve .slider-nav .slick-slide.slick-current .author-img img {
    border: 5px solid var(--primary);
    width: 76px !important;
    height: 76px;
}

.faq-accordion .accordion-item {
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    padding: 20px;
    background: var(--white);
    margin-bottom: 8px;
}

.faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion-item .accordion-button {
    font-size: 20px;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .faq-accordion .accordion-item .accordion-button {
        font-size: 18px;
    }
}

.faq-accordion .accordion-item .accordion-button::after {
    background: transparent;
    color: var(--primary);
    font-size: 16px;
    text-align: right;
    content: "\e939";
    font-family: "iconsax" !important;
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
    color: var(--primary);
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\e939";
    font-family: "iconsax" !important;
    color: var(--primary);
    text-align: left;
}

.faq-accordion .accordion-item .accordion-body {
    margin: 0;
    padding: 10px 0 0;
    border: 0;
}

.faq-accordion .accordion-item .accordion-content p {
    margin-bottom: 0;
}

.faq-section-four {
    position: relative;
    z-index: 2;
}

.faq-section-four .faq-bg-01 {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1;
    animation: topBottom 3s ease-in-out infinite;
}

@media (max-width: 991.98px) {
    .faq-section-four .faq-bg-01 {
        display: none;
    }
}

.faq-section-four .faq-bg-02 {
    position: absolute;
    right: 2%;
    bottom: 10%;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .faq-section-four .faq-bg-02 {
        display: none;
    }
}

.faq-section-six {
    background-image: url(../img/bg/choose-bg-4.png);
    background-size: 100% 100%;
}

@media (max-width: 1199.98px) {
    .faq-section-six {
        background-size: cover;
    }
}

.faq-section-six .faq-support {
    padding: 40px;
    border-radius: 20px;
    border: 1px solid var(--gray-200);
    text-align: center;
    margin-bottom: 20px;
    background: var(--white);
}

@media (max-width: 575.98px) {
    .faq-section-six .faq-support {
        padding: 20px;
    }
}

.faq-section-six .faq-support .element-1 {
    display: block;
    display: block;
    margin: 0 auto 20px;
}

.faq-section-six .faq-support .custom-title {
    margin-bottom: 12px;
}

.faq-section-six .faq-support .description {
    margin-bottom: 20px;
}

.faq-section-six .faq-help {
    background: var(--teal-hover);
    padding: 40px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 575.98px) {
    .faq-section-six .faq-help {
        padding: 20px;
    }
}

.faq-section-six .faq-help .support-item {
    gap: 20px;
}

.faq-section-six .faq-help .support-item .avatar {
    width: 52px;
    height: 52px;
    font-size: 24px;
}

.faq-section-six .faq-help .support-item .title {
    color: #fff;
}

.faq-section-six .faq-help .support-item .link {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .faq-section-six .faq-help .support-item .link {
        font-size: 20px;
    }
}

.faq-section-six .faq-help .support-item .link a {
    color: #fff;
}

.faq-section-six .faq-help .support-item .img-1 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 84px;
}

@media (max-width: 1199.98px) {
    .faq-section-six .faq-help .support-item .img-1 {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .faq-section-six .faq-help .support-item .img-1 {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .faq-section-six .faq-help .support-item .img-1 {
        display: none;
    }
}

.faq-section-six .faq-info .accordion-item {
    background: var(--white);
    border: 1px solid var(--gray-200);
    padding: 24px;
}

.faq-section-six .faq-info .accordion-item .accordion-button {
    font-size: 20px;
    font-weight: 700;
    background: transparent !important;
}

.faq-section-six .faq-info .accordion-item .accordion-button::after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--secondary);
    font-size: 14px;
    color: #fff;
}

.faq-section-six .faq-info .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\e996";
    color: var(--white);
    background: var(--dark);
}

@media (max-width: 575.98px) {
    .faq-section-six .faq-info .accordion-item .accordion-button {
        font-size: 18px;
    }
}

.faq-section-six .faq-info .accordion-item .accordion-body {
    margin-top: 0;
    padding: 15px 0 0;
    border-top: unset;
}

.faq-section-eight {
    background: var(--light);
    position: relative;
    overflow: unset !important;
}

.faq-section-eight::before {
    content: "";
    background: var(--light);
    width: 100%;
    height: 50px;
    position: absolute;
    top: -27px;
}

.faq-section-eight .section-header-eight {
    margin-bottom: 40px;
}

.faq-section-eight .section-header-eight .section-sub-title {
    background: var(--white);
    border: 1px solid var(--gray-200);
    padding: 8px 20px;
    border-radius: 12px;
    width: fit-content;
    margin-bottom: 12px !important;
}

@media (max-width: 575.98px) {
    .faq-section-eight .section-header-eight .section-sub-title {
        margin: 0 auto 12px !important;
    }
}

.faq-section-eight .section-header-eight .section-title {
    font-size: 42px !important;
    font-weight: 700 !important;
    position: relative;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .faq-section-eight .section-header-eight .section-title {
        font-size: 26px !important;
        text-align: center !important;
    }
}

.faq-section-eight .section-header-eight .section-title .line {
    position: relative;
    background: transparent;
}

.faq-section-eight .section-header-eight .section-title .line::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--primary);
}

.faq-section-eight .faq-info .accordion-item {
    background: var(--white);
    border: 1px solid var(--gray-200);
    padding: 20px;
    border-radius: 12px;
}

.faq-section-eight .faq-info .accordion-item .accordion-button {
    font-size: 20px;
    font-weight: 700;
    background: transparent !important;
}

@media (max-width: 575.98px) {
    .faq-section-eight .faq-info .accordion-item .accordion-button {
        font-size: 18px;
    }
}

.faq-section-eight .faq-info .accordion-item .accordion-button::after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--dark);
    color: #fff;
    font-size: 14px;
}

.faq-section-eight .faq-info .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\e996";
    color: var(--white);
    background: var(--primary);
}

.faq-section-eight .faq-info .accordion-item .accordion-body {
    margin-top: 0;
    padding: 12px 0 0;
    border-top: unset;
}

.faq-section-eight .faq-support {
    position: relative;
    height: 100%;
}

@media (max-width: 991.98px) {
    .faq-section-eight .faq-support {
        display: none;
    }
}

.faq-section-eight .faq-support img {
    border: 6px solid var(--white);
    border-radius: 12px 12px 0 12px;
}

.faq-section-eight .faq-support .img-1 {
    transform: rotate(-3deg);
}

.faq-section-eight .faq-support .img-2 {
    position: absolute;
    right: 20px;
    bottom: 0;
    transform: rotate(-2deg);
}

@media (max-width: 1199.98px) {
    .faq-section-eight .faq-support .img-2 {
        max-width: 290px;
    }
}

.faq-section-fourteen {
    background: var(--primary-transparent);
    position: relative;
    z-index: 1;
}

.faq-section-fourteen .faq-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.faq-section-fourteen .section-header {
    position: sticky;
    top: 80px;
}

.faq-section-fifteen {
    background: url(../img/bg/faq-bg-1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    border-radius: 0 0 100px 100px;
    border-bottom: 10px solid var(--primary);
}

@media (max-width: 991.98px) {
    .faq-section-fifteen {
        border-radius: 0 0 50px 50px;
    }
}

@media (max-width: 575.98px) {
    .faq-section-fifteen {
        border-radius: 0 0 20px 20px;
    }
}

.faq-section-fifteen .section-header-fifteen .section-title {
    font-size: 48px;
    color: #fff;
}

@media (max-width: 1399.98px) {
    .faq-section-fifteen .section-header-fifteen .section-title {
        font-size: 34px;
    }
}

.faq-info.faq-info-fourteen .accordion-item {
    background: var(--white);
    border: 1px solid var(--gray-200);
    padding: 20px;
    border-radius: 12px;
}

.faq-info.faq-info-fourteen .accordion-item .accordion-button {
    font-size: 20px;
    font-weight: 700;
    background: transparent !important;
    padding-left: 32px;
}

.faq-info.faq-info-fourteen .accordion-item .accordion-button::after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--primary);
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 0;
}

.faq-info.faq-info-fourteen .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\e996";
    color: var(--white);
    background: var(--dark);
    background: var(--secondary);
}

@media (max-width: 575.98px) {
    .faq-info.faq-info-fourteen .accordion-item .accordion-button {
        font-size: 18px;
    }
}

.faq-info.faq-info-fourteen .accordion-item .accordion-body {
    margin-top: 0;
    padding: 15px 0 0;
    border-top: unset;
}

.faq-info.faq-info-fourteen .accordion-item.active {
    background: var(--primary);
    border-color: var(--primary);
}

.faq-info.faq-info-fourteen .accordion-item.active .accordion-button {
    color: #fff;
}

.faq-info.faq-info-fourteen .accordion-item.active .accordion-content p {
    color: #fff;
}

.faq-info.faq-info-fifteen .accordion-item {
    background: var(--primary-100);
    padding: 30px;
    border-radius: 10px;
    backdrop-filter: blur(84px);
    position: relative;
}

@media (max-width: 1399.98px) {
    .faq-info.faq-info-fifteen .accordion-item {
        padding: 20px;
    }
}

.faq-info.faq-info-fifteen .accordion-item .accordion-header {
    position: unset;
}

.faq-info.faq-info-fifteen .accordion-item .accordion-button {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background: transparent !important;
    position: unset;
}

.faq-info.faq-info-fifteen .accordion-item .accordion-button::after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--white);
    font-size: 14px;
    color: var(--gray-900);
}

.faq-info.faq-info-fifteen .accordion-item .accordion-button::before {
    content: "";
    border-bottom: 7px solid var(--primary);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all 0.4s;
}

.faq-info.faq-info-fifteen .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\e996";
    color: var(--gray-900);
    background: var(--primary);
}

.faq-info.faq-info-fifteen .accordion-item .accordion-button:not(.collapsed)::before {
    opacity: 1;
}

@media (max-width: 575.98px) {
    .faq-info.faq-info-fifteen .accordion-item .accordion-button {
        font-size: 18px;
    }
}

.faq-info.faq-info-fifteen .accordion-item .accordion-body {
    margin-top: 0;
    padding: 15px 0 0;
    border-top: unset;
}

.faq-info.faq-info-fifteen .accordion-item .accordion-body .accordion-content p {
    color: #fff;
}

.faq-info.faq-info-fifteen .accordion-item.active {
    background: var(--primary);
}

.faq-info.faq-info-fifteen .accordion-item.active .accordion-button {
    color: #fff;
}

.faq-info.faq-info-fifteen .accordion-item.active .accordion-content p {
    color: #fff;
}

.partner-slider-four {
    border: 1px solid var(--gray-200);
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .partner-slider-four {
        border: 0;
    }
}

.partner-slider-four .slick-slide {
    border-right: 1px solid var(--gray-200);
}

@media (max-width: 767.98px) {
    .partner-slider-four .slick-slide {
        border: 0;
    }
}

.partner-slider-four .slick-slide:last-child {
    border-right: 0;
}

.partner-slider-seven {
    position: relative;
    overflow: hidden;
}

.partner-slider-seven::before {
    content: "";
    top: 60%;
    left: 0;
    width: 160px;
    height: 98px;
    position: absolute;
    transform: translateY(-50%);
    backdrop-filter: blur(1px);
    z-index: 9;
    background: linear-gradient(296.21deg,
            rgba(255, 255, 255, 0) -14.46%,
            rgba(253, 237, 236, 0.6) 25.19%,
            #fdedec 64.84%);
}

@media (max-width: 991.98px) {
    .partner-slider-seven::before {
        display: none;
    }
}

.partner-slider-seven::after {
    content: "";
    top: 60%;
    right: 0;
    width: 160px;
    height: 300px;
    position: absolute;
    transform: translateY(-50%);
    backdrop-filter: blur(1px);
    z-index: 9;
    background: linear-gradient(296.21deg,
            rgba(255, 255, 255, 0) -14.46%,
            rgba(253, 237, 236, 0.6) 25.19%,
            #fdedec 64.84%);
}

@media (max-width: 991.98px) {
    .partner-slider-seven::after {
        display: none;
    }
}

.hospital-slider-four .slide-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.section-header {
    margin-bottom: 40px;
}

.section-header .text-gradient {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate 15s linear infinite;
}

@keyframes animate {
    from {
        background-position: 0 0;
    }

    to {
        background-position: calc(100% - 100vw) 0;
    }
}

.section {
    padding: 50px 0;
}

@media (max-width: 991.98px) {
    .section {
        padding: 50px 0;
    }
}

.hero-section-fifteen .hero-slider-fifteen .slick-dots {
    background: var(--primary-100);
    padding: 24px 12px;
    border-radius: 40px;
    position: absolute;
    bottom: 0;
    width: fit-content;
    backdrop-filter: blur(30px);
    right: 7%;
    top: 46%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .hero-section-fifteen .hero-slider-fifteen .slick-dots {
        right: 9%;
    }
}

@media (max-width: 575.98px) {
    .hero-section-fifteen .hero-slider-fifteen .slick-dots {
        top: unset;
        bottom: 50px;
        left: 0;
        right: 0;
        margin: auto;
        flex-direction: row;
        gap: 8px;
        padding: 8px 12px;
    }
}

.hero-section-fifteen .hero-slider-fifteen .slick-dots li {
    width: 18px;
    height: 18px;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

@media (max-width: 575.98px) {
    .hero-section-fifteen .hero-slider-fifteen .slick-dots li {
        width: 10px;
        height: 10px;
    }
}

.hero-section-fifteen .hero-slider-fifteen .slick-dots li button {
    width: 18px;
    height: 18px;
    background: var(--white);
    border-radius: 50%;
    transition: all 0.6s ease;
    opacity: 0.2;
    border: 1px solid transparent;
}

@media (max-width: 575.98px) {
    .hero-section-fifteen .hero-slider-fifteen .slick-dots li button {
        width: 10px;
        height: 10px;
    }
}

.hero-section-fifteen .hero-slider-fifteen .slick-dots .slick-active button {
    opacity: 1;
    border: 1px solid var(--primary);
}

.hero-section-fifteen .hero-slider-fifteen .slick-list {
    height: 100%;
}

.hero-section-fifteen .hero-slider-fifteen .slick-list .slick-track {
    height: 100%;
}

.hero-section-fifteen .hero-slider-fifteen .slick-list .slick-track .slick-slide>div {
    height: 100%;
}

.hero-section-fifteen .hero-slider-fifteen .slick-list .slick-track .slick-slide>div .slide-item {
    height: 100%;
}

.products-section-thirteen .nav-tabs li .nav-link.active {
    background: var(--secondary-hover);
    border: 1px solid var(--secondary-hover);
    color: #fff;
}

/* ================================================
   S2CODE Technology — Banner Section Styles
   Logo colors: Primary #1d5abf | Orange #e05a1a
   ================================================ */

/* --- Section background (logo-matched gradient) --- */

.banner-section.banner-sec-one .title .text-highlight {
    color: var(--warning);
    /* golden highlight — pops on blue */
}

.banner-section.banner-sec-one .title strong {
    color: #fff;
}

/* --- CTA Buttons --- */
.banner-btns .btn-primary-gradient {
    background: var(--primary-gradient);
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 12px;
    transition:
        opacity 0.2s,
        transform 0.2s;
}

.banner-btns .btn-primary-gradient:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.banner-btns .btn-secondary {
    background: var(--secondary);
    /* #e05a1a orange */
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 12px;
    transition:
        background 0.2s,
        transform 0.2s;
}

.banner-btns .btn-secondary:hover {
    background: var(--secondary-hover);
    transform: translateY(-2px);
}

/* --- USP checklist --- */
.banner-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.banner-checklist li {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.92);
    margin-bottom: px;
    display: flex;
    align-items: center;
}

.banner-checklist li .fa-circle-check {
    color: var(--success);
    font-size: 18px;
    flex-shrink: 0;
}

/* --- Transparent ratings strip --- */
.transparent-ratings {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 16px;
}

.transparent-ratings .ratings-title {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 5px;
}

.transparent-ratings .ratings-title strong {
    color: #fff;
}

.ratings-logos img {
    height: 60px;
    /* filter: brightness(0) invert(1); */
    /* opacity: 0.8; */
}

.ratings-logos img:hover {
    opacity: 1;
}

/* ================================================
   Right Column — Contact Form Card
   ================================================ */
.banner-form-card {
    background: #fff;
    border-radius: 20px;
    padding: 32px 28px 28px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    position: relative;
    margin-left: auto;
    max-width: 420px;
}

/* Floating avatar top-right */
.form-card-avatar {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.form-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Card title */
.form-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark);
    line-height: 1.3;
    margin-bottom: 8px;
    padding-right: 40px;
    /* avoid avatar overlap */
}

.form-card-title .text-primary {
    color: var(--primary) !important;
}

/* Divider line (orange accent) */
.form-card-divider {
    width: 48px;
    height: 3px;
    background: var(--secondary);
    border-radius: 4px;
    margin-bottom: 8px;
}

/* Decorative star */
.form-card-star {
    color: var(--warning);
    font-size: 22px;
    position: absolute;
    top: 28px;
    right: 80px;
}

/* Form inputs */
.banner-enquiry-form .form-control {
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 14px;
    color: var(--dark);
    background: var(--light-500);
    transition:
        border-color 0.2s,
        box-shadow 0.2s;
}

.banner-enquiry-form .form-control::placeholder {
    color: var(--gray-400);
}

.banner-enquiry-form .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 90, 191, 0.12);
    background: #fff;
    outline: none;
}

/* Enquire Now button */
.btn-enquire {
    background: var(--secondary);
    /* orange */
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 10px;
    padding: 13px 0;
    transition:
        background 0.2s,
        transform 0.2s;
}

.btn-enquire:hover {
    background: var(--secondary-hover);
    transform: translateY(-1px);
    color: #fff;
}

/* ================================================
   Decorative Background Elements
   ================================================ */
.banner-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.banner-section.banner-sec-one .container {
    position: relative;
    z-index: 1;
}

/* Floating "Have an idea?" badge */
.idea-badge {
    position: absolute;
    top: 48px;
    left: 50%;
    transform: translateX(-10%);
    background: var(--secondary);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    padding: 10px 18px;
    border-radius: 14px 14px 14px 4px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 24px rgba(224, 90, 26, 0.35);
    animation: floatBadge 3s ease-in-out infinite;
}

@keyframes floatBadge {

    0%,
    100% {
        transform: translateX(-10%) translateY(0);
    }

    50% {
        transform: translateX(-10%) translateY(-8px);
    }
}

/* Decorative orange circle */
.orange-circle {
    position: absolute;
    bottom: 60px;
    left: 52%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--secondary);
    opacity: 0.18;
    filter: blur(40px);
}

/* Decorative star elements */

@keyframes twinkle {
    from {
        opacity: 0.3;
        transform: scale(1);
    }

    to {
        opacity: 0.8;
        transform: scale(1.3);
    }
}

/* ================================================
   Responsive
   ================================================ */
@media (max-width: 1199px) {
    .banner-form-card {
        margin-top: 40px;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .banner-section.banner-sec-one {
        padding: 60px 0 40px;
    }

    .banner-section.banner-sec-one .title {
        font-size: 28px;
    }

    .banner-btns {
        flex-direction: column;
    }

    .idea-badge {
        display: none;
    }
}

.stats-counter-section {
    padding: 0;
}

.stats-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
}

/* Divider between items */
.stat-divider {
    display: none;
    /* handled via pseudo-elements below */
}

/* --- Base stat item --- */
.stat-item {
    padding: 28px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    transition: transform 0.25s ease;
}

.stat-item:hover {
    transform: translateY(-3px);
    z-index: 2;
}

/* Vertical separator */
.stat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

/* --- Color variants --- */
.stat-orange {
    background: linear-gradient(135deg, #e05a1a 0%, #f4813a 100%);
}

.stat-blue {
    background: linear-gradient(135deg, #1d5abf 0%, #3a7dd6 100%);
}

.stat-navy {
    background: linear-gradient(135deg, #0b3a8a 0%, #1d5abf 100%);
}

.stat-gradient {
    background: linear-gradient(135deg, #1d5abf 0%, #e05a1a 100%);
}

/* --- Icon wrap --- */
.stat-icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    backdrop-filter: blur(4px);
    transition: background 0.2s;
}

.stat-item:hover .stat-icon-wrap {
    background: rgba(255, 255, 255, 0.28);
}

.stat-icon-wrap i {
    font-size: 22px;
    color: #fff;
}

/* --- Body --- */
.stat-body {
    display: flex;
    gap: 15px;
}

/* --- Number --- */
.stat-number {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    letter-spacing: -1px;
}

.stat-number .suffix {
    font-size: 22px;
    font-weight: 700;
}

.stat-rating {
    font-size: 26px;
}

.rating-max {
    font-size: 14px;
    opacity: 0.75;
    font-weight: 500;
    letter-spacing: 0;
}

/* --- Stars --- */
.stat-stars {
    display: flex;
    gap: 3px;
    margin-bottom: 4px;
}

.stat-stars i {
    font-size: 14px;
    color: #ffca18;
}

/* --- Label --- */
.stat-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    line-height: 1.4;
    max-width: 130px;
    margin: 0;
}

/* ================================================
   Responsive
   ================================================ */
@media (max-width: 991px) {
    .stats-strip {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 12px;
    }

    .stat-item:nth-child(2)::after,
    .stat-item:nth-child(4)::after {
        display: none;
    }

    .stat-item:nth-child(1),
    .stat-item:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
}

@media (max-width: 575px) {
    .stats-strip {
        grid-template-columns: 1fr;
    }

    .stat-item::after {
        display: none !important;
    }

    .stat-item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .stat-item {
        padding: 22px 20px;
    }
}

/* ================================================
   Section wrapper
   ================================================ */
.company-section.section {
    background: linear-gradient(135deg, #f0f5ff 0%, #fff7f2 100%);
    padding: 60px 0 50px;
    position: relative;
    overflow: hidden;
}

/* Subtle background pattern */
.company-section.section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.06) 1px,
            transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

/* ================================================
   Section header
   ================================================ */

.section-title {
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 700;
    color: #0b1f4a;
    margin-bottom: 10px;
}

.text-gradient {
    background: linear-gradient(90deg, #1d5abf 0%, #e05a1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.section-subtitle {
    font-size: 15px;
    color: #64748b;
    margin: 0 auto;
}

/* ================================================
   Marquee container — fade edges
   ================================================ */

/* Left & right fade masks */

/* ================================================
   Marquee track — CSS infinite scroll
   ================================================ */

@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* ================================================
   Individual logo item
   ================================================ */
.slide-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 36px;
    flex-shrink: 0;
    position: relative;
    transition: transform 0.25s ease;
}

.slide-item:hover {
    transform: scale(1.08);
}

/* Separator between logos */
.slide-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: rgba(29, 90, 191, 0.12);
}

.slide-item img {
    text-align: center;
    height: 55px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
    /* filter: grayscale(30%) opacity(0.75); */
    transition: filter 0.3s ease;
}

.slide-item:hover img {
    filter: grayscale(0%) opacity(1);
}

/* ================================================
   Bottom trust line
   ================================================ */
.trust-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.trust-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1d5abf, #e05a1a);
    flex-shrink: 0;
}

.trust-text {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
    letter-spacing: 0.03em;
}

/* ================================================
   Responsive
   ================================================ */
@media (max-width: 767px) {
    .company-section.section {
        padding: 40px 0 32px;
    }

    .slide-item {
        text-align: center;
        padding-right: 64px !important;
    }

    .slide-item img {
        height: 30px;
    }
}

.wrap {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);
    padding: 52px 24px 56px;
    position: relative;
    overflow: hidden;
}

.wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.05) 1px,
            transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    position: relative;
    z-index: 1;
}

.card-services {
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(29, 90, 191, 0.1);
    padding: 28px 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease;
}

.card-services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #1d5abf, #e05a1a);
    opacity: 0;
    transition: opacity 0.25s;
}

.card-services:hover {
    transform: translateY(-6px);
    border-color: rgba(29, 90, 191, 0.3);
}

.card-services:hover::before {
    opacity: 1;
}

.card-num {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: rgba(29, 90, 191, 0.35);
    font-family: monospace;
}

.icon-box {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s;
}

.card:hover .icon-box {
    transform: scale(1.1);
}

.icon-box i {
    font-size: 24px;
}

.ib-blue {
    background: #e8f0fe;
}

.ib-blue i {
    color: #1d5abf;
}

.ib-orange {
    background: #fdf0e8;
}

.ib-orange i {
    color: #e05a1a;
}

.ib-navy {
    background: #e8edf8;
}

.ib-navy i {
    color: #0b3a8a;
}

.ib-teal {
    background: #e6f7f5;
}

.ib-teal i {
    color: #0e9384;
}

.ib-indigo {
    background: #ededfb;
}

.ib-indigo i {
    color: #3538cd;
}

.ib-amber {
    background: #fff8e6;
}

.ib-amber i {
    color: #d97706;
}

.card-title {
    font-size: 16px;
    font-weight: 700;
    color: #0b1f4a;
    line-height: 1.3;
}

.card-desc {
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
    flex: 1;
}

.card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #1d5abf;
    text-decoration: none;
    margin-top: 4px;
    transition:
        gap 0.2s,
        color 0.2s;
}

.card:hover .card-link {
    gap: 10px;
    color: #e05a1a;
}

.card-link i {
    font-size: 15px;
    transition: transform 0.2s;
}

.card:hover .card-link i {
    transform: translateX(2px);
}

.card.featured {
    background: linear-gradient(145deg, #1d5abf 0%, #0b3a8a 100%);
    border-color: transparent;
}

.card.featured::before {
    opacity: 1;
    background: linear-gradient(90deg, #e05a1a, #ffca18);
}

.card.featured .card-num {
    color: rgba(255, 255, 255, 0.35);
}

.card.featured .card-title {
    color: #fff;
}

.card.featured .card-desc {
    color: rgba(255, 255, 255, 0.75);
}

.card.featured .card-link {
    color: #ffca18;
}

.card.featured:hover .card-link {
    color: #fff;
}

.card.featured .ib-blue {
    background: rgba(255, 255, 255, 0.15);
}

.card.featured .ib-blue i {
    color: #fff;
}

.feat-badge {
    display: inline-block;
    background: linear-gradient(90deg, #e05a1a, #ffca18);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 2px;
    width: fit-content;
}

/* Tablet */
@media (max-width: 992px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .wrap {
        padding: 40px 16px;
    }

    .meeting-footer {
        justify-content: center;
        text-align: center;
    }

    .grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }



    .icon-box {
        width: 46px;
        height: 46px;
    }

    .icon-box i {
        font-size: 20px;
    }

    .card-title {
        font-size: 15px;
    }

    .card-desc {
        font-size: 12.5px;
    }

    .card-link {
        font-size: 12.5px;
    }
}

/* ================================================
   WHY CHOOSE US — BASE STYLES
   ================================================ */
.whychoose-section {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);
    padding: 50px 0 60px;
    position: relative;
    overflow: hidden;
}

.whychoose-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.05) 1px,
            transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

/* ---- Header ---- */

/* ================================================
   8-CARD GRID
   ================================================ */
.wc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    position: relative;
    z-index: 1;
}

/* ---- Card ---- */
.wc-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(29, 90, 191, 0.1);
    padding: 22px 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    overflow: hidden;
    transition:
        transform 0.26s ease,
        border-color 0.26s ease,
        box-shadow 0.26s ease;
}

.wc-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #1d5abf, #e05a1a);
    opacity: 0;
    transition: opacity 0.25s;
}

.wc-card:hover {
    transform: translateY(-6px);
    border-color: rgba(29, 90, 191, 0.25);
    box-shadow: 0 12px 32px rgba(29, 90, 191, 0.1);
}

.wc-card:hover::after {
    opacity: 1;
}

/* ---- Card top row ---- */
.wc-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ---- Icon ---- */
.wc-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.25s;
}

.wc-card:hover .wc-icon {
    transform: scale(1.1);
}

.wc-icon .isax,
.wc-icon i {
    font-size: 22px;
}

.ib-blue {
    background: #e8f0fe;
}

.ib-blue .isax,
.ib-blue i {
    color: #1d5abf;
}

.ib-orange {
    background: #fdf0e8;
}

.ib-orange .isax,
.ib-orange i {
    color: #e05a1a;
}

.ib-navy {
    background: #e8edf8;
}

.ib-navy .isax,
.ib-navy i {
    color: #0b3a8a;
}

.ib-teal {
    background: #e6f7f5;
}

.ib-teal .isax,
.ib-teal i {
    color: #0e9384;
}

.ib-indigo {
    background: #ededfb;
}

.ib-indigo .isax,
.ib-indigo i {
    color: #3538cd;
}

.ib-amber {
    background: #fff8e6;
}

.ib-amber .isax,
.ib-amber i {
    color: #d97706;
}

.ib-green {
    background: #edfaf4;
}

.ib-green .isax,
.ib-green i {
    color: #059669;
}

.ib-pink {
    background: #fdf2f8;
}

.ib-pink .isax,
.ib-pink i {
    color: #db2777;
}

/* ---- Card number ---- */
.wc-num {
    font-size: 11px;
    font-weight: 700;
    color: rgba(29, 90, 191, 0.25);
    font-family: monospace;
    letter-spacing: 0.08em;
}

/* ---- Card text ---- */
.wc-card-title {
    font-size: 14px;
    font-weight: 700;
    color: #0b1f4a;
    line-height: 1.3;
    margin: 0;
}

.wc-card-desc {
    font-size: 13px;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
    flex: 1;
}

/* ================================================
   STATS STRIP
   ================================================ */

/* ================================================
   RESPONSIVE BREAKPOINTS
   ================================================ */

/* Large Desktop 1400+ */
@media (min-width: 1400px) {
    .whychoose-section {
        padding: 50px 0 60px;
    }

    .wc-grid {
        gap: 20px;
    }

    .wc-card {
        padding: 26px 22px 24px;
    }

    .wc-card-title {
        font-size: 15px;
    }

    .wc-card-desc {
        font-size: 13.5px;
    }
}

/* Small Desktop 992–1199 */
@media (max-width: 1199px) and (min-width: 992px) {
    .wc-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
    }

    .wc-card {
        padding: 18px 14px 16px;
    }

    .wc-card-title {
        font-size: 13px;
    }

    .wc-card-desc {
        font-size: 12px;
    }

    .wc-icon {
        width: 40px;
        height: 40px;
    }

    .wc-icon .isax,
    .wc-icon i {
        font-size: 19px;
    }
}

/* Tablet 768–991 → 2x4 grid */
@media (max-width: 991px) {
    .whychoose-section {
        padding: 60px 0 52px;
    }

    .wc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}

/* Large Mobile 576–767 → 2x4 grid */
@media (max-width: 767px) {
    .whychoose-section {
        padding: 48px 0 44px;
    }

    .wc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .wc-card {
        padding: 18px 14px 16px;
        border-radius: 14px;
        gap: 8px;
    }

    .wc-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .wc-icon .isax,
    .wc-icon i {
        font-size: 18px;
    }

    .wc-card-title {
        font-size: 13px;
    }

    .wc-card-desc {
        font-size: 12px;
        line-height: 1.5;
    }
}

/* Small Mobile up to 575 → 1 column */
@media (max-width: 575px) {
    .whychoose-section {
        padding: 40px 0 36px;
    }

    .wc-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Horizontal card layout on small screens */
    .wc-card {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 16px 14px;
        border-radius: 12px;
        gap: 0;
        align-items: flex-start;
    }

    .wc-card-top {
        width: 100%;
        margin-bottom: 10px;
    }

    .wc-icon {
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    .wc-icon .isax,
    .wc-icon i {
        font-size: 17px;
    }

    .wc-card-title {
        font-size: 14px;
        width: 100%;
        margin-bottom: 5px;
    }

    .wc-card-desc {
        font-size: 12.5px;
        width: 100%;
    }

    /* Strip 2-column on mobile */
}

/* Extra Small up to 380px */
@media (max-width: 380px) {
    .whychoose-section {
        padding: 32px 0 28px;
    }

    .wc-card {
        padding: 14px 12px;
    }

    .wc-card-title {
        font-size: 13px;
    }

    .wc-card-desc {
        font-size: 12px;
    }
}

/* ================================================
   INDUSTRIES SECTION — BASE
   ================================================ */
.industries-section {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);
    padding: 50px 0 60px;
    position: relative;
    overflow: hidden;
}

.industries-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.05) 1px,
            transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

/* ---- Header ---- */

/* ================================================
   CARD ROW — 6 columns
   ================================================ */
.ind-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
}

.ind-row:last-child {
    margin-bottom: 0;
}

/* ---- Card ---- */
.ind-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(29, 90, 191, 0.1);
    padding: 18px 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.ind-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #1d5abf, #e05a1a);
    opacity: 0;
    transition: opacity 0.22s;
}

.ind-card:hover {
    transform: translateY(-5px);
    border-color: rgba(29, 90, 191, 0.25);
    box-shadow: 0 8px 24px rgba(29, 90, 191, 0.1);
    text-decoration: none;
}

.ind-card:hover::before {
    opacity: 1;
}

/* ---- Icon box ---- */
.ind-icon {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.22s;
}

.ind-card:hover .ind-icon {
    transform: scale(1.1);
}

.ind-icon .isax,
.ind-icon i {
    font-size: 22px;
}

/* ---- Icon color variants ---- */
.ib-blue {
    background: #e8f0fe;
}

.ib-blue .isax,
.ib-blue i {
    color: #1d5abf;
}

.ib-orange {
    background: #fdf0e8;
}

.ib-orange .isax,
.ib-orange i {
    color: #e05a1a;
}

.ib-teal {
    background: #e6f7f5;
}

.ib-teal .isax,
.ib-teal i {
    color: #0e9384;
}

.ib-navy {
    background: #e8edf8;
}

.ib-navy .isax,
.ib-navy i {
    color: #0b3a8a;
}

.ib-indigo {
    background: #ededfb;
}

.ib-indigo .isax,
.ib-indigo i {
    color: #3538cd;
}

.ib-amber {
    background: #fff8e6;
}

.ib-amber .isax,
.ib-amber i {
    color: #d97706;
}

.ib-green {
    background: #edfaf4;
}

.ib-green .isax,
.ib-green i {
    color: #059669;
}

.ib-pink {
    background: #fdf2f8;
}

.ib-pink .isax,
.ib-pink i {
    color: #db2777;
}

.ib-red {
    background: #fff0f0;
}

.ib-red .isax,
.ib-red i {
    color: #dc2626;
}

.ib-cyan {
    background: #e9f8fb;
}

.ib-cyan .isax,
.ib-cyan i {
    color: #0891b2;
}

.ib-purple {
    background: #f3f0fe;
}

.ib-purple .isax,
.ib-purple i {
    color: #7c3aed;
}

.ib-lime {
    background: #f1fce8;
}

.ib-lime .isax,
.ib-lime i {
    color: #65a30d;
}

/* ---- Card name ---- */
.ind-name {
    font-size: 12px;
    font-weight: 600;
    color: #0b1f4a;
    text-align: center;
    line-height: 1.3;
}

/* ================================================
   RESPONSIVE
   ================================================ */

/* Large Desktop 1400+ */
@media (min-width: 1400px) {
    .industries-section {
        padding: 50px 0 60px;
    }

    .ind-row {
        gap: 16px;
    }

    .ind-card {
        padding: 22px 12px 18px;
    }

    .ind-icon {
        width: 50px;
        height: 50px;
        border-radius: 13px;
    }

    .ind-icon .isax,
    .ind-icon i {
        font-size: 24px;
    }

    .ind-name {
        font-size: 13px;
    }
}

/* Small Desktop 992–1199 */
@media (max-width: 1199px) and (min-width: 992px) {
    .ind-row {
        gap: 10px;
    }

    .ind-card {
        padding: 16px 8px 13px;
        border-radius: 12px;
    }

    .ind-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .ind-icon .isax,
    .ind-icon i {
        font-size: 19px;
    }

    .ind-name {
        font-size: 11px;
    }
}

/* Tablet 768–991 → 4 columns */
@media (max-width: 991px) {
    .industries-section {
        padding: 54px 0 48px;
    }

    .ind-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .ind-name {
        font-size: 12px;
    }
}

/* Large Mobile 576–767 → 3 columns */
@media (max-width: 767px) {
    .industries-section {
        padding: 44px 0 38px;
    }

    .ind-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .ind-card {
        padding: 16px 8px 13px;
        border-radius: 12px;
    }

    .ind-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .ind-icon .isax,
    .ind-icon i {
        font-size: 18px;
    }

    .ind-name {
        font-size: 11.5px;
    }
}

/* Small Mobile up to 575 → 3 columns compact */
@media (max-width: 575px) {
    .industries-section {
        padding: 38px 0 32px;
    }

    .ind-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-bottom: 8px;
    }

    .ind-card {
        padding: 14px 6px 12px;
        border-radius: 10px;
        gap: 7px;
    }

    .ind-icon {
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }

    .ind-icon .isax,
    .ind-icon i {
        font-size: 17px;
    }

    .ind-name {
        font-size: 11px;
    }
}

/* Extra Small up to 380px → 2 columns */
@media (max-width: 380px) {
    .ind-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .ind-card {
        padding: 14px 10px 12px;
    }

    .ind-name {
        font-size: 12px;
    }
}

/* ================================================
   TECH SECTION — BASE
   ================================================ */
.tech-section {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);
    padding: 50px 0 60px;
    position: relative;
    overflow: hidden;
}

.tech-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.05) 1px,
            transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

/* Decorative corner arrows */
.tech-section::after {
    content: "✦";
    position: absolute;
    top: 48px;
    right: 60px;
    font-size: 22px;
    color: #1d5abf;
    opacity: 0.3;
    animation: spinStar 8s linear infinite;
}

@keyframes spinStar {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* ---- Header ---- */

/* ================================================
   3-COLUMN LAYOUT
   ================================================ */
.tech-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    position: relative;
    z-index: 1;
}

/* ---- Left & Right sides ---- */
.tech-side {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tech-row {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.tech-left .tech-row {
    justify-content: flex-start;
}

.tech-right .tech-row {
    justify-content: flex-end;
}

/* ---- Individual tool item ---- */
.tech-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    cursor: default;
}

.tech-item span {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    text-align: center;
    white-space: nowrap;
}

/* ---- Icon wrapper ---- */
.tech-icon-wrap {
    width: 62px;
    height: 62px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(29, 90, 191, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
    cursor: pointer;
}

.tech-icon-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgba(29, 90, 191, 0.06),
            rgba(224, 90, 26, 0.06));
    opacity: 0;
    transition: opacity 0.25s;
}

.tech-icon-wrap:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 10px 28px rgba(29, 90, 191, 0.15);
    border-color: rgba(29, 90, 191, 0.3);
}

.tech-icon-wrap:hover::before {
    opacity: 1;
}

.tech-icon-wrap img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    transition: transform 0.25s;
}

.tech-icon-wrap:hover img {
    transform: scale(1.1);
}

/* Staggered entrance animation */
.tech-item:nth-child(1) .tech-icon-wrap {
    animation: popIn 0.5s ease 0.1s both;
}

.tech-item:nth-child(2) .tech-icon-wrap {
    animation: popIn 0.5s ease 0.2s both;
}

.tech-item:nth-child(3) .tech-icon-wrap {
    animation: popIn 0.5s ease 0.3s both;
}

.tech-item:nth-child(4) .tech-icon-wrap {
    animation: popIn 0.5s ease 0.4s both;
}

.tech-item:nth-child(5) .tech-icon-wrap {
    animation: popIn 0.5s ease 0.5s both;
}

@keyframes popIn {
    from {
        opacity: 0;
        transform: scale(0.7) translateY(10px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ================================================
   CENTER BADGE
   ================================================ */
.tech-center {
    flex-shrink: 0;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-badge-wrap {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Rotating SVG text ring */
.rotating-ring {
    position: absolute;
    inset: 0;
    animation: rotateSlow 18s linear infinite;
}

.rotating-ring svg {
    width: 100%;
    height: 100%;
}

.ring-text {
    font-size: 11.5px;
    font-weight: 700;
    fill: #1d5abf;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-family: "Segoe UI", sans-serif;
}

@keyframes rotateSlow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Inner logo circle */
.center-logo {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 0 0 2px rgba(29, 90, 191, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: transform 0.3s;
}

.center-logo:hover {
    transform: scale(1.05);
}

.center-logo-img {
    width: 115px;
    height: 72px;
    object-fit: contain;
}

/* Fallback text logo (shown if image fails) */
.center-logo-fallback {
    display: none;
    /* shown via JS if img onerror */
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.logo-s2 {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1px;
}

.logo-dot-sep {
    font-size: 20px;
    color: #e05a1a;
    font-weight: 900;
    line-height: 0.8;
}

.logo-code {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    font-family: monospace;
    font-weight: 700;
}

/* Pulse rings */
.pulse-ring {
    position: absolute;
    border-radius: 50%;
    border: 1.5px solid rgba(29, 90, 191, 0.25);
    animation: pulsate 3s ease-out infinite;
    z-index: 1;
}

.ring-1 {
    width: 148px;
    height: 148px;
    animation-delay: 0s;
}

.ring-2 {
    width: 170px;
    height: 170px;
    animation-delay: 1s;
}

@keyframes pulsate {
    0% {
        transform: scale(0.9);
        opacity: 0.6;
    }

    70% {
        transform: scale(1.05);
        opacity: 0;
    }

    100% {
        transform: scale(0.9);
        opacity: 0;
    }
}

/* ================================================
   RESPONSIVE
   ================================================ */

/* Large Desktop 1400+ */
@media (min-width: 1400px) {
    .tech-section {
        padding: 50px 0 60px;
    }

    .tech-icon-wrap {
        width: 70px;
        height: 70px;
        border-radius: 18px;
    }

    .tech-icon-wrap img {
        width: 40px;
        height: 40px;
    }

    .tech-item span {
        font-size: 12px;
    }

    .tech-center {
        width: 240px;
    }

    .center-badge-wrap {
        width: 220px;
        height: 220px;
    }

    .center-logo {
        width: 130px;
        height: 130px;
    }
}

/* Small Desktop 992–1199 */
@media (max-width: 1199px) and (min-width: 992px) {
    .tech-icon-wrap {
        width: 56px;
        height: 56px;
        border-radius: 14px;
    }

    .tech-icon-wrap img {
        width: 32px;
        height: 32px;
    }

    .tech-item span {
        font-size: 10.5px;
    }

    .tech-row {
        gap: 10px;
    }

    .tech-center {
        width: 190px;
    }

    .center-badge-wrap {
        width: 180px;
        height: 180px;
    }

    .center-logo {
        width: 104px;
        height: 104px;
    }

    .center-logo-img {
        width: 62px;
        height: 62px;
    }
}

/* Tablet 768–991 → vertical stack */
@media (max-width: 991px) {
    .tech-section {
        padding: 56px 0 50px;
    }

    .tech-layout {
        flex-direction: column;
        gap: 36px;
    }

    .tech-side {
        width: 100%;
    }

    .tech-left .tech-row,
    .tech-right .tech-row {
        justify-content: center;
        flex-wrap: wrap;
    }

    .tech-center {
        width: auto;
    }

    .center-badge-wrap {
        width: 200px;
        height: 200px;
    }
}

/* Large Mobile 576–767 */
@media (max-width: 767px) {
    .tech-section {
        padding: 46px 0 40px;
    }

    .tech-icon-wrap {
        width: 54px;
        height: 54px;
        border-radius: 13px;
    }

    .tech-icon-wrap img {
        width: 30px;
        height: 30px;
    }

    .tech-item span {
        font-size: 10px;
    }

    .tech-row {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .center-badge-wrap {
        width: 180px;
        height: 180px;
    }

    .center-logo {
        width: 100px;
        height: 100px;
    }

    .center-logo-img {
        width: 58px;
        height: 58px;
    }

    .ring-text {
        font-size: 10.5px;
    }
}

/* Small Mobile up to 575 */
@media (max-width: 575px) {
    .tech-section {
        padding: 38px 0 32px;
    }

    .tech-layout {
        gap: 28px;
    }

    .tech-icon-wrap {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }

    .tech-icon-wrap img {
        width: 28px;
        height: 28px;
    }

    .tech-item span {
        font-size: 10px;
    }

    .tech-row {
        gap: 8px;
    }

    .center-badge-wrap {
        width: 160px;
        height: 160px;
    }

    .center-logo {
        width: 90px;
        height: 90px;
    }

    .center-logo-img {
        width: 52px;
        height: 52px;
    }

    .ring-1 {
        width: 128px;
        height: 128px;
    }

    .ring-2 {
        width: 148px;
        height: 148px;
    }
}

/* Extra Small up to 380px */
@media (max-width: 380px) {
    .tech-icon-wrap {
        width: 46px;
        height: 46px;
        border-radius: 10px;
    }

    .tech-icon-wrap img {
        width: 26px;
        height: 26px;
    }

    .tech-row {
        gap: 7px;
    }
}

/* ================================================
   CTA BANNER — ZERO IMAGE DEPS
   ================================================ */
.app-section.app-sec-one {
    padding: 40px 0;
}

.app-bg {
    background: linear-gradient(135deg,
            #1d5abf 0%,
            #0b3a8a 45%,
            #16387a 65%,
            #b84510 86%,
            #e05a1a 100%);
    border-radius: 22px;
    padding: 40px 48px;
    position: relative;
    overflow: hidden;
    min-height: 185px;
}

/* Smooth blend overlay */
.app-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            rgba(11, 58, 138, 0.75) 0%,
            rgba(29, 90, 191, 0.55) 55%,
            rgba(224, 90, 26, 0.35) 100%);
    pointer-events: none;
    z-index: 0;
}

/* ---- Decorative CSS shapes ---- */
.app-bgs {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.app-hex {
    position: absolute;
    border-radius: 16px;
    transform: rotate(35deg);
    background: rgba(255, 255, 255, 0.06);
}

.app-hex-1 {
    width: 160px;
    height: 160px;
    top: -60px;
    right: 36%;
}

.app-hex-2 {
    width: 100px;
    height: 100px;
    bottom: -40px;
    right: 38%;
    background: rgba(255, 255, 255, 0.04);
    transform: rotate(20deg);
}

.app-hex-3 {
    width: 70px;
    height: 70px;
    top: 20px;
    right: 32%;
    background: rgba(224, 90, 26, 0.1);
    transform: rotate(50deg);
}

.app-hex-4 {
    width: 220px;
    height: 220px;
    top: -90px;
    right: -30px;
    background: rgba(255, 255, 255, 0.03);
    transform: rotate(45deg);
}

/* ================================================
   LEFT CONTENT
   ================================================ */
.app-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.app-eyebrow {
    font-size: 11.5px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.app-eyebrow .slash {
    color: #f18c5cfc;
    font-style: italic;
    font-size: 13px;
}

.app-title {
    font-size: clamp(20px, 2.4vw, 30px);
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    margin: 0;
}

.app-title em {
    font-style: normal;
    color: #f18c5cfc;
}

.app-desc {
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.65;
    max-width: 560px;
    margin: 0;
}

/* badges */
.app-badges {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.app-badge-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.app-badge-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e05a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* CTA button */
.app-cta-wrap {
    margin-top: 2px;
}

.btn-app-cta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #e05a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s;
    white-space: nowrap;
}

.btn-app-cta:hover {
    background: #c24d14;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(224, 90, 26, 0.45);
    color: #fff;
    text-decoration: none;
}

/* ================================================
   RIGHT — inline SVG only, no img tag
   ================================================ */
.app-illus {
    position: relative;
    z-index: 2;
    height: 190px;
}

.app-illus-svg {
    width: 100%;
    max-width: 230px;
    height: auto;
    display: block;
}

/* ================================================
   RESPONSIVE
   ================================================ */
@media (min-width: 1400px) {
    .app-bg {
        padding: 48px 60px;
    }

    .app-title {
        font-size: 32px;
    }

    .app-desc {
        font-size: 14.5px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .app-bg {
        padding: 34px 36px;
    }

    .app-title {
        font-size: 22px;
    }

    .app-badges {
        gap: 14px;
    }

    .app-badge-item {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .app-section.app-sec-one {
        padding: 24px 0;
    }

    .app-bg {
        padding: 30px 28px;
        border-radius: 16px;
    }

    .app-title {
        font-size: 21px;
    }

    .app-desc {
        font-size: 13px;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .app-bg {
        padding: 26px 22px;
    }

    .app-title {
        font-size: 19px;
    }

    .app-badges {
        gap: 12px;
    }

    .btn-app-cta {
        font-size: 13px;
        padding: 12px 22px;
    }
}

@media (max-width: 575px) {
    .app-bg {
        padding: 22px 16px;
        border-radius: 14px;
    }

    .app-title {
        font-size: 17px;
    }

    .app-desc {
        font-size: 12px;
    }

    .app-badges {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .btn-app-cta {
        width: 100%;
        justify-content: center;
        padding: 13px 16px;
    }

    .app-hex-1,
    .app-hex-2,
    .app-hex-3 {
        display: none;
    }
}

.banner-sub-text {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 0;
}

.form-card-trust {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 16px;
    padding: 8px 7px;
    background: #f0f5ff;
    border-radius: 10px;
    border: 1px solid rgba(29, 90, 191, 0.1);
}

.form-card-trust span {
    font-size: 11.5px;
    font-weight: 600;
    color: #1d5abf;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.form-card-trust i {
    color: #e05a1a;
    font-size: 11px;
}

.form-privacy-note {
    font-size: 11px;
    color: #94a3b8;
}

.form-privacy-note i {
    color: #059669;
}

/* Responsive */
@media (max-width: 767px) {
    .banner-sub-text {
        font-size: 13.5px;
    }

    .form-card-trust {
        gap: 8px;
    }

    .form-card-trust span {
        font-size: 10.5px;
    }
}

@media (max-width: 575px) {
    .form-card-trust {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

.seo-roi-section {
    background: linear-gradient(160deg, #f0f5ff 0%, #fff8f4 100%);
    padding: 80px 0 70px;
    position: relative;
    overflow: hidden;
}

.seo-roi-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.05) 1px,
            transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

/* ---- Left copy ---- */
.seo-roi-copy {
    position: relative;
    z-index: 1;
}

.seo-roi-title {
    font-size: clamp(22px, 2.8vw, 30px);
    font-weight: 800;
    color: #0b1f4a;
    line-height: 1.3;
    margin-bottom: 10px;
}

.seo-roi-em {
    font-style: normal;
    background: linear-gradient(90deg, #1d5abf, #e05a1a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.seo-roi-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.75;
    margin-bottom: 24px;
}

/* Pill list */
.seo-roi-pills {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.seo-roi-pills li {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid rgba(29, 90, 191, 0.15);
    border-radius: 50px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #0b1f4a;
}

.seo-roi-pills li .isax,
.seo-roi-pills li i {
    color: #1d5abf;
    font-size: 15px;
}

/* ---- Analytics card ---- */
.seo-analytics-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(29, 90, 191, 0.1);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(29, 90, 191, 0.08);
}

.analytics-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(29, 90, 191, 0.08);
    background: #f8faff;
}

.analytics-title {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    display: flex;
    align-items: center;
}

.analytics-title .isax,
.analytics-title i {
    color: #1d5abf;
    font-size: 15px;
}

.analytics-legend {
    display: flex;
    gap: 14px;
}

.leg-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}

.leg-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.leg-blue {
    background: #1d5abf;
}

.leg-orange {
    background: #e05a1a;
}

.analytics-chart-wrap {
    padding: 10px 14px 6px;
    position: relative;
    height: 180px;
}

.analytics-chart-wrap canvas {
    display: block;
}

/* 3 stat boxes */
.analytics-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(29, 90, 191, 0.08);
}

.astat-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 16px;
    border-right: 1px solid rgba(29, 90, 191, 0.08);
}

.astat-box:last-child {
    border-right: none;
}

.astat-label {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}

.astat-val {
    font-size: 20px;
    font-weight: 800;
    color: #1d5abf;
    line-height: 1;
}

.astat-sub {
    font-size: 10.5px;
    color: #94a3b8;
}

/* ---- Bottom 4 metric cards ---- */
.seo-metrics-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    position: relative;
    z-index: 1;
}

.seo-metric-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(29, 90, 191, 0.1);
    padding: 18px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition:
        transform 0.22s,
        box-shadow 0.22s;
}

.seo-metric-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(29, 90, 191, 0.1);
}

.smc-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.smc-icon .isax,
.smc-icon i {
    font-size: 22px;
}

.ib-blue {
    background: #e8f0fe;
}

.ib-blue .isax,
.ib-blue i {
    color: #1d5abf;
}

.ib-orange {
    background: #fdf0e8;
}

.ib-orange .isax,
.ib-orange i {
    color: #e05a1a;
}

.ib-teal {
    background: #e6f7f5;
}

.ib-teal .isax,
.ib-teal i {
    color: #0e9384;
}

.ib-indigo {
    background: #ededfb;
}

.ib-indigo .isax,
.ib-indigo i {
    color: #3538cd;
}

.smc-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.smc-label {
    font-size: 11.5px;
    color: #64748b;
    font-weight: 500;
    white-space: nowrap;
}

.smc-val {
    font-size: 22px;
    font-weight: 800;
    color: #0b1f4a;
    line-height: 1;
}

.smc-sub {
    font-size: 11px;
    color: #059669;
    font-weight: 600;
}

@media (max-width: 1199px) {
    .seo-metrics-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .seo-roi-section {
        padding: 56px 0 48px;
    }

    .seo-metrics-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 767px) {
    .seo-roi-section {
        padding: 44px 0 38px;
    }

    .seo-metrics-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .smc-val {
        font-size: 18px;
    }

    .analytics-title {
        font-size: 11px;
    }
}

@media (max-width: 575px) {
    .seo-metrics-row {
        grid-template-columns: 1fr;
    }

    .seo-roi-pills {
        gap: 8px;
    }

    .seo-roi-pills li {
        font-size: 12px;
        padding: 5px 12px;
    }

    .astat-val {
        font-size: 17px;
    }
}

.sco-card {
    position: relative;
    background: #fff;
    padding: 35px 30px;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    border: 1px solid #edf2f7;
    box-shadow: 0 10px 35px rgba(10, 61, 98, 0.08);
    transition: all 0.4s ease;
}

.sco-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0a3d62, #ff6b35);
}

.sco-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(10, 61, 98, 0.15);
}

.sco-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0a3d62, #114b7a);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sco-icon::after {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 2px dashed rgba(255, 107, 53, 0.35);
}

.sco-icon i {
    color: #fff;
    font-size: 32px;
}

.sco-card h4 {
    font-size: 22px;
    font-weight: 700;
    color: #0a3d62;
    margin-bottom: 15px;
}

.sco-card p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

.sco-card:hover .sco-icon {
    background: linear-gradient(135deg, #ff6b35, #ff8c42);
}

/* ================================================
                       SEO PROCESS SECTION
                       ================================================ */
.seo-process-section {
    background: white;
    padding: 50px 0 60px;
    position: relative;
    overflow: hidden;
}

.seo-process-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle,
            rgba(29, 90, 191, 0.05) 1px,
            transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

/* ================================================
                       LEFT: ICON GRID
             ================================================ */
.seo-process-grid {
    display: flex;
    flex-direction: column;
    gap: 28px;
    position: relative;
    z-index: 1;
}

/* Row 1 horizontal line */
.seo-process-row:first-child::before {
    content: "";
    position: absolute;
    top: 46px;
    left: 16%;
    width: 68%;
    border-top: 3px dashed #1d5abf;
    z-index: 0;
}

/* Row 2 horizontal line */
.seo-process-row:last-child::before {
    content: "";
    position: absolute;
    top: 46px;
    left: 16%;
    width: 68%;
    border-top: 3px dashed #e05a1a;
    z-index: 0;
}

/* Vertical connector from item 3 to item 4 */
.seo-process-grid::before {
    content: "";
    position: absolute;
    right: 16%;
    top: 92px;
    width: 3px;
    height: 55px;
    background: repeating-linear-gradient(to bottom,
            #1d5abf 0,
            #1d5abf 6px,
            transparent 6px,
            transparent 12px);
}

/* Arrow at end of vertical line */
.seo-process-grid::after {
    content: "▼";
    position: absolute;
    right: calc(16% - 7px);
    top: 142px;
    color: #e05a1a;
    font-size: 18px;
    font-weight: 700;
}

.seo-process-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    position: relative;
}

/* Icon item */
.sp-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.sp-fa-icon {
    font-size: 45px;
    color: #1d5abf;
}

.sp-item:nth-child(even) .sp-fa-icon {
    color: #e05a1a;
}

/* Icon box */
.sp-icon-box {
    width: 92px;
    height: 92px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(29, 90, 191, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease;
    cursor: default;
}

.sp-icon-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(29, 90, 191, 0.12);
    border-color: rgba(29, 90, 191, 0.25);
}

.sp-icon-box svg {
    width: 54px;
    height: 54px;
}

/* Icon label */
.sp-label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #475569;
    text-align: center;
    line-height: 1.4;
}

/* ================================================
                       RIGHT: COPY
                       ================================================ */
.seo-process-copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.sp-title {
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: 800;
    color: #0b1f4a;
    line-height: 1.3;
    margin: 0;
}

.sp-em {
    font-style: normal;
    background: linear-gradient(90deg, #1d5abf 0%, #e05a1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.sp-desc {
    font-size: 18px;
    color: #475569;
    line-height: 1.7;
    margin: 0;
}

/* Stat highlight block */
.sp-stat-block {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 22px;
    background: linear-gradient(135deg, #e8f0fe 0%, #fff8f4 100%);
    border-radius: 14px;
    border: 1px solid rgba(29, 90, 191, 0.15);
}

.sp-stat-num {
    font-size: 48px;
    font-weight: 900;
    background: linear-gradient(90deg, #1d5abf, #e05a1a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    flex-shrink: 0;
}

.sp-stat-text {
    font-size: 14px;
    color: #0b1f4a;
    font-weight: 500;
    line-height: 1.6;
}

/* ================================================
                       RESPONSIVE
                       ================================================ */

/* Large Desktop 1400+ */
@media (min-width: 1400px) {
    .seo-process-section {
        padding: 50px 0 60px;
    }

    .sp-icon-box {
        width: 100px;
        height: 100px;
        border-radius: 20px;
    }

    .sp-icon-box svg {
        width: 60px;
        height: 60px;
    }

    .sp-stat-num {
        font-size: 54px;
    }
}

/* Small Desktop 992–1199 */
@media (max-width: 1199px) and (min-width: 992px) {
    .sp-icon-box {
        width: 82px;
        height: 82px;
    }

    .sp-icon-box svg {
        width: 48px;
        height: 48px;
    }

    .sp-label {
        font-size: 9.5px;
    }

    .sp-stat-num {
        font-size: 42px;
    }
}

/* Tablet 768–991 */
@media (max-width: 991px) {
    .seo-process-section {
        padding: 56px 0 50px;
    }

    .sp-icon-box {
        width: 82px;
        height: 82px;
    }

    .sp-icon-box svg {
        width: 48px;
        height: 48px;
    }

    .sp-title {
        font-size: 22px;
    }

    .sp-desc {
        font-size: 14px;
    }

    .sp-stat-num {
        font-size: 40px;
    }
}

/* Large Mobile 576–767 */
@media (max-width: 767px) {
    .seo-process-section {
        padding: 44px 0 38px;
    }

    .sp-icon-box {
        width: 72px;
        height: 72px;
        border-radius: 14px;
    }

    .sp-icon-box svg {
        width: 42px;
        height: 42px;
    }

    .sp-label {
        font-size: 9px;
    }

    .seo-process-grid {
        gap: 18px;
    }

    .sp-title {
        font-size: 20px;
    }

    .sp-stat-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px;
    }

    .sp-stat-num {
        font-size: 36px;
    }
}

/* Small Mobile up to 575 */
@media (max-width: 575px) {
    .seo-process-section {
        padding: 36px 0 30px;
    }

    .seo-process-row {
        gap: 8px;
    }

    .sp-icon-box {
        width: 68px;
        height: 68px;
        border-radius: 12px;
    }

    .sp-icon-box svg {
        width: 38px;
        height: 38px;
    }

    .sp-label {
        font-size: 8.5px;
        letter-spacing: 0.05em;
    }

    .sp-title {
        font-size: 18px;
    }

    .sp-desc {
        font-size: 13px;
    }
}

/* Extra Small 380 */
@media (max-width: 380px) {
    .sp-icon-box {
        width: 60px;
        height: 60px;
    }

    .sp-icon-box svg {
        width: 34px;
        height: 34px;
    }

    .sp-label {
        font-size: 8px;
    }
}

.seo-service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
}

.seo-service-tags span {
    background: #ffffff;
    color: #f44d00;
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 600;
    transition: 0.3s;
}

.seo-service-tags span:hover {
    background: linear-gradient(90deg, #0a3d62, #ff6b35);
    color: #fff;
    transform: translateY(-3px);
}

.seo-image-box {
    position: relative;
}

.seo-image-box img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.sp-em {
    font-style: normal;
    background: linear-gradient(90deg, #0a3d62, #ff6b35);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===================================
   S2CODE SCO BENEFITS SECTION
=================================== */

.sco-benefits-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    background: linear-gradient(135deg,
            #083358 0%,
            #0a3d62 35%,
            #114b7a 65%,
            #ff6b35 100%);
}

.sco-benefits-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%,
            rgba(255, 255, 255, 0.12) 0,
            transparent 30%),
        radial-gradient(circle at 80% 80%,
            rgba(255, 255, 255, 0.08) 0,
            transparent 30%);
}

.sco-benefits-header {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: auto;
}

.sco-benefits-subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    line-height: 1.3;
}

/* Responsive */

@media (max-width: 991px) {

    .sco-benefits-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .sco-benefits-section {
        padding: 60px 0;
    }
}

/* ── Step list 4-column row ── */
.sp-steps-list {
    margin-bottom: 8px;
}

.sp-step-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.sp-step-col {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: #fbf7f7;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 10px;
}

.sp-step-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px;
}

.sp-dot-blue {
    background: #1d5abf;
}

.sp-dot-orange {
    background: #e05a1a;
}

.sp-step-col div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sp-step-col strong {
    font-size: 13px;
    font-weight: 600;
    color: #1a2540;
    line-height: 1.3;
}

.sp-step-col span {
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 991px) {
    .sp-step-row {
        grid-template-columns: repeat(2, 1fr);
    }
}



/* ════════════════════════════════
   Advertise Section
════════════════════════════════ */

/* ── Platform Pills ── */
.adv-platforms {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
}

.adv-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 18px;
    border-radius: 50px;
    border: 1px solid;
    font-size: 28px;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

.adv-pill:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.adv-pill i {
    font-size: 30px;
}

/* Platform Colors */
.pill-fb {
    background: #e8f0fe;
    border-color: #b5d4f4;
    color: #0C447C;
}

.pill-ig {
    background: #fbeaf0;
    border-color: #f4c0d1;
    color: #72243E;
}

.pill-tw {
    background: #f1efe8;
    border-color: #d3d1c7;
    color: #2C2C2A;
}

.pill-li {
    background: #e8f0fe;
    border-color: #b5d4f4;
    color: #0C447C;
}

.pill-pi {
    background: #fcebeb;
    border-color: #f7c1c1;
    color: #791F1F;
}

.pill-rd {
    background: #faeeda;
    border-color: #fac775;
    color: #633806;
}

/* ── Divider ── */
.adv-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 480px;
    margin: 0 auto 28px;
}

.adv-divider-line {
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

.adv-divider-txt {
    font-size: 12px;
    color: #94a3b8;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Stats ── */
.adv-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 560px;
    margin: 0 auto 36px;
}

.adv-stat {
    background: #f8ac880f;
    border: 1px solid #e05a1a;
    border-radius: 14px;
    padding: 20px 14px;
}

.adv-stat-num {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #e05a1a;
    line-height: 1;
    margin-bottom: 6px;
}

.adv-stat-txt {
    display: block;
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
}

/* ── CTA Buttons ── */
.adv-cta-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.adv-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e05a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 28px;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.adv-btn-primary:hover {
    background: #0b3a8a;
    color: #fff;
    text-decoration: none;
}

.adv-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: #e05a1a;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    border: 1.5px solid #e05a1a;
    text-decoration: none;
    transition: background 0.2s ease;
}

.adv-btn-outline:hover {
    background: #e05a1a;
    color: #fff;
    text-decoration: none;
}

/* ── Responsive ── */
@media (max-width: 768px) {

    .adv-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .adv-stat-num {
        font-size: 22px;
    }

    .adv-platforms {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {

    .adv-stats {
        grid-template-columns: repeat(1, 1fr);
    }

    .adv-platforms {
        gap: 8px;
        flex-wrap: wrap;
    }

    .adv-pill {
        padding: 8px 14px;
        font-size: 12px;
    }
}

/* ════════════════════════════════
   SEO Packages Table
════════════════════════════════ */
.seo-pkg-wrap {
    border-radius: 0 0 14px 14px;
    border-top: none;
    overflow-x: visible;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
}

.pkg-col-platinum {
    background: #f0fdf4;
}

/* Badges */

/* Section Groups */
.pkg-section {
    margin-top: 8px;
}

.pkg-section-label {
    grid-column: 1 / -1;
    padding: 8px 16px;
    font-size: 11px;
    font-weight: 700;
    color: #e05a1a;
    background: #e05a1a21;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border-top: 1.5px solid #e05a1a;
    border-bottom: 0.5px solid #e05a1a;
}

/* Rows */
.pkg-row {
    display: grid;
    grid-template-columns: 1fr repeat(3, 300px);
    border-bottom: 0.5px solid #e2e8f0;
    transition: background 0.15s;
}

.pkg-row:hover {
    background: #f8fafc;
}

.pkg-row:hover .pkg-col-platinum {
    background: #e8fdf0;
}

.pkg-feat {
    padding: 10px 16px;
    font-weight: 600;
    font-size: 14px;
    color: #091635f7;
    display: flex;
    align-items: center;
    background: #e05a1a3d;
}

.pkg-val {
    padding: 10px 8px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #1a2540;
    background: #fff;
}

.pkg-val.pkg-col-platinum {
    background: #f0fdf4;
    color: #166534;
}

/* Icons */
.pkg-yes {
    color: #16a34a;
    font-size: 14px;
}

.pkg-no {
    color: #dc2626;
    font-size: 13px;
    opacity: 0.5;
}

/* Advanced badge */
.pkg-adv {
    font-size: 9px;
    padding: 1px 6px;
    border-radius: 8px;
    background: #dcfce7;
    color: #166534;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Responsive ── */
@media (max-width: 768px) {

    
    .pkg-row {
        grid-template-columns: 1fr repeat(3, 110px);
    }

    .pkg-feat {
        font-size: 12px;
        padding: 9px 10px;
    }

    .pkg-val {
        font-size: 11px;
        padding: 9px 4px;
    }
}

@media (max-width: 480px) {

    
    .pkg-row {
        grid-template-columns: 1fr repeat(3, 85px);
    }

    .pkg-feat {
        font-size: 11px;
        padding: 8px 8px;
    }
}

/* ════════════════════════════════
   SEO Package Table Header
════════════════════════════════ */
.pkg-table-header {
    display: grid;
    grid-template-columns: 394px 1fr;
    border-radius: 14px 14px 0 0;
    /* border: 1px solid #e2e8f0; */
    border-bottom: 2px solid #e05a1a;
    position: sticky;
    top: 68px;
    z-index: 100;
}





.pkg-table-plans .pkg-plan-head:last-child {
    border-radius: 0 15px 0 0;
    /* top-right */
}

/* Left dark title box */
.pkg-table-title {
    background: #0b3a8a;
    display: flex;
    border-radius: 14px 0 0 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 28px 24px;
    gap: 10px;
}

.pkg-title-icon {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e05a1a;
    font-size: 18px;
}

.pkg-title-text {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

/* Plans row */
.pkg-table-plans {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #fdf4e3;
    border-radius: 0px 15px;

}

/* Individual plan head */
.pkg-plan-head {
    padding: 24px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-left: 1px solid #e8d9b8;
    position: relative;
}

.pkg-plan-head.pkg-plan-featured {
    background: #fff7ed;
    border-top: 3px solid #e05a1a;
}

.pkg-popular-tag {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 700;
    background: #e05a1a;
    color: #fff;
    padding: 2px 12px;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pkg-plan-title {
    font-size: 18px;
    font-weight: 700;
    color: #0b3a8a;
    margin: 0;
}

.pkg-plan-price {
    font-size: 22px;
    font-weight: 700;
    color: #1d5abf;
    margin: 0;
    line-height: 1;
}

.pkg-price-currency {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    vertical-align: super;
}

.pkg-price-mo {
    font-size: 13px;
    font-weight: 500;
    color: #94a3b8;
}

/* Get Quote button */
.pkg-plan-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #e05a1a;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
    margin-top: 4px;
}

.pkg-plan-btn:hover {
    background: #c04a10;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

.pkg-plan-btn-featured {
    background: #1d5abf;
}

.pkg-plan-btn-featured:hover {
    background: #0b3a8a;
}

.pkg-plan-btn i {
    font-size: 11px;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .pkg-table-header {
        grid-template-columns: 1fr;
        border-radius: 14px 14px 0 0;
    }

    .pkg-table-title {
        flex-direction: row;
        align-items: center;
        padding: 18px 20px;
        border-radius: 14px 14px 0 0;
    }

    .pkg-title-text {
        font-size: 18px;
    }

    .pkg-plan-head {
        padding: 18px 12px;
    }

    .pkg-plan-title {
        font-size: 15px;
    }

    .pkg-plan-price {
        font-size: 16px;
    }

    .pkg-plan-btn {
        font-size: 12px;
        padding: 5px 8px;
    }
}

@media (max-width: 480px) {
    .pkg-table-plans {
        grid-template-columns: repeat(3, 1fr);
    }

    .pkg-plan-title {
        font-size: 13px;
    }

    .pkg-popular-tag {
        display: none;
    }
}

/* ════════════════════════════════
   SMM Platform Tabs
════════════════════════════════ */
.smm-tabs-wrap {
    overflow-x: auto;
    margin-bottom: 28px;
    padding-bottom: 4px;
}

.smm-tabs {
    display: flex;
    gap: 10px;
    min-width: max-content;
    justify-content: center;
}

.smm-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.smm-tab:hover {
    border-color: #1d5abf;
    color: #1d5abf;
    background: #e8f0fe;
}

.smm-tab.active {
    background: #e05a1a;
    border-color: #e05a1a;
    color: #fff;
}

.smm-tab i {
    font-size: 14px;
}

/* ── Panels ── */
.smm-panel {
    display: none;
}

.smm-panel.active {
    display: block;
    animation: fadeInTab 0.25s ease;
}

@keyframes fadeInTab {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.smm-panel-title {
    font-size: 18px;
    font-weight: 700;
    color: #0b3a8a;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.smm-panel-title i {
    font-size: 20px;
    color: #e05a1a;
}

/* ── Mobile tabs scroll ── */
@media (max-width: 768px) {
    .smm-tab {
        padding: 8px 14px;
        font-size: 12px;
    }
}

#meeting_date {
    height: 55px;
    font-size: 16px;
    border-radius: 10px;
}



/* Dialog sizing */
.s2lm-dialog {
    max-width: 390px;
    width: calc(100% - 32px);
    margin: auto;
}

/* Card */
.s2lm-content {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(29, 90, 191, .18);
}

/* ── HEADER ── */
.s2lm-header {
    background: linear-gradient(135deg,
            #1d5abf 0%,
            #0b3a8a 55%,
            #e05a1a 100%);
    padding: 20px 20px 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* dot pattern overlay */
.s2lm-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
}

/* close button */
.s2lm-close {
    position: absolute;
    top: 11px;
    right: 13px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .28);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background .2s;
}

.s2lm-close:hover {
    background: rgba(255, 255, 255, .3);
}

/* trust pill */
.s2lm-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50px;
    padding: 3px 11px;
    font-size: 10.5px;
    font-weight: 600;
    color: #fff;
    letter-spacing: .04em;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

/* icon */

/* title */
.s2lm-title {
    font-size: 15.5px;
    font-weight: 800;
    color: #fff;
    line-height: 1.35;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.text-gradient-new {
    color: #FFD54F;
}

/* subtitle */
.s2lm-subtitle {
    font-size: 11px;
    color: rgba(255, 255, 255, .75);
    margin: 0;
    position: relative;
    z-index: 1;
    letter-spacing: .03em;
}

/* ── BODY ── */
.s2lm-body {
    padding: 16px 18px 18px;
    background: #fff;
}

/* service 2×2 grid */
.s2lm-svc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-bottom: 13px;
}

.s2lm-svc-item {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 9px;
    background: #f8faff;
    border: 1px solid rgba(29, 90, 191, .1);
    font-size: 11.5px;
    font-weight: 600;
    color: #0b1f4a;
}

.s2lm-svc-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* free strip */
.s2lm-free-strip {
    display: flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(90deg, #1d5abf 0%, #e05a1a 100%);
    border: 1px solid rgba(29, 90, 191, .14);
    border-radius: 9px;
    padding: 8px 12px;
    font-size: 11.5px;
    color: #0b1f4a;
    /* margin-bottom: 13px; */
}

.s2lm-free-strip strong {
    color: orange;
}

/* inputs */

/* CTA button */

/* privacy */
.s2lm-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 10px;
    color: #94a3b8;
    margin: 10px 0 0;
    text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 430px) {
    .s2lm-dialog {
        max-width: calc(100% - 24px);
    }

    .s2lm-header {
        padding: 18px 18px 14px;
    }

    .s2lm-body {
        padding: 14px 14px 16px;
    }

    .s2lm-title {
        font-size: 14.5px;
    }

    .s2lm-svc-item {
        font-size: 11px;
        padding: 6px 9px;
    }
}

@media (max-width: 360px) {
    .s2lm-svc-grid {
        grid-template-columns: 1fr;
    }

    .s2lm-title {
        font-size: 14px;
    }
}

/* ===== STARTER PAGE ONLY ===== */

.s2-starter-card {
    position: relative;
    overflow: hidden;
    padding: 55px;
    border-radius: 32px;
    background: #0d1117;
    border: 1px solid rgba(255, 255, 255, .08);
}

.s2-starter-card::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    background: #ff6b00;
    filter: blur(140px);
    opacity: .18;
    top: -120px;
    right: -100px;
}

.s2-starter-card::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: #0084ff;
    filter: blur(140px);
    opacity: .18;
    bottom: -100px;
    left: -100px;
}

.s2-starter-badge {
    display: inline-block;
    background: rgba(255, 107, 0, .15);
    color: #ff6b00;
    border: 1px solid rgba(255, 107, 0, .4);
    padding: 10px 18px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 700;
}

.s2-starter-title {
    color: #fff;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.08;
    margin-top: 20px;
}

.s2-starter-title span {
    color: #ff6b00;
}

.s2-starter-desc {
    color: #c9d1d9;
    font-size: 18px;
    margin-top: 18px;
    max-width: 620px;
}

.s2-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 35px;
}

.s2-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 253, 208, 0.4);
    backdrop-filter: blur(10px);
    border-radius: 14px;
    padding: 15px;
    color: #0e0d0d;
}

.s2-feature-item i {
    color: #ff6b00;
    font-size: 20px;
}

.s2-btn-wrap {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.s2-btn-primary {
    background: #ff6b00;
    color: #fff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 600;
}

.s2-btn-primary:hover {
    color: #fff;
}

.s2-btn-secondary {
    border: 1px solid rgba(255, 255, 255, .15);
    color: #fff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 12px;
}

.s2-price-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 253, 208, 0.4);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 35px;
    color: #0e0d0d;
}

.s2-price-tag {
    display: inline-block;
    background: #ff6b00;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
}

.s2-price-card h2 {
    font-size: 64px;
    font-weight: 800;
    color: #ff6b00;
    margin-top: 15px;
}

.s2-price-card ul {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}

.s2-price-card ul li {
    margin-bottom: 12px;
}

.s2-price-card i {
    color: #0084ff;
    margin-right: 8px;
}

/* RESPONSIVE */

@media(max-width:991px) {

    .s2-starter-card {
        padding: 30px;
    }

    .s2-starter-title {
        font-size: 38px;
    }

    .s2-price-card {
        margin-top: 25px;
    }

}

@media(max-width:767px) {

    .s2-feature-grid {
        grid-template-columns: 1fr;
    }

    .s2-btn-wrap {
        flex-direction: column;
    }

    .s2-starter-title {
        font-size: 32px;
    }

    .s2-starter-desc {
        font-size: 16px;
    }

}

.s2-starter-card {
    transition: .4s;
}

.s2-starter-card:hover {
    transform: translateY(-5px);
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: .5;
}

.swiper-pagination-bullet-active {
    background: #ff6b00;
    opacity: 1;
}

/* ── S2CODE Career Modal  |  namespace: s2ct-* ── */



.s2ct-content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

/* Header */
.s2ct-head {
    background: linear-gradient(135deg, #0f3a5c 0%, #1a5f8a 55%, #c8601f 100%);
    padding: 13px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.s2ct-head-logo {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.s2ct-head-info {
    flex: 1;
}

.s2ct-head-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.s2ct-head-sub {
    color: rgba(255, 255, 255, 0.72);
    font-size: 11.5px;
    margin: 0;
}

.s2ct-xbtn {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: background .18s;
}

.s2ct-xbtn:hover {
    background: rgba(255, 255, 255, 0.28);
}

/* Body */
.s2ct-body {
    background: #eef3f8;
    padding: 13px 18px 8px;
}

.s2ct-sec-lbl {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #1a5f8a;
    margin: 0 0 9px;
}

.s2ct-grp {
    margin-bottom: 9px;
}

.s2ct-lbl {
    font-size: 11.5px;
    font-weight: 500;
    color: #2d3a4a;
    display: block;
    margin-bottom: 4px;
}

.s2ct-req {
    color: #d63031;
}

/* Input wrapper */
.s2ct-iw {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #c2d4e4;
    border-radius: 7px;
    overflow: hidden;
    transition: border-color .18s, box-shadow .18s;
}

.s2ct-iw:focus-within {
    border-color: #1a5f8a;
    box-shadow: 0 0 0 2.5px rgba(26, 95, 138, .12);
}

.s2ct-ico {
    padding: 0 9px;
    color: #1a5f8a;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.s2ct-inp,
.s2ct-sel {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12.5px;
    padding: 7px 8px 7px 0;
    width: 100%;
    color: #1a202c;
    font-family: inherit;
}

.s2ct-sel {
    cursor: pointer;
    appearance: none;
}

.s2ct-chev {
    padding-right: 9px;
    color: #1a5f8a;
    display: flex;
    align-items: center;
}

/* Upload */
.s2ct-drop {
    border: 1.5px dashed #9ab5cc;
    border-radius: 8px;
    background: #fff;
    padding: 13px 12px;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: background .18s, border-color .18s;
}

.s2ct-drop:hover,
.s2ct-drag {
    background: #ddeef8;
    border-color: #1a5f8a;
}

.s2ct-drop-ico {
    display: block;
    margin: 0 auto 5px;
}

.s2ct-drop-txt {
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: 500;
    color: #2d3a4a;
}

.s2ct-drop-hint {
    margin: 0;
    font-size: 10.5px;
    color: #718096;
}

.s2ct-finp {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.s2ct-fname {
    font-size: 11.5px;
    color: #1a5f8a;
    font-weight: 500;
    margin-top: 4px;
}

/* Footer */
.s2ct-foot {
    background: #eef3f8;
    border-top: 1px solid #d4e2ee;
    padding: 10px 18px 14px;
    display: flex;
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 575.98px) {
    .s2ct-dialog {
        margin: 10px;
    }

    .s2ct-head {
        padding: 12px 14px;
    }

    .s2ct-body {
        padding: 12px 14px 6px;
    }

    .s2ct-foot {
        padding: 8px 14px 12px;
    }
}


.active .s2proj-nav-menu {
    color: #e05a1a !important;
    position: relative;
}

.active .s2proj-nav-menu::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e05a1a;
    border-radius: 10px;
}

/* --- Hero Section --- */
.s2proj-hero-sec {
    position: relative;
    padding: 55px 0 40px;
    background: linear-gradient(180deg, rgb(33 91 187) 0%, rgb(5 45 110) 50.5%, rgb(177 94 57) 88.5%, rgb(155 80 31) 100%) 0% 0% / cover;
    overflow: hidden;
}

.s2proj-badge-work {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: inline-block;
    margin-bottom: 20px;
}

.s2proj-hero-sec .s2proj-hero-title {
    font-size: 50px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.15;
    letter-spacing: -0.5px;
}

.s2proj-hero-sec .s2proj-text-highlight-orange {
    font-style: italic;
    background: linear-gradient(307deg, #efa677 0%, #ff5c05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 850;
}

.s2proj-hero-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin: 20px 0 30px;
    max-width: 580px;
}

/* --- Hero Mini Stats Row --- */

/* --- Interactive Mockup Graphic (Right Side) --- */

/* Dashboard Mockup Card */

/* Mockup Header */

/* Grid Mockup Layout */

/* Floating Badges & Icons */

@keyframes s2projFloatAnim {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* --- Project Grid & Cards --- */
.s2proj-grid-sec {
    padding: 10px 0 20px;
    background: #ffffff;
}

.s2proj-card {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    overflow: hidden;
    height: 100%;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01);
}

.s2proj-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
    border-color: 2px solid linear-gradient(180deg, rgb(33 91 187) 0%, rgb(5 45 110) 50.5%, rgb(177 94 57) 88.5%, rgb(155 80 31) 100%) 0% 0%;
}

/* Client Card Header */
.s2proj-card-header {
    height: 170px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-bottom: 1px solid #f1f5f9;
    padding: 20px;
}

.s2proj-card-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    background-image:
        radial-gradient(rgba(29, 90, 191, 0.08) 1px, transparent 1px),
        linear-gradient(135deg, rgba(29, 90, 191, 0.04) 0%, rgba(224, 90, 26, 0.04) 100%);
    background-size: 16px 16px, 100% 100%;
    background-position: 0 0, 0 0;
    z-index: 1;
    transition: all 0.4s ease;
}

.s2proj-card:hover .s2proj-card-bg-overlay {
    background-image:
        radial-gradient(rgba(224, 90, 26, 0.12) 1.2px, transparent 1.2px),
        linear-gradient(135deg, rgba(224, 90, 26, 0.06) 0%, rgba(29, 90, 191, 0.06) 100%);
    background-size: 16px 16px, 100% 100%;
}

/* Logo overlay */
.s2proj-client-logo {
    position: relative;
    z-index: 2;
    max-width: 85%;
    max-height: 80px;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.s2proj-card:hover .s2proj-client-logo {
    transform: scale(1.05);
}

/* Card Content Body */
.s2proj-card-body {
    padding: 22px 20px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.s2proj-badge {
    background-color: #f1f5f9;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

/* Specific category colors */

.s2proj-badge.s2proj-cat-education {
    background-color: #ffedd5;
    color: #9a3412;
}

/* Avatar styling to avoid clashes */

.s2proj-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #0c447c;
    margin-bottom: 8px;
}

.s2proj-card-desc {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Card bottom footer: link arrow button */
.s2proj-card-footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s2proj-link-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f1f5f9;
    color: #1d5abf;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-left: auto;
    transition: all 0.25s ease;
}

.s2proj-card:hover .s2proj-link-arrow {
    background: #1d5abf;
    color: #ffffff;
    transform: rotate(-45deg);
}

/* --- CTA Banner --- */
.s2proj-cta-section {
    padding: 40px 0 60px;
    background: #ffffff;
}

.s2proj-cta-card {
    background: linear-gradient(135deg,
            #1d5abf 0%,
            #0b3a8a 45%,
            #16387a 65%,
            #b84510 86%,
            #e05a1a 100%);
    border-radius: 24px;
    padding: 45px 50px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
}

.s2proj-cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            rgba(11, 58, 138, 0.75) 0%,
            rgba(29, 90, 191, 0.55) 55%,
            rgba(224, 90, 26, 0.35) 100%);
    pointer-events: none;
    z-index: 0;
}

.s2proj-cta-left-content {
    position: relative;
    z-index: 2;
}

.s2proj-cta-card .s2proj-cta-title {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.s2proj-cta-card .s2proj-cta-desc {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.s2proj-cta-right-actions {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.s2proj-cta-illustration {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.s2proj-cta-illus-svg {
    width: 100%;
    max-width: 220px;
    height: auto;
    filter: drop-shadow(0 12px 24px rgba(15, 23, 42, 0.25));
}

/* --- Responsive Bottom Trust Strip --- */

/* ==========================================================================
   Media Queries & Responsiveness Overrides
   ========================================================================== */

/* Large screens (min 1200px to max 1400px) */
@media (max-width: 1399px) {
    .s2proj-hero-sec .s2proj-hero-title {
        font-size: 42px;
    }
}

/* Medium devices / Desktops (992px to 1199px) */
@media (max-width: 1199px) {
    .s2proj-hero-sec {
        padding: 25px 0;
    }

    .s2proj-hero-sec .s2proj-hero-title {
        font-size: 38px;
    }

    .s2proj-cta-card {
        padding: 35px 40px;
    }

    .s2proj-cta-card .s2proj-cta-title {
        font-size: 28px;
    }
}

/* Tablets (768px to 991px) */
@media (max-width: 991px) {
    .s2proj-hero-sec .s2proj-hero-title {
        font-size: 34px;
        text-align: center;
    }

    .s2proj-hero-sec .s2proj-hero-text-side {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .s2proj-hero-subtitle {
        text-align: center;
    }

    .s2proj-badge-work {
        margin: 0 auto 15px;
    }

    .s2proj-cta-right-actions {
        justify-content: flex-start;
        margin-top: 25px;
    }
}

/* Small screen / Phones (up to 767px) */
@media (max-width: 767px) {
    .s2proj-hero-sec {
        padding: 40px 0;
    }

    .s2proj-hero-sec .s2proj-hero-title {
        font-size: 30px;
    }

    .s2proj-hero-subtitle {
        font-size: 14.5px;
    }

    .s2proj-card-header {
        height: 150px;
    }

    .s2proj-cta-card {
        padding: 30px 24px;
        border-radius: 16px;
    }

    .s2proj-cta-card .s2proj-cta-title {
        font-size: 24px;
    }

    .s2proj-cta-card .s2proj-cta-desc {
        font-size: 13.5px;
    }

    .s2proj-cta-right-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Very Small Mobile viewports (up to 480px) */
@media (max-width: 480px) {
    .s2proj-hero-sec .s2proj-hero-title {
        font-size: 26px;
    }


}

.breadcrumb-bar {
    position: relative;
    padding: 65px 0;
    background: linear-gradient(180deg, rgb(33, 91, 187) 0%, rgb(5, 45, 110) 100%) 0% 0% / cover;
    overflow: hidden;
}

.breadcrumb-bar::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 20%, rgba(239, 166, 119, 0.15) 0%, transparent 50%);
    pointer-events: none;
}

.breadcrumb-bar .breadcrumb-title {
    color: #ffffff !important;
    font-size: 38px;
    font-weight: 800;
    margin-top: 10px;
    letter-spacing: -0.5px;
}

.breadcrumb-bar .breadcrumb-item a,
.breadcrumb-bar .breadcrumb-item i {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px;
    transition: all 0.25s ease;
    text-decoration: none;
}

.breadcrumb-bar .breadcrumb-item a:hover {
    color: #efa677 !important;
}

.breadcrumb-bar .breadcrumb-item.active {
    color: #efa677 !important;
    font-weight: 600;
}

.breadcrumb-bar .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* --- Contact Section Styling --- */
.contact-section {
    padding: 80px 0;
    background-color: #f8fafc;
    background-image:
        radial-gradient(rgba(29, 90, 191, 0.04) 1.2px, transparent 1.2px);
    background-size: 24px 24px;
}

.contact-inner-header h6 {
    color: #ff5c05 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 12px !important;
}

.contact-inner-header h2 {
    color: #052d6e !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    margin-bottom: 35px !important;
    letter-spacing: -0.5px;
}

/* --- Contact Info Cards --- */
.contact-card {
    background: #ffffff !important;
    border: 1px solid rgba(29, 90, 191, 0.08) !important;
    border-radius: 16px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

.contact-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.07) !important;
    border-color: rgba(33, 91, 187, 0.15) !important;
}

.contact-card .card-body {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 24px !important;
}

.contact-card .contact-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
    background: rgba(33, 91, 187, 0.07) !important;
    color: #215bbb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.contact-card:hover .contact-icon {
    background: #215bbb !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(33, 91, 187, 0.25) !important;
}

.contact-card .contact-details h4 {
    font-size: 16px !important;
    font-weight: 750 !important;
    color: #052d6e !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.2px;
}

.contact-card .contact-details p {
    font-size: 14px !important;
    color: #64748b !important;
    margin-bottom: 0 !important;
    line-height: 1.55 !important;
}

/* --- Contact Form Card --- */
.contact-form-card {
    background: #ffffff !important;
    border: 1px solid rgba(29, 90, 191, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;
    padding: 15px !important;
    border-top: 4px solid #215bbb !important;
}

.contact-form-card h2 {
    color: #052d6e !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

.contact-form-card .form-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-form-card .form-control {
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    background-color: #f8fafc !important;
    transition: all 0.3s ease !important;
}

.contact-form-card .form-control:focus {
    background-color: #ffffff !important;
    border-color: #215bbb !important;
    box-shadow: 0 0 0 4px rgba(33, 91, 187, 0.12) !important;
    outline: none !important;
}

.contact-form-card select.form-control {
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
}

/* --- Submit Button --- */
.contact-form-card .btn-primary-gradient {
    background: linear-gradient(135deg, #215bbb 0%, #ff5c05 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 15px 35px !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(33, 91, 187, 0.25) !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer;
}

.contact-form-card .btn-primary-gradient:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(255, 92, 5, 0.35) !important;
}

/* --- Responsive Media Queries --- */
@media (max-width: 991px) {
    .breadcrumb-bar {
        padding: 50px 0;
    }

    .breadcrumb-bar .breadcrumb-title {
        font-size: 32px;
    }

    .contact-inner-header h2 {
        font-size: 28px;
        text-align: center;
    }

    .contact-inner-header {
        text-align: center;
    }

    .contact-card .card-body {
        padding: 20px !important;
    }
}

.edu-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.automotive-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.agriculture-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.restaurant-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.retail-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.banking-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.travel-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.realestate-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.manufacturing-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.healthcare-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

.ecommerce-cta-icon {
    font-size: 140px !important;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)) !important;
}

/* Upgraded process section timeline design */
.seo-process-section {
    background: #ffffff !important;
    padding: 70px 0 80px !important;
    position: relative !important;
}

.sp-icon-box {
    width: 96px !important;
    height: 96px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 2px solid rgba(226, 232, 240, 0.8) !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative !important;
    z-index: 2 !important;
}

.sp-icon-box i {
    font-size: 26px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.sp-item:hover .sp-icon-box i {
    transform: scale(1.2) rotate(8deg) !important;
}

/* Float labels as elegant capsule badges */
.sp-label {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #475569 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    margin-top: 12px !important;
    background: #f8fafc !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Dynamic theme gradients & shadows on hover */
/* Step 1 & 4: Blue */
.seo-process-row:first-child .sp-item:nth-child(1):hover .sp-icon-box,
.seo-process-row:last-child .sp-item:nth-child(1):hover .sp-icon-box {
    border-color: #1d5abf !important;
    box-shadow: 0 20px 35px rgba(29, 90, 191, 0.18) !important;
    background: linear-gradient(135deg, #ffffff, #f0f6ff) !important;
}

.seo-process-row:first-child .sp-item:nth-child(1):hover .sp-label,
.seo-process-row:last-child .sp-item:nth-child(1):hover .sp-label {
    color: #1d5abf !important;
    border-color: #1d5abf !important;
    background: #ffffff !important;
    box-shadow: 0 10px 15px -3px rgba(29, 90, 191, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Step 2 & 5: Orange */
.seo-process-row:first-child .sp-item:nth-child(2):hover .sp-icon-box,
.seo-process-row:last-child .sp-item:nth-child(2):hover .sp-icon-box {
    border-color: #e05a1a !important;
    box-shadow: 0 20px 35px rgba(224, 90, 26, 0.18) !important;
    background: linear-gradient(135deg, #ffffff, #fff5f0) !important;
}

.seo-process-row:first-child .sp-item:nth-child(2):hover .sp-label,
.seo-process-row:last-child .sp-item:nth-child(2):hover .sp-label {
    color: #e05a1a !important;
    border-color: #e05a1a !important;
    background: #ffffff !important;
    box-shadow: 0 10px 15px -3px rgba(224, 90, 26, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Step 3: Yellow */
.seo-process-row:first-child .sp-item:nth-child(3):hover .sp-icon-box {
    border-color: #d97706 !important;
    box-shadow: 0 20px 35px rgba(217, 119, 6, 0.18) !important;
    background: linear-gradient(135deg, #ffffff, #fdfbeb) !important;
}

.seo-process-row:first-child .sp-item:nth-child(3):hover .sp-label {
    color: #d97706 !important;
    border-color: #d97706 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 15px -3px rgba(217, 119, 6, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Step 6: Green */
.seo-process-row:last-child .sp-item:nth-child(3):hover .sp-icon-box {
    border-color: #059669 !important;
    box-shadow: 0 20px 35px rgba(5, 150, 105, 0.18) !important;
    background: linear-gradient(135deg, #ffffff, #f0fdf4) !important;
}

.seo-process-row:last-child .sp-item:nth-child(3):hover .sp-label {
    color: #059669 !important;
    border-color: #059669 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 15px -3px rgba(5, 150, 105, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Pulsing, flowing connecting lines */
@keyframes flowRightBlue {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 24px 0;
    }
}

@keyframes flowRightOrange {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 24px 0;
    }
}

@keyframes flowDownGradient {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 24px;
    }
}

.seo-process-row:first-child::before {
    content: "" !important;
    position: absolute !important;
    top: 48px !important;
    left: 16% !important;
    width: 68% !important;
    height: 4px !important;
    background: repeating-linear-gradient(to right, #1d5abf 0, #1d5abf 10px, transparent 10px, transparent 20px) !important;
    background-size: 20px 4px !important;
    animation: flowRightBlue 1s linear infinite !important;
    z-index: 0 !important;
    filter: drop-shadow(0 0 4px rgba(29, 90, 191, 0.5)) !important;
}

.seo-process-row:last-child::before {
    content: "" !important;
    position: absolute !important;
    top: 48px !important;
    left: 16% !important;
    width: 68% !important;
    height: 4px !important;
    background: repeating-linear-gradient(to right, #e05a1a 0, #e05a1a 10px, transparent 10px, transparent 20px) !important;
    background-size: 20px 4px !important;
    animation: flowRightOrange 1s linear infinite !important;
    z-index: 0 !important;
    filter: drop-shadow(0 0 4px rgba(224, 90, 26, 0.5)) !important;
}

.seo-process-grid::before {
    content: "" !important;
    position: absolute !important;
    right: 16% !important;
    top: 96px !important;
    width: 4px !important;
    height: 52px !important;
    background: repeating-linear-gradient(to bottom, #1d5abf 0, #1d5abf 8px, #e05a1a 8px, #e05a1a 16px, transparent 16px, transparent 24px) !important;
    background-size: 4px 24px !important;
    animation: flowDownGradient 1.2s linear infinite !important;
    z-index: 0 !important;
    filter: drop-shadow(0 0 3px rgba(29, 90, 191, 0.3)) drop-shadow(0 0 3px rgba(224, 90, 26, 0.3)) !important;
}

.seo-process-grid::after {
    content: "▼" !important;
    position: absolute !important;
    right: calc(16% - 7px) !important;
    top: 144px !important;
    color: #e05a1a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    z-index: 1 !important;
    filter: drop-shadow(0 2px 4px rgba(224, 90, 26, 0.4)) !important;
}

/* Tablet / Large Mobile (max-width: 767px) */
@media (max-width: 767px) {

    .seo-process-row:first-child::before,
    .seo-process-row:last-child::before {
        top: 36px !important;
        height: 3px !important;
        background-size: 16px 3px !important;
    }

    .seo-process-grid::before {
        top: 72px !important;
        height: 40px !important;
        width: 3px !important;
        background-size: 3px 20px !important;
    }

    .seo-process-grid::after {
        top: 108px !important;
        right: calc(16% - 6px) !important;
        font-size: 14px !important;
    }
}

/* Small Mobile (max-width: 575px) */
@media (max-width: 575px) {

    .seo-process-row:first-child::before,
    .seo-process-row:last-child::before {
        top: 34px !important;
        height: 3px !important;
    }

    .seo-process-grid::before {
        top: 68px !important;
        height: 36px !important;
    }

    .seo-process-grid::after {
        top: 100px !important;
        right: calc(16% - 5px) !important;
        font-size: 12px !important;
    }
}

/* Extra Small Mobile (max-width: 380px) */
@media (max-width: 380px) {

    .seo-process-row:first-child::before,
    .seo-process-row:last-child::before {
        top: 30px !important;
        height: 3px !important;
    }

    .seo-process-grid::before {
        top: 60px !important;
        height: 32px !important;
    }

    .seo-process-grid::after {
        top: 88px !important;
        right: calc(16% - 5px) !important;
        font-size: 11px !important;
    }
}

.whatsapp-sticky {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.whatsapp-sticky:hover {
    transform: scale(1.1);
    color: white;
}

@media (max-width: 767px) {
    .whatsapp-sticky {
        bottom: 95px !important;
        right: 20px !important;
        width: 50px !important;
        height: 50px !important;
        font-size: 26px !important;
    }
}

@keyframes whatsappPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.whatsapp-sticky {
    animation: whatsappPulse 2s infinite ease-in-out;
}

/* ==========================================
   S2CODE CRM CUSTOM REDESIGN STYLES
   ========================================== */
/* ===================================================
   CRM PAGE — BRAND COLOR & LAYOUT TOKENS
   S2Code brand: blue #1d5abf | orange #e05a1a
   =================================================== */

/* ---------- Hero ---------- */
.crm-hero-section {
    background: linear-gradient(180deg, #1d5abf 0%, #174da6 50.5%, #f4956a 88.5%, #ffd4b8 100%) !important;
    position: relative;
    overflow: hidden;
}

.crm-hero-title {
    font-size: 2.8rem;
    line-height: 1.2;
    color: #ffffff !important;
}

.crm-hero-lead {
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9) !important;
}

.crm-text-gradient {
    background: linear-gradient(120deg, #ffffff 0%, #ffeaa7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.crm-btn-lg {
    font-size: 15px;
}

.crm-btn-outline-lg {
    font-size: 15px;
    border-width: 2px;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.crm-btn-outline-lg:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #ffffff !important;
}

.crm-check-item {
    font-size: 14px;
    color: #ffffff !important;
}

.crm-check-item i {
    color: #ffeaa7 !important;
}

.crm-ratings-label {
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8) !important;
}

.crm-card-rounded {
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

.crm-expert-avatar {
    width: 54px;
    height: 54px;
    border: 2px solid #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    background: linear-gradient(135deg, rgba(29, 90, 191, 0.1), rgba(224, 90, 26, 0.1)) !important;
    border: 1px solid rgba(29, 90, 191, 0.15) !important;
    overflow: hidden;
}

.crm-hero-section .border-bottom {
    border-bottom: 1px solid rgba(29, 90, 191, 0.1) !important;
}

.crm-hero-section form input.form-control,
.crm-hero-section form select.form-control {
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #334155 !important;
    transition: all 0.25s ease-in-out !important;
}

.crm-hero-section form input.form-control:focus,
.crm-hero-section form select.form-control:focus {
    border-color: #1d5abf !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3.5px rgba(29, 90, 191, 0.12) !important;
}

.crm-hero-section form .form-check-input {
    border: 1.5px solid #cbd5e1 !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.crm-hero-section form .form-check-input:checked {
    background-color: #1d5abf !important;
    border-color: #1d5abf !important;
}

.crm-hero-section form .form-check-label a {
    color: #1d5abf !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.crm-hero-section form .form-check-label a:hover {
    color: #e05a1a !important;
    text-decoration: underline !important;
}

.crm-hero-section form button.btn-enquire {
    background: linear-gradient(135deg, #1d5abf 0%, #e05a1a 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 28px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(29, 90, 191, 0.2) !important;
}

.crm-hero-section form button.btn-enquire:hover {
    background: linear-gradient(135deg, #174da6 0%, #c2410c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(29, 90, 191, 0.35) !important;
}

/* ---------- Fun extra: floating icons in hero ---------- */
.crm-float-icon {
    position: absolute;
    color: #ffffff;
    opacity: 0.25;
    animation: crmFloat 6s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

.crm-float-1 {
    top: 8%;
    right: 8%;
    font-size: 2.4rem;
    animation-delay: 0s;
}

.crm-float-2 {
    top: 55%;
    right: 2%;
    font-size: 1.8rem;
    color: #ffffff;
    animation-delay: 1.4s;
}

.crm-float-3 {
    top: 78%;
    right: 18%;
    font-size: 1.5rem;
    animation-delay: 2.6s;
}

@keyframes crmFloat {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-16px) rotate(6deg);
    }
}

@media (max-width: 991px) {
    .crm-float-icon {
        display: none;
    }
}

/* ---------- Live pulse badge ---------- */
.crm-live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    margin-right: 6px;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
    animation: crmPulse 1.8s infinite;
}

@keyframes crmPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.55);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

/* ---------- Trusted-by strip ---------- */
.crm-trustedby-label {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.crm-trust-logo {
    opacity: 0.95 !important;
    transition: all 0.2s ease-in-out !important;
}

.crm-trust-logo:hover {
    opacity: 1 !important;
    transform: scale(1.06) !important;
}

/* ---------- Section header (shared) ---------- */
.crm-section-intro {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.crm-section-title {
    font-size: 2.2rem;
}

.crm-section-desc {
    font-size: 15px;
}

/* ---------- Brand color overrides (scoped, not global Bootstrap) ---------- */
.crm-text-primary {
    color: #1d5abf !important;
}

.crm-icon-bg-primary {
    background: linear-gradient(135deg, #1d5abf, #2f6fe0) !important;
    color: #fff !important;
}

.crm-icon-bg-secondary {
    background: linear-gradient(135deg, #e05a1a, #f97316) !important;
    color: #fff !important;
}

/* ---------- Feature cards ---------- */
.crm-feature-card {
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    border-radius: 16px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.crm-card-blue {
    background: linear-gradient(135deg, #f0f5ff 0%, #ffffff 100%) !important;
    border-top: 4px solid #1d5abf !important;
}

.crm-card-orange {
    background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
    border-top: 4px solid #e05a1a !important;
}

.crm-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(29, 90, 191, 0.1) !important;
}

.crm-feature-icon {
    width: 46px;
    height: 46px;
    font-size: 1.25rem;
}

.crm-feature-desc {
    font-size: 14px;
    line-height: 1.5;
}

/* ---------- Badges ---------- */
.crm-badge-custom {
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* ---------- Module blocks ---------- */
.crm-module-title {
    font-size: 2rem;
}

.crm-module-desc {
    font-size: 15px;
    line-height: 1.6;
}

/* ---------- SVG diagram shadow helpers (replaces inline style="filter:...") ---------- */
.crm-svg-shadow-sm {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
}

.crm-svg-shadow-blue {
    filter: drop-shadow(0 4px 10px rgba(29, 90, 191, 0.12));
}

/* ---------- FAQ accordion ---------- */
.crm-faq-btn {
    font-size: 16px !important;
}

.crm-faq-body {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}

/* ===================================================
   RESPONSIVE ADJUSTMENTS
   =================================================== */
@media (max-width: 991.98px) {
    .crm-hero-title {
        font-size: 2.2rem;
    }

    .crm-section-title {
        font-size: 1.8rem;
    }

    .crm-module-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 767.98px) {
    .crm-hero-title {
        font-size: 1.9rem;
        line-height: 1.3;
    }

    .crm-hero-lead {
        font-size: 15.5px;
    }

    .crm-section-title {
        font-size: 1.55rem;
    }

    .crm-module-title {
        font-size: 1.4rem;
    }

    .crm-feature-icon {
        width: 40px;
        height: 40px;
        font-size: 1.05rem;
    }

    .crm-faq-btn {
        font-size: 14.5px !important;
    }
}

@media (max-width: 575.98px) {
    .crm-hero-title {
        font-size: 1.65rem;
    }

    .crm-btn-lg,
    .crm-btn-outline-lg {
        font-size: 13.5px;
    }
}

/* ============================================================
   SMS PAGE — School Management System Custom Styles
   Added from sms.blade.php inline style block
   Lines start: 71425
   ============================================================ */

.sms-hero-section {
    background: linear-gradient(180deg, #1d5abf 0%, #174da6 50.5%, #f4956a 88.5%, #ffd4b8 100%);
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}
.sms-hero-section .crm-hero-title,
.sms-hero-section .crm-hero-lead,
.sms-hero-section .crm-check-item,
.sms-hero-section .banner-btns .btn-outline-secondary {
    color: #ffffff !important;
}
.sms-hero-section .crm-check-item i { color: #ffd4b8 !important; }
.sms-hero-section .text-muted { color: rgba(255,255,255,0.82) !important; }
.sms-hero-section .btn-outline-secondary { border-color: rgba(255,255,255,0.55) !important; }
.sms-hero-section .btn-outline-secondary:hover { background: rgba(255,255,255,0.15) !important; }

.sms-text-gradient {
    background: linear-gradient(120deg, #ffffff 0%, #ffeaa7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.sms-badge-hero {
    background: rgba(255,255,255,0.18) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    backdrop-filter: blur(4px);
}
.sms-ratings-label { color: rgba(255,255,255,0.75) !important; }

.sms-live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #4ade80;
    border-radius: 50%;
    margin-right: 8px;
    animation: smsPulse 1.5s infinite;
}
@keyframes smsPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

.sms-form-card {
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.8);
    box-shadow: 0 20px 60px rgba(29,90,191,0.22), 0 4px 16px rgba(0,0,0,0.08);
    border-radius: 18px;
    padding: 2rem 2.2rem;
}

.sms-section-badge {
    background: #eff6ff;
    color: #1d5abf;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 5px 16px;
    border-radius: 50px;
    border: 1px solid #bfdbfe;
    display: inline-block;
    margin-bottom: 12px;
}
.sms-section-title {
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #1a202c;
    line-height: 1.25;
}
.sms-section-desc { color: #64748b; font-size: 1.05rem; max-width: 600px; margin: 0 auto; }

.sms-feature-card {
    border-radius: 14px;
    padding: 1.6rem 1.4rem;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    border-top: 4px solid transparent;
}
.sms-feature-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(29,90,191,0.12) !important; }
.sms-card-blue { background: linear-gradient(145deg, #f0f5ff 0%, #ffffff 100%); border-top-color: #1d5abf; }
.sms-card-orange { background: linear-gradient(145deg, #fff7ed 0%, #ffffff 100%); border-top-color: #e05a1a; }

.sms-icon-blue {
    background: #dbeafe;
    color: #1d5abf;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.sms-icon-orange {
    background: #ffedd5;
    color: #e05a1a;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.sms-stats-strip { background: linear-gradient(135deg, #1d5abf 0%, #174da6 100%); padding: 50px 0; }
.sms-stat-number { font-size: 2.6rem; font-weight: 800; font-family: 'Outfit', sans-serif; color: #ffffff; line-height: 1; }
.sms-stat-label { color: rgba(255,255,255,0.78); font-size: 0.9rem; margin-top: 6px; }
.sms-stat-divider { border-right: 1px solid rgba(255,255,255,0.2); }

.sms-module-title { font-family: 'Outfit', sans-serif; font-size: 1.7rem; font-weight: 800; color: #1a202c; }

.sms-check-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; font-size: 0.95rem; }
.sms-check-item i { color: #10b981; margin-top: 2px; flex-shrink: 0; }

.sms-why-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 1.6rem; transition: all 0.2s ease; }
.sms-why-card:hover { border-color: #1d5abf; box-shadow: 0 8px 24px rgba(29,90,191,0.1); transform: translateY(-3px); }
.sms-why-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; margin-bottom: 1rem; }

.sms-faq-btn { font-weight: 600; font-size: 0.98rem; color: #1a202c; padding: 1.1rem 1.3rem; border-radius: 10px; }
.sms-faq-btn:not(.collapsed) { color: #1d5abf; background-color: #eff6ff; }
.sms-faq-btn::after { filter: none; }

.sms-float-icon { position: absolute; opacity: 0.08; font-size: 3.5rem; color: #ffffff; pointer-events: none; }
.sms-float-1 { top: 10%; left: 4%; animation: floatA 5s ease-in-out infinite; }
.sms-float-2 { top: 20%; left: 12%; animation: floatB 6s ease-in-out infinite; }
.sms-float-3 { bottom: 20%; right: 5%; animation: floatA 4.5s ease-in-out infinite; }
@keyframes floatA { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes floatB { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } }

.sms-trust-logo { opacity: 1; filter: none; transition: transform 0.2s ease; }
.sms-trust-logo:hover { transform: scale(1.08); }

.sms-cta-strip { background: linear-gradient(135deg, #0b1e3f 0%, #1d5abf 100%); padding: 70px 0; border-radius: 20px; margin: 0 20px; }

/* ===================================================
   SMS PAGE RESPONSIVE ADJUSTMENTS
   =================================================== */
@media (max-width: 991.98px) {
    .sms-hero-section {
        padding: 50px 0 40px;
    }
    .sms-section-title {
        font-size: 1.8rem;
    }
    .sms-module-title {
        font-size: 1.6rem;
    }
    .sms-float-icon {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .sms-hero-section {
        padding: 40px 0 30px;
    }
    .sms-section-title {
        font-size: 1.55rem;
    }
    .sms-module-title {
        font-size: 1.4rem;
    }
    .sms-form-card {
        padding: 1.5rem;
        margin-top: 2rem;
    }
    .sms-stat-divider {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.15);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .sms-stat-divider:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .sms-cta-strip {
        padding: 40px 20px;
        margin: 0;
        border-radius: 12px;
    }
}

@media (max-width: 575.98px) {
    .sms-section-title {
        font-size: 1.45rem;
    }
    .sms-form-card {
        padding: 1.25rem 1rem;
    }
}

/* ============================================================
   STICKY MOBILE FOOTER BAR STYLES
   Moved from footer-top.blade.php
   ============================================================ */
.sticky-mobile-footer {
    z-index: 1040;
    height: 60px;
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.sticky-mobile-footer .btn-call-now {
    background-color: #e05a1a;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 5px;
}

.sticky-mobile-footer .btn-schedule-meeting {
    background-color: #1d5abf;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 5px;
}

/* CSS to display the sticky bar correctly on mobile screens */
@media (max-width: 767.98px) {
    .sticky-mobile-footer {
        display: flex !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body {
        padding-bottom: 60px !important;
    }
}

/* ============================================================
   BULLETPROOF MOBILE RESPONSIVENESS AND OVERFLOW CORRECTIONS
   Cures zoomed-out / right-side white space on CRM & SMS pages
   ============================================================ */

/* 1. Force the root layout elements to never exceed screen width */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. Overwrite Bootstrap's modal scrollbar padding that causes horizontal zoom-out */
body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* 3. Hide progress step labels on mobile viewports to prevent wide headers */
@media (max-width: 575.98px) {
    .booking-modal .step-label {
        display: none !important;
    }
    /* Adjust line connectors in wizard header */
    .form-wizard-steps li div[style*="height:1.5px"] {
        margin-bottom: 0 !important;
        margin-top: 12px !important;
    }
}

/* 4. Ensure modals are responsive and fit screens perfectly */
@media (max-width: 767.98px) {
    .booking-modal .modal-dialog {
        max-width: calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
        margin: 10px auto !important;
    }
    
    .booking-modal .modal-content {
        border-radius: 12px !important;
        max-height: calc(100vh - 40px) !important;
    }
    
    /* Make the select budget/service rows stack correctly */
    .booking-body .row > div {
        margin-bottom: 12px !important;
    }
}

/* 5. Prevent WhatsApp logo from pushing layout width on tiny viewports */
.whatsapp-sticky {
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

/* ============================================================
   GLOBAL CONTAINER & ROW OVERFLOW RESETS FOR MOBILE RESPONSIVENESS
   Ensures no negative margin bleeds can create right-side white space
   ============================================================ */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    .row {
        --bs-gutter-x: 1rem !important;
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
    
    .container, .container-fluid {
        padding-right: 15px !important;
        padding-left: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Strict modal scrollbar offset block on mobile viewports */
    body.modal-open,
    body.modal-open .fixed-bottom,
    body.modal-open .fixed-top,
    body.modal-open .whatsapp-sticky,
    body.modal-open .sticky-mobile-footer,
    body.modal-open #main-header,
    body.modal-open .header-fixed {
        padding-right: 0px !important;
        margin-right: 0px !important;
    }
    
    /* Force all sections and wrappers to be bounded */
    section, header, footer, div.page-wrapper {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
}