/***************************

font

***************************/
/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,900'); */
@import url('front_fonts_googleapis.css');
/*
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/fonts/MaterialIcons-Regular.eot);
	src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../fonts/fonts/MaterialIcons-Regular.html) format('woff2'),
        url(../fonts/fonts/MaterialIcons-Regular.woff) format('woff'),
        url(../fonts/fonts/MaterialIcons-Regular.ttf) format('truetype');
} */



/***************************

Define colors

***************************/
:root {
    --panel-animation-delay: 300ms;
    --panel-transition-delay: 300ms;
    --panel-shadow-color: var(--panel-other-color12);
    --style-scrollbar-thumb-hover-color: brightness(120%);
    --style-banner-overlay-color: linear-gradient(-180deg, var(--style-banner-overlay-color-ins1) 0%, var(--style-banner-overlay-color-ins2) 100%);

    --panel-primary-light-color: rgba(17, 148, 247, 0.12);
    --panel-secondary-light-color: rgba(15, 183, 107, 0.12);
    --panel-info-light-color: rgba(2, 182, 179, 0.12);
    --panel-warning-light-color: rgba(255, 152, 0, 0.12);
    --panel-danger-light-color: rgba(242, 17, 54, 0.12);
    --panel-success-light-color: rgba(15, 183, 107, 0.12);
    --panel-purple-light-color: rgba(197, 128, 255, 0.12);
    --panel-default-light-color: rgba(40, 52, 71, 0.12);
    --panel-shadow-dark-color: rgba(0, 0, 0, 0.2);
    --panel-other-color: rgba(255, 255, 255, 0.3);
    --panel-other-color2: rgba(235, 235, 235, 0.4);
    --panel-other-color3: rgba(0, 0, 0, 0.5);
    --panel-other-color4: rgba(0, 0, 0, 0.2);
    --panel-other-color5: rgba(0, 0, 0, 0.6);
    --panel-other-color6: rgba(0, 0, 0, 0.075);
    --panel-other-color7: rgba(13, 13, 13, 0.33);
    --panel-other-color8: rgba(0, 0, 0, 0.3);
    --panel-other-color9: rgba(128, 137, 150, 0.4);
    --panel-other-color10: rgba(50, 65, 72, 0.4);
    --panel-other-color11: rgba(255, 255, 255, 0.2);
    --panel-other-color12: rgba(0, 0, 0, 0.1);
    --panel-other-color13: rgba(0, 0, 0, 0);
    --panel-other-color14: rgba(230, 239, 251, 0.5);
    --style-box-shadow-color: rgba(0, 0, 0, 0.04);
    --style-box-hover-shadow-color: rgba(0, 0, 0, 0.378);
    --style-overlay-color: rgba(56, 58, 78, 0.6);
    --style-overlay-dark-color: rgba(11, 12, 18, 0.4);
    --style-transparent-border-color: rgba(255, 255, 255, 0.2);
    --style-popup-background-color: rgba(36, 38, 50, 0.9);
    --style-footer-background-color: rgba(36, 38, 50, 0.95);
    --style-copyright-background-color: rgba(0, 0, 0, 0.15);
    --style-banner-overlay-color-ins1: rgba(56, 58, 78, 0.6);
    --style-banner-overlay-color-ins2: rgba(11, 12, 18, 0.4);

    --style-bottom-page-sections: var(--style-icon-box-background-color);
    /* --reviews-color: #58585b; */
    --reviews-bg: rgba(217,217,217,.2);

    --style-color-whatsapp: linear-gradient(to right, #25D366, #34AF23);
    --style-color-facebook: #1877F2;
    --style-color-telegram: linear-gradient(to right, #229ED9, #3777BC);
    --style-color-instagram: linear-gradient(to right, #F58529, #DD2A7B, #8134AF, #2FD8D2);
    --style-color-youtube: #FF0000;
    --style-color-linkedIn: #0077B5;
    --style-color-twitter: #282828;
    --style-color-Eitaa: #e27600;

    --style-color-google: linear-gradient(to right, #4285F4, #34A853, #FBBC05, #EA4335);
}