@import url("../css/font.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --primary-color: #293786;
    --secondary-color: #A21D2E;
    --third-color: #444444;     
    --color-black: #000000;
    --color-white: #ffffff; 
    --yellow-color:#e1a824;
    --light-bg:#FBFBFB;   
    --family-1: 'Metropolis';
    --family-2: "Zilla Slab", serif;
    --family-3: "Karla", sans-serif;
    --family-4:'Metropolis Semi';
    --font-42: 4.2rem;
    --font-36: 3.6rem;
    --font-30: 3rem;
    --font-24: 2.4rem;
    --font-21: 2.1rem;
    --font-18: 1.8rem;
    --font-15: 1.5rem;
    --font-14: 1.5rem;
    --font-13: 1.4rem;
    --font-11: 1.3rem;
    --font-9: 1.2rem;
    --line-height-48: 48px;
    --line-height-45: 45px;
    --line-height-42: 42px;
    --line-height-38: 38px;
    --line-height-36: 36px;
    --line-height-32: 32px;
    --line-height-30: 30px;
    --line-height-28: 28px;
    --line-height-26: 26px;
    --line-height-24: 24px;
    --line-height-21: 21px;
    --line-height-22: 22px;
    --line-height-18: 18px;
    --line-height-16: 16px;
    --line-height-15: 16px;   
}




/* ============= */
/* Custom css */
/* ============= */

@keyframes blink {
            0% { opacity: 1; background: rgba(97, 5, 5, 1); }
            50% { opacity: 0.8; background: rgba(190, 46, 46, 1); }
            100% { opacity: 1; background: rgba(61, 3, 3, 1); }
        }

        .blinking-text {
            font-size: 24px;
            color: White;
            animation: blink 1.5s infinite;
        }
    

/* ============= */
/* Custom css */
/* ============= */


@media (min-width: 1650px) {
    :root {
        --font-42: 4.8rem;
        --font-36: 4.2rem;
        --font-24: 3rem;
        --font-21: 2.7rem;
        --font-18: 2.4rem;
        --font-15: 2rem;
        --font-14: 1.9rem;
        --font-13: 1.7rem;
        --font-11: 1.5rem;
        --font-9: 1.2rem;
        --line-height-48: 48px;
        --line-height-45: 45px;
        --line-height-42: 42px;
        --line-height-38: 38px;
        --line-height-36: 42px;
        --line-height-32: 42px;
        --line-height-30: 30px;
        --line-height-28: 28px;
        --line-height-26: 26px;
        --line-height-24: 27px;
        --line-height-21: 26px;
        --line-height-22: 22px;
        --line-height-18: 30px;
        --line-height-16: 24px;
        --line-height-15: 16px;
}
}


@media (max-width:990px) {
    :root {
        --primary-color: #293786;
        --secondary-color: #A21D2E;
        --third-color: #444444;     
        --color-black: #000000;
        --color-white: #ffffff; 
        --yellow-color:#e1a824;
        --light-bg:#FBFBFB;   
        --family-1: 'Metropolis';
        --family-2: "Zilla Slab", serif;
        --family-3: "Karla", sans-serif;
        --family-4:'Metropolis Semi';
        --font-42: 3.5rem;
        --font-36: 3rem;
        --font-30: 3rem;
        --font-24: 2.4rem;
        --font-21: 2.1rem;
        --font-18: 1.8rem;
        --font-15: 1.5rem;
        --font-14: 1.4rem;
        --font-13: 1.3rem;
        --font-11: 1.2rem;
        --font-9: .8rem;
        --line-height-48: 48px;
        --line-height-45: 45px;
        --line-height-42: 42px;
        --line-height-38: 38px;
        --line-height-36: 36px;
        --line-height-32: 32px;
        --line-height-30: 30px;
        --line-height-28: 28px;
        --line-height-26: 26px;
        --line-height-24: 24px;
        --line-height-21: 18px;
        --line-height-22: 22px;
        --line-height-18: 18px;
        --line-height-16: 16px;
        --line-height-15: 16px;   
    }
    
}
.font18{font-size:var(--font-18); line-height:var(--line-height-18);}
.font36{font-size:var(--font-36); line-height:var(--line-height-36);}
body,
html {height: 100%;scroll-behavior: smooth;}

html {font-size: 62.5%;}
body{font-family: var(--family-1);}
figure{margin:0px;}
a{text-decoration: none;}
a:hover{transition: .2s ease;}
p{font-size: var(--font-13);line-height: var(--line-height-21);}
.bg-primary-color {background-color: var(--primary-color);color: #fff;}
.bg-secondary-color {background-color: var(--secondary-color);color: #fff;}
.color_4{color: var(--third-color);}
.pdt_5{padding-top: 5rem;}
/* Misc */

.shine_effect {position: relative;z-index: 1;overflow: hidden;}
.shine_effect::before {position: absolute;top: 0;left: -90%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.shine_effect:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	100% {left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}

/* Section */


ul.text-flex {padding: 0;list-style: none;color: #fff;display: flex;gap: 3rem;margin-bottom: 4.6rem;}
ul.text-flex li h5 {font-weight: bold;margin: 0 0 .3rem;font-size: var(--font-21);line-height: var(--line-height-24);}
.common_title h6{font-weight: bold;font-size: var(--font-11);}


@media (min-width: 1650px) {
.container { max-width: 1500px;width: 100%;--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;padding-right: calc(var(--bs-gutter-x)* .5);padding-left: calc(var(--bs-gutter-x)* .5);margin-right: auto;margin-left: auto;}
}

#__eechatIcon {
    bottom: 80px !important;
}