.section_banner {
    width: 100%;
    height: calc(100vh - 120px);
    min-height: 500px;
    background: var(--color1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 50px
}

.banner_btn,
.banner_text,
.desc,
.title {
    color: var(--color4);
    text-align: center
}

.title {
    width: 80%;
    height: auto;
}

.desc {
    width: 60%;
    height: auto
}

.banner_btn {
    background: var(--color2);
    text-decoration: none
}

@media screen and (max-width:690px) {

    .desc,
    .title {
        width: 96%
    }
}

.section_cbc_mate51 {
    width: 100%;
    height: auto;
    background: var(--color5);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.section_cbc_mate51_title {
    color: var(--color4);
    margin-top: 80px
}

.section_cbc_mate51_list {
    width: 50%;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.section_cbc_mate51_item {
    color: var(--color4)
}

.section_cbc_mate51_btn {
    color: var(--color4);
    background: var(--color2)
}

.section_cbc_mate51_programs {
    width: 80%;
    height: auto
}

.program {
    width: 100%;
    height: 300px;
    margin: 30px 0;
    -ms-flex-align: center;
    align-items: center
}

.program,
.program_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.program_item {
    width: 48%;
    height: 100%;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.program_title {
    color: var(--color1)
}

.program_btn,
.program_desc {
    color: var(--color4)
}

.program_btn {
    width: 100%;
    text-align: center;
    background: var(--color1)
}

.program_call_to_action {
    margin: 0 auto;
    font-weight: 700;
    color: var(--color4)
}

.program_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px
}

@media screen and (max-width:1160px) {
    .section_cbc_mate51_programs {
        width: 80%
    }

    .program {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 20px;
        height: auto
    }

    .program:first-child,
    .program:last-child {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .program_item {
        width: 100%;
        row-gap: 10px
    }

    .program_img {
        height: 100px
    }
}

@media screen and (max-width:1160px) {
    .section_cbc_mate51_list {
        width: 80%
    }

    .section_cbc_mate51_programs {
        width: 96%
    }

    .section_cbc_mate51_btn {
        width: 96%;
        text-align: center
    }
}

:root {
    --color1: #fc253e;
    --color2: #4fc1b7;
    --color3: #1a9993;
    --color4: #fff;
    --color5: #000
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Roboto, sans-serif
}

html {
    scroll-behavior: smooth
}

body {
    width: 100%;
    height: auto
}

body.active {
    overflow: hidden
}

h1 {
    font-size: 2.8rem
}

h2 {
    font-size: 2.6rem
}

h3 {
    font-size: 2.4rem
}

h4 {
    font-size: 2.2rem
}

a,
li,
p,
span,
input,
label,
textarea {
    font-size: 1.3rem
}

.main {
    width: 100%
}

.btn,
.main {
    height: auto
}

.btn {
    width: auto;
    padding: 10px 16px;
    border-radius: 6px;
    transition: all .4s ease;
    cursor: pointer
}

@media(hover:hover) {
    .btn:hover {
        background: var(--color3)
    }
}

@media screen and (max-width:1023px) {
    h1 {
        font-size: 2.6rem
    }

    h2 {
        font-size: 2.4rem
    }

    h3 {
        font-size: 2.2rem
    }

    h4 {
        font-size: 2rem
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 2.4rem
    }

    h2 {
        font-size: 2.2rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.8rem
    }

    a,
    li,
    p,
    span {
        font-size: 1.2rem
    }
}

@media screen and (max-width:320px) {
    h1 {
        font-size: 2.2rem
    }

    h2 {
        font-size: 2rem
    }

    h3 {
        font-size: 1.8rem
    }

    h4 {
        font-size: 1.6rem
    }

    a,
    li,
    p,
    span {
        font-size: 1.1rem
    }
}

.section_fisica {
    width: 100%;
    height: auto;
    background: var(--color5);
    padding: 20px 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.section_fisica_title {
    width: auto;
    height: auto;
    color: var(--color4)
}

.section_fisica_info {
    width: 80%;
    height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.section_fisica_info_item {
    width: 48%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.fisica_info_h3 {
    color: var(--color2)
}

.fisica_info_list {
    width: 100%;
    height: auto;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.fisica_info_item {
    color: var(--color4)
}

.fisica_info_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px
}

.article_fisica {
    width: 80%;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.article_fisica_title {
    color: var(--color2)
}

.article_fisica_sub_title {
    color: var(--color4)
}

.units {
    width: 50%;
    height: auto
}

.unit,
.unit_btn {
    color: var(--color4)
}

.unit_btn {
    width: 50%;
    text-align: center;
    background: var(--color2)
}

@media screen and (max-width:1115px) {
    .section_fisica_info {
        height: 350px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section_fisica_info_item {
        width: 100%;
        height: 48%
    }
}

@media screen and (max-width:1050px) {
    .article_fisica {
        width: 96%
    }

    .units {
        width: 80%
    }

    .unit_btn {
        width: 100%
    }
}

@media screen and (max-width:500px) {
    .section_fisica_info {
        height: 500px
    }

    .section_comment {
         font-size: 0.9rem;
    }
}

.section_program_fisica {
    width: 100%;
    height: auto;
    background: var(--color1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.section_program_fisica_sub_title,
.section_program_fisica_text,
.section_program_fisica_title {
    width: 90%;
    margin-left: 2%
}

.section_program_fisica_title {
    color: var(--color2);
    font-size: 2rem
}

.section_program_fisica_sub_title {
    color: var(--color4);
    font-size: 1.8rem
}

.section_program_fisica_text {
    color: var(--color4)
}

.btn_fisica_program {
    width: auto;
    height: auto;
    background: var(--color2);
    color: var(--color4);
    padding: 10px 16px;
    text-decoration: none;
    margin-left: 2%
}

.footer {
    width: 100%;
    height: auto;
    padding: 30px 4%;
    background: var(--color1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px
}

.footer_item {
    width: 22%;
    height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer_logo_container {
    width: 100%;
    height: 100%
}

.footer_logo_a,
.footer_logo_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.footer_logo_a {
    width: 50%;
    height: auto;
    background: var(--color4);
    border-radius: 500px;
    overflow: hidden
}

.footer_logo_icon {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.footer_title {
    width: auto;
    height: auto;
    margin-left: 28%;
    color: var(--color4)
}

.footer_class_list {
    width: auto;
    height: auto;
    margin-left: 29%;
    list-style: none
}

.footer_class_item {
    width: auto;
    height: auto;
    margin-top: 8px
}

.footer_class_a {
    width: auto;
    height: auto;
    text-decoration: none;
    color: var(--color4);
    transition: all .4s ease
}

@media(hover:hover) {
    .footer_class_a:hover {
        color: var(--color3)
    }
}

.map {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.footer_btn_bus {
    width: auto;
    height: auto;
    padding: 10px 20px;
    border-radius: 6px;
    background: var(--color2);
    margin-left: 25%;
    cursor: pointer
}

.footer_btn_bus_text {
    width: 100%;
    text-align: center;
    color: var(--color4)
}

@media screen and (max-width:830px) {
    .footer_item {
        width: 80%;
        margin: auto
    }

    .footer_class_list,
    .footer_title {
        margin-left: 36%
    }

    .footer_btn_bus {
        width: 100%;
        margin-left: 0
    }

    .footer_btn_bus_text {
        width: 100%;
        display: block
    }
}

.header {
    width: 100%;
    height: 150px;
    background: var(--color4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.header_img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.logo_container {
    width: auto;
    height: auto;
    background: var(--color4);
    border-radius: 100px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.logo_icon {
    width: 56px;
    height: 56px
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--color5);
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden
}

.overlay.active {
    visibility: visible;
    opacity: .7
}

.pop_up_btn_container {
    width: auto;
    height: auto;
    position: fixed;
    top: 2%;
    right: 2%;
    z-index: 2;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    cursor: pointer
}

.pop_up_btn_container.active {
    visibility: visible;
    opacity: 1
}

.pop_up_icon {
    width: 62px;
    height: 62px
}

.pop_up_how_apb,
.pop_up_how_arrive {
    width: 80%;
    height: 50%;
    background: var(--color1);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -50%);
    z-index: 2;
    border-radius: 10px;
    border: 2px solid var(--color5);
    padding: 20px;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.pop_up_how_arrive {
    height: 80%;
    transform: translate(100%, -50%);
    overflow: scroll
}

.pop_up_how_arrive::-webkit-scrollbar {
    height: 10px
}

.pop_up_how_arrive::-webkit-scrollbar-thumb {
    background: var(--color2);
    border-radius: 10px
}

.how_arrive_table {
    width: 1000px;
    height: 100%;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-direction: column;
    flex-direction: column
}

.how_arrive_table,
.table_head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.table_head {
    width: 90%;
    height: auto;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table_column {
    width: 30%;
    text-align: left
}

.table_column:last-child,
.table_column:nth-child(2) {
    text-align: center
}

.table_body {
    width: 90%;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.table_body,
.table_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.table_row {
    width: 100%;
    height: auto
}

.pop_up_how_apb.active,
.pop_up_how_arrive.active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.pop_up_how_apb_title,
.pop_up_how_arrive_title {
    color: var(--color2)
}

.pop_up_how_apb_sub_title,
.pop_up_how_apb_text,
.pop_up_how_arrive_text {
    color: var(--color4)
}

.pop_up_how_arrive_text {
    width: 30%
}

.pop_up_how_arrive_text:nth-child(2) {
    text-align: center
}

.pop_up_how_arrive_text:last-child {
    text-align: justify;
    transform: translateX(28px)
}

.references {
    width: 1000px;
    text-align: center;
    color: var(--color4)
}

.pop_up_program_cbc_mate51_from_zero {
    width: 80%;
    height: 70%;
    background: var(--color1);
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    border-radius: 10px;
    z-index: 2;
    border: 2px solid var(--color5);
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.pop_up_program_cbc_mate51_from_zero.active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.pop_up_program_cbc_mate51_from_zero_title {
    color: var(--color2)
}

.pop_up_how_cbc_mate51_from_zero_item_container {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 10px
}

.pop_up_cbc_mate51_from_zero_icon {
    width: 32px;
    height: 32px
}

.pop_up_cbc_mate51_from_zero_text {
    width: auto;
    height: auto;
    color: var(--color4)
}

.pop_up_program_cbc_mate51_intermediate {
    width: 80%;
    height: 70%;
    background: var(--color1);
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    border-radius: 10px;
    z-index: 2;
    border: 2px solid var(--color5);
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.pop_up_program_cbc_mate51_intermediate.active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.pop_up_program_cbc_mate51_intermediate_title {
    color: var(--color2)
}

.pop_up_how_cbc_mate51_intermediate_item_container {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 10px
}

.pop_up_cbc_mate51_intermediate_icon {
    width: 32px;
    height: 32px
}

.pop_up_cbc_mate51_intermediate_text {
    width: auto;
    height: auto;
    color: var(--color4)
}

.pop_up_program_cbc_mate51_advanced {
    width: 80%;
    height: 70%;
    background: var(--color1);
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    border-radius: 10px;
    z-index: 2;
    border: 2px solid var(--color5);
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.pop_up_program_cbc_mate51_advanced.active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.pop_up_program_cbc_mate51_advanced_title {
    color: var(--color2)
}

.pop_up_how_cbc_mate51_advanced_item_container {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 10px
}

.pop_up_cbc_mate51_advanced_icon {
    width: 32px;
    height: 32px
}

.pop_up_cbc_mate51_advanced_text {
    width: auto;
    height: auto;
    color: var(--color4)
}

.pop_up_program_pre_cbc {
    width: 80%;
    height: 80%;
    background: var(--color1);
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    border-radius: 10px;
    z-index: 2;
    border: 2px solid var(--color5);
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.pop_up_program_pre_cbc.active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.pop_up_program_pre_cbc_title {
    color: var(--color2)
}

.pop_up_how_pre_cbc_item_container {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 10px
}

.pop_up_pre_cbc_icon {
    width: 32px;
    height: 32px
}

.pop_up_pre_cbc_text {
    width: auto;
    height: auto;
    color: var(--color4)
}

@media(hover:hover) {
    .pop_up_btn_container:hover {
        opacity: .7
    }
}

.section_pre_cbc {
    width: 100%;
    height: 100vh;
    min-height: 550px;
    background: var(--color5);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.section_pre_cbc_title {
    color: var(--color4)
}

.pre_cbc_info {
    width: 80%;
    height: 40%
}

.pre_cbc_info,
.pre_cbc_info_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.pre_cbc_info_item {
    width: 48%;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column
}

.pre_cbc_text {
    height: auto;
    text-align: justify
}

.pre_cbc_btn,
.pre_cbc_text {
    width: 100%;
    color: var(--color4)
}

.pre_cbc_btn {
    text-align: center;
    background: var(--color2);
    cursor: pointer
}

.pre_cbc_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.section_pre_cbc_text {
    width: 80%;
    text-align: center;
    color: var(--color4)
}

.section_pre_cbc_call_to_action {
    color: var(--color4);
    font-weight: 700
}

@media screen and (max-width:845px) {
    .pre_cbc_info {
        height: 50%;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 30px
    }

    .pre_cbc_info_item {
        width: 100%;
        height: 48%
    }
}

.section_reviews {
    width: 100%;
    height: 100vh;
    min-height: 400px;
    background: var(--color1);
    position: relative;
    border-top: 2px solid var(--color2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section_reviews_title {
    text-align: center;
    color: var(--color4);
margin-top:20px;
}

.slider_reviews {
    width: 80%;
    height: 50%;
    overflow: hidden
}

.reviews_container {
    height: 100%;
    height: 100%;
    transition: all .4s ease;
    display: -ms-flexbox;
    display: flex
}

.review {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: center;
    -ms-flex-align: start;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.review_comment,
.review_name {
    color: var(--color4);
    width: 90%;
}

.review_name {
    font-size: 1.6rem
}

.review_comment {
    margin-top: 20px;
    font-size: 1.1rem
}

.section_reviews_btns {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.section_reviews_btn_icon {
    width: 72px;
    height: 72px;
    cursor: pointer
}

.section_reviews_btn_icon_left {
    transform: rotate(180deg)
}

.section_reviews_count {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    column-gap: 20px
}

.section_reviews_numbers {
    width: auto;
    height: auto;
    transition: all .4s ease;
    color: var(--color4);
    font-size: 1.4rem;
}

.section_reviews_line.active {
    background: var(--color3)
}

.section_reviews_line.visible {
    display: none
}

.section_secundary {
    width: 100%;
    height: 100vh;
    min-height: 550px;
    background: var(--color5);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.section_secundary_title {
    color: var(--color4)
}

.section_secundary_img {
    width: 80%;
    height: 150px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover
}

.section_secundary_sub_title {
    color: var(--color4)
}

.section_secundary_text {
    width: 80%;
    color: var(--color4)
}

.section_secundary_call_to_action {
    color: var(--color4);
    font-weight: 700
}

@media screen and (max-width:1050px) {

    .section_secundary_img,
    .section_secundary_text {
        width: 96%
    }
}

.whatsapp_btn_container {
    width: auto;
    height: auto;
    border-radius: 50px;
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 3;
    transition: all .4s ease
}

.whatsapp_icon {
    width: 62px;
    height: 62px
}

@media(hover:hover) {
    .whatsapp_btn_container:hover {
        opacity: .7
    }
}