/* Custom CSS */


/* Colors Theme*/
.bg_color_surface { background-color: #d09d9c;}
.bg_color_on_surface { background-color: #b67c7c51;}
.bg_color_primary { background-color: #b67c7c;}
.bg_color_secondary{background-color: #112a58;}
.color_surface { color: #d09d9c;}
.color_primary { color: #b67c7c;}
.color_secondary{color: #112a58;}
.border_color_surface { border-color: #d09d9c;}
.border_color_primary { border-color: #b67c7c;}
.border_color_secondary{border-color: #112a58;}


/* Font Size Themes */
.font_smallest {font-size: 0.75rem;}
.font_smaller {font-size: 0.875rem;}
.font_small {font-size: 1rem;}
.font_medium {font-size: 1.25rem;}
.font_big {font-size: 1.5rem;}
.font_bigger {font-size: 2rem;}
.font_biggest {font-size: 3rem;}


@media (max-width: 768px) {
    .font_smallest {font-size: 0.75rem;}
    .font_smaller {font-size: 0.875rem;}
    .font_small {font-size: 1rem;}
    .font_medium {font-size: 1.25rem;}
    .font_big {font-size: 1.5rem;}
    .font_bigger {font-size: 2rem;}
    .font_biggest {font-size: 2.5rem;}
}

@media (min-width: 768px) and (max-width: 1099px) {
    .font_smallest {font-size: 0.875rem;}
    .font_smaller {font-size: 1rem;}
    .font_small {font-size: 1.25rem;}
    .font_medium {font-size: 1.5rem;}
    .font_big {font-size: 2rem;}
    .font_bigger {font-size: 2.5rem;}
    .font_biggest {font-size: 3rem;}
}

/* 

@media (max-width: 768px) {
    .font_smaller {font-size: 1rem;}
    .font_small {font-size: 1.2rem;}
    .font_medium {font-size: 1.4rem;}
    .font_big {font-size: 1.3rem;}
    .font_bigger {font-size: 2rem;}
} */


/* Define Margin & Padding Sizes */
:root {
    --margin-smallest: 5px;
    --margin-smaller: 10px;
    --margin-small: 20px;
    --margin-medium: 50px;
    --margin-big: 100px;
    --margin-bigger: 150px;
    --margin-biggest: 250px;
}





/* Custom */

.blog_shadow{
    box-shadow: 4px 4px 2px #112a58;
}


.line_1{
    transform: rotate(20deg);
    bottom: -50%;
    left: 95%;
}

.line_2{
    transform: rotate(-20deg);
    top: -50%;
    left: 95%;
}

.line_3{
    transform: rotate(-20deg);
    bottom: -50%;
    right: 95%;
    z-index: -1;
}

.line_4{
    transform: rotate(20deg);
    top: -50%;
    right: 95%;
    z-index: -1;
}


.close_button:hover p{
    background-color: #112a58;
    color: rgba(241, 241, 241, 0.955);
}

.blog_element:hover{
    width: 210px;
    height: 210px;
    transition: width 0.5s ease, height 0.5s ease;
}




.border_radius_no_left_bottom {
    border-radius: 200px 200px 200px 0;
}

.border_radius_no_left_top {
    border-radius: 0px 200px 200px 200px;
}

.border_radius_no_right_top {
    border-radius: 200px 0px 200px 200px;
}

.border_radius_no_right_bottom {
    border-radius: 200px 200px 0px 200px;
}

.custom_on_hover_opacity_70:hover img {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.custome_scroll {
    scrollbar-width: thin;
    scrollbar-color: #112a58 #f1f1f100;
}

/* Width of the scrollbar */
.custome_scroll::-webkit-scrollbar {
    width: 7px;
}

/* Track (background) */
.custome_scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle (thumb) */
.custome_scroll::-webkit-scrollbar-thumb {
    background: #112a58;
    border-radius: 10px;
}

/* Handle on hover */
.custome_scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.review_border_radius {
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
}

.form_max_width{
    max-width: 70vw;
}

footer{
    border-top: 5px solid #112a58;
}

.section_divisor{
    border-top: 5px solid #112a58;
}









/* General Padding */
.p_smallest { padding: var(--margin-smallest); }
.p_smaller { padding: var(--margin-smaller); }
.p_small { padding: var(--margin-small); }
.p_medium { padding: var(--margin-medium); }
.p_big { padding: var(--margin-big); }
.p_bigger { padding: var(--margin-bigger); }
.p_biggest { padding: var(--margin-biggest); }
.p_t_smallest { padding-top: var(--margin-smallest); }
.p_t_smaller { padding-top: var(--margin-smaller); }
.p_t_small { padding-top: var(--margin-small); }
.p_t_medium { padding-top: var(--margin-medium); }
.p_t_big { padding-top: var(--margin-big); }
.p_t_bigger { padding-top: var(--margin-bigger); }
.p_t_biggest { padding-top: var(--margin-biggest); }
.p_b_smallest { padding-bottom: var(--margin-smallest); }
.p_b_smaller { padding-bottom: var(--margin-smaller); }
.p_b_small { padding-bottom: var(--margin-small); }
.p_b_medium { padding-bottom: var(--margin-medium); }
.p_b_big { padding-bottom: var(--margin-big); }
.p_b_bigger { padding-bottom: var(--margin-bigger); }
.p_b_biggest { padding-bottom: var(--margin-biggest); }
.p_l_smallest { padding-left: var(--margin-smallest); }
.p_l_smaller { padding-left: var(--margin-smaller); }
.p_l_small { padding-left: var(--margin-small); }
.p_l_medium { padding-left: var(--margin-medium); }
.p_l_big { padding-left: var(--margin-big); }
.p_l_bigger { padding-left: var(--margin-bigger); }
.p_l_biggest { padding-left: var(--margin-biggest); }
.p_r_smallest { padding-right: var(--margin-smallest); }
.p_r_smaller { padding-right: var(--margin-smaller); }
.p_r_small { padding-right: var(--margin-small); }
.p_r_medium { padding-right: var(--margin-medium); }
.p_r_big { padding-right: var(--margin-big); }
.p_r_bigger { padding-right: var(--margin-bigger); }
.p_r_biggest { padding-right: var(--margin-biggest); }





/* General Margin */
.m_smallest { margin: var(--margin-smallest); }
.m_smaller { margin: var(--margin-smaller); }
.m_small { margin: var(--margin-small); }
.m_medium { margin: var(--margin-medium); }
.m_big { margin: var(--margin-big); }
.m_bigger { margin: var(--margin-bigger); }
.m_biggest { margin: var(--margin-biggest); }
.m_t_smallest { margin-top: var(--margin-smallest); }
.m_t_smaller { margin-top: var(--margin-smaller); }
.m_t_small { margin-top: var(--margin-small); }
.m_t_medium { margin-top: var(--margin-medium); }
.m_t_big { margin-top: var(--margin-big); }
.m_t_bigger { margin-top: var(--margin-bigger); }
.m_t_biggest { margin-top: var(--margin-biggest); }
.m_b_smallest { margin-bottom: var(--margin-smallest); }
.m_b_smaller { margin-bottom: var(--margin-smaller); }
.m_b_small { margin-bottom: var(--margin-small); }
.m_b_medium { margin-bottom: var(--margin-medium); }
.m_b_big { margin-bottom: var(--margin-big); }
.m_b_bigger { margin-bottom: var(--margin-bigger); }
.m_b_biggest { margin-bottom: var(--margin-biggest); }
.m_l_smallest { margin-left: var(--margin-smallest); }
.m_l_smaller { margin-left: var(--margin-smaller); }
.m_l_small { margin-left: var(--margin-small); }
.m_l_medium { margin-left: var(--margin-medium); }
.m_l_big { margin-left: var(--margin-big); }
.m_l_bigger { margin-left: var(--margin-bigger); }
.m_l_biggest { margin-left: var(--margin-biggest); }
.m_r_smallest { margin-right: var(--margin-smallest); }
.m_r_smaller { margin-right: var(--margin-smaller); }
.m_r_small { margin-right: var(--margin-small); }
.m_r_medium { margin-right: var(--margin-medium); }
.m_r_big { margin-right: var(--margin-big); }
.m_r_bigger { margin-right: var(--margin-bigger); }
.m_r_biggest { margin-right: var(--margin-biggest); }

@media (max-width: 768px) {
    .mobile_m_smallest { margin: var(--margin-smallest); }
    .mobile_m_smaller { margin: var(--margin-smaller); }
    .mobile_m_small { margin: var(--margin-small); }
    .mobile_m_medium { margin: var(--margin-medium); }
    .mobile_m_big { margin: var(--margin-big); }
    .mobile_m_bigger { margin: var(--margin-bigger); }
    .mobile_m_biggest { margin: var(--margin-biggest); }
    .mobile_m_t_smallest { margin-top: var(--margin-smallest); }
    .mobile_m_t_smaller { margin-top: var(--margin-smaller); }
    .mobile_m_t_small { margin-top: var(--margin-small); }
    .mobile_m_t_medium { margin-top: var(--margin-medium); }
    .mobile_m_t_big { margin-top: var(--margin-big); }
    .mobile_m_t_bigger { margin-top: var(--margin-bigger); }
    .mobile_m_t_biggest { margin-top: var(--margin-biggest); }
    .mobile_m_b_smallest { margin-bottom: var(--margin-smallest); }
    .mobile_m_b_smaller { margin-bottom: var(--margin-smaller); }
    .mobile_m_b_small { margin-bottom: var(--margin-small); }
    .mobile_m_b_medium { margin-bottom: var(--margin-medium); }
    .mobile_m_b_big { margin-bottom: var(--margin-big); }
    .mobile_m_b_bigger { margin-bottom: var(--margin-bigger); }
    .mobile_m_b_biggest { margin-bottom: var(--margin-biggest); }
    .mobile_m_l_smallest { margin-left: var(--margin-smallest); }
    .mobile_m_l_smaller { margin-left: var(--margin-smaller); }
    .mobile_m_l_small { margin-left: var(--margin-small); }
    .mobile_m_l_medium { margin-left: var(--margin-medium); }
    .mobile_m_l_big { margin-left: var(--margin-big); }
    .mobile_m_l_bigger { margin-left: var(--margin-bigger); }
    .mobile_m_l_biggest { margin-left: var(--margin-biggest); }
    .mobile_m_r_smallest { margin-right: var(--margin-smallest); }
    .mobile_m_r_smaller { margin-right: var(--margin-smaller); }
    .mobile_m_r_small { margin-right: var(--margin-small); }
    .mobile_m_r_medium { margin-right: var(--margin-medium); }
    .mobile_m_r_big { margin-right: var(--margin-big); }
    .mobile_m_r_bigger { margin-right: var(--margin-bigger); }
    .mobile_m_r_biggest { margin-right: var(--margin-biggest); }
    .mobile_m_0{margin: 0;}
    .mobile_m_l_0{margin-left: 0;}
    .mobile_m_r_0{margin-right: 0;}
    .mobile_m_t_0{margin-top: 0;}
    .mobile_m_b_0{margin-bottom: 0;}
    .mobile_m_auto{margin: auto;}




    .mobile_p_smallest { padding: var(--margin-smallest); }
    .mobile_p_smaller { padding: var(--margin-smaller); }
    .mobile_p_small { padding: var(--margin-small); }
    .mobile_p_medium { padding: var(--margin-medium); }
    .mobile_p_big { padding: var(--margin-big); }
    .mobile_p_bigger { padding: var(--margin-bigger); }
    .mobile_p_biggest { padding: var(--margin-biggest); }
    .mobile_p_t_smallest { padding-top: var(--margin-smallest); }
    .mobile_p_t_smaller { padding-top: var(--margin-smaller); }
    .mobile_p_t_small { padding-top: var(--margin-small); }
    .mobile_p_t_medium { padding-top: var(--margin-medium); }
    .mobile_p_t_big { padding-top: var(--margin-big); }
    .mobile_p_t_bigger { padding-top: var(--margin-bigger); }
    .mobile_p_t_biggest { padding-top: var(--margin-biggest); }
    .mobile_p_b_smallest { padding-bottom: var(--margin-smallest); }
    .mobile_p_b_smaller { padding-bottom: var(--margin-smaller); }
    .mobile_p_b_small { padding-bottom: var(--margin-small); }
    .mobile_p_b_medium { padding-bottom: var(--margin-medium); }
    .mobile_p_b_big { padding-bottom: var(--margin-big); }
    .mobile_p_b_bigger { padding-bottom: var(--margin-bigger); }
    .mobile_p_b_biggest { padding-bottom: var(--margin-biggest); }
    .mobile_p_l_smallest { padding-left: var(--margin-smallest); }
    .mobile_p_l_smaller { padding-left: var(--margin-smaller); }
    .mobile_p_l_small { padding-left: var(--margin-small); }
    .mobile_p_l_medium { padding-left: var(--margin-medium); }
    .mobile_p_l_big { padding-left: var(--margin-big); }
    .mobile_p_l_bigger { padding-left: var(--margin-bigger); }
    .mobile_p_l_biggest { padding-left: var(--margin-biggest); }
    .mobile_p_r_smallest { padding-right: var(--margin-smallest); }
    .mobile_p_r_smaller { padding-right: var(--margin-smaller); }
    .mobile_p_r_small { padding-right: var(--margin-small); }
    .mobile_p_r_medium { padding-right: var(--margin-medium); }
    .mobile_p_r_big { padding-right: var(--margin-big); }
    .mobile_p_r_bigger { padding-right: var(--margin-bigger); }
    .mobile_p_r_biggest { padding-right: var(--margin-biggest); }

}

@media (min-width: 768px) and (max-width: 1099px) {
    .tablet_m_smallest { margin: var(--margin-smallest); }
    .tablet_m_smaller { margin: var(--margin-smaller); }
    .tablet_m_small { margin: var(--margin-small); }
    .tablet_m_medium { margin: var(--margin-medium); }
    .tablet_m_big { margin: var(--margin-big); }
    .tablet_m_bigger { margin: var(--margin-bigger); }
    .tablet_m_biggest { margin: var(--margin-biggest); }
    .tablet_m_t_smallest { margin-top: var(--margin-smallest); }
    .tablet_m_t_smaller { margin-top: var(--margin-smaller); }
    .tablet_m_t_small { margin-top: var(--margin-small); }
    .tablet_m_t_medium { margin-top: var(--margin-medium); }
    .tablet_m_t_big { margin-top: var(--margin-big); }
    .tablet_m_t_bigger { margin-top: var(--margin-bigger); }
    .tablet_m_t_biggest { margin-top: var(--margin-biggest); }
    .tablet_m_b_smallest { margin-bottom: var(--margin-smallest); }
    .tablet_m_b_smaller { margin-bottom: var(--margin-smaller); }
    .tablet_m_b_small { margin-bottom: var(--margin-small); }
    .tablet_m_b_medium { margin-bottom: var(--margin-medium); }
    .tablet_m_b_big { margin-bottom: var(--margin-big); }
    .tablet_m_b_bigger { margin-bottom: var(--margin-bigger); }
    .tablet_m_b_biggest { margin-bottom: var(--margin-biggest); }
    .tablet_m_l_smallest { margin-left: var(--margin-smallest); }
    .tablet_m_l_smaller { margin-left: var(--margin-smaller); }
    .tablet_m_l_small { margin-left: var(--margin-small); }
    .tablet_m_l_medium { margin-left: var(--margin-medium); }
    .tablet_m_l_big { margin-left: var(--margin-big); }
    .tablet_m_l_bigger { margin-left: var(--margin-bigger); }
    .tablet_m_l_biggest { margin-left: var(--margin-biggest); }
    .tablet_m_r_smallest { margin-right: var(--margin-smallest); }
    .tablet_m_r_smaller { margin-right: var(--margin-smaller); }
    .tablet_m_r_small { margin-right: var(--margin-small); }
    .tablet_m_r_medium { margin-right: var(--margin-medium); }
    .tablet_m_r_big { margin-right: var(--margin-big); }
    .tablet_m_r_bigger { margin-right: var(--margin-bigger); }
    .tablet_m_r_biggest { margin-right: var(--margin-biggest); }
    .tablet_m_0{margin: 0;}
    .tablet_m_l_0{margin-left: 0;}
    .tablet_m_r_0{margin-right: 0;}
    .tablet_m_t_0{margin-top: 0;}
    .tablet_m_b_0{margin-bottom: 0;}
    .tablet_m_auto{margin: auto;}

    .tablet_p_smallest { padding: var(--margin-smallest); }
    .tablet_p_smaller { padding: var(--margin-smaller); }
    .tablet_p_small { padding: var(--margin-small); }
    .tablet_p_medium { padding: var(--margin-medium); }
    .tablet_p_big { padding: var(--margin-big); }
    .tablet_p_bigger { padding: var(--margin-bigger); }
    .tablet_p_biggest { padding: var(--margin-biggest); }
    .tablet_p_t_smallest { padding-top: var(--margin-smallest); }
    .tablet_p_t_smaller { padding-top: var(--margin-smaller); }
    .tablet_p_t_small { padding-top: var(--margin-small); }
    .tablet_p_t_medium { padding-top: var(--margin-medium); }
    .tablet_p_t_big { padding-top: var(--margin-big); }
    .tablet_p_t_bigger { padding-top: var(--margin-bigger); }
    .tablet_p_t_biggest { padding-top: var(--margin-biggest); }
    .tablet_p_b_smallest { padding-bottom: var(--margin-smallest); }
    .tablet_p_b_smaller { padding-bottom: var(--margin-smaller); }
    .tablet_p_b_small { padding-bottom: var(--margin-small); }
    .tablet_p_b_medium { padding-bottom: var(--margin-medium); }
    .tablet_p_b_big { padding-bottom: var(--margin-big); }
    .tablet_p_b_bigger { padding-bottom: var(--margin-bigger); }
    .tablet_p_b_biggest { padding-bottom: var(--margin-biggest); }
    .tablet_p_l_smallest { padding-left: var(--margin-smallest); }
    .tablet_p_l_smaller { padding-left: var(--margin-smaller); }
    .tablet_p_l_small { padding-left: var(--margin-small); }
    .tablet_p_l_medium { padding-left: var(--margin-medium); }
    .tablet_p_l_big { padding-left: var(--margin-big); }
    .tablet_p_l_bigger { padding-left: var(--margin-bigger); }
    .tablet_p_l_biggest { padding-left: var(--margin-biggest); }
    .tablet_p_r_smallest { padding-right: var(--margin-smallest); }
    .tablet_p_r_smaller { padding-right: var(--margin-smaller); }
    .tablet_p_r_small { padding-right: var(--margin-small); }
    .tablet_p_r_medium { padding-right: var(--margin-medium); }
    .tablet_p_r_big { padding-right: var(--margin-big); }
    .tablet_p_r_bigger { padding-right: var(--margin-bigger); }
    .tablet_p_r_biggest { padding-right: var(--margin-biggest); }
}