:root {
    --primary-color: #fcd8c0;
    --100--white: white;
    /* --secondary--color: #f2cdff; */
    --secondary--color: #b1cffd;
    --dark-color: #ff691e;
}

:root {
    --_fonts---body--body-family: "Josefin Sans", sans-serif;
    --100--black: black;
    --_fonts---body--body-size-text: 13.33px;
    --_fonts---body--body-weight: 300;
    --_fonts---title--title-family: "Rammetto One", cursive;
    --_fonts---title--title-weight: 500;
    --_fonts---title--heading-size: 80px;
    --_fonts---title--subheading-size: 40px;
    --_fonts---title--miniheading-size: 20px;
    --_fonts---body--body-kerning: -0.1px;
    --transparent: transparent;
    --_buttons---button-top-normal: 6px;
    --_buttons---button-side-normal: 12px;
    --_buttons---button-border-radius: 15px;
    --_buttons---button-bigger-font: 14px;
    --100--white: white;
    --_buttons---button-top-bigger: 8px;
    --_buttons---button-side-bigger: 16px;
    --dark-grey: #222;
    --100--academy: #218f6f;
    --100--salons: #e8beb0;
    --_buttons---button-normal-font: 12px;
    --100--barbering: #3e353d;
    --100--aesthetics: #b4b0af;
    --100--marketing: #067b91;
    --100--teaching: #7bb5fd;
    --100--beauty: #ff4f74;
    --100--hair: #623b50;
    --_logo---combination-mark--60px-margin: 47.3373px;
    --_logo---combination-mark--50px-height: 50px;
    --80--black: #000c;
    --80--academy: #218f6fcc;
    --80--salons: #e8beb0cc;
    --80--marketing: #067b91cc;
    --80--teaching: #7bb5fdcc;
    --80--beauty: #ff4f74cc;
    --80--hair: #623b50cc;
    --80--barbering: #3e353dcc;
    --80--aesthetics: #b4b0afcc;
    --80--white: #fffc;
    --_logo---brand-mark--270px-width: 270px;
    --_logo---brand-mark--240px-width: 240px;
    --_logo---brand-mark--210px-width: 210px;
    --_logo---brand-mark--180px-width: 180px;
    --_logo---brand-mark--150px-width: 150px;
    --_logo---brand-mark--120px-width: 120px;
    --_logo---brand-mark--270px-margin: 75.79px;
    --_logo---brand-mark--240px-margin: 67.3675px;
    --_logo---brand-mark--210px-margin: 58.945px;
    --_logo---brand-mark--180px-margin: 50.5275px;
    --_logo---brand-mark--150px-margin: 84.21px;
    --_logo---brand-mark--120px-margin: 67.37px;
    --_logo---combination-mark--90px-height: 90px;
    --_logo---combination-mark--80px-height: 80px;
    --_logo---combination-mark--70px-height: 70px;
    --_logo---combination-mark--60px-height: 60px;
    --_logo---combination-mark--90px-margin: 35.503px;
    --_logo---combination-mark--80px-margin: 0px;
    --_logo---combination-mark--70px-margin: 55.2268px;
    --_logo---combination-mark--50px-margin: 39.4477px;
    --primary_text-very-dark-desaturated-blue: hsl(238, 29%, 16%);
    --primary_text-soft-red: hsl(14, 88%, 65%);
    --primary_bg-soft-violet: hsl(273, 75%, 66%);
    --primary_bg-soft-blue: hsl(240, 73%, 65%);
    --neutral_text-very-dark-grayish-blue: hsl(237, 12%, 33%);
    --neutral_text-dark-grayish-blue: hsl(240, 6%, 50%);
    --dividers_light-grayish-blue: hsl(240, 5%, 91%);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-color: #FCFCFC;
}

.fs-16 {
    font-size: 16px;
    font-weight: 400
}

.fs-12 {
    font-size: 12px;
}

.fsb-16 {
    font-size: 16px;
    font-weight: 700;
}

.fs-48 {
    font-size: 48px;
}

.cc {
    width: 577px;
}

.servpage .item {
    width: calc((100% / 3) - 20px);
    margin-bottom: 25px;
}

.w-max1440 {
    max-width: 1440px;
}

.navv {
    background-image: url(media/header1.png);
    background-size: cover;
    background-position-x: center;
    /* box-shadow: 0px -1px 20px rgba(37, 11, 152, 0.1); */
}

.grad_main {
    margin-top: -30px;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 39.58%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(303.33deg, rgba(107, 180, 252, 0.2) 7.34%, rgba(185, 170, 249, 0.2) 42.89%, rgba(239, 199, 203, 0.2) 75.29%, rgba(255, 229, 143, 0.2) 104.68%), #FFFFFF;
}

