/* font sizes */
.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-40 {
    font-size: 40px;
}

.fs-32 {
    font-size: 32px;
}

.fs_40 {
    font-size: 40px !important;
}

.fs-42 {
    font-size: 42px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-50 {
    font-size: 50px !important;
}

.fs-60 {
    font-size: 60px !important;
}

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

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

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

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

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

.book-your-slot {
    background-color: #172e49;
    color: white;
}

.bg-blue {
    background-color: #172e49 !important;
    color: white;
}

.custome-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* text-color */

.text-color-01 {
    color: #172e49;
}

.text-color-02 {
    color: #1b2a48;
}

.text-color-23 {
    color: #444f5a;
}

.text-color-24 {
    color: #ffda81;
}

.text-color-25 {
    color: #995b33;
}

/* paddings */

.ptb-03 {
    padding-block: 150px;
}

.ptb-04 {
    padding-block: 100px;
}

.text-color-03 {
    color: #a3832e;
}

.text-color-04 {
    color: #454545;
}

.text-color-05 {
    color: #e8e3d7;
}

.text-color-06 {
    color: #737373;
}

.text-color-08 {
    color: #172e49 !important;
}

.text-color-09 {
    color: #c6c6c6;
}

.text-color-10 {
    color: #a6a6a6;
}

.text-color-6 {
    color: #cbcbcb;
}

.text-color-11 {
    color: #b2b2b2;
}

.text-color-11 {
    color: #858585;
}

.text-color-12 {
    color: #898787;
}

.text-color-13 {
    color: #707070;
}

.text-color-14 {
    color: #989898;
}

.text-color-15 {
    color: #d4a18c;
}

.text-color-16 {
    color: #c3c3c3;
}

.text-color-17 {
    color: #555555;
}

.text-color-18 {
    color: #8b8b8b;
}

.text-color-19 {
    color: #616161;
}

.text-color-14 {
    color: #424242;
}

.text-color-20 {
    color: #676767;
}

.text-color-21 {
    color: #b5b5b5;
}

.text-color-22 {
    color: #afafaf;
}

.text-color-30 {
    color: #444f5a;
}

.text-color-31 {
    color: #a3832e;
}

.hero_text_color-1 {
    color: #fed15b;
}

.hero_text_color-2 {
    color: #cc8669;
}

.hero_text_color-3 {
    color: #75a8b0;
}

.megamenu-text {
    color: #A3A3A3;
}

.header-text-1 {
    color: #8C8C8c;
}

.lh-24 {
    line-height: 24px;
}

.lh-26 {
    line-height: 26px;
}

.lh-28 {
    line-height: 28px;
}

.ws-01 {
    word-spacing: 5px;
}

.mobile-menue {
    background-color: unset;

    &:active {
        border: none;
        background-color: unset !important;
    }

    &:focus-visible {
        background-color: unset !important;
    }

    &:hover {
        background-color: unset !important;
    }
}

/* paddings */
.ptb-01 {
    padding-block: 160px;
}

.ptb-02 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

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

.br-card-body-10-top {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.br-card-body-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

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

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

/* background color */
.bg-color-01 {
    background-color: #172e49;
}

.bg-color-02 {
    background-color: #00000012 !important;
}

.bg-color-03 {
    background-color: #e8e3d7;
}

.bg-color-04 {
    background-color: #e8e3d7;
}

.bg-color-05 {
    background-color: #f4f4f4;
}

.bg-color-light {
    background-color: #fafafa;
}

.bg-color-light-f4 {
    background-color: #f4f4f4;
}

/* width  */
.w-20 {
    width: 20px;
}

.w-30 {
    width: 30%;
}

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

.bg-num {
    background-color: #e8e3d7;
}

/* box shadow */
.box-shadow-01 {
    box-shadow: 0px 1px 4px 0px #98989896;
    border: none !important;
}

/* border radius  */
.br-12 {
    border-radius: 12px;
}

.brand-badge {
    background-color: #cc866929;
    color: #cc8669;
    border-radius: 40px;
    border: 1px solid #cc866929;
}

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

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

.mb-01 {
    margin-bottom: 1.5rem !important;
}

.mb-02 {
    margin-bottom: 1rem !important;
}

.mb-03 {
    margin-bottom: 1.25rem !important;
}

.bg-color-06 {
    background-color: #172e49;
}

.btn-yellow {
    background: #A3832E;
}