/*===================== 
Configure colors and fonts.                                
Auto generated file, do not edit!                                
=====================*/   
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Cormorant+Upright:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');     
                 
:root{          
    --color-primary: #7d3586;        
    --color-primary-opacity: #7d358634;
    --color-primar-R: 125;
    --color-primar-G: 53;
    --color-primar-B: 134;
    --color-secondary: #472d84;  

    --title-color: #211e1c;  
    --color-text: #7A7E9A;  

    --footer-bg-color: #111111;  
    --footer-title-color: #FFFFFF;  
    --footer-text-color: #A09F9F;  
    --footer-text-color-hover: #3867AD;  

    --color-button: #FFC000;  
    --color-button-hover: #FFFFFF;  
    --color-button-bg: #111111;  
    --color-button-bg-hover: #FFC000;  

    --color-button2: #111111;  
    --color-button2-hover: #FFC000;  
    --color-button2-bg: #FFC000;  
    --color-button2-bg-hover: #111111;  

    --theme-font1: 'Roboto';
    --theme-font2: 'Cormorant Upright';

    --font-size-main: 16px;
    --font-size-title: 36px;


    /*HEADER */
    --header-bg: #FFFFFF;  
    --header-bg-two: #4E69D6;  
    --header-text: #00000;  
    --header-text-size: 20px;
    --header-text-hover: #472d84;  

    --header-btn-text: #ffffff;  
    --header-btn-border: #7d3586;  
    --header-btn-bg: #7d3586;  

    --header-btn-text-hover: #472d84;  
    --header-btn-border-hover: #FF11FF;  
    --header-btn-bg-hover: #FFFFFF;  



    /*Slider btn*/
    --slider-btn-text: #FFFFFF;  
    --slider-btn-border: #FFFFFF;  
    --slider-btn-bg: #7d3586;  

    --slider-btn-text-hover: #FF11FF;  
    --slider-btn-border-hover: #FF11FF;  
    --slider-btn-bg-hover: #FFFFFF;  

    /*template colors*/
    --smoke-color: #f6f6f6;
    --light-smoke-color: #fafafa;
    --white-color: #ffffff;
    --black-color: #000000;
    --dark-color: #151515;
    --silver-color: #aeaeae;
    --yellow-color: #fec624;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: rgba(0,0,0,0.10);

    --icon-font: 'Font Awesome 5 Pro';
    --icon-font2: 'Flaticon';
    --moving-ani-duration: 5s;
    --ripple-ani-duration: 5s;
           

                                
}