.slider_section {
    margin-left: 309px;
    position: relative;
    z-index: 0;
}

.slider_section::after {
    content: '';
    z-index: 2;
    width: 300px;
    height: 100%;
    background: linear-gradient(270.07deg, #FFFFFF 0.06%, rgba(217, 217, 217, 0) 97.02%);
    top: 0;
    right: 0;
    position: absolute;
}

.owl-nav {
    display: block !important;
}

.owl-next span,
.owl-prev span {
    display: none;
}

.owl-next {
    position: absolute;
    right: 195px;
    z-index: 3;
    top: 118px;
    width: 44px;
    height: 44px;
    background-image: url(media/NextButton.svg) !important;
    background-size: cover !important;
}

.owl-prev {
    position: absolute;
    top: 118px;
    width: 44px;
    height: 44px;
    background-image: url(media/PrevButton.svg) !important;
    background-size: cover !important;
}

.btn1 {
    background: var(--primary-color);
    border-radius: 16px;
    padding: 16px 24px;
    border-style: none;
    font-weight: 700;
}

.btn2 {
    background: #F2F0FE;
    border-radius: 16px;
    padding: 16px 24px;
    border-style: none;
}

.marn50 {
    margin-top: -50px;
}

.bg1 {
    background-image: url(media/FAQ.png);
    background-position-x: center;
    background-repeat: no-repeat;
    margin-top: -30px;
    padding-top: 50px;
    background-position-y: -120px;
}

.fs-100 {
    font-size: 100px;
}

.err {
    height: 768px;
    margin-top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordion-item {
    border: none !important;
    margin-bottom: 20px !important;
}

.accordion-item .accordion-header {
    border: none !important;
}

.accordion-item .accordion-button {
    border: none !important;
    box-shadow: none !important;
}

.elis {
    background-image: url('media/Homepage.png');
    background-position-x: center;
}

.navbar-toggler {
    border: none !important;
    box-shadow: none !important;
}

.accordion-button::after {
    transform: translateX(-20px) !important;
}

.dropdown-menu {
    background: white;
    color: black;
    text-align: center;
    min-width: 125px;
    padding: 0 10px;
    left: -90px !important;
    border: 1px solid #D0D0D0;
    border-radius: 16px;
}

.dropdown-item {
    padding: 10px;
    border-radius: 10px;
}

.dropdown-item:hover {
    background-color: var(--secondary--color);
    color: white;
}

.btn3 {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px 24px;
    border: 1px solid #D0D0D0;
    /* border-style: none; */
}

.bb1 {
    width: 123px;
}

.br8 {
    border-radius: 8px;
}

.inp2 {
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    padding: 16px 24px;
    background: #FFFFFF;
}

input {
    outline: none;
}

.inp2 input {
    border: none;
    width: 100%;
    height: 100%;
}

.proImgs {
    object-fit: cover;
}

.owl-carousel {
    width: 100%;
    overflow: hidden;
}

.owl-carousel .item {
    margin-right: 15px;
}

.owl-carousel .item:last-child {
    margin-right: 0;
}

.contact button {
    border-radius: 10px;
    padding: 15px 30px;
    background-color: var(--primary-color);
}

p {
    color: #3C3C3C;
}

.fs-64 {
    font-size: 64px;
    font-weight: 700;
}

.fs-80 {
    font-size: 80px;
}

.order button {
    border-radius: 10px;
    padding: 8px 20px;
}

.fsb-12 {
    font-size: 12px;
    font-weight: 700;
}

.ac.ac1 {
    background-position-y: -250px;
}

.viewOrder {
    background-color: white;
    padding: 0px 20px 0px;
    border-radius: 20px;
    margin: 100px auto 100px;
}

.viewOrder button {
    background-color: #F2F0FE;
    border-radius: 10px;
    padding: 10px 10px;
    border-radius: 10px;
}

li {
    list-style-type: none
}


/* .owl-nav {
    position: absolute;
    top: 10px;
    width: 100%;
    display: flex !important;
    justify-content: space-between;
} */

.checkb {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--secondary--color);
    border-radius: 4px;
}

input[type='checkbox']:checked~.checkb {
    background-image: url(media/tick.svg);
    background-size: auto;
    background-position: center;
}

.bg2 {
    background-image: url(media/FormBG.png);
    background-position-x: center;
    background-position-y: 30px;
    background-repeat: no-repeat;
    margin-top: -50px;
}

.footer {
    margin-top: 50px;
    /* background-image: url(media/Footer1.png); */
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    box-shadow: -10px -50px 50px var(--secondary--color), 10px -50px 50px var(--secondary--color);
    /* background-position-y: 10px !important; */
}

.eles {
    position: absolute;
    bottom: -257px;
    right: -109px;
    width: 40%;
}

.logo {
    width: 200px;
}

.desktop .viewOrder button {
    background-color: var(--primary-color)
}

.viewOrder {
    border-radius: 20px
}

.mobile {
    display: none;
}

.desktop button {
    border-radius: 20px;
    border: none
}

.foot2 {
    background-image: url(media/Footer2.png) !important;
    /* background-color: white !important; */
    /* position: relative; */
    /* margin-top: -60px; */
    /* background-size: contain; */
}

.ac {
    background-image: url(media/accBG.png) !important;
    margin-top: -50px;
    background-position-y: -100px;
}

.account {
    background-color: white;
    padding: 0px 20px 0px;
    border-radius: 20px;
    line-height: 40px;
    /* width: auto; */
}

.account1 {
    background-color: white;
}

.account input,
select {
    border-radius: 10px !important;
    border: 1;
    border: 1px solid var(--secondary--color);
    color: black;
    background: transparent !important;
}

.account1 input,
select {
    border-radius: 10px;
    border: 1;
    border: 1px solid var(--secondary--color);
    border-radius: 20px;
    color: black;
}

.account {
    background-color: #FCFCFC;
    padding: 0px 20px 0px;
    border-radius: 20px;
    line-height: 40px;
    /* width: 60% */
}

.account1 {
    background-color: #FCFCFC;
}

input,
select,
textarea {
    border-radius: 10px;
    border: 1;
    border: 1px solid var(--secondary--color);
    color: black;
    height: 56px;
}

input,
select,
textarea {
    border-radius: 10px;
    border: 1;
    border: 1px solid var(--secondary--color);
    border-radius: 20px;
    color: black;
    height: 56px;
}

.contact2 img {
    text-align: end
}

.accordion-header div {
    padding: 10px 80px 10px 20px
}

.accordion-body div,
.accordion-body p {
    padding: 10px 70px 10px 20px
}

.fsb-32 {
    font-size: 32px;
    font-weight: 700;
}

.fsb-18 {
    font-size: 18px;
    font-weight: 700;
}

.fsb-64 {
    font-size: 64px;
    font-weight: 700;
}

.fs-32 {
    font-size: 32px;
}

.bb {
    border: 1px solid #D0D0D0;
    border-radius: 20px;
    width: 122px;
    height: 140px;
}

.bb.active {
    border: 1px solid var(--secondary--color);
}

.pros {
    border: 1px solid var(--primary-color);
    border-radius: 24px;
    padding: 24px;
    width: 398px;
}

.fs-20 {
    font-size: 20px;
}

.by.active {
    border: 1px solid var(--primary-color);
}

a {
    text-decoration: none !important;
}

.rod {
    border-radius: 24px !important;
}

.posy {
    background-position-y: -90px !important;
}

.fs-24 {
    font-size: 24px;
}

.bb1 {
    width: auto !important;
    height: auto !important;
    border-radius: 16px;
}

.fsb-14 {
    font-size: 14px;
    font-weight: 700;
}

.btn11 {
    width: 32px;
    height: 32px;
    font-weight: 700;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.qyt {
    border: none !important;
    width: 39.11px;
    height: 33.78px;
    text-align: center;
    font-weight: 700;
    border-radius: 0;
}

textarea {
    height: 167px !important;
}

.page_i {
    color: #3C3C3C;
}

.page_i.active {
    color: #3D88F9;
}

.fillbtn.active {
    background-color: #0E0E0E;
    color: #FCFCFC;
}

.fillbtn1.active {
    background-color: #0E0E0E;
    color: #FCFCFC;
}

.fildrop1 {
    display: none;
    position: absolute;
    width: 420px;
    height: auto;
    border-radius: 16px;
    background-color: #FCFCFC;
    top: 80px;
    left: 0;
    border: 1px solid var(--primary-color);
}

.fildrop1 ul {
    padding: 0;
}

.fildrop1 a {
    font-size: 16px;
    font-weight: 400;
    color: inherit;
}

.fildrop1 li {
    text-align: center;
    padding: 16px 0;
}

.fildrop1 li:hover {
    background-color: var(--secondary--color);
    color: #FCFCFC;
}

.fildrop {
    display: none;
    position: absolute;
    width: 420px;
    height: auto;
    border-radius: 16px;
    background-color: #FCFCFC;
    top: 80px;
    left: 0;
    border: 1px solid var(--primary-color);
}

.marnn50 {
    margin-top: -50px;
}

.qytbtn {
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bbb1 {
    background-image: url(media/Rectangle\ 544.png);
    background-position-x: center;
    margin-top: -30px;
}

.irs--round .irs-bar {
    background-color: #3D88F9;
}

.irs--round .irs-handle {
    background-color: #3D88F9;
    border-color: #3D88F9;
    box-shadow: 0px 0px 0px 5px rgba(0, 194, 192, 0.2);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #3D88F9;
}

.irs--round .irs-handle {
    width: 16px;
    height: 16px;
    top: 29px
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: transparent;
    color: #666666;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-min,
.irs--round .irs-max {
    display: none;
}

.fs-32 {
    font-size: 32px;
}

.err1.bg2 {
    /* background-position-y: ; */
    background-position-y: -100px;
}

.cart_b {
    display: none;
    top: 50px;
    left: 0px;
    width: 403px;
    height: 800px;
    overflow-y: scroll;
    background-color: #FFFFFF;
    box-shadow: 0px -1px 20px rgba(37, 11, 152, 0.1);
}

.h90 {
    height: 90% !important;
}

.spectacledcoder-footer {
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-bottom: 0px;
    width: 100%;
    /* height: 500px; */
    background: var(--secondary--color) url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:rgba(221, 221, 221, 0);display:block;z-index:1;position:relative' width='3000' height='588' preserveAspectRatio='xMidYMid' viewBox='0 0 3000 588'><g transform='translate(1500,294) scale(-1,-1) translate(-1500,-294)'><linearGradient id='lg-0.9997820734103322' x1='0' x2='1' y1='0' y2='0'><stop stop-color='%23ffffff' offset='0'></stop><stop stop-color='%23ffffff' offset='1'></stop></linearGradient><path d='' fill='url(%23lg-0.9997820734103322)' opacity='0.37'><animate attributeName='d' dur='10s' repeatCount='indefinite' keyTimes='0;0.333;0.667;1' calcMode='spline' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' begin='0s' values='M0 0L 0 558.9888918874962Q 300 557.9557135224538  600 520.7201791558826T 1200 493.0888623871913T 1800 448.04775521801616T 2400 442.32786157869174T 3000 400.5000938220193L 3000 0 Z;M0 0L 0 531.8219503412562Q 300 581.2367793971861  600 536.6456794845121T 1200 526.1199153747991T 1800 453.6567543549444T 2400 426.5449945053999T 3000 429.5661867072931L 3000 0 Z;M0 0L 0 572.7600127243211Q 300 599.6891402698932  600 560.6693012791557T 1200 514.6895687962055T 1800 485.3535117451038T 2400 447.8902433799051T 3000 454.9458231426154L 3000 0 Z;M0 0L 0 558.9888918874962Q 300 557.9557135224538  600 520.7201791558826T 1200 493.0888623871913T 1800 448.04775521801616T 2400 442.32786157869174T 3000 400.5000938220193L 3000 0 Z'></animate></path></g></svg>") no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.spectacledcoder-footer-heading {
    height: fit-content;
    font-family: "Rammetto One", cursive;
    margin: auto;
    font-size: 2vw;
    color: white !important;
}

.spectacledcoder-footer-content {
    width: 100%;
    height: 80%;
    display: flex;
    margin: auto;
}

.spectacledcoder-footer-bottom {
    margin: auto;
    width: 100%;
    height: 20%;
    display: flex;
    font-family: "Josefin Sans", sans-serif;
}

.spectacledcoder-footer-bottom-sec {
    margin: auto;
    color: white;
}

.spectacledcoder-footer-bottom-sec a {
    text-decoration: none;
    color: white;
}

.spectacledcoder-footer-bottom-sec a:hover {
    font-weight: 700;
}

.spectacledcoder-footer-section {
    color: white;
    margin: auto;
}

.d-footer-ul {
    list-style: none;
    font-family: "Josefin Sans", sans-serif;
}

.d-footer-li {
    margin-bottom: 5px;
}

.d-footer-li:hover {
    cursor: pointer;
    transform: translateX(10px);
    transition: all 0.4s;
    font-weight: 700;
}

.d-footer-li-h {
    margin-bottom: 10px;
}

.logo2 {
    max-width: 120px;
    max-height: 120px;
    display: flex;
    margin: auto;
    margin-top: 10px;
}

.logo-head {
    font-family: "Josefin Sans", sans-serif;
    margin: auto;
    display: flex;
}

.logo2 a {
    margin: auto;
    max-width: 100%;
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
}

.Mainimg {
    height: 80vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Mainimg.sm {
    /* height: 80vh; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Mainimg.sm .EImage {
    width: 380px;
    height: 380px;
}

.Mainimg .EImage {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 450px;
    height: 450px;
    border-radius: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Mainimg .EImage img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
}

.Mainimg svg {
    width: 80%;
    position: absolute;
    overflow: visible;
    /* ✅ allow scale to go beyond viewBox */
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 900px) {
    .spectacledcoder-footer {
        display: flex;
        flex-direction: column;
        margin: auto;
        margin-bottom: 0px;
        width: 100%;
        height: fit-content;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        /* background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:rgba(221, 221, 221, 0);display:block;z-index:1;position:relative' width='3000' height='588' preserveAspectRatio='xMidYMid' viewBox='0 0 3000 588'><g transform='translate(1500,294) scale(-1,-1) translate(-1500,-294)'><linearGradient id='lg-0.9997820734103322' x1='0' x2='1' y1='0' y2='0'><stop stop-color='%23ffffff' offset='0'></stop><stop stop-color='%23ffffff' offset='1'></stop></linearGradient><path d='' fill='url(%23lg-0.9997820734103322)' opacity='0.37'><animate attributeName='d' dur='10s' repeatCount='indefinite' keyTimes='0;0.333;0.667;1' calcMode='spline' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' begin='0s' values='M0 0L 0 558.9888918874962Q 300 557.9557135224538  600 520.7201791558826T 1200 493.0888623871913T 1800 448.04775521801616T 2400 442.32786157869174T 3000 400.5000938220193L 3000 0 Z;M0 0L 0 531.8219503412562Q 300 581.2367793971861  600 536.6456794845121T 1200 526.1199153747991T 1800 453.6567543549444T 2400 426.5449945053999T 3000 429.5661867072931L 3000 0 Z;M0 0L 0 572.7600127243211Q 300 599.6891402698932  600 560.6693012791557T 1200 514.6895687962055T 1800 485.3535117451038T 2400 447.8902433799051T 3000 454.9458231426154L 3000 0 Z;M0 0L 0 558.9888918874962Q 300 557.9557135224538  600 520.7201791558826T 1200 493.0888623871913T 1800 448.04775521801616T 2400 442.32786157869174T 3000 400.5000938220193L 3000 0 Z'></animate></path></g></svg>")
      no-repeat center center; */
    }
    .spectacledcoder-footer-section:nth-child(1) {
        width: 100%;
    }
    .spectacledcoder-footer-section {
        width: 50%;
    }
    .spectacledcoder-footer-heading {
        height: fit-content;
        font-family: "Rammetto One", cursive;
        margin: auto;
        font-size: 5vw;
        color: white !important;
        text-align: center;
        margin-bottom: 20px;
    }
    .spectacledcoder-footer-content {
        width: 100%;
        height: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .spectacledcoder-footer-bottom {
        margin: auto;
        margin-bottom: 10px;
        margin-top: 40px;
        /* height: 20%; */
        display: flex;
        flex-direction: column;
        font-family: "Josefin Sans", sans-serif;
    }
    .logo-head b {
        font-family: "Josefin Sans", sans-serif;
        margin: auto;
        text-align: center;
    }
    .d-footer-ul {
        list-style: none;
        font-family: "Josefin Sans", sans-serif;
    }
    .d-footer-li {
        margin-bottom: 5px;
        margin-left: -40px;
        text-align: center;
    }
    .d-footer-li-h {
        margin-bottom: 10px;
        margin-left: -40px;
        text-align: center;
    }
}

.reviewssec {
    max-width: 100vw;
    padding: 0 10vw 0vh;
    overflow: hidden;
    /* background-color: var(--secondary--color); */
}

.r-text {
    z-index: 3;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: 15vh;
}

@media screen and (min-width: 1280px) {
    .btn--pair.reviews {
        margin-top: 18px;
    }
}

.btn--pair.reviews {
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    inset: 0% 0% auto auto;
}

.btn--pair {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    display: flex;
    position: relative;
}

.btn.academy {
    padding: var(--_buttons---button-top-bigger) var(--_buttons---button-side-bigger);
    color: var(--100--white);
}

.academy {
    background-color: #323272;
    color: var(--100--academy);
}

.btn.salons {
    padding: var(--_buttons---button-top-bigger) var(--_buttons---button-side-bigger);
    color: var(--100--white);
}

.salons {
    background-color: var(--100--salons);
    color: var(--100--salons);
}

.banner--heading {
    font-family: var(--_fonts---title--title-family);
    font-size: var(--_fonts---title--heading-size);
    line-height: 100%;
    font-weight: var(--_fonts---title--title-weight);
    max-width: 55vw;
    margin-bottom: -7px;
    position: relative;
}

.t--paragraph {
    font-family: var(--_fonts---body--body-family);
    color: var(--80--black);
    font-size: 16px;
    line-height: 110%;
    font-weight: var(--_fonts---body--body-weight);
    max-width: 350px;
    margin-bottom: 0;
}

.r--carouselwrapper {
    height: 60vh;
    /* margin-top: 20vh; */
    position: relative;
}

.r--arrowswrapper {
    z-index: 2;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 0% 50% auto auto;
    transform: translate(50%);
}

.r--arrow.left {
    left: 0;
}

.r--arrow {
    z-index: 3;
    border: 0.5px solid var(--dark-grey);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #404040;
    cursor: pointer;
    background-color: #ffffff80;
    border-radius: 50%;
    padding: 20px;
    font-size: 40px;
    transition: all 0.2s;
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fa-solid,
.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.fa,
.fa-brands,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fa-chevron-left::before {
    content: "\f053";
}

.r--arrow.right {
    right: 0;
}

.fa-chevron-right::before {
    content: "\f054";
}

.r--carousel {
    z-index: 1;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.r--carouselcontent {
    touch-action: pan-y;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.hidden {
    display: none;
}

.r--slide {
    border: 1px solid var(--100--black);
    border-radius: var(--_buttons---button-border-radius);
    background-color: var(--100--white);
    width: 40vw;
    max-width: 700px;
    height: auto;
    padding: 36px 50px 30px;
    transition: all 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible;
    box-shadow: 0 2px 5px #0003;
}

.r--stars {
    width: 80px;
    margin-bottom: 15px;
    position: relative;
}

.r--name {
    font-family: var(--_fonts---body--body-family);
    color: var(--80--black);
    font-size: 24px;
    line-height: 100%;
    font-weight: var(--_fonts---title--title-weight);
    letter-spacing: -1px;
    position: relative;
}

.r--quote {
    margin-top: 20px;
    margin-bottom: 25px;
    position: relative;
}

.r--review {
    margin-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    line-height: 120%;
    position: relative;
}

.r--quote-marks.tr {
    transform: rotate(180deg);
}

.r--quote-marks {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    opacity: 0.8;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
}

.quote-mark {
    pointer-events: none;
    width: 8px;
}

.r--quote-marks.br {
    inset: auto 0% -2px auto;
}

.r--course {
    font-family: var(--_fonts---body--body-family);
    color: var(--100--black);
    font-size: 12px;
    font-weight: var(--_fonts---body--body-weight);
    text-align: center;
}

.r--logo {
    height: 40px;
    position: absolute;
    inset: 23px 10px auto auto;
}

.tertiary-left {
    z-index: 7;
    transform: translate(-50%, -50%) translateX(-30vw) scale(0.7);
    filter: blur(4px);
}

.secondary-left {
    z-index: 9;
    transform: translate(-50%, -50%) translateX(-20vw) scale(0.85);
    filter: blur(3px);
}

.main {
    z-index: 10;
    transform: translate(-50%, -50%) scale(1);
}

.tertiary-right {
    z-index: 6;
    transform: translate(-50%, -50%) translateX(30vw) scale(0.7);
    filter: blur(4px);
}

.secondary-right {
    z-index: 8;
    transform: translate(-50%, -50%) translateX(20vw) scale(0.85);
    filter: blur(3px);
}

.container.is-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    /* padding-top: 8em;
  padding-bottom: 8em; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.html {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    overflow: hidden;
    width: 0px;
    height: 0px;
}

.global-styles {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
}

.page-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 1em;
}

.slider_wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-content: space-between;
}

.slider_left {
    position: relative;
    width: 50%;
}

.slider_right {
    width: 40%;
}

.slider_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1em;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider_title-text {
    padding-bottom: 0.28em;
    font-size: 4.5em;
    line-height: 0.9;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.swiper.is-content {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
}

.swiper-wrapper.is-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.swiper-wrapper.is-photos {
    position: relative;
    width: 100%;
}

.swiper-slide.is-content {
    position: relative;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-right: 2.6em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.swiper-slide.is-photos {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    border-radius: 1.2em;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.slider_info-middle {
    padding-top: 3.4em;
    padding-bottom: 3.4em;
}

.slider_info-text {
    width: 100%;
    max-width: 22.3em;
    font-size: 1.4em;
}

.slider_info-bottom {
    display: block;
    width: 100%;
    height: 5em;
}

.slider_tagline {
    color: #323272;
}

.arrows {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 7em;
    height: 3.1em;
    margin-right: 1em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(184, 165, 255, 0.24);
    border-radius: 100vw;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.arrow:hover {
    border-color: #323272;
    background-color: #323272;
    color: white;
}

.arrow_svg {
    width: 0.8em;
    /* height: 1.13em; */
}

.arrow_svg.is-alt {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.slider_height {
    position: relative;
    width: 100%;
    padding-top: 90%;
}

.serviceIcon {
    width: 50px;
}

.obfit {
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 767px) {
    .slider_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .slider_left {
        width: 100%;
    }
    .slider_right {
        width: 100%;
        padding-bottom: 4em;
    }
    .swiper.is-content {
        position: relative;
    }
    .swiper.is-photos {
        padding-right: 9%;
        padding-left: 9%;
    }
}

@font-face {
    font-family: "Roobert Pro";
    src: url("https://assets.website-files.com/62bdc60aa9bea33fbed24cad/62bdf24dcf09c74aee15bb2d_RoobertPRO-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roobert Pro";
    src: url("https://assets.website-files.com/62bdc60aa9bea33fbed24cad/62bdf24dd8827e0bec2fc67a_RoobertPRO-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roobert Pro";
    src: url("https://assets.website-files.com/62bdc60aa9bea33fbed24cad/62bdf24d9207276704a089a5_RoobertPRO-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roobert Pro";
    src: url("https://assets.website-files.com/62bdc60aa9bea33fbed24cad/62bdf24dedb3f778804a36db_RoobertPRO-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.section.smoke-background {
    background-color: #f5f5f5;
}

@media screen and (min-width: 2000px) and (max-width: 100000px) {
    .posy {
        background-position-y: center !important;
        background-size: cover !important;
    }
}

@media screen and (max-width: 1300px) {
    .w100m {
        width: 100%;
    }
    .cart_b {
        height: 500px;
    }
    .slider_section {
        margin-left: 80px;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1300px) {
    .slider_section {
        margin-left: 60px;
    }
    .cart_b {
        height: 600px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1000px) {
    .Mainimg .EImage {
        width: 400px;
        height: 400px;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1500px) {
    .slider_section {
        margin-left: 120px;
    }
    .cart_b {
        height: 600px;
    }
}

@media screen and (max-width: 576px) {
    .cart_b {
        top: 50px;
        left: -250px;
        width: auto;
        height: 600px;
        overflow-y: scroll;
        background-color: #FFFFFF;
        box-shadow: 0px -1px 20px rgba(37, 11, 152, 0.1);
    }
    .borT {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .borB {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .ac {
        background-size: cover !important;
        margin-top: -50px !important;
    }
    .fsm-32 {
        font-size: 32px;
    }
    .bbb1 {
        margin-top: 0 !important;
    }
    .grad_main.gb1 {
        background: url(media/Rectangle\ 548.png) !important;
        position: relative !important;
        background-size: cover !important;
    }
    .qytin {
        width: 68.44px !important;
        height: 44px !important;
        border-radius: 6.2px !important;
    }
    .qytbtn {
        width: 44px;
        border-radius: 6.29px !important;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .grad_main.elis.marn50 {
        margin-top: -50px !important;
    }
    .marnn50 {
        margin-top: -40px;
    }
    .bgg3 {
        background-image: url(media/bg33.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        height: 548px !important;
    }
    .grad_main {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 39.58%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(303.33deg, rgba(107, 180, 252, 0.2) 7.34%, rgba(185, 170, 249, 0.2) 42.89%, rgba(239, 199, 203, 0.2) 75.29%, rgba(255, 229, 143, 0.2) 104.68%), #FFFFFF !important;
    }
    .marn50 {
        margin-top: 0;
    }
    .fildrop1 {
        left: 0;
        width: 100%;
    }
    .fildrop {
        left: 0;
        width: 100%;
    }
    .im2 {
        max-width: 36px !important;
        height: 36px !important;
    }
    .owl-next {
        right: 20px;
        top: 210px;
        width: 32px;
        height: 32px;
    }
    .owl-prev {
        top: 210px;
        left: 20px;
        width: 32px;
        height: 32px;
    }
    .navv {
        background-image: url(media/MHeader.png) !important;
        background-size: cover;
        background-position-x: center;
        /* box-shadow: 0px -1px 20px rgba(37, 11, 152, 0.1); */
    }
    .err {
        height: auto;
        background-image: url(media/404M.png) !important;
        background-position-y: -87px !important;
    }
    .accordion-item {
        margin-bottom: 30px !important;
    }
    .rod {
        border-radius: 16px !important;
    }
    .pros {
        border: 1px solid var(--primary-color);
        border-radius: 24px;
        padding: 24px;
        width: 284px;
    }
    .bbs {
        overflow: hidden;
    }
    .bbs .bbin {
        max-width: 1000px !important;
        overflow-x: scroll;
    }
    .bb .ab {
        width: 90px;
    }
    .bb .ab1 {
        width: 60px;
    }
    .bgno {
        background: var(--primary-color) !important;
    }
    .inp2,
    .bb1 {
        padding: 6px 24px;
    }
    .bb {
        border: 1px solid #D0D0D0;
        border-radius: 8px;
        width: auto;
        height: 38px;
    }
    .bb img {
        width: 16px;
        height: 16px;
    }
    .bb .fsb-18 {
        font-size: 14px;
    }
    .fs-64,
    .fsb-64,
    .fs-80,
    .fs-100 {
        font-size: 32px;
    }
    .fs-48,
    .fs-32,
    .fsb-32 {
        font-size: 24px;
    }
    .fsm32 {
        font-size: 32px !important;
    }
    .fsm14 {
        font-size: 14px;
    }
    .fsm16 {
        font-size: 16px !important;
    }
    .nav-item {
        padding: 16px 0px;
    }
    .item .card {
        width: 284px !important;
        height: auto !important;
    }
    .w100m {
        width: 100% !important;
    }
    #myNav {
        position: absolute;
        z-index: 99;
        top: 59px;
        left: 6px;
        background: white;
        /* padding: 98px 42px; */
        width: 161px;
        border: 1px solid #D0D0D0;
        border-radius: 16px;
        text-align: center;
    }
    .desktop {
        display: none
    }
    .euro {
        display: none;
    }
    .contact {
        display: none;
    }
    .ind {
        border-radius: 24px !important;
    }
    .slider_section {
        margin-left: 0px;
    }
    .slider_section::after {
        display: none !important;
    }
    .footer {
        /* background-image: url(media/MFooter.png) !important; */
        background-size: cover;
    }
    .fsm24 {
        font-size: 24px !important;
    }
    .fsm-12 {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    .footer img {
        display: block;
        margin: auto;
    }
    .h90 {
        height: 90% !important;
    }
    .footer .icons {
        margin: 0px;
    }
    .footer .nav {
        justify-content: center !important;
        --bs-nav-link-padding-x: 0.5rem !important;
    }
    .bg1 {
        background-size: cover !important;
    }
    .footer .nav-item {
        padding: 0;
    }
    .foot2 {
        /* background-image: url(media/2Footerm.png) !important; */
        margin-top: -35px;
    }
    .mobile {
        display: block;
    }
    .mobile button {
        border-radius: 20px;
        border: none
    }
    .mobile .mobView {
        padding: 0px 20px 0px;
        background-color: white;
        /* border-radius: 20px */
    }
    .mobView button {
        background-color: #F2F0FE;
        color: black
    }
    .account {
        background-color: white;
        padding: 0px 20px 0px;
        border-radius: 20px;
        line-height: 40px;
        width: 100%;
        text-align: left
    }
    .ebook {
        padding-top: -20px
    }
    .account1 a {
        display: none;
    }
    .account1A {
        order: 2
    }
    .account1B {
        order: 1
    }
    .account {
        background-color: white;
        padding: 0px 20px 0px;
        border-radius: 20px;
        line-height: 40px;
        width: 100%;
        text-align: left
    }
    .ebook {
        padding-top: -20px
    }
    .account1 a {
        display: none;
    }
    .account1A {
        order: 2
    }
    .account1B {
        order: 1
    }
    .error div {
        justify-content: flex-start;
    }
    .contact1 {
        order: 2;
        text-align: center;
    }
    .contact2 {
        order: 1
    }
    .accordion-header div {
        padding: 10px 50px 10px 20px
    }
    /* .accordion-body div,
    p {
        padding: 10px 70px 10px 20px
    } */
    .accordion-body p {
        padding: 10px 25px 10px 20px
    }
    .r--slide {
        width: 90%;
        padding: 20px;
    }
    .reviewssec {
        height: 100vh;
    }
    .r-text {
        top: 0;
    }
    .banner--heading {
        font-size: 2em;
    }
    .r--carouselwrapper {
        margin-top: 20vh;
    }
    .r--arrowswrapper {
        width: 120%;
    }
    .r--arrow {
        width: 20px;
        height: 20px;
    }
    .b--grid {
        aspect-ratio: auto;
        /* Let it grow naturally */
        width: 100%;
        grid-template: "Area-5" "Area-3" "Area-4" "Area-2" "Area-6" "Area-7" "Area" / 1fr;
    }
    .grid--heading.h3 {
        margin-bottom: auto;
    }
    .grid--heading.h5 {
        width: 100%;
        max-width: 100%;
        /* padding: 20px; */
    }
    .grid--item {
        padding: 20px !important;
    }
    .grid--ofsted {
        width: 100%;
    }
    .servpage .item {
        width: calc((100%));
        margin-bottom: 25px;
    }
    .servpage .item .card {
        width: 100% !important;
    }
    .Mainimg {
        height: 50vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .Mainimg .EImage {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        width: 280px;
        height: 280px;
        border-radius: 100vh;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .Mainimg .EImage img {
        width: 100%;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center;
    }
    .Mainimg svg {
        width: 90%;
        position: absolute;
        overflow: visible;
        /* ✅ allow scale to go beyond viewBox */
        top: 50%;
        left: 50%;
        z-index: 0;
        transform: translate(-50%, -50%);
    }
    .eles {
        position: absolute;
        bottom: -126px;
        right: -50px;
        width: 40%;
    }
    .Mainimg.sm .EImage {
        width: 240px;
        height: 240px;
    }
}