/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
    --tw-teal-cf: #1891A7;
    --tw-teal-light-cf: #EEF5FF;
    --tw-yellow-cf: #FFCE00;
    --tw-white-cf: #fff;
    --tw-dark-teal: #243B55;
    --tw-dark-gray: #ccc;
    --blue-gradient: linear-gradient(#2391a7, #000);
    --yellow-cf: #FFCE00;
    --dark-teal: #20556D;
    --bg-teal-cf: #1791A7;
    --bg-dark: #243B55;
    --box-shadow: 0px 3px 30px #FFFFFF1A;
    --tw-teal-cf: #1891A7;
}

body {
    font-family: 'Inter', sans-serif;
    background: #EEF5FF !important;
}

/* Global Css Start */
.container {
    padding-right: 20px;
    padding-left: 20px;
}

.main-shadow {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
}

.text-teal-cf {
    color: var(--tw-teal-cf) !important;
}

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

.bg-teal-cf {
    background: var(--tw-teal-cf) !important;
}

.bg-yellow-cf {
    background: var(--tw-yellow-cf) !important;
}

.bg-blue-light {
    background: var(--tw-teal-light-cf) !important;
}

.bg-dark-teal {
    background: var(--tw-dark-teal);
}

.bg-gray-cf {
    background: var(--tw-dark-gray);
}

.border-yellow {
    border: 3px solid var(--tw-yellow-cf);
}
.border-yellow-2 {
    border: 2px solid var(--yellow-cf);
}
.border-yellow-cf {
    border: 3px solid var(--tw-yellow-cf) !important;
    color: var(--tw-teal-cf) !important;
}

.border-teal {
    border: 3px solid var(--tw-teal-cf) !important;
}

.bg-dark {
    background: var(--bg-dark);
}

.text-bg-dark {
    color: var(--bg-dark);
}

.bg-yellow-cf {
    background: var(--tw-yellow-cf) !important;
}

.text-yellow-cf {
    color: var(--yellow-cf);
}

.border-yellow {
    border: 1px solid var(--yellow-cf);
}

.bg-dark-cf {
    background: var(--dark-teal);
}

.border-yellow-500 {
    border-top: 2px solid var(--yellow-cf);
}

.box-shadow {
    box-shadow: var(--box-shadow);
}

.bg-teal-cf {
    background: var(--bg-teal-cf) !important;
}

nav.header-2 {
    background: #233b55;
}

/* Global Css End */

/* sign-in or sign-out page css */
#main-gradient {
    background-image: var(--blue-gradient);
}
.bot-btn1 {position: absolute; bottom:0; 
    ;}

#dropdownHover1 ul li a {
    flex-direction: row !important;
}