:root{
    --main: #0072F8;
    --title: #000;
    --text: #1D2939;
    --text2: #667085;
    --white: #fff;
    --black: #000;
    --line: #D0D5DD;
    --footer: #000;
    --quest: "questa-grande", serif;
    --int: "Inter", sans-serif;
}

/* html{
	height:0;
	overflow:hidden
}

body::after{
	content: '';
	position:absolute;
	z-index:99999999;
	inset: 0;
	width:100%;
	height:100%;
	background-color: #fff;
} */

body{
	position:relative;
    font-family: var(--int);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.tupp{
    text-transform: uppercase;
}

.tlc{
    text-transform: lowercase;
}

html::-webkit-scrollbar{
    width: 10px;
}

html::-webkit-scrollbar-track{
    background: var(--black);
}

html::-webkit-scrollbar-thumb{
    background: var(--white);
    border-radius: 10px 0 0 10px;
}

a{
    text-decoration: none;
    color: #000;
}

.sectitle{
    color: var(--title);
    font-family: var(--quest);
    font-size: 34px;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

.text{
    color: var(--text);
}

.text strong{
    color: var(--title);
}

.text p:not(:last-child){
    margin-bottom: 1rem;
}

.telp,
.mailp{
    display: block;
}

.dbtn{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 13px;
    width: fit-content;
    color: var(--white);
    font-family: var(--quest);
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 1.3px;
    border: 1px solid transparent;
    background-color: var(--main);
    padding: 12px 38px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dbtn.t{
    color: var(--main);
    border-color: var(--main);
    background-color: transparent;
}

.dbtn.tw{
    color: var(--white);
    border-color: var(--white);
    background-color: transparent;
}

.dbtn.ob{
    color: var(--main);
    border-color: var(--main);
    background-color: #000B18;
}

.dbtn::after{
    content: url(../../assets/img/btnarrowr.svg);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dbtn::after,
.dbtn.t:hover::after,
.dbtn.tw:hover::after,
.dbtn.ob:hover::after{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.dbtn:hover{
    color: var(--main);
    background-color: transparent;
    border-color: var(--main);
}

.dbtn.t:hover{
    color: var(--white);
    border-color: transparent;
    background-color: var(--main);
}

.dbtn.tw:hover{
    color: var(--white);
    border-color: var(--main);
    background-color: var(--main);
}

.dbtn.ob:hover{
    color: var(--white);
    border-color: var(--white);
}

.dbtn:hover::after,
.dbtn.t::after,
.dbtn.ob::after{
    filter: none;
    -webkit-filter: none;
    -ms-filter: none;
}

.dbtn.wppp{
    grid-gap: 10px !important;
    background-color: #25D366;
    border-color: #25D366;
}

.dbtn.wppp:hover{
    color: #25D366;
    background-color: transparent;
}

.dbtn.wppp::before{
    content: url(../../assets/img/wppp.svg);
}

.dbtn.wppp::after{
    display: none;
    -webkit-display: none;
}

.wpcf7-not-valid-tip{
    position: absolute;
    bottom: -25px;
}

h1.entry-title{
    text-align: center;
    margin: 30px 0;
}

.pathbox{
    background-color: #000B18;
    padding: 9px 0;
}

.pathbox .df{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 1rem;
}

.pathbox .df .back{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 1rem;
    color: var(--white);
    font-family: var(--quest);
    border: 0;
    background: transparent;
    padding: 0;
}

.pathbox .df .back::before{
    content: url(../../assets/img/btnarrowr.svg);
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.pathbox .df .path{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 17px;
    border-left: 1px solid var(--white);
    padding: 4px 0 4px 1rem;
}

.pathbox .df .path>*{
    color: var(--white);
    font-family: var(--quest);
}

.pathbox .df .path>*:not(svg):not(:last-child){
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 17px;
}

.pathbox .df .path>*:not(svg):not(:last-child)::after{
    content: url(../../assets/img/arrowd.svg);
    transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
}

.pagination{

}

.pagination>*{

}

.pagination>*:hover,
.pagination>*.active{

}

.pagination>*:first-child,
.pagination>*:last-child{

}

/* DEFAULT SECTIONS */

section.whatis{
    position: relative;
    background: url(../../assets/img/whatisbg.svg) no-repeat top center, linear-gradient(to bottom,#F2F8FF 14%,#fff 100%) no-repeat center;
    background-blend-mode: overlay;
    margin: -2rem 0 0;
    padding: 9.06rem 0 0;
}

section.whatis::before{
    content: '';
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: 85px;
    background-image: url(../../assets/img/runbgfx.svg);
    background-repeat: repeat-x;
    background-position: 0 center;
    animation: 10s linear infinite forwards run;
    -webkit-animation: 10s linear infinite forwards run;
    -moz-animation: 10s linear infinite forwards run;
    -ms-animation: 10s linear infinite forwards run;
    -o-animation: 10s linear infinite forwards run;
}

@keyframes run{from{background-position:0 center}to{background-position:1920px center}}
@-webkit-keyframes run{from{background-position:0 center}to{background-position:1920px center}}
@-moz-keyframes run{from{background-position:0 center}to{background-position:1920px center}}
@-ms-keyframes run{from{background-position:0 center}to{background-position:1920px center}}
@-o-keyframes run{from{background-position:0 center}to{background-position:1920px center}}

section.whatis .container{
    max-width: calc(1160px + 140px);
}

section.whatis .row{
    grid-gap: 1rem 0;
}

section.whatis .row>*{
    display: flex;
    -webkit-display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

section.whatis .row>*:not(:has(.img)){
    padding: 0 10px;
}

section.whatis .row>*:has(.links){
    border-left: 1px solid var(--line);
}

section.whatis .sectitle{
    margin-bottom: 12px;
}

section.whatis .text{
    width: clamp(10px,100%,570px);
}

section.whatis .links{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 17px 1rem;
}

section.whatis .links>*:not(:last-child){
    border-bottom: 1px solid var(--line);
    padding-bottom: 17px;
}

section.whatis .links>*{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 8px;
    width: 100%;
}

section.whatis .links>* .text{
    line-height: 22px;
}

section.whatis .links>* .dbtn{
    width: 100%;
    max-width: 160px;
    justify-content: center;
    -webkit-justify-content: center;
    white-space: nowrap;
    padding: 12px 1rem;
}

section.whatis .box{
    position: relative;
    z-index: 1;
    width: clamp(11px,100%,1160px);
    aspect-ratio: 1/.56293;
    margin-top: -14%;
    transform: translateY(11.66rem);
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(11.66rem);
    -ms-transform: translateY(11.66rem);
    -o-transform: translateY(11.66rem);
}

section.whatis .box::after{
    content: '';
    position: absolute;
    inset: auto auto -12px -12px;
    z-index: -1;
    width: 101.98275%;
    aspect-ratio: 1/.14792;
    background-color: var(--main);
}

section.whatis .box .vid{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    overflow: hidden;
}

section.whatis .box .vid::before{
    content: '';
    position: absolute;
    z-index: 1;
    width: 84px;
    aspect-ratio: 1/1;
    border: 8px solid var(--white);
    border-radius: 50%;
    background: url(../../assets/img/play.svg) no-repeat center;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

section.whatis .box .vid.running::before{
    width: 0;
    border-width: 0;
}

section.whatis .box .vid video{
    cursor: pointer;
    width: auto !important;
    height: 100% !important; 
}

section.whatis .box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

section.partners{
    background: linear-gradient(to bottom,#030415,#000) no-repeat top center;
    padding: 14.86rem 0 5.4rem;
}

section.partners>*:first-child{
    max-width: calc(1180px + 140px);
    margin-bottom: 4.2rem;
}

section.partners .sectitle{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem clamp(1rem,3.4375vw,66px);
    text-align: center;
    color: var(--white);
    font-weight: 400;
}

section.partners .sectitle::before,
section.partners .sectitle::after{
    content: '';
    display: block;
    -webkit-display: block;
    width: 100%;
    height: 1px;
    background-color: var(--white);
}

section.partners>*:last-child{
    max-width: calc(1615px + 140px);
}

section.partners .owl-carousel img{
    width: clamp(10px,100%,321px);
    aspect-ratio: 1/.28037;
    object-fit: contain;
    -o-object-fit: contain;
}

section.benefits{
    overflow: hidden;
    padding: 3.86rem 0 1.93rem;
}

section.benefits .row{
	grid-gap: 2rem 0;
}

section.benefits .df{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 1rem 17px;
    margin-bottom: 7rem;
}

section.benefits .df .btns{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 12px;
    width: 100%;
}

section.benefits .df .btns::before,
section.benefits .df .btns::after{
    content: '';
    display: block;
    -webkit-display: block;
    width: 100%;
    height: 1px;
    background-color: var(--black);
}

section.benefits .df .btns>*{
    cursor: pointer;
    color: var(--text2);
    font-family: var(--int);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border: 1px solid var(--text2);
    border-radius: 50px;
    padding: 10px 38px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

section.benefits .df .btns>*:hover,
section.benefits .df .btns>*.active{
    color: var(--white);
    border-color: var(--main);
    background-color: var(--main);
}

section.benefits .vm{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 11px;
    width: fit-content;
    color: var(--black);
    font-family: var(--quest);
    font-weight: 700;
    white-space: nowrap;
}

section.benefits .vm::after{
    content: url(../../assets/img/btnarrowr.svg);
    filter: brightness(0);
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
}

section.benefits .owl-carousel .owl-stage-outer{
    margin: -2rem;
    padding: 2rem;
}

section.benefits .box{
    border-bottom: 4px solid var(--main);
    box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
    margin-top: 50px;
    padding: 0 1rem 25px;
}

section.benefits .box .icon{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100px;
    aspect-ratio: 1/1;
    box-shadow: 0 4px 12px 0 #00000029;
    margin-bottom: -30px;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
}

section.benefits .box .icon img{
    max-width: 63%;
    max-height: 63%;
}

section.benefits .box .title{
    color: var(--black);
    font-size: 20px;
    font-family: var(--quest);
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

section.benefits .box .text{
    display: -webkit-box;
    -webkit-display: -moz-box;
    color: var(--text);
    font-size: 16px;
    line-height: 24px;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -moz-line-clamp: 6;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
}

section.benefits .box .vm{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 11px;
    color: var(--black);
    font-size: 16px;
    font-family: var(--quest);
    font-weight: 700;
    line-height: 18px;
}

section.benefits .box .vm::after{
    content: url(../../assets/img/btnarrowr.svg);
    filter: brightness(0);
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
}

section.services{
    padding: 1.93rem 0 2.23rem;
}

section.services .df,
section.associates .df{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: clamp(1rem,1.40625vw,27px);
    margin-bottom: 26px;
}

section.associates .df{
    margin-bottom: 37px;
}

section.services .sectitle,
section.associates .sectitle{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: clamp(1rem,1.77083vw,34px);
    width: 100%;
    margin-bottom: 0;
}

section.services .sectitle::after,
section.associates .sectitle::after{
    content: '';
    display: block;
    -webkit-display: block;
    width: 100%;
    height: 1px;
    background-color: var(--black);
}

section.services .vm,
section.associates .vm{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 11px;
    width: fit-content;
    color: var(--black);
    font-family: var(--quest);
    font-weight: 700;
    white-space: nowrap;
}

section.services .vm::after,
section.associates .vm::after{
    content: url(../../assets/img/btnarrowr.svg);
    filter: brightness(0);
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
}

section.services .owl-carousel .owl-stage{
    display: flex;
    -webkit-display: flex;
    align-items: center;
}

section.services .box{
    display: flex;
    -webkit-display: flex;
    align-items: flex-end;
    min-width: 255px;
    height: 630px;
    background-blend-mode: multiply;
    background-size: cover !important;
    border-bottom: 4px solid transparent;
    padding: 0 1rem 24px 1rem;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

section.services .box.open,
section.services .box:hover{
    border-color: var(--main);
    padding-right: clamp(1rem,10.20833vw,196px);
}

section.services .box .content{
    display: flex;
    -webkit-display: flex;
    align-items: flex-end;
    grid-gap: 20px;
    width: 100%;
}

section.services .box .content .title{
    writing-mode: vertical-lr;
    -ms-writing-mode: sideways-lr;
    text-orientation: mixed;
    color: var(--white);
    font-family: var(--quest);
    font-size: 34px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 1px;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
}

section.services .box .content>*:last-child{
    width: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

section.services .box.open .content>*:last-child,
section.services .box:hover .content>*:last-child{
    width: 15.36458vw;
}

section.services .box .content .text{
    min-width: 15.36458vw;
    color: var(--white);
    font-family: var(--int);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2rem;
}

section.services .box .content .dbtn{
    white-space: nowrap;
    padding: 12px 1rem;
}

section.services .box .content .dbtn:hover{
    color: var(--white);
    border-color: var(--white);
}

section.services .box .content .dbtn:hover::after{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

section.associates{
    padding: 2.23rem 0 4.4rem;
}

section.associates .gallery{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 1rem 20px;
    margin-bottom: 24px;
}

section.associates .gallery>*,
section.associates .owl-carousel .gal{
    flex: 0 1 calc(16.66666% - 20px);
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    aspect-ratio: 1/1;
    border: 1px solid var(--black);
}

section.associates .owl-carousel .gal{
    flex: unset;
    width: 216px;
}

section.associates .gallery>* img,
section.associates .owl-carousel .gal img{
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    -o-object-fit: contain;
}

section.associates .dff{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
    border-bottom: 1px solid var(--black);
    padding-bottom: 26px;
}

section.associates .dff .text{
    font-weight: 500;
    border-right: 1px solid var(--black);
    padding: 10px 1rem 10px 0;
}

section.beamember{
    background-color: var(--main);
    padding: 19px 0;
}

section.beamember .df{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 26px;
}

section.beamember .df .text{
    color: var(--white);
    border-right: 1px solid var(--white);
    padding: 10px 26px 10px 0;
}

section.beamember .df .dbtn{
    padding: 10px 0;
}

section.beamember .df .dbtn:hover{
    color: var(--white);
}

section.beamember .df .dbtn:hover::after{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

section.beapartofit{
    background: url(../../assets/img/bapoibg1.svg) no-repeat bottom left,url(../../assets/img/bapoibg2.svg) no-repeat bottom right;
}

section.beapartofit .box{
    position: relative;
    z-index: 1;
    background-color: var(--black);
    box-shadow: 0 4px 24px 5px #ffffff1f;
    border-bottom: 4px solid var(--main);
    padding: clamp(2rem,7.76041vw,149px) clamp(1rem,4.73958vw,91px) clamp(2rem,7.65625vw,147px);
    margin-top: -7.66rem;
    transform: translateY(7.66rem);
    -webkit-transform: translateY(7.66rem);
    -moz-transform: translateY(7.66rem);
    -ms-transform: translateY(7.66rem);
    -o-transform: translateY(7.66rem);
}

section.beapartofit .box .row{
    grid-gap: 2rem 0;
}

section.beapartofit .box .row>*{
    display: flex;
    -webkit-display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

section.beapartofit .box .img{
    position: absolute;
    inset: 0 0 auto auto;
    width: 39.47916vw;
    height: 100%;
    mask-image: url(../../assets/img/maskfx.svg);
    -webkit-mask-image: url(../../assets/img/maskfx.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: left center;
    -webkit-mask-position: left center;
    mask-size: cover;
    -webkit-mask-size: cover;
}

section.beapartofit .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

section.beapartofit .box .sectitle,
section.beapartofit .box .text{
    color: var(--white);
}

section.beapartofit .box .sectitle{
    font-weight: 500;
    margin-bottom: 1rem;
}

section.beapartofit .box .text{
    width: clamp(10px,100%,499px);
    font-weight: 400;
    margin-bottom: 19px;
}

section.plans{
    background: url(../../assets/img/dnoisefx.svg) repeat top left;
    padding: 11.46rem 0 4.46rem;
}

section.plans .sectitle{
    text-align: center;
    color: var(--white);
    margin-bottom: 36px;
}

section.plans .box{
    width: 100%;
    border: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom right,#0072F8,transparent,#0072F8);
    background-color: var(--black);
    margin-bottom: 49px;
    padding: 1rem 0 1rem 3.86rem;
}

section.plans .table-responsive thead tr,
section.plans .table-responsive tbody tr:not(:last-child){
    border-bottom: 1px solid var(--line);
}

section.plans .table-responsive th:not(:last-child),
section.plans .table-responsive td:not(:last-child){
    border-right: 1px solid var(--line);
}

section.plans .table-responsive th,
section.plans .table-responsive td{
    color: var(--white);
    vertical-align: middle;
    padding: clamp(1rem,1.45833vw,27px);
}

section.plans .table-responsive thead th{
    text-align: center;
}

section.plans .table-responsive thead tr>*:first-child{
    text-align: start;
}

section.plans .table-responsive table thead th{
    color: var(--white);
    font-family: var(--quest);
    font-size: 34px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 1px;
}

section.plans .table-responsive table tbody p{
    width: clamp(10px,100%,515px);
}

section.plans .table-responsive table tbody img{
    max-width: 42px;
    margin: 0 auto;
}

section.plans .table-responsive table tbody .dbtn{
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
}

section.plans .table-responsive table tbody .dbtn::after{
    display: none;
    -webkit-display: none;
}

section.plans .dff{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem clamp(1rem,3.64583vw,70px);
    border-bottom: 1px solid var(--white);
    padding-bottom: 36px;
}

section.plans .dff .text{
    color: var(--white);
}

section.plans .dff .dbtn{
    padding: 12px clamp(1rem,4.16666vw,80px);
}

section.contentSection{
    padding: 2.06rem 0 3.56rem;
}

section.contentSection .row{
    grid-gap: 2rem 0;
}

section.contentSection .row>*{
    display: flex;
    -webkit-display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

section.contentSection .sectitle{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: clamp(1rem,1.77083vw,34px);
    width: 100%;
    white-space: nowrap;
    margin-bottom: 2rem;
}

section.contentSection .sectitle::after{
    content: '';
    display: block;
    -webkit-display: block;
    width: 100%;
    height: 1px;
    background-color: var(--black);
}

section.contentSection .text{
    margin-bottom: 2rem;
}

section.contentSection .df{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 1rem 2rem;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 2.53rem 0;
}

section.contentSection .df::before{
    content: url(../../assets/img/iconnobg.svg);
}

section.contentSection .df .sectitle{
    width: fit-content;
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 0;
}

section.contentSection .df .sectitle::after{
    display: none;
    -webkit-display: none;
}

section.contentSection .df .dbtn{
    padding: 12px;
}

section.contentSection .img{
    position: relative;
    z-index: 1;
    width: clamp(10px,100%,522px);
    aspect-ratio: 1/1.07854;
    margin-bottom: 24px;
}

@media(min-width:992px){
    section.contentSection .row>*:first-child:has(.img) .img{
        margin-right: auto;
    }
    section.contentSection .row>*:last-child:has(.img) .img{
        margin-left: auto;
    }
}

section.contentSection .img::before,
section.contentSection .img::after{
    content: '';
    position: absolute;
    z-index: -1;
    width: 30.65134%;
    aspect-ratio: 1/1;
    background-color: var(--black);
}

section.contentSection .img::before{
    inset: -4.26287% -4.59770% auto auto;
}

section.contentSection .img::after{
    inset: auto auto -4.26287% -4.59770%;
}

section.contentSection .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

section.contentSection .options{
    display: flex;
    -webkit-display: flex;
    align-items: center;
    grid-gap: 12px;
}

/* DEFAULT SECTIONS ! */

@media(max-width:1400px){
    section.associates .gallery>*{
        flex: 0 1 calc(20% - 20px);
    }
}

@media(max-width:1200px){
    section.associates .gallery>*{
        flex: 0 1 calc(25% - 20px);
    }
}

@media(max-width:992px){
    .pathbox .df,
    .pathbox .df .path{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    section.whatis{
        margin: 0;
        padding: 2rem 0 6rem;
    }
    section.whatis .box{
        margin: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    section.whatis .box::after {
        inset: auto auto -1.5% -1%;
    }
    section.partners,
    section.benefits,
    section.associates,
    section.beapartofit,
    section.plans,
    section.contentSection .df{
        padding: 2rem 0;
    }
    section.benefits .df{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-bottom: 2rem;
    }
    section.benefits .df .btns::before,
    section.benefits .df .btns::after{
        display: none;
        -webkit-display: none;
    }
    section.services .box{
        min-width: 27vw;
    }
	section.services .box.open,
    section.services .box:hover{
        width: 42vw;
    }
	section.services .box.open .content>*:last-child,
    section.services .box:hover .content>*:last-child{
        width: 100%;
    }
    section.associates .gallery{
        justify-content: center;
        -webkit-justify-content: center;
    }
    section.associates .gallery>*{
        flex: 0 1 calc(32% - 20px);
    }
    section.associates .dff,
    section.plans .dff,
    section.beamember .df{
        flex-direction: column;
        -ms-flex-direction: column;
    }
    section.associates .dff .text,
    section.plans .dff .text,
    section.beamember .df .text{
        text-align: center;
        border: none;
        padding: 0;
    }
    section.beapartofit .box{
        margin: 0;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    section.plans .box,
    section.plans .table-responsive th,
    section.plans .table-responsive td{
        padding: .5rem;
    }

    section.contentSection.associates .df.main .sectitle::after{
        width: clamp(10px,41vw,1008px) !important;
    }
}

@media(max-width:768px){
    .container{
        padding: 0 20px;
    }
	section.whatis .row>*:has(.links){
		border-left: none;
	}
    section.partners .owl-carousel img{
        margin: 0 auto;
    }
    /* section.benefits .df .btns{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    } */
    section.services .box{
        min-width: 46vw;
    }
    section.services .box.open,
    section.services .box:hover{
        width: 94vw;
    }
    section.associates .gallery>*{
        flex: 0 1 calc(50% - 20px);
        max-width: 216px;
    }
    /* section.beapartofit .box .row{
        grid-gap: 0;
    } */
    section.beapartofit .box{
        padding: 2rem 1rem;
    }

    section.beapartofit .box .img{
        position: initial;
        width: 100%;
        mask-image: linear-gradient(to bottom,transparent -21%,#fff 100%);
        -webkit-mask-image: linear-gradient(to bottom,transparent -21%,#fff 100%);
    }

	section.services .box .content{
		flex-direction:column;
		align-items:center;
	}
	section.services .box .content .title{
		writing-mode: unset;
		-ms-writing-mode: unset;
		text-orientation: normal;
 		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
	section.services .box .content .text{
		display:none;
	}
	section.services .box .content .dbtn{
		padding:0;
		border:none;
		background-color:transparent;
		margin:0 auto
	}
    section.whatis .box{
        aspect-ratio: 1/1.53631;
    }
    section.benefits .df .btns>*{
        flex: 0 1 calc(50% - 12px);
        text-align: center;
        padding: 10px;
    }
    section.benefits .df .vm,
    section.services .df .vm,
    section.associates .df .vm,
    section.associates .gallery{
        display: none;
        display: -webkit-none;
    }

    .sectitle{
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        grid-gap: 10px;
        width: 100%;
    }
    .sectitle::before,
    .sectitle::after{
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--black);
    }

    section.associates .dff,
    section.plans .dff{
        border-bottom: none;
        padding-bottom: 0;
    }

    section.beapartofit .box .sectitle,
    section.whatis .sectitle,
    .infoSection .sectitle{
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    section.beapartofit .box .sectitle::before,
    section.beapartofit .box .sectitle::after,
    .contact .sectitle::before,
    .contact .sectitle::after,
    section.whatis .sectitle::before,
    section.whatis .sectitle::after,
    section.contentSection .df::before,
    section.contentSection .df:not(.main) .sectitle,
    section.contentSection.infos .options::before,
    section.contentSection.infos .options::after,
    section.contentSection .df .dbtn.main,
    .infoSection .sectitle::before,
    .infoSection .sectitle::after{
        display: none !important;
        display: -webkit-none !important;
    }

    section.beamember .df{
        grid-gap: 21px;
    }

    section.beamember .df .text{
        border-bottom: 1px solid var(--white);
        padding-bottom: 20px;
    }

    section.contentSection .df{
        border: none;
        padding: 0 0 2.5rem;
    }

    section.contentSection .df .dbtn,
    section.contentSection .df .sectitle.bb{
        width: 100%;
    }

    section.contentSection .img{
        width: clamp(10px,86vw,522px);
    }

    section.contentSection .options,
    .contact .options{
        justify-content: center;
        -webkit-justify-content: center;
    }

    section.contentSection.infos .suboptions{
        flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        justify-content: start !important;
        -webkit-justify-content: start !important;
        overflow: scroll hidden;
        padding-bottom: 15px;
    }

    section.contentSection .options>*,
    .contact .options>*{
        text-align: center;
        flex: 0 1 calc(50% - 12px);
        padding: 10px;
    }
    .contact .options>*{
        flex: 0 1 calc(50% - 37px);
        justify-content: center !important;
        -webkit-justify-content: center !important;
        padding: 10px !important;
    }

    section.contentSection.associates .owl-carousel .owl-stage-outer{
        flex: unset !important;
    }

    section.contentSection .df .dbtn{
        justify-content: center;
        -webkit-justify-content: center;
    }

    .infoSectionss>*:nth-child(even) .row{
        flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
    }
}

@media(max-width:575px){
	.dbtn{
		width:100% !important;
		max-width:100% !important;
		justify-content:center;
	}
    section.whatis .links>*{
        align-items: flex-start;
        flex-direction: column;
        -ms-flex-direction: column;
    }
    section.services .df,
    section.associates .df{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    section.services .box{
        min-width: 93.04347vw;
        width: 93.04347vw;
    }
    section.services .box .content>*:last-child{
        width: 100%;
    }
    section.associates .gallery>*{
        flex: 0 1 100%;
    }
}

@media(max-width:425px){
    section.services .box .content{
        align-items: flex-start;
        flex-direction: column;
        -ms-flex-direction: column;
    }
    section.services .box .content .title {
        writing-mode: unset;
        -ms-writing-mode: unset;
        text-orientation: unset;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}