/* ***color Styles*** */
:root {
    --primary-black: #212121;
    --secondary-gray: #757575;
    --primary-gray: #424242;
    /* --primary-yellow: #F9A825; */
    --gray-one:#FAFAFA;
    --light-gray:#BDBDBD;
    --background-gray:#F9F9F9;
    --primary-white:#FFFFFF;
    /* --text-yellow:#F9A825; */
    --footer-background:#1A1C20;
    --background-light-yellow:#FDD835;
    --primary-red:#DD1717;
    --primary-light-blue:#0F4392;
    --primary-dark-blue: #000249;
  }

/* ***font family*** */ 
@import url('https://fonts.googleapis.com/css?family=Poppins');
body{
    font-family:poppins; 
}


/* ***background Color Classes *** */

.bg-red{
    background-color: var(--primary-red);
}
.bg-dark-blue{
    background-color: #000249;
}
.bg-light-gray{
    background-color: var(--light-gray);
}

.bg-yellow{
    background-color: var(--primary-yellow);
}

.bg-primary-black{
    background-color: var(--primary-black);
}

.bg-primary-white{
    background-color: var(--primary-white);
}

.bg-gray-one{
    background-color: var(--gray-one);
}

.bg-gray-two{
    background-color: var(--background-gray);
}
.bg-light-blue{
    background-color:#0F4392;
}
.bg-light-2-blue{
    background-color:#43B0DE;
}
.bg-light-3-blue{
    background-color:#D9EDF7;
}

.bg-yellow-hover{
    background-color: var(--background-light-yellow);
}
/* ***text Color Classes *** */
.txt-dark-blue{
    color:#000249;
}

.txt-light-blue{
    color: var(--primary-light-blue);
}

.txt-black{
    color: var(--primary-black);
}
.txt-red{
    color: var(--primary-red);
}

.txt-primary-gray{
    color: var(--primary-gray);
}

.txt-gray{
    color: var(--secondary-gray);
}

.txt-yellow{
    color: var(--text-yellow) !important;
}

.txt-white{
    color: var(--primary-white);
}


/* ***Font Size Classes *** */
.f-14{
    font-size: 0.875rem;
}

.f-16{
    font-size: 1rem;
}

.f-18{
    font-size: 1.1rem;
}

.f-20{
    font-size: 1.25rem;
}

.f-22{
    font-size: 1.375rem;
}

.f-25{
    font-size: 1.5625rem;
}

.f-28{
    font-size: 1.75rem;
}

.f-32{
    font-size: 2rem;
}

.f-40{
    font-size: 2.5rem;
}

.f-46{
    font-size: 2.875rem;
}


/* ***Font SizeWeight Classes *** */
.fw-100{
    font-weight: 100;
}

.fw-200{
    font-weight: 200;
}

.fw-300{
    font-weight: 300;
}

.fw-400{
    font-weight: 400;
}

.fw-500{
    font-weight: 500;
}

.fw-600{
    font-weight: 600;
}

.fw-700{
    font-weight: 700;
}

.fw-800{
    font-weight: 800;
}

/** Drop Shadows **/
.dropshadow-1 {
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.fot-txt-gray-hov :hover{
    color: var(--primary-gray) !important;
}

.border-2{
    border: 0.75px solid #43B0DE;
}


/*---------Media Query------*/
@media (max-width: 600px){


    .f-12-sm{
        font-size: 0.75rem !important;
    }

    .f-14-sm{
        font-size: 0.875rem !important;
    }

    .f-18-sm{
        font-size: 1.1rem !important;
    }

    .f-25-sm{
        font-size: 1.5625rem !important;
    }

    .f-28-sm{
        font-size: 1.75rem !important;
    }

    
    .fw-100-sm{
        font-weight: 100;
    }
    
    .fw-200-sm{
        font-weight: 200;
    }
    
    .fw-300-sm{
        font-weight: 300;
    }
    
    .fw-400-sm{
        font-weight: 400;
    }
    
    .fw-500-sm{
        font-weight: 500 !important;
    }
    
    .fw-600-sm{
        font-weight: 600;
    }
    
    .fw-700-sm{
        font-weight: 700 !important;
    }
    
    .fw-800-sm{
        font-weight: 800;
    }
    

    .text-center-sm{
        text-align: center !important;
    }

    .f-14-sm{
        font-size: 0.875rem;
    }

 }