/*
Theme Name: manaela
Author: jeremymartin*
Author URI: manalea-web.fr
*/
.bg-gray {background-color: var(--gray-2);}
.bg-orange {background-color: var(--orange);}
.bg-coffee {background-color: var(--coffee);}
.bg-orange *:not(:is(a:hover)) {color: var(--white);}
.tag {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    width: fit-content;
    color: var(--orange);
    border-radius: .7rem;
    font-size: var(--size-16);
    background: rgba(255, 105, 4, 11%);
}
time {
    position: relative;
    color: var(--gray);
    display: inline-block;
}
section:not(:is([class*="bg-"],.sc-01)) + section:not([class*="bg-"]) > * {padding-top: 0;}
.lst a {
    position: relative;
    column-gap: .5rem;
    align-items: center;
    display: inline-flex;
}
.lst a::after {
    position: relative;
    content: '';
    padding: .7rem;
    display: inline-block;
    vertical-align: middle;
    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.1667 28.7916C21.8334 28.4583 21.6734 28.0555 21.6867 27.5833C21.7 27.111 21.8739 26.7083 22.2084 26.3749L26.9167 21.6666H8.33336C7.86114 21.6666 7.46503 21.5066 7.14503 21.1866C6.82503 20.8666 6.66558 20.471 6.66669 19.9999C6.66669 19.5277 6.82669 19.1316 7.14669 18.8116C7.46669 18.4916 7.86225 18.3321 8.33336 18.3333H26.9167L22.1667 13.5833C21.8334 13.2499 21.6667 12.8538 21.6667 12.3949C21.6667 11.936 21.8334 11.5405 22.1667 11.2083C22.5 10.8749 22.8961 10.7083 23.355 10.7083C23.8139 10.7083 24.2095 10.8749 24.5417 11.2083L32.1667 18.8333C32.3334 18.9999 32.4517 19.1805 32.5217 19.3749C32.5917 19.5694 32.6261 19.7777 32.625 19.9999C32.625 20.2221 32.59 20.4305 32.52 20.6249C32.45 20.8194 32.3322 20.9999 32.1667 21.1666L24.5 28.8333C24.1945 29.1388 23.8128 29.2916 23.355 29.2916C22.8972 29.2916 22.5011 29.1249 22.1667 28.7916Z" fill="%23FF6904"/> </svg>');
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.1667 28.7916C21.8334 28.4583 21.6734 28.0555 21.6867 27.5833C21.7 27.111 21.8739 26.7083 22.2084 26.3749L26.9167 21.6666H8.33336C7.86114 21.6666 7.46503 21.5066 7.14503 21.1866C6.82503 20.8666 6.66558 20.471 6.66669 19.9999C6.66669 19.5277 6.82669 19.1316 7.14669 18.8116C7.46669 18.4916 7.86225 18.3321 8.33336 18.3333H26.9167L22.1667 13.5833C21.8334 13.2499 21.6667 12.8538 21.6667 12.3949C21.6667 11.936 21.8334 11.5405 22.1667 11.2083C22.5 10.8749 22.8961 10.7083 23.355 10.7083C23.8139 10.7083 24.2095 10.8749 24.5417 11.2083L32.1667 18.8333C32.3334 18.9999 32.4517 19.1805 32.5217 19.3749C32.5917 19.5694 32.6261 19.7777 32.625 19.9999C32.625 20.2221 32.59 20.4305 32.52 20.6249C32.45 20.8194 32.3322 20.9999 32.1667 21.1666L24.5 28.8333C24.1945 29.1388 23.8128 29.2916 23.355 29.2916C22.8972 29.2916 22.5011 29.1249 22.1667 28.7916Z" fill="%23FF6904"/> </svg>'); 
}
.list-check {
    position: relative;
    display: flex;
    row-gap: .6rem;
    flex-wrap: wrap;
}
.list-check > li {
    position: relative;
    width: 100%;
    column-gap: .5rem;
    align-items: center;
    display: inline-flex;
}
.list-check > li::before {
    position: relative;
    content: '';
    padding: .4rem;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--orange);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 8L11.875 0.625C12.1042 0.395833 12.3958 0.28125 12.75 0.28125C13.1042 0.28125 13.3958 0.395833 13.625 0.625C13.8542 0.854166 13.9688 1.14583 13.9688 1.5C13.9688 1.85417 13.8542 2.14583 13.625 2.375L5.375 10.625C5.125 10.875 4.83333 11 4.5 11C4.16667 11 3.875 10.875 3.625 10.625L0.375 7.375C0.145833 7.14583 0.03125 6.85417 0.03125 6.5C0.03125 6.14583 0.145833 5.85417 0.375 5.625C0.604166 5.39583 0.895833 5.28125 1.25 5.28125C1.60417 5.28125 1.89583 5.39583 2.125 5.625L4.5 8Z" fill="%23FF6904"/> </svg>');
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 8L11.875 0.625C12.1042 0.395833 12.3958 0.28125 12.75 0.28125C13.1042 0.28125 13.3958 0.395833 13.625 0.625C13.8542 0.854166 13.9688 1.14583 13.9688 1.5C13.9688 1.85417 13.8542 2.14583 13.625 2.375L5.375 10.625C5.125 10.875 4.83333 11 4.5 11C4.16667 11 3.875 10.875 3.625 10.625L0.375 7.375C0.145833 7.14583 0.03125 6.85417 0.03125 6.5C0.03125 6.14583 0.145833 5.85417 0.375 5.625C0.604166 5.39583 0.895833 5.28125 1.25 5.28125C1.60417 5.28125 1.89583 5.39583 2.125 5.625L4.5 8Z" fill="%23FF6904"/> </svg>'); 
    
}
section > .row  {margin-inline: 0;}
/*  header */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 2.5rem 0;
    transition: all .5s;
}
body.sticky header {
    padding-block: .5rem;
    background-color: var(--white);
}
header .nav-bar>.row {
    position: relative;
    align-items: center;
}
header .nav-bar>.row>.bx-lf {
    line-height: 0;
}
header .nav-bar>.row>div:not(.bx-ct) {
    flex: 0 0 auto;
    width: max-content;
}
header .nav-bar>.row>.bx-ct {
    position: relative;
    flex: 1 1 0%;
}
header .primary {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 3rem;
    width: fit-content;
    margin-inline: auto;
    margin-block: auto;
}
header .primary a {
    position: relative;
    font-weight: 400;
    text-decoration: none;
    font-size: var(--size-17);
}
header .primary li:hover > a {color: var(--orange);}
header .primary li {
    position: relative;
}
header .primary li > ul {display: none;}
header .primary li.has-chid-item > ul {display: block;}
header a.logo {
    position: relative;
    width: 238px;
    display: inline-block;
}
/* sc-01 */
.sc-01 { position: relative;}.sc-01::before {
    position: absolute;
    inset: 0;
    content: '';
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url(assets/images/overlays/overlay-1.svg);
}
.sc-01>.container-xl {
    position: relative;
    display: flex;
    min-height: 667px;
    align-items: center;
    padding-block: 200px;
    flex-direction: column;
    justify-content: center;
    height: min(100vh,900px);
}
.sc-01>.container-xl > .row {gap: 2rem;}
.sc-01 .bx-lf {
    display: flex;
}.sc-01 .bx-lf .wp-circle-figure {
    position: relative;
    width: max-content;
    margin-left: auto;
}.sc-01 .bx-lf .wp-circle-figure::before {
    position: absolute;
    z-index: 1;
    content: '';
    display: block;
    pointer-events: none;
    inset: 0 -2rem -3.9rem -5rem;
    background: url(assets/images/overlays/circle.svg) no-repeat 30% bottom/11%, url(assets/images/overlays/overlay-3.svg) no-repeat left center/9%, url(assets/images/overlays/overlay-6.svg) no-repeat right 6%/10%, url(assets/images/overlays/dots.svg) no-repeat 12% 2%/20%;
}
.sc-01 .bx-lf .wp-circle-figure figure {
    position: relative;
    overflow: hidden;
    overflow: hidden;
    margin-block: auto;
    border-radius: 50%;
    width: min(600px, 60vh);
    height: min(600px, 60vh);
    clip-path: circle(50% at 50% 50%);
}
.sc-01 .bx-lf figure img {
    position: relative;
    width: 100%;
    height: 100%;
}
.sc-01 .row.flex-row-reverse .bx-lf figure {
    margin-left: auto;
}
.sc-01 .bx-rg .text p {
    position: relative;
    font-size: var(--size-17);
}
.sc-01 p {
    color: var(--black);
}
.sc-01 .input-group {
    overflow: hidden;
    border-radius: .5rem;
    background: var(--gray-4);
}
.sc-01 .input-group :is(.form-control,.form-control:focus) {
    border: none;
    outline: none;
    box-shadow: initial;
    background: transparent;
}
.sc-01 .input-group button.btn {
    font-size: 0;
    transition: all .3s;
    padding: 2.2rem 2.5rem;
    background-size: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/pictos/search.svg);
}
.sc-01 .input-group button.btn:hover {
    background-color: var(--orange);
    filter: grayscale(1) drop-shadow(.1rem 0 1rem black);
}
/* sc-02 */
.sc-02 .list-card {
    position: relative;
    gap: 2rem;
    flex-wrap: wrap;
}
.sc-02 .list-card > li {
    position: relative;
    width: calc(33.333% - 1.4rem);
}
.sc-02 .list-card>li .icn {
    position: relative;
    width: max-content;
}
.sc-02 .list-card>li .icn img {
    position: relative;
    height: 87px;
    width: max-content;
}
.sc-02 .list-card > li .card {
    position: relative;
    height: 100%;
    border: none;
    transition: all .5s;
    border-radius: 2rem;
    padding: 1.5rem 2rem;
}
.sc-02 .list-card>li .card:hover {
    box-shadow: 0 .01rem 1rem rgba(0, 0, 0, 0.1);
}
.sc-02 .list-card>li .card {row-gap: 1rem;}
.sc-02 .list-card>li .card a {
    transition: all .5s;
    text-decoration: none;
}
.sc-02 .list-card>li .card a:not(:is([class], :hover)) { color: var(--orange);}
.sc-02 .list-card>li .card:hover a:not(:is([class])) { color: var(--green);}
.sc-02 .list-card>li .card:hover a:not(:is([class])):hover { font-weight: 600;}
/* sc-03 */
.sc-03 .row { gap: 3rem 5%; }
.sc-03 .bx-lf { position: relative; }
.sc-03 .bx-lf::before {
    position: absolute;
    inset: 0;
    content: '';
    background: url(assets/images/overlays/overlay-3.svg) no-repeat 30% 0%/10%, url(assets/images/overlays/overlay-4.svg) no-repeat 0% 0%/100% 100%, url(assets/images/overlays/circle.svg) no-repeat 100% 67%/12%;
}
.sc-03 .bx-lf > figure {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 638.4 556.5"><path fill="%2300000" class="st0" d="M441,3.1c-14.9,2.9-56.5,13.2-88,47c-19.1,20.4-15.5,29.2-36,46c-32.2,26.5-70,28.7-79,29 c-21.9,0.7-24.1-4.8-52-8c-21.4-2.5-58.1-6.7-96,9c-8.1,3.3-58.1,24.9-80,79c-1.8,4.5-9.8,24.8-10,53c-0.7,81.3,58,134.8,70,145 c8.9,7.6,26.1,22,52,30c13.2,4.1,25.4,5.5,30,6c16.5,1.7,22.5-0.4,38,0c13.9,0.3,29.1,0.7,44,7c14.5,6.1,24.8,18.1,45,42 c19.8,23.4,19.3,27.5,31,38c0,0,21.6,19.4,51,27c54.9,14.1,124.9-17.8,148-69c14.9-32.9,10.3-73.7,10-76c-2.9-23.9-10-31.1-7-51 c4.7-31.2,27.6-51.1,31-54c18.2-15.4,25.9-9,46-24c24.2-18,34.2-43,39-55c12.9-32.3,10.6-60.3,9.5-72c-1.8-19.1-11-81.4-67.5-122 C514.9-9.5,455,0.4,441,3.1z"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 638.4 556.5"><path fill="%2300000" class="st0" d="M441,3.1c-14.9,2.9-56.5,13.2-88,47c-19.1,20.4-15.5,29.2-36,46c-32.2,26.5-70,28.7-79,29 c-21.9,0.7-24.1-4.8-52-8c-21.4-2.5-58.1-6.7-96,9c-8.1,3.3-58.1,24.9-80,79c-1.8,4.5-9.8,24.8-10,53c-0.7,81.3,58,134.8,70,145 c8.9,7.6,26.1,22,52,30c13.2,4.1,25.4,5.5,30,6c16.5,1.7,22.5-0.4,38,0c13.9,0.3,29.1,0.7,44,7c14.5,6.1,24.8,18.1,45,42 c19.8,23.4,19.3,27.5,31,38c0,0,21.6,19.4,51,27c54.9,14.1,124.9-17.8,148-69c14.9-32.9,10.3-73.7,10-76c-2.9-23.9-10-31.1-7-51 c4.7-31.2,27.6-51.1,31-54c18.2-15.4,25.9-9,46-24c24.2-18,34.2-43,39-55c12.9-32.3,10.6-60.3,9.5-72c-1.8-19.1-11-81.4-67.5-122 C514.9-9.5,455,0.4,441,3.1z"/></svg>'); 
}
.sc-03 .bx-lf > figure > img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.sc-03 .bx-lf > figure:hover > img {
    transform: scale(1.03);
    filter: brightness(.8);
}
.sc-03 .bx-rg {
    position: relative;
    width: 55%;
    flex: 0 0 auto;
}
/* sc-04 */
.sc-04 .bx-rg {
    position: relative;
    flex: 0 0 auto;
    width: 60%;
}
.sc-04 .bx-lf .text {
    row-gap: 2rem;
}
.sc-04 .box-slider {
    position: relative;
    display: flex;
    row-gap: 3rem;
    flex-wrap: wrap;
}
.sc-04 .bx-rg .wp-slider {
    position: relative;
    display: flex;
    width: min(592px, 100%);
    clip-path: polygon(0 0, calc(100% + 30vw) 0, calc(100% + 30vw) 100%, 0% 100%);
}
.sc-04 .bx-rg .wp-slider .slick-track {column-gap: 3rem; }
.sc-04 .bx-rg .wp-slider .slick-list {overflow: visible; }
.sc-04 .bx-rg .wp-slider>.card:is(:first-child ~ .card) {display: none; }
.sc-04 .bx-rg .wp-slider > .card { flex: 1 1 0%; }
.sc-04 .bx-rg .wp-slider .slick-slide > div {height: 100%;}
.sc-04 .bx-rg .wp-slider .card {
    border: none;
    height: 100%;
    overflow: hidden;
    border-radius: 2rem;
    border-radius: 2rem 2rem 1rem 1rem;
}
.sc-04 .bx-rg .wp-slider .card img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.sc-04 .bx-rg .wp-slider .card:hover img {
    transform: scale(1.03);
    filter: brightness(.8);
}
/* sc-05 */
.sc-05 .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 2rem;
}
.sc-05 .grid .grid-col:nth-child(1) {
    grid-area: 1 / 1 / 5 / 3;
}
.sc-05 .grid .grid-col:nth-child(2) {
    grid-area: 1 / 3 / 2 / 5;
}
.sc-05 .grid .grid-col:nth-child(3) {
    grid-area: 2 / 3 / 3 / 5;
}
.sc-05 .grid .grid-col:nth-child(4) {
    grid-area: 3 / 3 / 4 / 5;
}
.sc-05 .grid .grid-col {
    position: relative;
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
}
.sc-05 .grid .grid-col:nth-child(1)~.grid-col {
    align-items: center;
}
.sc-05 .grid .grid-col figure {
    overflow: hidden;
    border-radius: 1.6rem;
}
.sc-05 .grid .grid-col figure img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.sc-05 .grid .grid-col:hover figure img {
    filter: brightness(.7);
    transform: scale(1.03);
}
.sc-05 .grid .grid-col:nth-child(1)~.grid-col figure {
    width: 200px;
    height: 100%;
    flex: 0 0 auto;
}
.sc-05 .grid .grid-col:nth-child(1)~.grid-col .text {
    position: relative;
    flex: 1 1 0%;
}
.sc-05 .text h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* sc-06 */
.sc-06 { position: relative; }
.sc-06::before {
    position: absolute;
    inset: 0;
    content: '';
    background: url(assets/images/overlays/circle-2.svg) no-repeat 3% 112%/9%, url(assets/images/overlays/dots.svg) no-repeat 106% 2%/13%;
}
.sc-06 .form {
    position: relative;
    display: flex;
    row-gap: 2rem;
    margin-inline: auto;
    flex-direction: column;
    width: min(500px, 100%);
}
.form-floating label {
    padding-inline: 0;
    color: var(--gray);
}
.form-floating .form-control {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    padding-inline: 0;
    background: transparent;
    border-bottom: 1px solid var(--gray-1);
}
.form-floating textarea.form-control {
    height: 150px;
    resize: inherit;
}

