body{
    z-index: 2;
}
.testbtn{
    position: fixed;
    display: flex;
    flex-direction: column;
    bottom: 32px;
    right: 32px;
    width: 110px;
    height: 104px;
    transform: rotate(8deg);
    scale: 1;
    background-image: url(../assets/images/teste.svg);
    filter: drop-shadow(8px 8px 4px rgba(0, 0, 0, 0.25));
    transition: scale 0.08s, transform 0.12s;
    padding: 16px;
    line-height: 19.5px !important;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    gap: 2px;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transition: background-color 0.2s;
}
.testbtn:hover{
    scale: 1.08;
    transition: 0.2s;
}
banner{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1; 
}
banner .background{
    position: relative;
    background-size: cover;
    background-position: center;
    justify-content: center;
    width: 100%;
    display: flex;
    align-items: center; 
    color: white;
}
.background-video {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 90.1vh;
    z-index: -1;
    object-fit: cover;
  }
banner .filter{
    position: absolute;
    content: '';
    height: calc(100% + 150px);
    width: 100%;
    background: linear-gradient(90deg, rgba(71, 45, 45, 0.82) 100%, rgba(38, 46, 56, 0.6142) 52%, rgba(38, 46, 56, 0) 100%);
}
body.darkmode banner .filter{
    background-image: linear-gradient(rgba(36, 29, 29, 0.82),rgba(36, 29, 29, 0.82)); 
}
banner .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    gap:18px;
    position: relative;
    z-index: 2;
}
banner .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    gap: 18px;
}
banner h2{
    width: 100%;
    max-width: 853px;
    line-height: 75px;
    font-size: 60px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
}
banner p{
    color: rgba(255, 255, 255, 1);
}
banner .contact_btn{
    color: black;
    background-color: rgba(255, 255, 255, 1);
}
@media only all and (max-width: 820px){
    banner h2{
        font-size: 48px;
        line-height: 70px;
    }
    .testbtn{
        width: 100px;
        height: 95px;
        font-size: 18px;
        background-size: contain;
        right: 15px;
        bottom: 15px;
    }
}
@media only all and (max-width: 620px){
    banner h2{
        font-size: 40px;
        line-height: 52px;
    }
    banner p{
        text-align: center;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

first_sec{
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #FFFFFF;
    padding-top: 40px!important;
    gap: 12px;
    z-index: 2;
}
body.darkmode first_sec{
    background-color: rgba(31, 28, 28, 1);
}
first_sec h2{
    font-size: 44px;
    line-height: 44px;
    font-weight: 700;
    text-align: start;
    width: 100%;
    max-width: 419px;
    color: rgba(227, 145, 86, 1);
}
body.darkmode first_sec h2{
    color: rgba(227, 145, 86, 1)!important;
}
first_sec h3{
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    width: 100%;
    max-width: 562px;
    color: rgba(71, 45, 45, 1);
}
body.darkmode first_sec h3{
    color: rgba(244, 227, 215, 1)!important;
}
first_sec p{
    color: rgba(79, 79, 79, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    width: 100%;
} 
body.darkmode first_sec p{
    color: rgba(205, 178, 159, 1);
}
.content-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    max-width: 1150px!important;
    gap: 30px;
    z-index: 1;
} 
.text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start!important;
    justify-content: flex-start!important;
    max-width: 700px;
    gap:20px;
}
.TB1{
    margin-top: -136px;
}
.TB2{
    margin-bottom: 44px;
}
.content-block .img1{
    background-image: url('../assets/images/computer.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 368px;
    width: 100%;
    max-width: 634px;
    margin-bottom: 24px;
}
.content-block .img2{
    background-image: url('../assets/images/cellphone.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;;
    height: 437px;
    width: 100%;
    max-width: 494px;
    margin-top: -44px;
    margin-left: 32px;
}
.BL2{
    margin-top: -94px;
    margin-bottom: -42px;
    max-width: 1222px!important;
}
@media only all and (max-width: 820px){
    .content-block:last-of-type{
        flex-direction: column-reverse;
    }
    .text-block h2{
        text-align: center;
    }
    .text-block h3{
        align-self: center;
    }
    .content-block{
        flex-direction: column;
    }
    .content .BL2{
        flex-direction: column-reverse;
        margin-top: 0;
        margin-bottom: 48px!important;
    }
    .text-block{
        text-align: center;
    }
    .text-block h2{
        align-self: center;
    }
    .img1{
        margin-top: 0;
    }
    .img2{
        margin-top: -14px!important;
    }
    first_sec .line2{
        flex-direction: column-reverse;
    }
    .TB1{
        margin-top: 0px;
    }
    .TB2{
        margin-bottom: 10px;
    }
    .BL2{
        margin-top: 0px;
    }
}
@media only all and (max-width: 420px){
    first_sec h2{
        font-size: 42px;
    }
    .content-block .img1{
        height: 202px;
    }
    .content-block .img2{
        height: 326px;
    }
    .BL2{
        margin-bottom: -30px;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

blocks_sec{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: auto;
    z-index: 0;
}
blocks_sec .back_img{
    display: flex;
    justify-content: center;
    position: relative;
    background: linear-gradient(rgba(36, 61, 101, 0),rgba(36, 61, 101, 0)), url('../assets/images/horseheader.jpg') no-repeat; 
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    align-items: center; 
    color: white;
}
body.darkmode blocks_sec .back_img{
    background-image: linear-gradient(rgba(36, 61, 101, 0.32),rgba(36, 61, 101, 0.32)), url('../assets/images/horseheader.jpg'); 
}
blocks_sec .filter{
    position: absolute;
    content: '';
    height: inherit;
    width: 100%;
    background: linear-gradient(0deg, rgba(71, 45, 45, 0.96) 0%, rgba(71, 45, 45, 0.96) 52%, rgba(71, 45, 45, 0.96) 100%);
}
body.darkmode blocks_sec .filter{
    background-image: linear-gradient(rgba(57, 46, 46, 0.96),rgba(57, 46, 46, 0.96)); 
}
blocks_sec .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    gap: 24px;
    padding-top: 64px;
    padding-bottom: 64px;
    z-index: 2;
}
blocks_sec h2{
    max-width: 920px;
    text-align: center;
    color: #FFFFFF;
    font-size: 44px;
    font-weight: 700;
    line-height: 44px;
}
blocks_sec h3{
    color: rgba(255, 187, 138, 1);
}
body.darkmode blocks_sec h3{
    color: rgba(255, 187, 138, 1)!important;
}
blocks_sec h4{
    color: rgba(246, 234, 225, 1);
}
blocks_sec p{
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    max-width: 650px;
}
body.darkmode blocks_sec p{
    color: rgba(246, 234, 225, 1);
}
blocks_sec .blocks{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1024px;
    gap: 32px;
}
blocks_sec .blocks .block{
    display: flex;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    width: calc(33.33% - 21.33px);
    height: 214px;
    border-radius: 10px;
    box-shadow: 0px 4px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 187, 138, 0.14);
    text-align: start;
    padding: 24px;
    gap: 16px;
    transition: transform 0.2s, box shadow 0.2s;
    position: relative;
    overflow: hidden;
}
blocks_sec .blocks .block:hover{
    transform: translateY(-5px);
}
blocks_sec .blocks .block .icon{
    width: 64px;
    height: 64px;
}
blocks_sec .block:hover{
    background-color: rgba(109, 73, 73, 1);
}
@media only all and (max-width: 821px){
    blocks_sec .blocks .block{
    width: calc(50% - 16px);
    }
}
@media only all and (max-width: 618px){
    blocks_sec .blocks .block {
    width: 100%;
    }
}
@media only all and (max-width: 420px){
    blocks_sec h2{
        font-size: 42px;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

actions_sec{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
actions_sec .content{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1320px;
    padding-top: 64px;
    padding-bottom: 64px;
    justify-content: space-around;
    gap: 10px;
}
actions_sec .line{
    display: flex;
    flex-direction: row;
    gap: 92px;
    justify-content: space-between;
}
actions_sec .texts{
    display: flex;
    flex-direction: column;
    max-width: 700px;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}
actions_sec .text2{
    align-items: flex-end;
    text-align: end;
}
actions_sec h2{
    color: rgba(227, 145, 86, 1);
    font-size: 44px;
    font-weight: 700;
    line-height: 44px;
    text-align: start;
}
body.darkmode actions_sec h2{
    color: rgba(227, 145, 86, 1)!important;
}
actions_sec .line2 h2{
    text-align: end;
}
actions_sec p{
    color: rgba(71, 45, 45, 1);
    width: 100%;
    max-width: 796px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
}
body.darkmode actions_sec p{
    color: rgba(205, 178, 159, 1)!important;
}
actions_sec .img1{
    background: url('../assets/images/analysis.svg') no-repeat;
    background-size: contain;
    height: 316px;
    width: 444px;
    margin-top: 0;
}
body.darkmode actions_sec .img1{
    background: url('../assets/images/analysisDarkmode.svg') no-repeat;
    background-size: contain;
    height: 316px;
    width: 444px;
}
actions_sec .img2{
    background: url('../assets/images/finances.svg') no-repeat;
    background-size: contain;
    height: 316px;
    width: 444px;
}
body.darkmode actions_sec .img2{
    background: url('../assets/images/financesDarkmode.svg') no-repeat;
    background-size: contain;
    height: 316px;
    width: 444px;
}
actions_sec .img3{
    background: url('../assets/images/archives.svg') no-repeat;
    background-size: contain;
    height: 316px;
    width: 444px;
}
body.darkmode actions_sec .img3{
    background: url('../assets/images/archivesDarkmode.svg') no-repeat;
    background-size: contain;
    height: 316px;
    width: 444px;
}
@media only all and (max-width: 820px){
    actions_sec .texts{
        align-items: center;
        text-align: center;
        gap: 24px;
    }
    actions_sec .content{
        gap: 32px;
    }
    actions_sec .line{
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }
    actions_sec .line2{
        flex-direction: column-reverse;
    }
    actions_sec .img{
        align-self: center;
        width: 100%;
        max-width: 420px;
    }
    actions_sec .img3{
        max-width: 368px!important;
        height: 258px;
    }
}
@media only all and (max-width: 800px){
    actions_sec h2{
        text-align: center!important;
    }
}
@media only all and (max-width: 620px){
    actions_sec h2{
        font-size: 42px;
    }
    actions_sec .img1{
        height: 224px!important;
        max-width: 300px!important;
    }
    actions_sec .img2{
        height: 252px!important;
        max-width: 338px;
    }
    actions_sec .img3{
        max-width: 308px!important;
        height: 232px!important;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

testimonials_sec .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 42px;
    margin-bottom: 48px;
}
body.darkmode testimonials_sec{
    color: #312424;
}
body.darkmode testimonials_sec h2{
    color: rgba(227, 145, 86, 1);
}
body.darkmode testimonials_sec h3{
    color: rgba(227, 145, 86, 1);
}
body.darkmode testimonials_sec h4{
    color: rgba(244, 227, 215, 1);
}
body.darkmode testimonials_sec p{
    color: rgba(205, 178, 159, 1);
}
testimonials_sec .background{
    position: absolute;
    content: '';
    height: 389px;
    width: 100%;
    background-color: rgba(71, 45, 45, 0.12);
}
body.darkmode testimonials_sec .background{
    background-color: rgba(40, 34, 34, 1);
}
testimonials_sec .cardRow{
    display: flex;
    flex-direction: row;
    gap: 38px;
    justify-content: center;
    align-items: center;
    max-width: 1158px;
}
testimonials_sec .cards{
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: rgba(248, 248, 248, 1);
    border-radius: 10px;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2);
    justify-content: center;
    text-align: center;
    align-items: center;
    width: calc(33.33% - 32px);
    height: 487px;
    padding: 24px;
    gap: 16px;
}
testimonials_sec .cards:hover{
    transform: translateY(-5px);
}
body.darkmode testimonials_sec .cards{
    background-color: rgba(47, 41, 41, 1);
}
testimonials_sec .profile_img{
    display: flex;
    justify-content: center;
    background: url('../assets/icons/ball.svg') no-repeat;
    background-size: contain;
    background-position: center;
    height: 124px;
    width: 124px;
}
body.darkmode testimonials_sec .profile_img{
    background: url('../assets/icons/ballDarkmode.svg') no-repeat;
}
testimonials_sec h2{
    font-size: 44px;
    line-height: 44px;
    font-weight: 700;
    color: rgba(227, 145, 86, 1);
}
testimonials_sec h3{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: rgba(227, 145, 86, 1);
}
testimonials_sec h4{
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: rgba(115, 115, 115, 1);
}
testimonials_sec p{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(115, 115, 115, 1);
}
@media only all and (max-width: 1000px){
    testimonials_sec .cardRow{
        flex-direction: column;
    }
    testimonials_sec .cards{
        width: calc(100% - 32px);
        height: 352px;
    }
    testimonials_sec .background{
        height: 1012px;
    }
}
@media only all and (max-width: 830px){
    testimonials_sec .cards{
        height: auto;
    }
    testimonials_sec .background{
        height: 1062px;
    }
}
@media only all and (max-width: 670px){
    testimonials_sec .background{
        height: 1132px;
    }
}
@media only all and (max-width: 580px){
    testimonials_sec .background{
        height: 1232px;
    }
}
@media only all and (max-width: 460px){
    testimonials_sec .background{
        height: 1342px;
    }
}
@media only all and (max-width: 420px){
    testimonials_sec .background{
        height: 1442px;
    }
}
@media only all and (max-width: 390px){
    testimonials_sec .background{
        height: 1492px;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

team_sec{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 48px;
    gap: 44px;
}
team_sec .content{
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1320px;
    justify-content: space-evenly;
    margin-bottom: 36px;
    align-items: center;
    gap: 18px;
}
team_sec .founders{
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 50%;
    max-width: 520px;
}
team_sec .Fab{
    display: flex;
    flex-direction: row;
    position: relative;
    background-color: rgba(248, 248, 248, 1);
    border-radius: 10px;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 212px;
    padding: 24px;
    gap: 16px;
}
body.darkmode team_sec .Fab{
    background-color: rgba(47, 41, 41, 1);
}
team_sec .Fab:hover{
    transform: translateY(-5px);
}
team_sec .Ita{
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    background-color: rgba(248, 248, 248, 1);
    border-radius: 10px;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 212px;
    padding: 24px;
    gap: 16px;
}
body.darkmode team_sec .Ita{
    background-color: rgba(47, 41, 41, 1);
}
team_sec .Ita:hover{
    transform: translateY(-5px);
}
team_sec .profile{
    display: flex;
    justify-content: center;
    background: url('../assets/icons/profile.svg') no-repeat;
    background-size: contain;
    height: 156px;
    width: 124px;
}
team_sec .Fabricio{
    background: url('../assets/images/Fab.jpg') no-repeat;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
team_sec .Itamara{
    background: url('../assets/images/Ita.jpg') no-repeat;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
team_sec .texts{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
team_sec .the_team{
    display: flex;
    flex-direction: column;
    gap: 26px;
    text-align: start;
    align-self: flex-start;
}
team_sec h2{
    font-size: 44px;
    line-height: 44px;
    font-weight: 700;
    color: rgba(227, 145, 86, 1);
}
team_sec h3{
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: rgba(77, 77, 77, 1);
}
team_sec h4{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: rgba(115, 115, 115, 1);
}
team_sec .texts p{
    font-size: 14px!important;
    line-height: 24px;
    font-weight: 400;
    color: rgba(115, 115, 115, 1);
    max-width: 262px;
}
team_sec .the_team p{
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: rgba(115, 115, 115, 1);
    max-width: 634px;
}
body.darkmode team_sec h2{
    color: rgba(227, 145, 86, 1);
}
body.darkmode team_sec h3{
    color: rgba(227, 145, 86, 1);
}
body.darkmode team_sec h4{
    color: rgba(244, 227, 215, 1);
}
body.darkmode team_sec p{
    color: rgba(205, 178, 159, 1);
}
@media only all and (max-width: 1250px){
    team_sec .content{
        gap: 44px!important;
    }
}
@media only all and (max-width: 1060px){
    team_sec .the_team{
        gap: 22px;
    }
    team_sec .the_team p{
        line-height: 28px;
    }
}
@media only all and (max-width: 950px){
    team_sec .content{
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 0;
    }
    team_sec .the_team{
        text-align: center;
        align-items: center;
        align-self: center;
    }
    team_sec .founders{
        width: 100%;
    }
    team_sec .the_team p{
        width: 100%!important;
    }
}
@media only all and (max-width: 500px){
    team_sec .Ita{
        width: 332px;
    }
    team_sec .Fab{
        width: 332px;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

conclusion{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto; 
}
conclusion .background{
    position: relative;
    background-image: linear-gradient(rgba(36, 61, 101, 0),rgba(36, 61, 101, 0)), url('../assets/images/horses.jpg'); 
    background-size: cover;
    background-position: center;
    justify-content: center;
    height: 450px;
    width: 100%;
    display: flex;
    align-items: center; 
    color: white;
}
conclusion .filter{
    position: absolute;
    content: '';
    height: inherit;
    width: 100%;
    background: linear-gradient(90deg, rgba(66, 54, 45, 0.67) 0%, rgba(168, 138, 116, 0.67) 52%, rgba(168, 138, 116, 0.67) 100%);
}
body.darkmode conclusion .filter{
    background-image: linear-gradient(rgba(0, 0, 0, 0.67) 0%,rgba(70, 62, 56, 0.67) 100%); 
}
conclusion .content{
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    align-self: center!important;
    justify-content: center!important;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    max-width: 1460px!important;
    gap: 32px;
    position: relative;
    z-index: 2;
}
conclusion .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 32px;
    gap: 24px;
}
conclusion h2{
    width: 100%;
    max-width: 500px;
    line-height: 44px;
    text-align: start;
    font-size: 44px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
}
conclusion p{
    color: rgba(255, 255, 255, 1);
    max-width: 610px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    width:100%;
}
conclusion .test_btn{
    color: white;
    background-color: rgba(227, 145, 86, 1);
}
body.darkmode conclusion .test_btn{
    background-color: rgba(227, 145, 86, 1);
}
@media only all and (max-width: 830px){
    conclusion .content{
        align-items: center;
        padding: 24px;
        gap: 24px;
    }
    conclusion .text{
        text-align: center;
        gap: 18px;
        align-items: center;
    }
    conclusion h2{
        text-align: center;
    }
}
@media only all and (max-width: 826px){
    conclusion h2{
        font-size: 40px;
    }
    conclusion p{
        font-size: 14px;
    }
}
@media only all and (max-width: 510px){
    conclusion h2{
        font-size: 38px;
    }
    conclusion p{
        line-height: 24px;
    }
}

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

contact_sec{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
contact_sec .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 124px;
    gap: 44px;
}
contact_sec .texts{
    display: flex;
    flex-direction: column;
    gap: 28px;
}
contact_sec h2{
    color: rgba(230, 130, 58, 1);
    font-size: 44px;
    font-weight: 700;
    line-height: 44px;
    max-width: 563px;
}
body.darkmode contact_sec h2{
    color: rgba(227, 145, 86, 1);
}
contact_sec p{
    color: rgba(79, 79, 79, 1);
    font-size: 16px;
}
body.darkmode contact_sec p{
    color: rgba(205, 178, 159, 1);
}
contact_sec .contacts_btns{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}
contact_sec .e-mail_btn{
    color: #FFFFFF !important;
    background-color: rgba(230, 130, 58, 1) !important;
}
contact_sec .wpp_btn{
    color: #FFFFFF !important;
    background-color: rgba(123, 185, 102, 1) !important;
}
body.darkmode .e-mail_btn{
    color: #FFFFFF !important;
    background-color: rgba(230, 130, 58, 1) !important;
}
body.darkmode .wpp_btn{
    color: #FFFFFF !important;
    background-color: rgba(123, 185, 102, 1) !important;
}
contact_sec button img{
    filter: invert(100%)!important;
}
@media only all and (max-width: 820px){
    contact_sec .texts{
    align-items: center;
    }
}
@media only all and (max-width: 620px){
    contact_sec .contacts_btns{
    flex-direction: column-reverse;
    width:188px;
    }
    .content-block .img1{
        height: 224px;
    }
}