:root {
    --body-bg: #ffffff;
    --first-color: #05b0e9;
    --first-gradient-color: #c107ec;

    --light-first-color: #f8f8f6;
    --header-top-bg: #000;
    --header-top-bg-light: rgb(19,17,19);
    --header-top-text: #ffffff;
    --main-menu-text: #ffffff;
    --main-menu-text-mobile-color: #ffffff;
    --dropdown-menu-bg: #ffffff;
    --header-fixed-navbar: rgba(255, 255, 255, 0.95);
    --side-bar: #0f010d;
    --slider-title-color: #08447f;
    --slider-small-text-color: #7786a6;
    --link-color-def: #2179c3;
    --link-color: #0894b3;
    --header-top-text-hover: #ffffff;
    --main-menu-text-hover: #0894b3;
    --title-color-1: #05b0e9;
    --title-color-2: #08447f;
    --text-color: #7d7d7d;
    --text-color-lighter: #aab0bc;
    --mute-color: #edeff4;
    --footer-title-color: #ffffff;
    --footer-text-color: #ffffff;
    --footer-text-color-hover: #0894b3;
    --facebook: rgba(47, 113, 255, 1);
    --twitter: rgba(111, 197, 255, 1);
    --instragram: rgba(255, 21, 142, 0.75);
    --youtube: rgba(255, 47, 47, 1);
    --button-1-bg: #747ed1;
    --button-1-text: #ffffff;
    --button-2-bg: #f8f5fb;
    --button-2-text: rgba(0, 0, 0, 1);
    --button-3-bg: #e00f1d;
    --button-3-text: #ffffff;
    --button-4-bg: rgba(0, 0, 0, 1);
    --button-4-text: #ffffff;
    --bg-1: #f8f5fb;
    --price-switch: #eeeeee;
    --rating-1: #faba60;
    --rating-2: #cccccc;
    --offer-1: rgba(222, 24, 64, 1);
    --sale-color: #d16b86;
    --new-color: #8caeec;
    --offer-color: #445566;
    --pagination-color: #343f52;
    --border-1: #cfcfcf;
    --border-dark: #333333;
    --form-check-1: #d1b464;
    --input-dark-bg: #232323;
    --breadcrumbs-color: #f6f7f9;
    --check-bg: #f8f8f6;
    --check-color: #d1b464;
    --x-bg: rgba(253, 50, 50, 0.2);
    --x-color: rgba(247, 11, 11, 1);
    --swiper-nav-bg: #ffffff;
    --swiper-nav-color: rgba(0, 0, 0, 1);
    --icon-color-1: #def4ee;
    --icon-color-2: #8caeec;
    --icon-color-3: #feefdb;
    --icon-color-4: #fab9ad;
    --icon-color-5: #e2666e;
    --iconbox-color-1: #d1b464;
    --iconbox-bg-1: #f8f8f6;
    --iconbox-color-2: #e36971;
    --iconbox-bg-2: #fae6e7;
    --iconbox-color-3: #8cc0a5;
    --iconbox-bg-3: #eaf3ef;
    --iconbox-color-4: #fab85b;
    --iconbox-bg-4: #fef3e4;
    --iconbox-color-5: #747ed1;
    --iconbox-bg-5: #e9eaf8;
    --product-name-color: rgba(122, 103, 103, 1);
    --success: rgba(4, 189, 100, 1);
    --error: rgba(230, 25, 25, 1);
    --wahtsapp-button: #5cb85c;
    --testimonial-color: #ffffff;
    --border-2: #08447f;
    --second-color: #08447f;
    --white:#ffffff;


    --clr-one: rgb(255, 20, 147);
  --clr-two: rgb(127, 255, 0);
  --clr-three: rgb(138, 43, 226);
  --clr-bg: #1d1e22;
}

._bg-col-1 {
    background: #343f52 !important;
}

._bg-col-2 {
    background: #d7ebe0 !important;
}

._bg-col-3 {
    background: #2115b3 !important;
}

._bg-col-4 {
    background: #0f782c !important;
}

._bg-col-5 {
    background: #0894b3 !important;
}

._bg-col-6 {
    background: #f8f5fb !important;
}

._bg-col-7 {
    background: #183c60 !important;
}

._bg-col-8 {
    background: rgb(10, 10, 11) !important;
}

._bg-col-9 {
    background: var(--header-top-bg) !important;
}

._bg-col-10 {
    background: #f8f5fb !important;
}


._bg-col-11 {
    background: #05b0e9 !important;
}


._bg-col-12 {
    background: #b6c6e6 !important;
}

._bg-col-13 {
    background: var(--side-bar);
}

._bg-col-14 {
    background: #171117 !important;
}

._bg-col-15 {
    background: #0b020b !important;
}

._bg-col-16 {
    background: #2624257d !important;
}


._bg-col-17 {
    background: rgba(26, 1, 26, 0.96);
}



.text-white{
    color:#ffffff !important;
}

.text-black{
    color:#000000 !important;
}

.text-yellow{
    color:#fdff97 !important;
}

.text-light-green{
    color:#caf7bf !important;
}

.text-green{
    color: #48f448;
}

.text-purple{
    color:#c107ec !important;
}

.text-blue{
    color:#6164ff !important;
    /*6164ff */
}

.text-light-blue{
    color:#8dadf7 !important;
}



.text-gray{
    color:#797979 !important;
    /*6164ff */
}

.text-red{
    color: red;
}