/* sc-07 */
.sc-07 .bx-lf {
    position: relative;
    flex: 0 0 auto;
    width: min(1003px,60%);
}
.sc-07 .bx-lf :is(h2,p) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.sc-07 .row {row-gap: 2rem;}
/* sc-08 */
.sc-08 .step > li {
    position: relative;
    padding-left: 4rem;
    padding-block: 4rem;
}
.sc-08 .step > li:first-child {padding-top: 0;}
.sc-08 .step > li:not(:last-child) { border-bottom: 1px solid var(--gray-1); }
.sc-08 .step .header {
    position: relative;
    gap: 1rem;
    display: flex;
    margin-left: -4rem;
    align-items: center;
}
.sc-08 .step .header img {width: 3rem;}
.sc-08 .step .header h3 {
    margin-bottom: -.2rem;
}
.sc-08 .step .text {row-gap: .5rem;}
/* sc-09 */
.sc-09 p {font-size: var(--size-17);}
.sc-09 .wp-articles {
    position: relative;
    display: flex;
    row-gap: 6rem;
    flex-direction: column;
}
.sc-09 .wp-articles::before {
    position: absolute;
    inset: 0;
    content: '';
    background-repeat: repeat-y;
    background-size: auto 1900px;
    background-position: center top;
    background-image: url(assets/images/overlays/vector.svg);
}
/* .sc-09 .wp-articles::before {
    position: absolute;
    inset: 0;
    content: '';
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/overlays/vector.svg);
} */
.sc-09 .wp-articles article:nth-child(even) > .d-flex {flex-direction: row-reverse;}
.sc-09 article .d-flex {
    position: relative;
    gap: 2rem 10%;
}
.sc-09 .bx-lf {
    position: relative;
    flex: 0 0 auto;
    width: min(653px,46.5%);
}
.sc-09 .bx-lf figure {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    border-radius: .5rem;
}
.sc-09 .bx-rg {flex: 1 1 0%;}
.sc-09 ul.icns {
    position: absolute;
    margin: 0;
    right: -2rem;
    bottom: -2rem;
    line-height: 0;
    display: flex;
    column-gap: .5rem;
    align-items: center;
    border-radius: .6rem;
    padding: .5rem .5rem;
    background: var(--white);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.sc-09 .wp-articles article:nth-child(even) ul.icns {
    left: -4rem;
    bottom: -2rem;
    right: initial;
}
.sc-09 ul.icns li {
    position: relative;
    padding: .7rem;
    line-height: 1;
    transition: all .5s;
    border-radius: .2rem;
    display: inline-block;
    background: var(--gray-3);
}
.sc-09 ul.icns li:hover {filter: drop-shadow(.1rem .1rem .2rem black);}
.sc-09 ul.icns li img {
    position: relative;
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.sc-09 .wp-articles article p {color: var(--black);}
/* sc-10 */
.sc-10 {position: relative;}
.sc-10::before {
    position: absolute;
    inset: 0;
    content: '';
    background-size: 200px;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
    background-position: 105% -70px;
    background-image: url(assets/images/overlays/dots.svg);
}
.sc-10 .bx-lf {
    position: relative;
    width: min(700px,60%);
}
/* sc-11 */
.sc-11 .wp-cards {
    position: relative;
    gap: 2rem;
    display: flex;
    flex-wrap: wrap;
}
.sc-11 .item-cards {
    position: relative;
    width: calc(33.333% - 1.34rem);
}
.sc-11 .inner-cards {
    position: relative;
    display: flex;
    row-gap: 1.5rem;
    flex-direction: column;
}
.sc-11 .item-cards figure {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
    height: min(20vw,336px);
}
.sc-11 .item-cards figure img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.sc-11 .item-cards:hover figure img {
    transform: scale(1.03);
    filter: brightness(.7);
}
.sc-11 .text h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* sc-12 */
.sc-12 .contact-header {
    position: relative;
    margin-inline: auto;
    width: min(800px,calc(100% - 4rem));
}
.sc-12 .header h1 {line-height: 1;}
.sc-12 .ctn .row {
    position: relative;
    justify-content: space-between;
}
.sc-12 .ctn .bx-lf {
    position: relative;
    flex: 0 0 auto;
    width: calc(100% - 10rem);
}
.sc-12 .ctn .bx-lf * {line-height: 1.8;}
.sc-12 .ctn .bx-lf h5 {line-height: 1.5;}
.sc-12 .ctn .bx-rg {
    width: 5rem;
    flex: 0 0 auto;
}
.sc-12 .ctn .bx-rg .rs {
    position: relative;
    display: flex;
    row-gap: 1rem;
    flex-direction: column;
}
.sc-12 .ctn .bx-rg .rs li a {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    align-items: center;
    transition: all .5s;
    display: inline-flex;
    justify-content: center;
    border: 1px solid var(--gray-1);
}
.sc-12 .ctn .bx-rg .rs li a:hover {filter: drop-shadow(.1rem .1rem .5rem black);}
.sc-12 .ctn .bx-rg .rs li a > img {max-height: 1rem;}
.sc-12 .other-articles :is(.prev,.next) {
    position: relative;
    gap: 1rem;
    display: flex;
    align-items: center;
    width: min(400px,50%);
}
.sc-12 .other-articles .next {flex-direction: row-reverse;}
.sc-12 .other-articles :is(.prev,.next) figure {
    position: relative;
    width: 150px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 1rem;
}
.sc-12 .other-articles :is(.prev,.next) figure img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.sc-12 .other-articles :is(.prev,.next):hover figure img {
    transform: scale(1.03);
    filter: brightness(.7);
}
.sc-12 .other-articles :is(.prev,.next) .body {row-gap: .5rem;}
.sc-12 .other-articles .body * {line-height: 1.2;}
.sc-12 .image {
    position: relative;
    overflow: hidden;
    border-radius: 2.6rem;
}
.sc-12 .image img {
    position: relative;
    width: 100%;
    height: 100%;
}
.sc-12 .inner {
    position: relative;
    line-height: 1;
    border-radius: 1rem;
    background: var(--white);
    padding: 1rem 2rem 1rem 1rem;
    box-shadow: 0 .065rem 2rem rgba(0, 0, 0, 0.15);
}
.sc-12 .inner .row {gap: 2rem;}
.sc-12 .inner .bx-lf {
    position: relative;
    width: min(602px,40%);
}
.sc-12 .inner .bx-rg {
    position: relative;
    flex: 1 1 0%;
    padding-block: 2rem;
}
.sc-12 .inner .bx-lf > .text {
    position: relative;
    padding: 2rem;
    height: 100%;
    border-radius: .5rem;
    background: var(--orange);
}
.sc-12 .inner .bx-lf > .text * {color: var(--white);}
.sc-12 .inner .bx-lf > .text a {text-decoration: none;}
.sc-12 .inner .bx-lf table {
    position: relative;
    margin-block-end: 5rem;
}
.sc-12 .inner .bx-lf td {
    line-height: 1;
    padding-block: 1rem;
}
.sc-12 .inner .bx-lf :is(td,td*) {font-size: var(--size-17);}
.sc-12 .inner .bx-lf td > strong {
    position: relative;
    width: 100%;
    display: inline-block;
}
.sc-12 .inner .bx-lf td + td {padding-left: 1rem;}
.sc-12 .inner .bx-lf td * {line-height: 1.2;}
.sc-12 .form {
    position: relative;
    display: flex;
    gap: 2.5rem 5%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sc-12 .form > .half {
    position: relative;
    width: 47.5%;
}
.sc-12 .form > .full {
    position: relative;
    width: 100%;
}
.sc-12 .inner .bx-rg .form > div:last-child {padding-top: 1.5rem;}
/* sc-13 */
.sc-13 .header p {font-size: var(--size-20);}
.sc-13 .body-tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-inline: -.5rem;
    width: calc(100% + 1rem);
}
.sc-13 .body-tabs > li {
    position: relative;
    width: 33.333%;
    transition: all .5s;
}
.sc-13 .body-tabs > li:not(.active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    margin-right: calc(var(--w) * -1);
    transform: scale(.5) translateX(calc((var(--w) * -1) / 2));
}
.sc-13 .body-tabs .inner {
    position: relative;
    margin: .5rem;
    overflow: hidden;
    padding: 1rem 1rem;
    border-radius: 1rem;
    height: calc(100% - 1rem);
    background: var(--gray-5);
}
.sc-13 .body-tabs .inner figure {
    position: relative;
    height: 225px;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: .7rem .7rem .3rem .3rem;
}
.sc-13 .body-tabs .inner figure > img {
    position: relative;
    width: 100%;
    height: 100%;
}
.sc-13 .body-tabs .inner:hover figure > img {
    filter: brightness(.9);
    transform: scale(1.06);
}
.sc-13 .body-tabs .inner .btns {
    position: relative;
    gap: .6rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: -.5rem;
}
.sc-13 .body-tabs .inner .btns [class*="btn-"] {
    padding: .5rem 1rem;
    font-size: var(--size-16);
}
.sc-13 .body-tabs .inner h3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
/* sc-404 */
.sc-404 h1 {
    font-size: 7rem;
    color: var(--orange);
}
.sc-404 h1 + * {margin-top: -1rem;}
.sc-404 p {
    position: relative;
    display: inline-block;
    font-size: var(--size-32);
    text-transform: uppercase;
}
/* Footer */
footer * {
    color: var(--white);
}
footer .header [class*="bx-"] {
    position: relative;
    max-width: 496px;
    width: max-content;
}
footer ul.rs {
    position: relative;
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
footer ul.rs li a {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--orange);
}footer a:hover {color: var(--orange);}footer ul.nav {
    position: relative;
    display: flex;
    row-gap: 1.5rem;
    flex-direction: column;
}
footer ul.nav {
    font-size: 1.1rem;
}footer .copyright {
    position: relative;
    border-top: 1px solid var(--gray-1);
}
footer .copyright [class*="bx-"] {flex: 1 1 0%;}footer a {text-decoration: none; }