/* ================== FONTS ================== */
* {
    font-family: "Montserrat", sans-serif;
}

/* ================== COLORS ================== */
.color-blue { color: #002d72; }
.bg-blue { background-color: #002d72; }
.color-secondary { color: #7e2845; }
.bg-secondary { background-color: #7e2845; }
.color-tertiary { color: #106042; }
.bg-tertiary { background-color: #106042; }
.color-gray { color: #333333; }

/* ================== BUTTONS ================== */
.button-white {
    background-color: #ffffff;
    color: #002d72;
    padding: 10px 25px;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
}
.button-white:hover {
    background-color: #002d72;
    color: #ffffff;
    transition: 0.3s ease-in-out;
}
.button-blue {
    background-color: #002d72;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
}
.button-blue:hover {
    background-color: #ffffff;
    color: #002d72;
    transition: 0.3s ease-in-out;
}
.button-secondary {
    background-color: #7e2845;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
}
.button-secondary:hover {
    background-color: #ffffff;
    color: #7e2845;
    transition: 0.3s ease-in-out;
    border: 1px solid #7e2845;
}

/* ================== GRADIENTS ================== */
.gradient-blue-ttb {
	background: #002d72;
	background: linear-gradient(180deg, #002d72 0%, rgba(0,45,114,0.26) 100%);
}
.gradient-blue-btt {
	background: #002d72;
	background: linear-gradient(0deg, #002d72 0%, rgba(0,45,114,0) 100%);
}
.gradient-blue-ltr {
	background: #002d72;
	background: linear-gradient(90deg, #002d72 0%, rgba(0,45,114,0.26) 100%);
}
.gradient-blue-rtl {
	background: #002d72;
	background: linear-gradient(-90deg, #002d72 0%, rgba(0,45,114,0.26) 100%);
}

/* ================== FORMS ================== */
.ff_t_c {
	font-size: 12px !important;
	color: #ffffff !important;
}