@charset "UTF-8";
*{
    padding: 0;
    margin: 0;
}
html,body{
    padding: 0;
    margin: 0;
    background-color: white;
    width: 100%;
    height: 100%;
}
main{
    display: flex;
    flex-direction: column;
    min-height: auto !important;
    width: auto;
}
/* --------------------------------- */
/*          Section Divider 1        */
/*  -------------------------------- */
.divider-1{
    display: block;
    position: relative;
    height: auto;
    width: auto;
    z-index: 2;
}
main section:nth-of-type(odd) .divider-1 svg {
    transform: scaleX(-1);
    transform-origin: center;
}
main section:nth-of-type(odd) .divider-1 .shape-fill-1 {
    fill: #ECE6DB;
}
.custom-shape-divider-top-1750088576 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}
.custom-shape-divider-top-1750088576 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: auto;
}
.custom-shape-divider-top-1750088576 .shape-fill-1 {
    fill: #213B36;
}
/* --------------------------------- */
/*         Business Section          */
/*  -------------------------------- */
.business-section{
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.business-wrapper{
    width: 100%;
}
.business-container{
    display: flex;
    flex-direction: row;
    width: 75%;
    margin: 0 auto;
    padding: 3vw 0;
}
.business-container.odd{
    flex-direction: row-reverse;
}
.business-container-left{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: start;
    width: 40%;
    position: relative;
    z-index: 3;
}
section .business-container.odd .business-container-left{
    align-items: end;
}
.business-logo-circle-container{
    width: fit-content;
    height: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 2vw 2vw 0 0;
}
.business-logo-circle-container.odd{
    background: transparent;
    padding: 2vw 0 0 0;
}
.business-logo-circle{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 4;
    height: 16vw;
    width: 16vw;
    padding: 1px;
    background: #21423c;
    border-radius: 50%;
    margin-bottom: 1vw;
    box-shadow: 0vw 0vw 0.35vw rgba(0,0,0,0.5);
    transition: all 0.1s ease-in;
    user-select: none;
}
.business-logo-circle-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    z-index: 2;
    height: 15vw;
    width: 15vw;
    background: #1B3030;
    transition: all 0.1s ease-in;
    img{
        height: 15vw;
        width: 15vw;
    }
}
.business-logo-circle:hover{
    box-shadow: 0vw 0vw 0.75vw rgba(0,0,0,0.5);
}
.business-logo-circle-inner:hover{
    box-shadow:
        inset -0.4vw -0.4vw 0.8vw rgba(0, 0, 0, 0.6),
        inset 0.4vw 0.4vw 0.8vw rgba(255, 255, 255, 0.05),
        0 0.3vw 0.6vw rgba(0,0,0,0.5);
}
.business-container-right{
    display: flex;
    flex-direction: column;
    width: 60%;
    margin: 4vw 0 3vw 0;
    position: relative;
    z-index: 2;
}
.business-info-container{
    display: flex;
    flex-direction: column;
    width: 90%;
}
.business-info{
    display: flex;
    flex-direction: column;
    margin-bottom: 3vw;
    span{
        margin-bottom: 1vw;
    }
}
.business-links{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.75vw;
    a{
        text-decoration: none !important;
    }
}
.socials-container{
    display: flex;
    flex-direction: row;
    height: max-content;
    align-items: center;
}
.social-media{
    height: 2vw;
    width: auto;
    margin-right: 10px;
    path{
        fill: #21423c;
    }
}
.social-media:hover{
    path{
        fill: rgb(32, 129, 113);
    }
}
.social-media.odd{
    path{
        fill: #ECE6DB;
    }
}
.social-media.odd:hover{
    path{
        fill: rgb(35, 216, 186);
    }
}
#linkedin{
    path:first-child{
        fill: #21423c;
    }
    path{
        fill: #ECE6DB;
    }
}
#linkedin:hover{
    path:first-child{
        fill: rgb(32, 129, 113);
    }
}
#linkedin.odd:hover{
    path:first-child{
        fill: rgb(35, 216, 186);
    }
}
#tiktok{
    height: 2.4vw;
    width: auto;
}
.business-contact{
    margin: 0 1vw;
    font-size: 1.75vw;
    font-weight: 600;
}
.business-contact:hover{
    color: rgb(40, 173, 151);
}
.business-contact.odd:hover{
    color: rgb(35, 216, 186);
}
.business-button {
    margin-left: 1vw;
    padding: 0.5vw 1vw;
    background: #1B3030;
    border: 3px solid transparent;
    color: #ECE6DB;
    border-radius: 2rem;
    font-weight: bold;
    cursor: pointer;
    font-size: 1vw;
    font-weight: 600;
    letter-spacing: 1px;
}
.business-button:hover {
    color: white;
    border: 3px solid rgb(32, 129, 113);
    box-shadow: 0vw 0vw 0.25vw rgba(0, 0, 0, 0.24);
    transform: translateY(-1px);
}
.business-button.odd{
    color: #213B36;
    background: #ECE6DB;
    border: 2px solid transparent;
    transition: background 0.4s;
}
.business-button.odd:hover{
    background: #ffffff44;
    color: white;
    border: 2px solid white;
    transition: background 0.4s;
}
/* floating buttons */
.sectors-pages{
    .floating-buttons {
        bottom: 20px;
        right: 40px;
    }
}
/* --------------------- */
/*  DESKTOP BREAKPOINTS  */
/* --------------------- */
/* Small Desktops and Laptops */
@media (min-width: 1201px) and (max-width: 1680px) {
    /* --------------------------------- */
    /*         Business Section          */
    /*  -------------------------------- */
    .business-container {
        width: 85%;
        padding: 3.5vw 0;
    }
    .business-container-left {
        align-items: start;
        width: 40%;
    }
    .business-logo-circle-container{
        height: 85%;
        z-index: 1;
        padding: 2vw 0vw 0 2vw;
    }
    .business-logo-circle {
        height: 18vw;
        width: 18vw;
        margin-bottom: 2vw;
        box-shadow: 0vw 0vw 1vw rgba(0, 0, 0, 0.5);
    }
    .business-logo-circle-inner {
        height: 16.5vw;
        width: 16.5vw;
        img {
            height: 17vw;
            width: 17vw;
        }
    }
    section .business-container.odd .business-container-left {
        align-items: flex-end;
    }
    .business-logo-circle-container.odd {
        background: transparent;
        padding: 2vw 2vw 0 0;
    }
    .business-container-right {
        width: 65%;
        margin: 4vw 0 3vw 0;
    }
    .business-info-container {
        width: 100%;
    }
    .business-links {
        width: 110%;
        margin-top: 1.25vw;
    }
    .social-media {
        height: 2.5vw;
    }
    #tiktok {
        height: 3vw;
        width: auto;
    }
    .business-contact {
        font-size: 1.75rem;
    }
    .business-button {
        padding: 0.65vw 1vw;
        font-size: 1rem;
    }
}
/* --------------------- */
/*   TABLET BREAKPOINTS  */
/* --------------------- */
@media (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {
    /* --------------------------------- */
    /*          Section Divider 1        */
    /*  -------------------------------- */
    .custom-shape-divider-top-1750088576 svg {
        width: auto;
        height: 65vw;
    }
    main section:nth-of-type(odd) .divider-1 svg {
        transform: scaleX(1);
        transform-origin: center;
    }
    /* --------------------------------- */
    /*         Business Section          */
    /*  -------------------------------- */
    .business-container{
        width: 75%;
        flex-direction: column;
        padding: 10vw 0 7vw 0;
    }
    .business-container.odd{
        flex-direction: column;
    }
    main section:last-of-type .business-container{
        padding-bottom: 10vw;
    }
    section .business-container.odd .business-container-left{
        align-items: center;
    }
    .business-container-left{
        width: 100%;
        align-items: center;
    }
    .business-logo-circle-container{
        height: 100%;
        padding: 0;
    }
    .business-logo-circle{
        height: 29vw;
        width: 29vw;
        margin-bottom: 3vw;
        padding: 2px;
        box-shadow: 0vw 0vw 2vw rgba(0,0,0,0.5);
    }
    .business-logo-circle:hover{
        box-shadow: 0vw 0vw 6vw rgba(0,0,0,0.5);
    }
    .business-logo-circle-inner{
        height: 27vw;
        width: 27vw;
        img{
            height: 26vw;
            width: 26vw;
        }
    }
    .business-container-right{
        width: 100%;
        margin: 0vw 0 3vw 0;
    }
    .business-info-container{
        width: 100%;
    }
    .business-info {
        span {
            margin-bottom: 1vw;
            text-align: center;
        }
    }
    .business-links-container{
        margin-top: 2vw;
        text-align: center;
    }
    .business-links{
        margin-top: 2vw;
        flex-wrap: wrap;
        justify-content: center;
    }
    .business-links > :nth-child(3){
        width: auto;
        display: flex;
        justify-content: center;
    }
    .social-media{
        width: auto;;
        height: 6vw;
    }
    #tiktok{
        width: auto;
        height: 7vw;
    }
    .business-contact{
        font-size: 2rem;
    }
    .business-button{
        font-size: 1.35rem;
        padding: 2vw 3vw;
        margin-left: 0vw;
        margin-top: 1vw;
    }
}
@media (min-width: 767px) and (max-width: 1200px) and (orientation: landscape) {
    .txt-color-1-green-paragraph {
        font-size: 1.25rem;
    }
    .txt-color-1-light-paragraph {
        font-size: 1.25rem;
    }
    /* --------------------------------- */
    /*         Business Section          */
    /*  -------------------------------- */
    .business-container {
        width: 85%;
        padding: 3.5vw 0;
    }
    .business-container-left {
        align-items: start;
        width: 40%;
    }
    .business-logo-circle-container{
        height: 85%;
        z-index: 1;
        padding: 2vw 0vw 0 2vw;
    }
    .business-logo-circle {
        height: 20vw;
        width: 20vw;
        margin-bottom: 2vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.5);
    }
    .business-logo-circle-inner {
        height: 18vw;
        width: 18vw;
        img {
            height: 20vw;
            width: 20vw;
        }
    }
    section .business-container.odd .business-container-left {
        align-items: flex-end;
    }
    .business-logo-circle-container.odd {
        background: transparent;
        padding: 2vw 2vw 0 0;
    }
    .business-container-right {
        width: 65%;
        margin: 4vw 0 3vw 0;
    }
    .business-info-container {
        width: 100%;
    }
    .business-links {
        width: 110%;
        margin-top: 1.25vw;
    }
    .social-media {
        height: 2.5vw;
    }
    #tiktok {
        height: 3vw;
        width: auto;
    }
    .business-contact {
        font-size: 1.25rem;
    }
    .business-button {
        padding: 0.65vw 1vw;
        font-size: 0.75rem;
    }
}
/* -------------------- */
/*  MOBILE BREAKPOINTS  */
/* -------------------- */
@media (max-width: 767px) and (orientation: portrait) {
    /* --------------------------------- */
    /*          Section Divider 1        */
    /*  -------------------------------- */
    .custom-shape-divider-top-1750088576 svg {
        width: auto;
        height: 75vw;
    }
    main section:nth-of-type(odd) .divider-1 svg {
        transform: scaleX(1);
        transform-origin: center;
    }
    /* --------------------------------- */
    /*         Business Section          */
    /*  -------------------------------- */
    .business-container{
        width: 90%;
        flex-direction: column;
        padding: 15vw 0 10vw 0;
    }
    .business-container.odd{
        flex-direction: column;
    }
    main section:last-of-type .business-container{
        padding-bottom: 15vw;
    }
    section .business-container.odd .business-container-left{
        align-items: center;
    }
    .business-container-left{
        width: 100%;
        align-items: center;
    }
    .business-logo-circle-container{
        height: 100%;
        padding: 0;
    }
    .business-logo-circle{
        height: 35vw;
        width: 35vw;
        margin-bottom: 5vw;
        padding: 2px;
        box-shadow: 0vw 0vw 2vw rgba(0,0,0,0.5);
    }
    .business-logo-circle:hover{
        box-shadow: 0vw 0vw 6vw rgba(0,0,0,0.5);
    }
    .business-logo-circle-inner{
        height: 32vw;
        width: 32vw;
        img{
            height: 35vw;
            width: 35vw;
        }
    }
    .business-container-right{
        width: 100%;
    }
    .business-info-container{
        width: 100%;
    }
    .business-info {
        span {
            margin-bottom: 4vw;
        }
    }
    .business-links-container{
        margin-top: 2vw;
    }
    .business-links{
        margin-top: 4vw;
        flex-wrap: wrap;
        justify-content: center;
    }
    .business-links > :nth-child(3){
        width: auto;
        display: flex;
        justify-content: center;
    }
    .social-media{
        width: auto;;
        height: 9vw;
    }
    #tiktok{
        width: auto;
        height: 10.5vw;
    }
    .business-contact{
        font-size: 1.75rem;
    }
    .business-button{
        font-size: 1.35rem;
        padding: 2vw 3vw;
        margin-left: 0vw;
        margin-top: 3vw;
    }
}
@media (max-width: 767px) and (orientation: landscape) {
    /* --------------------------------- */
    /*          Section Divider 1        */
    /*  -------------------------------- */
    .custom-shape-divider-top-1750088576 svg {
        width: auto;
        height: 65vw;
    }
    main section:nth-of-type(odd) .divider-1 svg {
        transform: scaleX(1);
        transform-origin: center;
    }
    /* --------------------------------- */
    /*         Business Section          */
    /*  -------------------------------- */
    .business-container{
        width: 75%;
        flex-direction: column;
        padding: 10vw 0 7vw 0;
    }
    .business-container.odd{
        flex-direction: column;
    }
    main section:last-of-type .business-container{
        padding-bottom: 10vw;
    }
    section .business-container.odd .business-container-left{
        align-items: center;
    }
    .business-container-left{
        width: 100%;
        align-items: center;
    }
    .business-logo-circle-container{
        height: 100%;
        padding: 0;
    }
    .business-logo-circle{
        height: 29vw;
        width: 29vw;
        margin-bottom: 3vw;
        padding: 2px;
        box-shadow: 0vw 0vw 2vw rgba(0,0,0,0.5);
    }
    .business-logo-circle:hover{
        box-shadow: 0vw 0vw 6vw rgba(0,0,0,0.5);
    }
    .business-logo-circle-inner{
        height: 27vw;
        width: 27vw;
        img{
            height: 26vw;
            width: 26vw;
        }
    }
    .business-container-right{
        width: 100%;
        margin: 0vw 0 3vw 0;
    }
    .business-info-container{
        width: 100%;
    }
    .business-info {
        span {
            margin-bottom: 1vw;
            text-align: center;
        }
    }
    .business-links-container{
        margin-top: 2vw;
        text-align: center;
    }
    .business-links{
        margin-top: 2vw;
        flex-wrap: wrap;
        justify-content: center;
    }
    .business-links > :nth-child(3){
        width: auto;
        display: flex;
        justify-content: center;
    }
    .social-media{
        width: auto;;
        height: 6vw;
    }
    #tiktok{
        width: auto;
        height: 7vw;
    }
    .business-contact{
        font-size: 2rem;
    }
    .business-button{
        font-size: 1.35rem;
        padding: 2vw 3vw;
        margin-left: 0vw;
        margin-top: 1vw;
    }
}