:root {
    /*========== Colors ==========*/


    --body-bg: #fff;

    --first-color: #747ed1;
    --light-first-color: #e6e8f7;

    /* header */
    --header-top-bg:#f7f7f8;
    --header-top-text:#6d6df3;
    --header-top-text-hover:brown;  

     --main-menu-text:red; 
     --main-menu-text-hover:yellow; 
    --main-menu-text-mobile-color:#fff;
    --dropdown-menu-bg:#fff;
    --dropdown-color: var(--first-color);
    --dropdown-mobile-color: var(--first-color);
     --active-color: var(--first-color); 
     --header-fixed-navbar: rgba(255, 255, 255, 0.95);
     
    /* side bar */
    --side-bar: #343f52;

    /* slider color patter */
    --slider-title-color:#343f52;
    --slider-small-text-color: #343f52;
    --animated-header-text:var(--first-color);

    /* link color */
    --link-color: blue;
    --link-color-def: green;


    /* text-color */
    --title-color-1: #343f52;
    --title-color-2: #aab0bc;
    --text-color: #a4a4a4;
    --text-color-lighter: #aab0bc;

   
    /*  mix of black and white  */
    --mute-color: #edeff4;


    --footer-title-color: #fefefe;
    --footer-text-color: #dfd1d1;
    --footer-text-color-hover: #fff;


      /* social links */
      --facebook: rgb(47, 113, 255);
      --twitter: rgb(111, 197, 255);
      --instagram: rgba(255, 21, 142, 0.742);
      --youtube: rgb(255, 47, 47);
  
  
      /* button colors */
      --button-1-bg: #747ed1;
      --button-1-text: #fff;
  
  
      --button-2-bg: white;
      --button-2-text: black;
  
  
      --button-3-bg: #e2666e;
      --button-3-text: var(--white);
  
      --button-4-bg: rgba(0, 255, 106, 0.123);
      --button-4-text: #53c8a7;
  
      --bg-1: #f8f5fb;

      /* price switcher */
      --price-switch: #eeeeee;


      --white: #fff;
      --black: #000;

   

      /* rating_color */
      --rating-1: #faba60;
      --rating-2: #ccc;

      /* offer */

      --offer-1: crimson;
      --sale-color: #d16b86;
      --new-color: #8caeec;
      --offer-color: #456;

      --pagination-color: #343f52;


      /* border-color */
      --border-1: #cfcfcf;
      --border-2: var(--first-color);
      --border-dark: #333;

      /* radio checks */
      --form-check-1: #747ed1;


      --input-border: var(--first-color);
      --input-bg: var(--white);
      --input-dark-bg: #232323;

      --breadcrumbs-color: #f6f7f9;


       /* icon pricing */
      --check-bg: #e0e9fa;
      --check-color: #477de1;

      /* not color */
      --x-bg: rgba(253, 50, 50, 0.2);
      --x-color: rgb(247, 11, 11);


      --swiper-nav-bg: white;
      --swiper-nav-color: black;
      --swiper-nav-bg-2: var(--first-color);
      --swiper-nav-color-2: var(--white);

      /* loader color */
      --loader-color: var(--first-color);


        /* icon */
    --icon-color-1: #def4ee;
    --icon-color-2: #8caeec;
    --icon-color-3: #feefdb;
    --icon-color-4: #fab9ad;
    --icon-color-5: #e2666e;


     /* iconbox icons */
     --iconbox-color-1: #5b8ce4;
     --iconbox-bg-1: #e0e9fa;
     --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;



      /*-----------------------------------------------------*/

      --p-color-1: #faba60;
      --p-color-2: #e2666e;
      --p-color-3: #53c8a7 ;
      --p-color-4:var(--first-color-alt);
      --p-color-4: var(--first-color);
  

  

    /* background for first */
    --linear-gradient-180: linear-gradient(180deg, var(--first-color), rgba(255, 255, 255, 0) 100%) !important;
    --linear-gradient-0: linear-gradient(0deg, var(--first-color), rgba(255, 255, 255, 0) 100%) !important;

    /* shapes */

    --shape1: radial-gradient(var(--first-color) 2px, transparent 2.5px);
    --shape2: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) .8px, var(--first-color) 1.6px, var(--light-first-color) 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);


    --progress-color-light-1: #fdeff7;
    --progress-color-1: #e668b3;
    --progress-color-light-2: #aaffd6;
    --progress-color-2: #4e9d66;
    --progress-color-light-3: #fff3bf;
    --progress-color-3: #ffe520;
    --progress-color-light-4: #e2ccff;
    --progress-color-4: #a23fff;



    --alert-1: 45, 84, 154;
    --alert-2: 13, 59, 243;
    --alert-3: 13, 59, 243;
    --alert-4: 13, 59, 243;
    --alert-5: 13, 59, 243;
    --alert-6: 13, 59, 243;

  
   



}