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

@font-face {
    font-family: 'Satoshi-Black';
    src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
        url('../fonts/Satoshi-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-Medium';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
        url('../fonts/GeneralSans-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-Semibold';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
        url('../fonts/GeneralSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

/* main start */
body {
    background-color: #fffdf7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bespoke Serif', serif;
    font-weight: 400;
    color: #433F3C;
    letter-spacing: -0.02em;
}

P {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 99px;
}

h2 {
    font-size: 59px;
}

h3 {
    font-size: 48px;
}

h4 {
    font-size: 43px;
}

h5 {
    font-size: 40px;
}

h6 {
    font-size: 36px;
}

ul {
    list-style: none;
}

a {
    font-family: "Manrope", sans-serif;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    cursor: pointer;
}

::placeholder {
    color: #CCCCCC;
    opacity: 1;
}

.container-fluid {
    width: 100%;
    padding-right: 57px;
    padding-left: 57px;
    margin-right: auto;
    margin-left: auto;
}

.container-custom {
    width: 100%;
    padding-right: 55px;
    padding-left: 61px;
    margin-right: auto;
    margin-left: auto;
}

.custom-btn {
    display: inline-block;
    font-weight: 600;
    color: #55452B !important;
    font-size: 14px;
    background-color: #F2CC98;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: all ease .3s;
    letter-spacing: 0.06em;
    line-height: 21.86px;
    text-transform: capitalize;
}

.custom-btn.btn-color {
    background-color: #EFB083;
}

.about-sec .custom-btn.btn-color {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .04em;
    line-height: 19.14px;
    color: #55452B;
}

.custom-btn:hover {
    box-shadow: 0px 4px 11.4px 0px #703622B2;
}



.custom-btn2 {
    display: inline-block;
    font-size: 14px;
    color: #C4611B;
    font-weight: 600;
    position: relative;
    letter-spacing: 0.04em;
    transition: all ease .3s;
    text-transform: capitalize;
}

.custom-btn2::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #C4611B;
    position: absolute;
    left: 0;
    bottom: 1px;
    transition: all ease .2s;
}

/* .btn-underline.custom-btn2::before {
    display: none;
} */
.btn-underline.custom-btn2 {
    font-size: 12px;
    font-weight: 700;
    line-height: 13.8px;
    letter-spacing: 0.08em;
    text-align: left;

}

.custom-btn2:hover {
    color: #c4611b97 !important;
}

.custom-btn2:hover::before {
    width: 100%;
    background-color: #c4611b97 !important;
}

.spacer {
    height: 50px;
}

.spacer65 {
    height: 65px;
}

.spacer80 {
    height: 80px;
}

.spacer93 {
    height: 93px;
}

.spacer100 {
    height: 100px;
}

.spacer111 {
    height: 111px;
}

.spacer120 {
    height: 120px;
}

.spacer130 {
    height: 130px;
}

.spacer143 {
    height: 143px;
}

.spacer150 {
    height: 150px;
}

.spacer300 {
    height: 300px;
}

.overflow-hidden {
    overflow: hidden;
}

.no-scroll {
    overflow: hidden;
}

/* header start */
header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
    border-bottom: 1px solid #fff;

}

header.hidden {
    transform: translateY(-100%);
}

.outer-header {
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}


header.active {
    background-color: #F7F1E5;
    border-bottom: 1px solid #F7F1E5;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}

header.active .ih-middle ul li a span svg path {
    stroke: #433F3C;
}

header.active .ih-right ul li a svg g path {
    stroke: #433F3C;
}

header.active .ih-middle ul li a,
header.active .ih-right ul li a {
    color: #433F3C;
}

.inner-header,
.ih-middle ul,
.ih-right ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drop-menu>a {
    padding-bottom: 32px;
}

.nav-mob,
.cart-mob {
    display: none;
}

.ih-middle ul li a,
.ih-right ul li a {
    color: #fff;
    font-family: "Manrope", sans-serif;
    text-transform: capitalize;
    letter-spacing: .06em;
}

.ih-middle ul li a span {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 2px;
    margin-left: 3px;
    transition: all ease .4s;
}

.inner-header {
    padding: 21px 0;
    padding-right: 37px;
    position: relative;
}

.ih-left img {
    width: 104px;
    height: 31.12px;
    object-fit: cover;
}

.ih-middle ul,
.ih-right ul {
    gap: 16px;
}

.nav-btn {
    line-height: 19.12px;
    padding: 9px 15px;
    white-space: nowrap;
}



/* drop down menu */

.dm-wrap {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    background-color: #F2CC98;
    left: 0;
    top: 101%;
    padding-left: 151px;
    padding-right: 56px;
    border-radius: 0 0 10px 10px;
    transition: all ease .1s;
    opacity: 0;
    visibility: hidden;
}

.dm-left h5 {
    color: #433F3C !important;
}

.dm-left ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 25px;
    margin-top: 40px;
}

.dm-left li a {
    font-family: 'Bespoke Serif', serif !important;
    font-size: 24px;
    color: #433F3C !important;
}

.dm-right {
    width: 70%;
}

.dm-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 37%;
    position: relative;
    border-radius: 10px;
}

.dm-img img,
.dmi-overlay,
.gradient-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: .3s ease all;
}

.dmi-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.gradient-overlay {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.9) 100%);
    z-index: 2;
}

.ph-dm {
    display: block;
    padding-right: 50px;
    padding-left: 100px;
    position: absolute
}

.ph-dm::before {
    content: '';
    position: absolute;
    z-index: 10;
    width: 2px;
    height: 100%;
    background-color: #D6B587;
    right: 32%;
    bottom: 0;
}

.ph-dm::after {
    content: '';
    position: absolute;
    z-index: 10;
    height: 2px;
    width: 32%;
    background-color: #D6B587;
    right: 0;
    bottom: 45%;
}

.phdm-wrap {
    display: flex;
    flex-direction: column;
}

.dmw-top {
    display: flex;
    width: 100%;
    gap: 37px;
    margin-top: 45px;
}

.dmwt-left {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    width: 65%;
    row-gap: 81px;
    column-gap: 47px;
}

.dmwt-right {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 35px;
    padding-left: 95px;
}

.dmr-lists {
    width: 80%;
}

.dm-lists p,
.dmr-lists p {
    font-family: 'Bespoke Serif', serif;
    font-size: 24px;
    color: #433F3C;
    margin-bottom: 0;
}

.dm-list ul {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0px;
    width: 90%;
}

.dm-list li a {
    display: inline-block;
    text-transform: capitalize;
    font-size: 15px;
    color: #433F3C !important;
    padding-top: 10px;
    line-height: 21.86px;
}

.dmw-bottom {
    margin-top: 60px;
}

.dml-btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.dml-btn a {
    color: #C4611B !important;
}

.dm-left ul li a,
.dm-list ul li a,
.dml-btn a,
.dml-btn a::before {
    transition: all ease .3s;
}

.dm-left ul li a:hover,
.dm-list ul li a:hover {
    color: #433f3c7a !important;
}

.custom-btn2.mob-nav-btn {
    font-family: 'Bespoke Serif', serif;
    font-size: 15px;
    color: #433F3C;
    margin-bottom: 0;
    line-height: 120%;
}

/* header end */
/*  footer start */
.footer {
    background-color: #433F3C;
    color: #fff;
    padding-top: 56px;
    padding-bottom: 20px;

}

.footer-inner {
    /* display: flex;
    flex-direction: column; */
}

.footer-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 41px;
    border-bottom: 1px solid #A6947A;
    ;
}

.footer-top h6 {
    color: #fff;
    line-height: 37.44px;
    letter-spacing: -0.02em;
}

.custom-btn.footer-btn1 {
    border: 2px solid #FFFDF8;
    color: #FFFDF8 !important;
    background-color: transparent;
    padding: 9px 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 19.12px;
}

.custom-btn.footer-btn2 {
    border: 2px solid #FFFDF8;
    background-color: #FFFDF8;
    padding: 9px 20px;
    white-space: nowrap;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 19.12px;
}

.custom-btn.footer-btn1:hover {
    background-color: #FFFDF8;
    color: #55452B !important;
    box-shadow: none;
}

.custom-btn.footer-btn2:hover {
    background-color: transparent;
    color: #FFFDF8 !important;
    box-shadow: none;

}

.ft-btns {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-middle {
    padding-top: 52px;
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
}

.fm-left {
    width: 75%;
}

.fm-right {
    width: 21%;
}

.fml-wrap {
    display: flex;
    gap: 47px;
}

.fml-items {}

.fml-items p {
    font-family: 'Bespoke Serif', serif;
    font-size: 17.5px;
    text-transform: capitalize;
    color: #FFFDF8;
    margin: 0;
    padding-bottom: 24px;
    letter-spacing: -.02em;
    line-height: 23.98px;
    font-weight: 400;
}

.fml-links ul li a {
    display: inline-block;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13.13px;
    color: #F2CC98;
    letter-spacing: .02em;
    margin-bottom: 18.34px;
}

.fmr-img img {
    width: 120px;
}

.fmr-wrap p {
    font-size: 12px;
    color: #B2ADA9;
    letter-spacing: .01em;
    max-width: 30ch;
}

.socials {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-top: 20px;
}

.socials a {
    transition: all ease 0.3s;
}

.socials a:hover {
    transform: scale(1.2);
}

.footer-bottom {
    padding-top: 162px;
    display: flex;
    justify-content: space-between;
}

.fb-left p {
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #F7F1E5;
    font-size: 12px;
}

.fbm-links {
    display: flex;
    gap: 15px;
}

.fbm-links a {
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    transition: all ease .5s;
}

.fbm-links a span {
    padding-left: 10px;
    color: #F2CC98;
}

.fb-right p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #F7F1E5;
}

.fb-right p span img {
    width: 20px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.fb-right p span a {
    text-transform: capitalize;
    font-size: 12px;
    color: #F7F1E5;
}

.fbm-links a:hover {
    color: #F2CC98;
}

.cta {
    width: fit-content;
}

.hover-underline-animation {
    position: relative;
}

.hover-underline-animation:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: #f0b184;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.cta:hover .hover-underline-animation:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.fb-right p a {
    transition: all ease 0.3s;
}

.fb-right p a:hover {
    color: #efb083;
}

/*  footer end */


/* Homepage Css */

/* hero section start */
.hero-sec {
    position: relative;
    height: 100vh;
    min-height: 700px;
}

.hero-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
}

.banner-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.9) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.hero-bg img {
    filter: brightness(70%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-text {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 700px;
}

.hero-text h1 {
    color: #FFFDF8;
    max-width: 16ch;
    line-height: 1;
    letter-spacing: -0.02em;
    line-height: 95.11px;
}

.hero-text p {
    font-weight: 500;
    padding-top: 40px;
    font-size: 18px;
    max-width: 40ch;
    margin-bottom: 70px;
    color: #F7F1E5;
    letter-spacing: .05em;
    line-height: 25px;
}

.wide-btn {
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 100px;
}

.hero-bottom {
    position: absolute;
    text-align: center;
    bottom: 45px;
    width: 100%;
}

.hero-bottom::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 47%;
    background-color: #FFFDF8;
    left: 0;
    top: 50%;
}

.hero-bottom::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 47%;
    background-color: #FFFDF8;
    right: 0;
    top: 50%;
}

/* hero section end */

/* service section start*/


.service-title h5 {
    text-align: center;
    text-transform: capitalize;
    max-width: 18ch;
    margin-right: auto;
    margin-left: auto;
}

.service-cards {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 30px;
    margin-top: 70px;
}

.s-card {
    height: 100%;
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    transition: all ease .5s;
    background-color: #F7F1E5;
    border-radius: 10px;
    overflow: hidden;
    gap: 20px;
}

.s-card:nth-child(even) {
    flex-direction: column-reverse;
    padding-bottom: 20px;
    gap: 0;
}

.s-card:nth-child(even) .scb-img {
    border-radius: 0px 0px 50% 50%;
}

.sc-top {
    padding-left: 27px;
    padding-top: 40px;
    padding-right: 10px;
}

.sc-top h6 {
    font-family: 'Bespoke Serif', serif;
    font-size: 24px;
}

.sc-top p {
    font-family: "Mulish", sans-serif;
    color: #B0935A;
    font-size: 12.5px;
    padding-top: 10px;
    padding-bottom: 30px;
    line-height: 17px;
    margin: 0;
    max-width: 26ch;
}

.sc-top a {
    font-size: 12px;
    opacity: 0;
    transition: all ease .3s;
}

.scb-img {
    height: 350px;
    border-radius: 50% 50% 0px 0px;
    overflow: hidden;
}

.scb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.s-card:hover {
    width: 45%;
}

.s-card:hover a {
    opacity: 1;
}

/* service section end*/

/* about section start*/
.about-sec {
    background-color: #f7f2e6;
}

.about-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 56px 65px;
}

.ai-left {
    width: 48ch;
    padding-bottom: 37px;
}

.ail-inner {}

.ail-inner h3 {
    color: #433F3C;
    text-transform: capitalize;
    line-height: 60px;
    letter-spacing: -0.02em;
}

.ail-inner p:nth-child(2) {
    color: #C4611B;
    padding-top: 40px;
    line-height: 22.12px;
    letter-spacing: .04em;
    font-weight: 500;
    font-size: 14px;
}

.ail-inner p:nth-child(3) {
    color: #B0935A;
    padding-top: 25px;
    padding-bottom: 50px;
    line-height: 22.12px;
    letter-spacing: .04em;
    font-weight: 400;
    max-width: 47ch;
    font-size: 14px;
}

.ail-inner a {
    margin-top: 40px;
}

.ai-right {
    width: 33%;
    position: relative;
    padding-top: 45%;
}

.air-img {
    width: 100%;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    inset: 0;
}

.air-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease all;
}

/* about section end*/

/* founder section start*/
.founder-sec {}

.founder-inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 146px;
    padding: 0 120px;
}

.fi-left {
    width: 60%;
}

.fil-inner p {
    font-size: 12px;
    color: #9E8370;
    letter-spacing: .06em;
    line-height: 16.39px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 12px;
}

.fil-inner h3 {
    color: #433F3C;
    text-transform: capitalize;
    font-weight: 400;
}

.fil-inner h3:nth-child(3) {
    display: flex;
    align-items: center;
    gap: 7px;
}

.fil-inner h3:nth-child(3) span {
    height: 1px;
    background-color: #EFB083;
    width: 10%;
}

.fil-inner p:nth-child(4) {
    max-width: 58ch;
    color: #8A6E4A;
    padding-top: 53px;
    padding-bottom: 30px;
    letter-spacing: 0.04em;
    line-height: 22px;
    font-size: 14px;
}

.fi-right {
    width: 42%;
    position: relative;
    padding-top: 50%;
}

.fir-img {
    width: 100%;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    inset: 0;
}

.fir-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* founder section end*/

/*  Offerings section start */
.oi-top p {
    width: 95%;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: capitalize;
    color: #9E8370;
    font-weight: 500;
    padding-bottom: 16px;
}

.oi-bottom {
    margin-top: 60px;
}

.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.tab button {
    font-family: 'Bespoke Serif', serif;
    text-transform: capitalize;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 16px;
    transition: 0.3s;
    font-size: 36px;
    background-color: transparent;
    color: #B2AFAB;
}

.tab button:hover {
    color: #433F3C;
}

.tab button.active {
    color: #433F3C;
    position: relative;
}

.tab button.active::before {
    content: '';
    background-color: #C4611B;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 45%;
    bottom: 0;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.tab-card {
    overflow: hidden;
}

.tab-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 85%;
    position: relative;
}

.tab-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: .3s ease all;
}

.tab-card:hover .tab-img img {
    scale: 1.2;
}

.tab-card:hover .tab-btn.custom-btn2 {
    color: #c4611b97;
}

.tab-card:hover .tab-btn.custom-btn2::before {
    background-color: #c4611b97;
}

.custom-btn2:hover:before {
    background-color: #c4611b97 !important;
}

.tab-card p:nth-child(2) {
    font-family: 'Bespoke Serif', serif;
    ;
    color: #433F3C;
    font-size: 20.58px;
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0;
    text-transform: capitalize;
}

.tab-card p:nth-child(3) {
    max-width: 44ch;
    color: #A99273;
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 18px;
    margin: 0;
    font-weight: 400;
}

.tab-btn.custom-btn2::before {
    bottom: 0;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*  Offerings section end */

/*  Events section start */
.event-inner {
    position: relative;

}

.event-top {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10;
    width: 100%;
}

.et-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C0BABA;
    padding-bottom: 12px;

}

.event-top p {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 19px;
}

.event-middle {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 142px;
    margin-bottom: 31px;
    overflow: hidden;
}

.el-desc p,
.el-time p,
.el-title h4 {
    transition-duration: .5s;
    transition-delay: .2s;
}

.el-btn a {
    transition-duration: .4s;
}

.event-img {
    clip-path: inset(0 0 0 100%);
    transition-duration: .5s;
    transition-delay: .2s;
}

.splide__slide.is-active .event-middle .em-left .el-desc p,
.splide__slide.is-active .event-middle .em-left .el-time p,
.splide__slide.is-active .event-middle .em-left .el-title h4,
.splide__slide.is-active .event-middle .em-left .el-btn a {
    transform: translateY(0);
}

.el-desc p,
.el-time p,
.el-title h4,
.el-btn a {
    transform: translateY(200%);
}

.splide__slide.is-active .event-middle .em-right .event-img {
    clip-path: inset(0 0 0 0);
}

.em-left h4 {
    font-family: 'Bespoke Serif', serif;
    text-transform: capitalize;
    position: relative;
    color: #FFFDF8;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 47.84px;
    padding-bottom: 4px;
}

.em-left h4::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    left: -30px;
    top: 20%;
    background-color: #C4611B;
}

.el-desc,
.el-time,
.el-title,
.el-btn {
    overflow: hidden;
    padding-left: 30px;
}

.el-desc p {
    font-size: 16px;
    line-height: 25px;
    padding-top: 13px;
    color: #fff;
    font-weight: 400;
    padding-bottom: 15px;
}

.el-time p {
    font-size: 13px;
    margin: 0;
    padding-top: 9px;
    color: #fff;
    display: flex;
    letter-spacing: .04em;
    align-items: flex-end;
    gap: 8.75px;
    line-height: 17.76px;
    font-weight: 800;
}

.el-time p span img {
    padding-bottom: 2px;
    margin-right: 5px;
}

.em-left p:nth-child(4) span img {
    padding-bottom: 3.5px;

}

.event-btn {
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
}

.em-left {
    width: 30%;
}

.em-right {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-img {
    width: 50%;
    height: 0;
    overflow: hidden;
    padding-top: 85%;
    position: relative;
    border-radius: 133px;
}

.bg {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -10;
    left: 0;
    bottom: 0;
    filter: brightness(50%);
}

.event-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: .5s ease all;
}

.event-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 40px;
    padding-top: 25px;
    border-top: 1px solid #C0BABA;

}

.event-arrow {
    position: relative;
}

.event-arrow .splide__arrows {
    right: 10%;
    bottom: 30px;
}

.eb-left {
    padding-left: 23.8px;
}

.eb-left p {
    font-family: 'Bespoke Serif', serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 28.6px;
    text-transform: capitalize;
    color: #C0BABA;
    letter-spacing: -0.02em;
}

.ebr-wrap {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
}

.splide__arrows::before {
    content: '';
    width: 1px;
    height: 85%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 10%;
}

.event-inner::before {
    /* content: ''; */
    width: 95%;
    height: 2px;
    position: absolute;
    left: 2%;
    bottom: 14%;
    background-color: #757575;
    z-index: 10;
}

.splide__arrow {
    border: none;
    background-color: transparent;
}

.splide__arrow svg {
    height: 25px;
    fill: white;
}

.splide {
    position: relative;
}

.splide__arrows {
    display: flex;
    gap: 15px;
    position: absolute;
    bottom: 5%;
    right: 14%;
    z-index: 10;
}

/*  Events section end */

/*  Testimonials section start */
.testimonial-sec {
    background-color: #F7F1E5;
}

.testimonial-inner {
    padding: 80px 0;
}

.ti-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ti-left {
    width: 45%;
    position: relative;
    padding-bottom: 135px;
    padding-top: 51px;
}

.ti-quote,
.ti-title,
.ti-desc,
.ti-name {
    overflow: hidden;
}

.ti-title h6,
.ti-desc p {
    transform: translateY(200%);
    transition-duration: .7s;
}

.ti-name p {
    transform: translateY(200%);
    transition-duration: .7s;
}

.ti-quote img {
    transform: translateY(500%);
    transition-duration: .7s;
}

.ti-title {
    margin-top: 15px;
}

.ti-title h6 {
    font-size: 33px;
    transition-delay: .1s;
    letter-spacing: -0.02em;
    line-height: 39.57px;
}

.ti-desc {
    margin-top: 40px;
    width: 95%;
}

.ti-desc p {
    font-size: 16.95px;
    line-height: 28.23px;
    color: #A99273;
    transition-delay: .3s;
}

.ti-name {
    position: absolute;
    height: fit-content;
    bottom: 0;
    left: 0;
}

.ti-name p {
    font-size: 14.84px;
    letter-spacing: .11em;
}

.ti-right {
    width: 30%;
    background-color: #f0b184;
    position: relative;
    padding-top: 40%;
    height: 0;

}

.ti-img {
    width: 100%;
    overflow: hidden;
    position: absolute;
    clip-path: ellipse(100% 100% at 55% 53%);
    inset: 0;
    transition: all ease .5s;
    transition-delay: .5s;
}

.ti-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.splide__arrows.test-arrows {
    display: flex;
    position: relative;
    justify-content: center;
    gap: 15px;
    bottom: 0;
    right: 0;
    margin-top: -30px;
}

.splide__arrows.test-arrows.shop-arrows {
    margin-top: 59px;
}

.splide__arrows.test-arrows::before {
    background-color: #EFB083;
}

.splide__arrow.test-arrow svg {
    fill: #C4611B;
}

.splide__slide.is-active .ti-quote img,
.splide__slide.is-active .ti-desc p,
.splide__slide.is-active .ti-title h6,
.splide__slide.is-active .ti-name p {
    transform: translateY(0);
    transform: translateX(0);
}

.splide__slide.is-active .ti-img {
    clip-path: ellipse(45% 50% at 50% 50%);
}

/*  Testimonials section end */

/*  shop section start */
.si-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EFB083;
    padding-bottom: 34px;
}

.si-top h6 {
    line-height: 34.7px;
    letter-spacing: -0.02em;

}

.shop-btn {
    padding: 5px 40px;
    font-size: 14px;
}

.shop-inner hr {
    background-color: #EFB083;
}

.si-bottom {
    margin-top: 34px;
}

.shop-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(200px, 1fr));
    row-gap: 30px;
}

.shop-card {
    display: flex;
    flex-direction: column;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    /* overflow: hidden; */
}

.sci-wrap {
    width: 98%;
    background-color: #edd9af;
    border-radius: 15px;
    position: relative;
    padding-top: 125%;
    /* border-radius: 120px; */
    overflow: hidden;
}

.sib-img {
    width: 100%;
    overflow: hidden;
    position: absolute;
    border-radius: 10px;
    inset: 0;
    transition: all ease .5s;
    border-radius: 53%;
    box-shadow: -6px 12px 10px -1px rgba(0, 0, 0, 0.75);
}

.sib-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sci-wrap1 {
    background-color: #9e8370;
    border-radius: 15px;
}

.sci-wrap2 {
    background-color: #f0b184;
    border-radius: 15px;
}

.sci-wrap3 {
    background-color: #edd9af;
    border-radius: 15px;
}

.sci-wrap4 {
    background-color: #9e8370;
    border-radius: 15px;
}

.sib-img img {
    width: 100%;
    height: 100%;
}

.shop-card p {
    margin: 0;
}

.shop-card a .shop-card-content-top p {
    display: inline-block;
    color: #544B45;
    font-size: 14px;
    padding-top: 18.5px;
    letter-spacing: .04em;
    line-height: 19.12px;
    font-weight: 500;
}

.shop-card a .shop-card-content-middle h6 {
    color: #433F3C;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 29.52px;
    padding-top: 8px;
}

.shop-card a .shop-card-content-middle p {
    color: #A99273;
    font-size: 16px;
    padding-top: 16px;
    line-height: 22.4px;
    max-width: 26ch;
}

.shop-card a .shop-card-content-bottom p {
    color: #433F3C;
    font-size: 24px;
    padding-top: 32px;
    padding-bottom: 19px;
}

.custom-btn.full-btn, .full-btn .custom-btn {
    white-space: nowrap;
    width: 80%;
    text-align: center;
    padding: 8.7px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(70%);
    transition: all ease .5s;
}

.custom-btn.full-btn a {
    font-size: 16.33px;
    font-weight: 500;
    line-height: 22.31px;
    letter-spacing: 0.04em;
    color: #55452B;
    background: #f2cc98;
}

.shop-card:hover .sib-img {
    border-radius: 0;
}

.shop-card:hover .custom-btn.full-btn {
    opacity: 1;
    transform: translateY(0);
}
.shop-card:hover .full-btn .custom-btn {
    opacity: 1;
    transform: translateY(0);
}

/*  shop section end */

/*  blog section start */

.blog-sec {
    background-color: #F7F1E5;
    padding: 70px 130px;
}

.bi-top {
    padding-bottom: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
}

.bi-top h6 {
    position: relative;
    font-weight: 400;
    line-height: 43.3px;
    letter-spacing: -0.02em;
}

.bi-top h6::before {
    content: '';
    width: 40%;
    height: 1px;
    background-color: #EFB083;
    position: absolute;
    right: -50%;
    top: 50%;
}

.blogs {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 19px;
}

.blog-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 85%;
    position: relative;
    border-radius: 10px;
}

.blog-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: .5s ease all;
}

.blog-img {
    position: relative;
}

.blog-img-cat {
    font-weight: 500;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    border-radius: 4px 0 0 0;
    background-color: rgb(255, 255, 255);
    color: #55452B;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.blog-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 10px;
}

.blog-card:hover img {
    scale: 1.2;
}

.blog-card:hover .custom-btn2::before {
    background-color: #c4611b97;
}

.blog-card:hover .custom-btn2 {
    color: #c4611b97;
}

.blog-card p:nth-child(2) {
    font-family: 'Bespoke Serif', serif;
    text-transform: capitalize;
    color: #433F3C;
    font-size: 20.58px;
    padding-top: 25px;
    padding-bottom: 13px;
    letter-spacing: -0.02em;
    line-height: 25.32px;
}

.blog-card p:nth-child(3) {
    max-width: 43ch;
    color: #A99273;
    font-size: 13px;
    padding-bottom: 15px;
    margin: 0;
    line-height: 18.34px;
}

.blog-sec .shop-btn {
    letter-spacing: 0.04em;
    line-height: 19.12px;
    font-weight: 500;
}

/*  blog section end */

/* article section start*/

.article-title {
    text-align: center;
    max-width: 90ch;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.article-title h5 {
    text-transform: capitalize;
    position: relative;
    display: flex;
    width: 100%;
    gap: 9.95px;
    align-items: center;
}

.article-title h5 span {
    background-color: #EFB083;
    height: 1px;
    width: 85px;
}

.article-cards {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 35px;
    margin-top: 61px;
}

.ssm-inner {
    margin-top: 40px;
}

.a-card {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: 0.3s;
    /* Smooth transition */
    background-color: #F7F1E5;
    border-radius: 5px;
    overflow: hidden;
    gap: 20px;
}

.a-card:nth-child(odd) {
    flex-direction: column-reverse;
    padding-bottom: 20px;
    gap: 0;
}

.a-card:nth-child(odd) .acb-img {
    clip-path: ellipse(50% 86% at 50% 11%);
}

.ac-top p:nth-child(1) {
    font-weight: 500;
    color: #A09B97;
    font-size: 10px;
    line-height: 13.66px;
    letter-spacing: 0.04em;
    margin: 0;
    padding-bottom: 16.22px;
    text-transform: capitalize;
}

.ac-top p:nth-child(2) {
    font-weight: 400;
    max-width: 20ch;
    color: #433F3C;
    font-size: 18px;
    font-family: 'Bespoke Serif', serif;
    ;
    letter-spacing: -0.02em;
    padding-bottom: 18px;
}

.ac-top p:nth-child(3) {
    max-width: 31ch;
    color: #A99273;
    font-size: 12px;
    line-height: 16.8px;
    padding-bottom: 22px;
}

.ac-top {
    padding-left: 27px;
    padding-top: 11px;
    padding-right: 52px;
}

.ac-top a {
    font-size: 12px;
}

.acb-img {
    clip-path: ellipse(52% 103% at 50% 112%);
    height: 250px;
    overflow: hidden;
}

.acb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* article section end*/

/*  Schedule section start */
.sac-sec {
    background-color: #F7F1E5;
    overflow: hidden;
    width: 100%;
}

.sac-inner {
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
    height: 629px;
}

.sac-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sacl-img {
    clip-path: ellipse(66% 90% at 29% 50%);
}

.sacr-img {
    clip-path: ellipse(66% 95% at 71% 50%);
}

.sacr-img img {
    position: absolute;
    top: 100px;
    left: 50px;
}

.sacl-img img {
    margin-left: 81px;
}

.sac-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    scale: 1.4;
}

.sac-left,
.sac-right,
.sac-middle {
    flex: 1;
}

.sac-right,
.sac-left {
    height: 100%;
}

.sac-middle {
    text-align: center;
}

.sac-middle h2 {
    color: #433F3C;
    text-transform: capitalize;
    line-height: 63.28px;
    font-weight: 400;
}

.sacm-text {
    color: #433F3C;
    position: relative;
    text-transform: capitalize;
    position: relative;
    display: flex;
    width: 100%;
    gap: 11px;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.sacm-text span {
    background-color: #EFB083;
    height: 1px;
    width: 87.13px;
}

.sac-middle p {
    font-size: 18px;
    color: #A99273;
    padding-top: 36px;
    padding-bottom: 61px;
    line-height: 24.84px;
    letter-spacing: 0.03em;
}

/*  Schedule section end */

/* Homepage Css */

/* About Page Css */
.outer-header.about-header {
    background-color: #faf5ee;
}

.outer-header.about-header .ih-middle ul li a span svg path {
    stroke: #433F3C;
}

.outer-header.about-header .ih-right ul li a svg g path {
    stroke: #433F3C;
}

.outer-header.about-header .ih-middle ul li a,
.outer-header.about-header .ih-right ul li a {
    color: #433F3C;
}

/* About hero banner */
.ah-inner {
    display: flex;
    padding-left: 46px;
    padding-top: 70px;
}

.ahi-left {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 83px;
    padding-bottom: 64px;
}

.ahi-left .ahil-top {
    max-width: 52ch;
    text-align: center;
    margin: 0 auto;
}

.ahi-left .ahil-top h2 {
    font-size: 69.07px;
    font-weight: 400;
    line-height: 66.31px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #241307;
}

.ahi-left .ahil-top p {
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 50px;
    color: #433F3C;
}

.ahil-bottom {
    width: 90%;
    margin: 0 auto;
    padding: 0 62px;
    padding-top: 31px;
    padding-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border: 1px solid #C4611B;
    border-radius: 7px;
}

.ahilb-sep {
    width: 1px;
    height: 67px;
    background-color: #C4611B;
}

.ahil-bottom h3 {
    font-family: "Manrope", sans-serif;
    font-size: 45.43px;
    font-weight: 400;
    line-height: 51.34px;
    color: #433F3C;
}

.ahil-bottom p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 0.05em;
    margin-top: 0px;
    color: #4D433B;
}

.ahi-right {
    width: 55%;
    height: 0;
    overflow: hidden;
    padding-top: 44%;
    position: relative;
}

.ahir-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ahir-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* About hero banner */

/* About testimonials */
.about-testimonial {
    background-color: #8F5023;
    padding-top: 30px;
    padding-bottom: 41px;
    text-align: center;
}

.at-circle {
    width: 13.18px;
    height: 13.18px;
    border-radius: 50%;
    background-color: #FF9A52;
    margin: 0 auto;
}

.at-text {
    margin-top: 41px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90ch;
}

.at-text p {
    font-family: 'Bespoke Serif', serif;
    font-size: 23.34px;
    font-weight: 300;
    line-height: 24.74px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
}

.at-name {
    margin-top: 42px;
}

.at-name p {
    display: flex;
    flex-direction: column;
    gap: 14.73px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.96px;
    letter-spacing: 0.02em;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.at-name p span {
    width: 6.66px;
    height: 1px;
    background-color: #fff;
}

/* About testimonials */
/* About history */
.about-history-top {
    text-align: center;
}

.about-history-top h3 {
    margin-top: 20px;
    font-size: 40.4px;
    font-weight: 400;
    line-height: 49.29px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #433F3C;
}

.about-history-top p {
    max-width: 47ch;
    margin: 0 auto;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #8A6E4A;
}

.about-history-bottom {
    margin-top: 112px;
}

.about-history-bottom .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 311px;
}

.about-history-bottom .tab button {
    font-family: 'Bespoke Serif', serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 26.88px;
    letter-spacing: -0.02em;
    color: #E7B692;
    transition: all ease .4s;
}

.about-history-bottom .tab button:hover {
    color: #C4611B;
}

.about-history-bottom .tab button.active {
    color: #C4611B;
    position: relative;
}

.about-history-bottom .tab button.active::before {
    content: '';
    background-color: #C4611B;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 45%;
    top: -10px;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.about-history .tabcontent {
    margin-top: 50px;
}

.about-history-section {
    display: flex;
    padding-left: 260px;
    padding-right: 220px;
}

.ahs-left {
    width: 50%;
}

.ahs-left p {
    margin-top: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.04em;
    text-align: left;
    max-width: 31ch;
    color: #6B6B6B;
}

.ahs-right {
    width: 60%;
    display: flex;
    justify-content: end;
}

.ahsr-wrap {
    width: 70%;
    height: 0;
    overflow: hidden;
    padding-top: 94%;
    position: relative;
    background-color: #efb083;
}

.ahsr-img {
    width: 87%;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
}

.ahsr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* About history */


/* About teacher */
.about-teacher {
    margin-top: 209px;
    padding-bottom: 74px;
}

.about-teacher-inner {
    display: flex;
    padding-left: 62px;
    padding-right: 92px;
    justify-content: center;
    gap: 205px;
}

.at-left {
    width: 53%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.atl-top h6 {
    font-size: 22px;
    font-weight: 400;
    line-height: 25.74px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #433F3C;
}

.atl-top span {
    display: flex;
    align-self: flex-start;
}

.atl-middle {
    margin-top: 60px;
    width: 28%;
    height: 0;
    overflow: hidden;
    padding-top: 38%;
    position: relative;
}

.atlm-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.atlm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8.06px;
}

.atl-bottom {
    margin-top: 61px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.atlb-dot {
    background-color: #C4611B;
    height: 5px;
    width: 5px;
    border-radius: 50%;
}

.atl-bottom p {
    font-size: 14.84px;
    font-weight: 400;
    line-height: 31.67px;
    letter-spacing: 0.11em;
    text-align: center;
    color: #C4611B;
}

.at-right {
    width: 60%;
}

.at-right h6 {
    font-size: 23.34px;
    font-weight: 400;
    line-height: 22.41px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #C4611B;
    margin-bottom: 45px;

}

.at-right p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #8B8B8B;
    max-width: 51.5ch;
}

/* About teacher */


/* About benifits */
.about-benifits {
    margin-top: 120px;
    background-color: #FFF9ED;
    padding-top: 129px;
    padding-bottom: 32px;
}

.abi-cards {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 39px;
}

.abi-sep {
    width: 1px;
    height: 226px;
    background-color: #ddd9d1;
}

.abi-card {
    display: flex;
    flex-direction: column;

    align-items: center;
    text-align: center;
}

.abi-card .abic-middle {
    margin-top: 25px;
}

.abi-card .abic-middle p {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 18.96px;
    letter-spacing: 0.09em;
    text-align: center;
    color: #C4611B;
    max-width: 30ch;
}

.abi-card .abic-bottom {
    margin-top: 37px;
}

.abi-card .abic-bottom p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #A99273;
    max-width: 32.5ch
}

.ab-footer {
    margin-top: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
}

.abf-line {
    width: 100%;
    height: 1px;
    background-color: #CFCAC1;
}

/* About benifits */


/* About mission */
.about-mission {
    position: relative;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 55.47%, rgba(0, 0, 0, 0.7) 100%);
    padding-top: 60px;
    padding-bottom: 48px;
    margin-top: 120px;
}

.about-mission-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.about-mission-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.about-mission-inner {
    padding-left: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ami-left {
    width: 50%;
}

.ami-left-wrap {
    max-width: 49ch;
    /* margin: 0 auto;  add this in min-width 1400*/
}

.ami-left h5 {
    font-size: 28px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #F0EFEF;
}

.ami-left p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.09em;
    text-align: left;
    color: #EEEEEE;
    margin-top: 60px;
}

.ami-right {
    width: 50%;
    padding: 90px 0;
    padding-left: 97px;
    padding-right: 20px;
    background-color: #FFFCF8;
    border-radius: 30px 0 0 30px;
}

.amir-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.amir-wrap ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #A99273;
    position: relative;
    max-width: 58ch;
}

.amir-wrap ul li::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTQwNjIgMy45NDUzMUM5LjE0MDYyIDMuMTQ5NjggOC44MjQ1NSAyLjM4NjYgOC4yNjE5NCAxLjgyMzk5QzcuNjk5MzQgMS4yNjEzOCA2LjkzNjI3IDAuOTQ1MzEyIDYuMTQwNjIgMC45NDUzMTJDNS4zNDQ5OCAwLjk0NTMxMiA0LjU4MTkxIDEuMjYxMzggNC4wMTkzIDEuODIzOTlDMy40NTY2IDIgMy4xNDA2MiAzLjE0OTY4IDMuMTQwNjIgMy45NDUzMUMyLjM0NTY5IDMuOTQ3NjUgMS41ODM5OSA0LjI2NDQ2IDEuMDIxODggNC44MjY1N0MwLjQ1OTc3NyA1LjM4ODY3IDAuMTQyOTU4IDYuMTUwMzggMC4xNDA2MjUgNi45NDUzMUMwLjE0Mjk1OCA3Ljc0MDI0IDAuNDU5Nzc3IDguNTAxOTUgMS4wMjE4OCA5LjA2NDA2QzEuNTgzOTkgOS42MjYxNiAyLjM0NTY5IDkuOTQyOTggMy4xNDA2MiA5Ljk0NTMxQzMuMTQwNjIgMTAuNzQxIDMuNDU2NiAxMS41MDQgNC4wMTkzIDEyLjA2NjZDNC41ODE5MSAxMi42MjkyIDUuMzQ0OTggMTIuOTQ1MyA2LjE0MDYyIDEyLjk0NTNDNi45MzYyNyAxMi45NDUzIDcuNjk5MzQgMTIuNjI5MiA4LjI2MTk0IDEyLjA2NjZDOC44MjQ1NSAxMS41MDQgOS4xNDA2MiAxMC43NDEgOS4xNDA2MiA5Ljk0NTMxQzkuOTM1NTYgOS45NDI5OCAxMC42OTczIDkuNjI2MTYgMTEuMjU5NCA5LjA2NDA2QzExLjgyMTUgOC41MDE5NSAxMi4xMzgzIDcuNzQwMjQgMTIuMTQwNiA2Ljk0NTMxQzEyLjEzODMgNi4xNTAzOCAxMS44MjE1IDUuMzg4NjcgMTEuMjU5NCA0LjgyNjU3QzEwLjY5NzMgNC4yNjQ0NiA5LjkzNTU2IDMuOTQ3NjUgOS4xNDA2MiAzLjk0NTMxWiIgZmlsbD0iIzZCNkI2QiIvPgo8L3N2Zz4=');
    position: absolute;
    left: -30px;
    top: 5px;
    transform: translateY(-50%);
    width: 13px;
    /* Adjust width as needed */
    height: 6px;
    /* Adjust height as needed */
}

/* About mission */

/* About team */
.about-team {
    padding-top: 158px;
    padding-bottom: 138px;
    padding-left: 155px;
    padding-right: 155px;
}

.about-team-inner {
    display: flex;
    justify-content: space-between;
}

.ati-left {
    width: 50%;
}

.ati-right {
    width: 40%;
}

.ati-left h4 {
    font-size: 33.34px;
    font-weight: 400;
    line-height: 32.01px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #C4611B;
}

.ati-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #6B6B6B;
    margin-top: 30px;
    margin-bottom: 70px;
    max-width: 41ch;
}

.about-team-img {
    width: 90%;
    height: 0;
    overflow: hidden;
    padding-top: 146%;
    position: relative;
}

.about-team-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.about-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80% !important;
}

.about-slide p {
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.08px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #C4611B;
    margin-top: 20px;

}

.about-team .about-slide p {
    opacity: 0;
}

.about-team .about-slide.is-active p {
    opacity: 1;
    transition: all ease .3s;
}

.about-team .about-slide {
    opacity: .5;
}

.about-team .about-slide.is-active {
    opacity: 1;
    transition: all ease .3s;
}

.about-team-arrow.splide__arrows {
    position: static !important;
}

#about-team {
    position: relative;
}

.about-team-arrow .splide__arrow--prev {
    position: absolute;
    left: -43px;
    top: 40%;
}

.about-team-arrow .splide__arrow--next {
    position: absolute;
    right: -43px;
    top: 40%;
}

/* About team */

/* About Page Css */

/* Domain page start */

/* domain hero section */
.domain-banner .banner-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.46%, rgba(0, 0, 0, 0.8) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0) 69.18%, rgba(0, 0, 0, 0.9) 100%);
}

.domain-banner .hero-bg img {
    filter: brightness(100%);
}

.domain-banner .hero-text {
    justify-content: end;
}

.domain-banner .hero-text h1 {
    font-size: 90px;
    font-weight: 400;
    line-height: 86.4px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #FFFDF8;
}

.domain-banner .hero-text p {
    max-width: 47ch;
    margin-bottom: 77px;
    padding-top: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #F7F1E5;
}

/* domain hero section */

/* domain problem section */
.dp-inner {
    padding: 40px 100px;
}

.dpit-title h4 {
    font-size: 30.4px;
    font-weight: 400;
    line-height: 37.09px;
    letter-spacing: -0.02em;
    color: #C4611B;
    text-transform: capitalize;
    text-align: center;
}

.dpit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 69px;
    margin-top: 85px;
}

.dpitg-elem {
    border-bottom: 1px solid #F2CC98;
    padding-bottom: 24px;
}

.dpitg-elem p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #433F3C;
    max-width: 31ch;
    margin: 0 auto;
}

.dpi-bottom {
    margin-top: 90px;
    display: flex;
    align-items: center;
}

.dpib-left {
    width: 40%;
    padding-left: 20px;
}

.dpib-right {
    width: 60%;
}

.dpib-left p {
    font-family: 'Satoshi-Black';
    font-size: 14px;
    font-weight: 900;
    line-height: 23.66px;
    letter-spacing: 0.16em;
    text-align: left;
    color: #C4611B;
    text-transform: uppercase;
    max-width: 25ch;
}

.dpib-right p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #8B8B8B;
    max-width: 65ch;
}

/* domain problem section */

/* domain Courses section */

.courses {
    padding: 43px 7px;
}

.dci-title h4 {
    font-size: 50.4px;
    font-weight: 400;
    line-height: 61.49px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #433F3C;
}

.course-mob {
    display: none;
    margin-top: 30px;
}

.course-mob .splide__arrow--prev {
    transform: rotate(180deg);
}

.course-mob .splide__arrow svg {
    fill: #C4611B;
}

.course-mob .splide__arrows {
    position: relative;
    left: 0;
    top: 0;
    justify-content: end;
    width: fit-content;
    margin-left: auto;
}

.course-mob .splide__arrows::before {
    content: '';
    width: 1px;
    height: 85%;
    background-color: #C4611B;
    position: absolute;
    /* left: 95%; */
    bottom: 10%;
}

.course-mob #course-mob-slider {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
}

.course-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 25px;
    margin-top: 70px;
}
.courses.course-inner .course-grid {
    grid-template-columns: repeat(4, 1fr);
}

.course-card {
    height: 100%;
    background-color: #f7f1e5;
    border-radius: 15px;

}

.cc-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 48%;
    position: relative;
    border-radius: 15px;
}

.cc-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.cc-img-tag {
    text-transform: uppercase;
    padding: 6.6px 11.3px;
    background-color: #F2CC98;
    color: #653716;
    font-family: 'Satoshi-Bold';
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.08em;
    text-align: left;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
    border-radius: 40px;
}

.cc-info {
    padding: 24px 0;
    padding-left: 24px;
}

.cc-info h6 {
    font-size: 24px;
    font-weight: 400;
    line-height: 24.96px;
    text-align: left;
    color: #202322;
    padding-right: 10px;
}

.cc-info p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #A99273;
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 57px;
    max-width: 41ch;
}

/* domain Courses section */

/* domain consultation section */

.domain-Consultation-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F2CC98;
    border-radius: 15px;
    padding: 42px 0;
    padding-left: 75px;
    margin: 0 23px;
}

.consult-left {
    width: 40%;
}

.consult-left h5 {
    font-size: 26px;
    font-weight: 400;
    line-height: 27.04px;
    text-align: left;
    color: #202322;
}

.consult-left p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #433F3C;
    padding-top: 30px;
    padding-bottom: 61px;
    max-width: 45ch;
}

.custom-btn.consult-btn {
    font-family: "Instrument Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12.48px;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: #C4611B;
    background-color: #F7F1E5;
}


.consult-right {
    width: 58%;
}

.consult-right-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 45%;
    position: relative;
    border-radius: 200px 0px 0px 200px;
}

.consult-right-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/* domain consultation section */

/* domain wellness section */
.about-wellness {
    padding-left: 64px;
}

.aw-inner {
    padding-top: 47px;
    padding-bottom: 106px;
}

.aw-top h4 {
    font-size: 50.4px;
    font-weight: 400;
    line-height: 61.49px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #433F3C;
    text-transform: capitalize;
}

.aw-middle {
    text-align: end;
    margin-top: 8px;
    padding-right: 64px;
}

.aw-middle .custom-btn {
    padding: 9px 15px;
}

.aw-bottom {
    margin-top: 50px;
}

.awb-card {
    padding: 20px 42px;
    border-radius: 26.54px;
    background-color: #F1EFEB;
    display: flex;
    align-items: center;
}

.awbc-left,
.awbc-right {
    width: 50%;
}

.awbcl-top h6 {
    font-size: 21.23px;
    font-weight: 400;
    line-height: 22.08px;
    text-align: left;
    color: #433F3C;
}

.awbcl-top p {
    font-size: 10.62px;
    font-weight: 400;
    line-height: 14.22px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #7F6E58;
    margin-top: 25px;
    max-width: 25ch;
}

.awbcl-middle {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.awbcl-middle p {
    font-size: 11.5px;
    font-weight: 500;
    line-height: 15.71px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #C4611B;
    display: flex;
    align-items: center;
    gap: 9px;
}

.awbcl-bottom {
    margin-top: 54px;
}

.awbc-right {
    display: flex;
    justify-content: end;
}

.awbcr-img {
    width: 86%;
    height: 0;
    overflow: hidden;
    padding-top: 119%;
    position: relative;
    border-radius: 884px;
}

.awbcr-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

#domain-wellness-slider {
    display: flex;
    flex-direction: column-reverse;
}

#domain-wellness-slider .splide__arrows::before {
    width: 0;
}

.domain-wellness-arrows.splide__arrows {
    position: static;
    justify-content: end;
    padding-right: 64px;
    margin-top: 30px;
}

.domain-wellness-arrows .splide__arrow {
    height: 29px;
    width: 29px;
    border-radius: 50%;
    background-color: #F2CC98;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* domain wellness section */

/* Domain blog section */
.blog-card-category {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.blog-card-category p.blog-cat {
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 13.66px;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 4px 9px;
    text-transform: capitalize;
    color: #CBA879;
    border: 1px solid #CBA879;
    border-radius: 4px;
    background-color: transparent;
}

.domain-blog .blog-img::before {
    display: none;
}

/* Domain blog section */
/* Domain page end */

/* Meditation page start */
.meditation-header.outer-header {
    background: linear-gradient(0deg, rgba(60, 82, 92, 0.9) -12.12%, rgba(126, 174, 194, 0.9) 115.89%);
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

header.meditation-head {
    border-bottom: none;
}

header.meditation-head.active {
    background-color: #fff;
    border-bottom: none;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}

header.meditation-head.active .ih-middle ul li a span svg path {
    stroke: #fff;
}

header.meditation-head.active .ih-right ul li a svg g path {
    stroke: #fff;
}

header.meditation-head.active .ih-middle ul li a,
header.meditation-head.active .ih-right ul li a {
    color: #fff;
}

/* Meditation hero banner */

.meditation-banner .hero-text h1 {
    font-size: 70px;
    font-weight: 400;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 100%;
}

.meditation-banner .hero-text p:nth-child(2) {
    padding-top: 50px;
    max-width: 60ch;
    margin-bottom: 30px;
}

.meditation-banner .hero-text p:nth-child(3) {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.07px;
    letter-spacing: 0.21em;
    text-align: center;
    text-transform: uppercase;
}

.meditation-banner .custom-btn {
    margin-top: 70px;
}

/* Meditation hero banner */

/* Meditation THM */
.meditation-thm-inner {
    padding: 0 10px;
    padding-top: 42px;
    padding-bottom: 82px;
}

.m-thm-title {
    margin-bottom: 72px;
}

.m-thm-title h4 {
    font-size: 50.4px;
    font-weight: 400;
    line-height: 61.49px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #433F3C;
}

.m-thm-text {
    display: flex;
    /* align-items: center; */
}

.thm-text-left,
.thm-text-right {
    width: 50%;
}

.thm-text-left>p {
    font-family: 'GeneralSans-Semibold';
    font-size: 12px;
    font-weight: 500;
    line-height: 12.48px;
    letter-spacing: 0.26em;
    text-align: left;
    text-transform: uppercase;
}

.thm-text-left-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 36px;
}

.thm-text-left-top p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #6F6F6F;
}

.thm-text-left-bottom {
    margin-top: 50px;
}

.thm-text-left-bottom h6 {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #6F6F6F;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.thm-text-left-bottom p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    margin-top: 20px;
    color: #8B8B8B;
    max-width: 60ch;
}

.thm-text-right {
    display: flex;
    justify-content: end;
}

.thm-img {
    width: 98%;
    height: 0;
    overflow: hidden;
    padding-top: 85%;
    position: relative;
}

.thm-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/* Meditation THM */

/* Meditation benefits */
.meditatio-benefits {
    padding: 59px 0;
}

.mbt-wrap {
    display: flex;
    gap: 100px;
    margin-top: 90px;
}

.mbt-wrap .tab {
    flex-direction: column;
    width: 25%;
    padding-left: 35px;
    align-items: start;
    justify-content: start;
    gap: 50px;
}

.mbt-wrap .tab button {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.32px;
    letter-spacing: 0.17em;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    color: #433F3C;
}

.mbt-wrap .tab button.active::before {
    content: '';
    background-color: #C4611B;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    left: -28px;
    top: 4px;
}

.mbt-wrap .tabcontent {
    width: 75%;
    padding: 0;
}

.mb-tab-wrap {
    display: flex;
    align-items: center;
    gap: 87px;
}

.mbt-left {
    width: 50%;
}

.mbt-left ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.mbt-left ul li {
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #C4611B;
    list-style: square;
    max-width: 52ch;
}

.mbt-right {
    width: 39%;
}

.mbt-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 94%;
    position: relative;
    border-radius: 9px;
}

.mbt-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/* Meditation benefits */

/* Meditation schedule */
.meditation-schedule-inner {
    padding: 60px 0;
}

.msi-title h4 {
    font-size: 40.4px;
    font-weight: 400;
    line-height: 49.29px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #433F3C;
}

.msi-table {
    margin-top: 65px;
}

.meditation-schedule table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fffdf7;

}

table:not(.has-background) th {
    background-color: #F7F1E5 !important;
}

.meditation-schedule th,
.meditation-schedule td {
    padding: 28px;
    border: 1px solid #E7DCDC;
    text-align: center;
}

.meditation-schedule th {
    background-color: #F7F1E5;
    color: #433F3C;
    font-family: "Manrope", sans-serif;
    font-size: 16.85px;
    font-weight: 500;
    line-height: 22.24px;
    letter-spacing: 0.09em;
    text-align: center;
    text-transform: uppercase;
}

.meditation-schedule td {
    font-family: "Manrope", sans-serif;
    font-size: 16.85px;
    font-weight: 500;
    line-height: 18.87px;
    letter-spacing: 0.07em;
    text-align: center;
    color: #433F3C;
}

.meditation-schedule tr:hover {
    background-color: #F7F1E5;
}

.meditation-schedule .register-btn {
    background-color: transparent;
    font-family: "Manrope", sans-serif;
    font-size: 16.85px;
    font-weight: 500;
    line-height: 18.87px;
    letter-spacing: 0.07em;
    text-align: center;
    color: #C4611B;
    border: none;
}

/* Meditation schedule */

/* Meditation faq */

.meditation-faq {
    padding-left: 64px;
    padding-top: 70px;
}

.meditation-faq.faq-bg-colored {
    background-color: #F7F1E5;
}

.mfi-title h4 {
    font-size: 40.4px;
    font-weight: 400;
    line-height: 49.29px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #433F3C;
}

.mfi-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 76px;
}

.mfi-left {
    width: 54%;
}

.accordion {
    max-width: 100%;
}

.accordion-item {
    border: none;
    border-bottom: .8px solid #EFB083;
    background: transparent;
}

.accordion-header {
    padding-right: 11px;
    padding-top: 27px;
    padding-bottom: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    font-family: 'Bespoke Serif', serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 21.84px;
    text-align: left;
    color: #202322;

}

.accordion-header span svg {
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.accordion-header.active span svg {
    transform: rotate(0deg);
}


.accordion-content {
    overflow: hidden;
    transition: height 0.3s ease-out;
    height: 0;
}

.accordion-content-inner {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    max-width: 72ch;
}

.accordion-content-inner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.44px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #6F6F6F;
}

.accordion-content.active .accordion-content-inner {
    opacity: 1;
    transform: translateY(0);
}

.accordion-item:last-of-type {
    border-radius: 0;
}

.mfi-right {
    width: 44%;
    display: flex;
    justify-content: end;
}

.mfir-img {
    width: 92%;
    height: 0;
    overflow: hidden;
    padding-top: 90%;
    position: relative;
    border-radius: 20px 0px 0px 0px;
}

.mfir-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/* Meditation faq */
/* Meditation page end */

/* Courses Page start */

/* course banner start */
.course-banner .hero-bg img {
    filter: brightness(100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 7.39%, #000000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 60.64%, rgba(0, 0, 0, 0.2) 100%);
    object-position: 50% 20%;
}

.course-banner .hero-text {
    justify-content: start;
    padding-top: 142px;
}

.course-banner .hero-text h1 {
    color: #FFFDF8;
    max-width: 20ch;
    letter-spacing: -0.02em;
    line-height: 95.11px;
}

.course-banner .hero-text p {
    padding-top: 38px;
    max-width: 60ch;
    margin-bottom: 0px;
}

.course-banner .hero-text p:nth-child(3) {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.39px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding-top: 0;
    margin-top: 146px;
}

.counter {
    width: 100%;
    margin-top: 22px;
}

.course-banner .ahil-bottom {
    width: 45%;
    margin: 0 auto;
    padding: 24px 54px;
    display: flex;
    align-items: start;
    gap: 66px;
    text-align: center;
    border: none;
    border-radius: 7px;
    background-color: #F7F1E5;
}

.course-banner .ahil-bottom p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #C4611B;
    padding-top: 5px;
}

.ahilb-elem {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* course banner end */

/* course cards start */
.course-slection .course-mob section {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}

.course-card-last.course-card {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(98.36% 98.36% at 50% 1.64%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    overflow: hidden;
    min-height: 380px;
}

.cc-img-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cc-img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.course-card-last .cc-info {
    text-align: center;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.course-card-last .cc-info h6 {
    color: #FFFDF8;
    font-size: 26px;
    font-weight: 400;
    line-height: 27.04px;
    text-align: center;
}

.course-card-last .cc-info p {
    color: #FFFDF8;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: 0.06em;
    text-align: center;
    padding: 0;
    padding-top: 20px;
}

.course-card-last .custom-btn.consult-btn {
    color: #C4611B !important;
    margin-top: 70px;
}

/* course cards end */

/* course testimonials start */
.ct-slider {
    margin-top: 78px;
}

.ct-card {
    display: flex;
    align-items: center;
    background-color: #F7F2E9;
    border-radius: 250px;
    overflow: hidden;
}

.ctc-left,
.ctc-right {
    width: 50%;
}

.ctc-left {
    position: relative;
}

.ctcl-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 72%;
    position: relative;
}

.ctcl-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.ctc-right {
    padding: 0px 59px;
    padding-top: 67px;
    padding-bottom: 73px;
}

.ctcr-wrap {
    max-width: 46ch;
}

.ctcr-title h6 {
    font-size: 26px;
    font-weight: 400;
    line-height: 27.04px;
    text-align: left;
    color: #C4611B;
}

.ctcr-text {
    margin-top: 50px;
}

.ctcr-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.44px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #A99273;
}

.ctcr-name {
    margin-top: 75px;
}

.ctcr-name p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #6F6F6F;
}

.ctcr-name p span {
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14.56px;
    letter-spacing: 0.26em;
    text-align: left;
    text-transform: uppercase;
    color: #C4611B;
}

#course-test-slide {
    display: flex;
    flex-direction: column-reverse;
}
#course-test-slide .splide__pagination {
    display: none!important;
}

.course-test-arrows.domain-wellness-arrows.splide__arrows {
    position: static;
    justify-content: end;
    padding-right: 95px;
    margin-top: -125px;
}

.course-testimonials .splide__arrows::before {
    display: none;
}

/* course testimonials end */
/* Courses Page end */

/* Consultation Page end */
.consultation-form {
    margin-top: 130px;
}

.cfi-title h4 {
    font-size: 40px;
}

.cfi-tabs {
    margin-top: 30px;
}

.consultation-form .tab {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 25px;
}

.consultation-form .tab button {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.12px;
    letter-spacing: 0.06em;
    text-align: center;
    padding: 9px 15px;
    background-color: transparent;
    border: 1px solid #F2CC98;
    color: #655234;
    border-radius: 7px;
}

.consultation-form .tab button.active {
    background-color: #F2CC98;
}

.consultation-form .tab button.active::before {
    display: none;
}

/* consultation form*/
.cfi-tab-wrap {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.cfit-left {
    width: 42%;
}

.cfit-right {
    width: 45%;
}

.form-container {
    background-color: #F7EFE5;
    padding: 30px;
    border-radius: 10px;
    width: 100%;
}

.form-group {
    margin-bottom: 45px;
}

.form-group label {
    display: block;
    margin-bottom: 10px;
    color: #C4611B;
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.1em;
    text-align: left;
}

.form-group input,
.form-group select {
    width: 75%;
    padding: 8px;
    padding-left: 0;
    padding-top: 0;
    border: none;
    border-bottom: .6px solid #433F3C;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: 0.02em;
    text-align: left;
    background-color: transparent;
    outline: none;
}

.form-group input::placeholder,
.form-group select {
    color: #433F3C;
}

.date-time {
    display: flex;
    justify-content: space-between;
}

.date-time select {
    width: 100%;
}

.date-time div {
    width: 40%;
}

.wpcf7-form-control.submit-btn {
    display: inline-block;
    font-weight: 600;
    color: #55452B !important;
    font-size: 14px;
    background-color: #F2CC98;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: all ease .3s;
    letter-spacing: 0.06em;
    line-height: 21.86px;
    text-transform: capitalize;
}

.consultation-form input[type="submit"]:hover,
.wpcf7-form-control.submit-btn:hover {
    box-shadow: 0px 4px 11.4px 0px #703622B2;
    background-color: #F2CC98;
    color: #55452B !important;

}

.submit-btn {
    width: 100%;
    padding: 10px;
    background-color: #f0d0a0;
    border: none;
    border-radius: 5px;
    color: #7c5e10;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}

.cfitr-top ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 58ch;
}

.cfitr-top ul li {
    list-style-type: disc;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
}

.cfitr-middle {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cfitr-bottom {
    margin-top: 50px;
}

.cfitr-bottom p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #B2AAA3;
}

.cfitr-bottom p a {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #C4611B;
}

/* consultation form*/
/* Consultation Page start */

/* Event page */
.event-banner .banner-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.event-banner .hero-text h1 {
    max-width: 26ch;
    font-size: 59.07px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
}

.event-banner .hero-text p {
    max-width: 60ch;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0.05em;
    text-align: center;
}

.event-banner .hero-text {
    justify-content: end;
    padding-bottom: 50px;
}

.exp-inner {
    padding: 0 9px;
    padding-top: 53px;
}

.exp-title {
    margin-bottom: 14px;
}

.exp-title p {
    font-size: 14px;
    font-weight: 700;
    line-height: 19.12px;
    letter-spacing: 0.15em;
    text-align: left;
    text-transform: uppercase;
    color: #C4611B;
}

.event-information-inner {
    padding-bottom: 53px;
}

.exp-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.exp-counter {
    width: 48%;
}

.exp-list {
    width: 32%;
}

.exp-counter .ahil-bottom h3 {
    font-family: "Manrope", sans-serif;
    font-size: 56.09px;
    font-weight: 500;
    line-height: 63.38px;
    text-align: left;
    color: #433F3C;
}

.exp-counter .ahil-bottom p {
    font-family: "Manrope", sans-serif;
    font-size: 14.82px;
    font-weight: 400;
    line-height: 20.74px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #C4611B;
}

.exp-counter .ahil-bottom {
    width: 100%;
    padding: 29px 62px;
    align-items: start;
    border: none;
    border-radius: 8.64px;
    background-color: #FCF5E7;
}

.exp-list ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.exp-list ul li p {
    display: flex;
    align-items: center;
    gap: 27px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    letter-spacing: 0.11em;
    color: #C4611B;
    text-transform: uppercase;
}

.event-info {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 10px;
}

.event-info select:focus {
    outline: none;
}

.event-info select {
    width: 48%;
    padding: 12px;
    border: 1px solid #C4611B;
    background-color: transparent;
    color: #202322;
    border-radius: 8px;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M4.32812 6.88281L8.32813 10.8828L12.3281 6.88281" stroke="%23202322" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 30px;
}

.event-info-area {
    background-color: transparent;
    border: 1px solid #C4611B;
    border-radius: 1px;
    height: 60vh;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.event-details p {
    color: #aaa;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
}

/* Event page */

/* Research page */
.research-banner.course-banner .hero-text {
    justify-content: end;
    padding-bottom: 80px;
}

.research-banner.course-banner .ahil-bottom {
    width: 45%;
    border: 1px solid #F7F1E5;
    background-color: #f7f1e500;
    gap: 30px;
}

.research-banner .ahil-bottom h3,
.research-banner .ahil-bottom p {
    color: #F7F1E5;
    text-align: center;
}

.research-banner .ahilb-sep {
    background-color: #F7F1E5;
}

.research-banner .hero-text h1 {
    font-size: 80px;
}

.research-banner .hero-text>p {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.39px;
    letter-spacing: 0.15em;
    text-align: left;
    text-transform: uppercase;
    padding-top: 41px;
}

.research-banner .counter {
    margin-top: 28px;
}

/* Showcase section */
.showcase-section {
    padding: 66px 17px;
}

.showcase-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    row-gap: 30px;
    column-gap: 24px;
}

.showcase-img {
    width: 99%;
    height: 0;
    overflow: hidden;
    padding-top: 95%;
    position: relative;
    border-radius: 20px;
    margin: 0 auto;
}

.showcase-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/* Showcase section */

/* newsletter section */
.newsletter-section {
    padding: 48px 17px;
    background-color: #F7EFE5;
}

.newsletter-inner {
    border: .8px solid #C4611B;
    border-radius: 20px;
    padding: 57px 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 70px;
}

.newsletter-title {
    max-width: 90ch;
}

.newsletter-title h3 {
    font-size: 50.4px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #433F3C;
    text-transform: capitalize;
}

.newsletter-form {
    display: flex;
    justify-content: center;
    width: 38%;
}

.newsletter-form-grp {
    display: flex;
    gap: 0;
    border: 1px solid #F2CC98;
    border-radius: 7px 10px 10px 7px;
    width: 100%;
    justify-content: space-between;
}

.newsletter-form-grp input:focus {
    outline: none;
}

.newsletter-form-grp input {
    border: none;
    background: transparent;
    padding-left: 15px;
    font-size: 12px;
    color: #433F3C;

}

.newsletter-form-grp input::placeholder {
    color: #433F3C;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
}

/* newsletter section */
/* Research page */

/* Blog page */
/* top blog section */

.top-blogs.blog-sec {
    margin-top: 39px;
    background-color: transparent;
    padding: 70px 0px;
}

.top-blogs .bi-top h6::before {
    display: none;
}

.top-blogs .bi-top h6 {
    font-size: 55.4px;
    font-weight: 400;
    line-height: 67.59px;
    letter-spacing: -0.02em;
    text-align: left;
}

.bi-wrap {
    display: flex;
    gap: 71px;
}

.bi-left {
    width: 50%;
}

.bi-right {
    width: 50%;
}

.top-blogs .blogs {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    column-gap: 19px;
    row-gap: 60px;
}

.blog-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 100%;
}

.bcc-wrap p:nth-child(1) {
    font-family: 'Bespoke Serif', serif;
    text-transform: capitalize;
    color: #433F3C;
    font-size: 20.58px;
    padding-top: 17px;
    padding-bottom: 11px;
    letter-spacing: -0.02em;
    line-height: 25.32px;
}

.bcc-wrap p:nth-child(2) {
    max-width: 43ch;
    color: #A99273;
    font-size: 13px;
    padding-bottom: 15px;
    margin: 0;
    line-height: 18.34px;
    padding-top: 0;
}

.blog-card-content p.custom-btn2 {
    font-family: "Manrope", sans-serif;
    max-width: 43ch;
    color: #C4611B;
    font-size: 13px;
    padding-bottom: 0px;
    margin: 0;
    line-height: 18.34px;
    padding-top: 0;
}

.bi-left .blog-img1::before {
    display: none;
}

.blog-card-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-card>a {
    height: 100%;
    display: block;
}

.bi-left .bcc-wrap p:nth-child(1) {
    font-size: 25.4px;
    font-weight: 400;
    line-height: 30.99px;
    letter-spacing: -0.02em;
    text-align: left;
    max-width: 40ch;
}

.bi-left .bcc-wrap p:nth-child(2) {
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    max-width: 50ch;
    color: #6B6B6B;
    margin-top: 35px;
}

.bi-left .bcc-wrap p:nth-child(3) {
    font-size: 12px;
    font-weight: 400;
    line-height: 12.6px;
    letter-spacing: 0.07em;
    color: #6B6B6B;
    text-transform: uppercase;
    margin-top: 46px;
    margin-bottom: 49px;
    padding-bottom: 0;
    max-width: 100%;
}

/* top blog section */

/* blog tab section */
.consultation-form.blog-tab-section {
    margin-top: 0;
}

.cfi-tabs .tab {
    gap: 7px;
}

.cfi-tabs .blogs {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    column-gap: 35px;
    row-gap: 60px;
}

.cfi-tabs-wrap {
    margin-top: 80px;
    padding: 0 30px;
}

.cfi-tab-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cfi-tab-buttons .tab {
    width: 70%;
}

.blog-sort-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
}

.blog-sort-wrap p {
    font-size: 12px;
    font-weight: 700;
    line-height: 13.8px;
    letter-spacing: 0.03em;
    text-align: left;
}

.blog-sort-wrap select option {}

.select2-container--default .select2-results>.select2-results__options li,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: -0.01em;
    text-align: left;
    text-transform: capitalize;
}

.select2-container--default .select2-selection--single {
    background-color: #fffdf7;
    border: none;
    width: 100px;
}

.select2-container--open .select2-dropdown {
    width: 100px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
}

.select2-dropdown {
    background-color: #fffdf7;
}

.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

#sortBlogs {
    background: transparent;
    border: none;
    font-size: 12px;
    text-transform: capitalize;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-style: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F2CC98;
    color: #655234;
}

.select2-container--default .select2-results__option--selected {
    background-color: #F2CC98;
    color: #655234;
}

.cfi-page-counter {
    justify-content: center;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -55px;
}

#all-category {
    position: relative;
}

.page-numbers {
    font-size: 14px;
    font-weight: 500;
    line-height: 13.17px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #6E6E6E;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-numbers.current {
    background-color: #EFB083;
    border-radius: 50%;
    color: #fff;
}

.newsletter-form-grp form {
    width: 100%;
}

.newsletter-form-grp form div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.newsletter-form-grp form div input[type="submit"] {
    background-color: #F2CC98;
}

/* blog tab section */
/* Blog page */

/* Blog inner page */
.outer-header.about-header.blog-inner-header {
    background-color: #e4ddd4;
}

.ib-banner-inner {
    margin-top: 80px;
    display: flex;
    gap: 57px;
}

.ibb-left {
    width: 50%;
}

.ibb-right {
    width: 73%;
}

.ibbr-img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
}

.ibbr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ibbl-top h2 {
    font-size: 40.4px;
    font-weight: 400;
    line-height: 49.29px;
    letter-spacing: -0.02em;
    text-align: left;
}

.ibbl-middle {
    margin-top: 40px;
}

.ibbl-middle p {
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #6B6B6B;
    max-width: 45ch;
}

.ibbl-middle span {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12.6px;
    letter-spacing: 0.07em;
    text-align: center;
    text-transform: uppercase;
    color: #6B6B6B;
    margin-top: 46px;
}

.ibbl-bottom {
    margin-top: 116px;
    border-bottom: 1px solid #F2CC98;
    border-top: 1px solid #F2CC98;
    padding: 15px 0;
    display: flex;
    gap: 33px;
    align-items: center;
}

.ibbl-bottom p {
    font-size: 10px;
    font-weight: 800;
    line-height: 12.2px;
    letter-spacing: 0.16em;
    text-align: center;
    text-transform: uppercase;
}

.ibbl-bottom .blog-socials {
    display: flex;
    gap: 0px;
    align-items: center;
}

.ibbl-bottom .blog-socials a svg {
    transition: all ease .3s;
}

.ibbl-bottom .blog-socials a span {
    transition: all ease .3s;
    width: 32px !important;
    height: 32px !important;
}

.ibbl-bottom .blog-socials a:hover svg {
    scale: 1.2;
}

/* Blog editor page */
.blog-editor {
    padding-top: 52px;
    padding-bottom: 42px;
}

.blog-editor-inner {
    display: flex;
    gap: 157px;
}

.blog-editor-left {
    width: 50%;
}

.blog-editor-right {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 260px;
    padding-top: 46px;
}

.ber-img {
    width: 100%;
    height: auto;
}

.ber-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.blog-editor h2 {
    font-size: 42px;
}

.blog-editor h3 {
    font-size: 36px;
}

.blog-editor h4 {
    font-size: 30px;
}

.blog-editor h5 {
    font-size: 25px;
}

.blog-editor h6 {
    font-size: 20px;
}

.blog-editor h2,
.blog-editor h3,
.blog-editor h4,
.blog-editor h5,
.blog-editor h6 {
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #1B1B19;
    margin-top: 24px;
}

.blog-editor-left :is(h2, h3, h4, h5, h6):first-of-type {
    margin-top: 0;
}

.blog-editor ul {
    list-style: disc;
    padding-left: 20px;
}

.blog-editor ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #787878;
    margin-bottom: 6px;
}

.blog-editor p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #787878;
    margin-bottom: 32px;
}

.blog-editor a {
    color: #F2CC98;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
}

.blog-editor-left img {
    margin-top: 76px;
    margin-bottom: 99px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* Blog editor page */

/* similar blogs */
.similar-blogs-section {
    padding: 70px 0;
}

.similar-blogs-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    column-gap: 24px;
}

.similar-blogs-grid a {
    height: 100%;
    width: 100%;
    display: block;
}

.similar-blogs-card {
    padding: 20px 24px;
    background-color: #FDF4E7;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sbc-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 49%;
    position: relative;
    border-radius: 15px;
}

.sbc-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.similar-blogs-card span {
    display: inline-block;
    font-family: 'Satoshi-Bold';
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #C4611B;
    text-transform: uppercase;
    margin-top: 18px;
}

.sbc-wrap {
    margin-top: 31px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    width: 100%;
}

.sbc-wrap h6 {
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 24.96px;
    text-align: left;
}

.sbc-wrap p {
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #8D7C70;
}

.sbc-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: start;
    gap: 28px;
}

.similar-blogs-card-wrap {
    height: 100%;
}

/* similar blogs */

/* Blog inner page */

/* People page */

/* banner section */
.people-banner .hero-text {

    padding-top: 203px;

}

.people-banner .banner-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 27.93%, rgba(0, 0, 0, 0.8) 98.17%);
}

.people-banner .hero-bg img {
    object-position: 50% 33%;
}

/* banner section */
/* people tab */
.people-tab {
    padding-top: 38px;
    padding-bottom: 32px;
}

.pti-title {
    max-width: 105ch;
    text-align: center;
    margin: 0 auto;
}

.pti-tab {
    margin-top: 50px;
}

.pti-tab .tab {
    gap: 32px;
}

.pti-tab .tab button {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 13.8px;
    letter-spacing: 0.08em;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    padding: 16px 20px;
    border: 1px solid #EFB083;
    border-radius: 40px;
}

.pti-tab .tabcontent {
    padding: 0;
}

.pti-tab .tab button.active {
    color: #fff;
    background-color: #EFB083;
}

.pti-tab .tab button.active::before {
    display: none;
}

.people-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    column-gap: 22px;
    row-gap: 24px;
    margin-top: 68px;
}

.people-card {
    display: flex;
    gap: 37px;
    background-color: #FFF8F4;
}

.pc-img {
    width: 51%;
}

.pc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.pc-info {
    width: 40%;
    margin-top: 90px;
    margin-bottom: 45px;
}

.pci-top {
    margin-bottom: 27px;
}

.pci-top h6 {
    font-size: 22px;
    font-weight: 400;
    line-height: 22.88px;
    text-align: left;
    color: #202322;
    margin-bottom: 16px;
}

.pci-top p {
    font-size: 12px;
    font-weight: 500;
    line-height: 13.8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pci-middle {
    margin-bottom: 47px;
}

.pci-middle p {
    font-size: 12px;
    font-weight: 500;
    line-height: 13.8px;
    letter-spacing: 0.08em;
    color: #6F6F6F;
    max-width: 28ch;
}

.pci-bottom a {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #6F6F6F;
}

.people-page-counter {
    margin-top: 88px;
    text-align: center;
    gap: 12px;
    justify-content: center;
}

/* people tab */
/* People page */

/* shop page */
.shop-header.outer-header.about-header {
    background-color: #FFFDF8;
}

/* banner section */
.shop-banner,
.shop-banner .hero-sec {
    height: 100vh;
    min-height: 700px;
}

.shop-banner .meditation-banner .hero-text h1 {
    font-size: clamp(40px, 6vw, 80px);
    line-height: 110%;
    width: 70%;
}

.shop-banner .custom-btn {
    padding: 12px 32px;
    font-size: 16px;
    margin-top: 45px;
}

.shop-banner .splide__arrows {
    display: none;
}

.shop-banner .splide__pagination {
    margin-top: -32px;
}

.shop-banner .splide__pagination__page.is-active {
    background: #fff;
}

.shop-banner .splide__pagination__page {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 .1rem;
    padding: 0;
    position: relative;
    transition: background-color .2s ease, color .2s ease;
    width: 10px;
}

/* banner section */

/* shop showcase */

.shop-showcase-inner {
    padding: 0 68px;
    display: flex;
    gap: 47px;
}

.ssi-left {
    width: 20%;
}

.ssi-right {
    width: 80%;
}

.ssi-left-wrap {
    margin-top: 91px;
}

.ssi-left-wrap h6 {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.4px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #C4611B;
    text-transform: uppercase;
}

.ssi-left-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 0;
    border-bottom: 1px solid #EFB083;
}

.ssi-left-filter h6 {
    text-transform: capitalize;
}

.ssi-left-filter p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.76px;
    letter-spacing: -0.01em;
    text-align: right;
    color: #544B45;
}

.ssi-left-cate {
    margin-top: 24px;
}

.ssi-left-cate ul {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ssi-left-cate ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.1px;
    text-align: left;
    color: #B2AFAB;
    transition: all ease 0.3s;
}

.ssi-left-cate ul li a:hover {
    color: #433F3C;
}

.ssi-left-price {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ssi-left-tag {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.slt-btn {
    display: flex;
    gap: 14px;
}

.slt-btn button {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.39px;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 4px 9px;
    border: 1px solid #A99273;
    border-radius: 4px;
    color: #A99273;
    background-color: transparent;
    text-transform: capitalize;
}

.ssir-top h6 {
    font-size: 28px;
    font-weight: 400;
    line-height: 120%;
    text-align: left;
}

.ssir-middle {
    margin-top: 66px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ssir-middle .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.ssir-middle>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.08px;
    text-align: left;
}

.ssir-middle .blog-sort-wrap {
    width: fit-content;
}

.ssir-middle .blog-sort-wrap p {
    height: fit-content;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.1px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #C4611B;
    text-transform: uppercase;
}

.ssir-middle .select2-container--default .select2-selection--single {
    height: fit-content;
    width: 80px;
}

.ssir-middle .select2-selection__arrow {
    display: flex;
    height: fit-content;
    padding-top: 6px;
}

.ssir-middle .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.76px;
    color: #544B45;
}

.ssir-bottom {
    margin-top: 56px;
}

.products .ssir-bottom li a {
    text-align: start;
}

.shop-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    column-gap: 53px;
    row-gap: 80px;
}

.shop-grid .sci-wrap {
    background-color: #F7F1E5;
    border-radius: 4.67px;
}

.shop-grid .shop-card {
    width: 100%;
}

.shop-grid .sib-img img {
    object-fit: contain;
}

.shop-grid .sib-img {
    width: 100%;
    overflow: hidden;
    position: absolute;
    border-radius: 0;
    inset: 0;
    transition: all ease .5s;
    box-shadow: -4.67px 10.5px 4.67px 0px #00000033;
    padding: 46px 60px;
}

.shop-grid .shop-card a p:nth-child(1) {
    font-family: 'Bespoke Serif', serif;
    color: #433F3C;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 29.52px;
    padding-top: 30px;
}

.shop-grid .shop-card a p:nth-child(2) {
    color: #A99273;
    font-size: 16px;
    padding-top: 17px;
    line-height: 22.4px;
    max-width: 100%;
}

.shop-grid .shop-card a p:nth-child(3) {
    color: #433F3C;
    font-size: 24px;
    padding-top: 23px;
    padding-bottom: 19px;
}

.shop-grid .custom-btn.full-btn {
    background-color: #EFB083;
    width: 90%;
}

.shop-page-counter {
    text-align: center;
    margin-top: 64px;
}

.ssi-left-close {
    position: absolute;
    top: 80px;
    right: 20px;
    display: none;
}

.ssir-filter {
    display: none;
}

/* shop showcase */
/* shop page */

/* Donation page */
.outer-header.donation-header {
    background: linear-gradient(180deg, rgba(82, 61, 48, 0.8) 34.11%, rgba(96, 43, 9, 0.8) 110.67%);
}

header.donation.active .ih-middle ul li a,
header.donation.active .ih-right ul li a {
    color: #fff;
}

header.donation.active .ih-middle ul li a span svg path,
header.donation.active .ih-right ul li a svg g path {
    stroke: #fff;
}

/* hero section */
.donate-hero {
    margin-top: 113px;
    padding-bottom: 24px;
}

.donate-hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 76px;
}

.dh-left {
    width: 56%;
}

.dhl-wrap h1 {
    font-size: 70.07px;
    font-weight: 400;
    line-height: 72.87px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #AF5A1E;
    max-width: 16ch;
}

.dhl-wrap p {
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0.05em;
    text-align: left;
    margin-top: 30px;
    max-width: 41ch;
}

.dhl-wrap span {
    text-transform: uppercase;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12.48px;
    letter-spacing: 0.26em;
    text-align: left;
    color: #C4611B;
    margin-top: 45px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.dhl-wrap span::before {
    content: '';
    height: 1px;
    width: 7px;
    background-color: #C4611B;
}

.dh-right {
    width: 38%;
}

.dhr-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 109%;
    position: relative;
    border-radius: 20px;
}

.dhr-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/* hero section */

/* charity section */
.charity-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    column-gap: 45px;
    row-gap: 34px;
    padding: 0 86px;
}

.charity-card {
    background-color: #F1EEE7;
    padding-bottom: 19px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 12px 12px 20px 20px;
    overflow: hidden;
}

.ccl-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 67%;
    position: relative;
    transform: translateX(-18px);
    transition: all ease .5s;
}

.ccl-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.ccb-info {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
}

.ccb-info p {
    font-family: 'Bespoke Serif', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;

}

.ccb-info span {
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    letter-spacing: 0.02em;
    text-align: center;
    max-width: 32ch;
}

.ccb-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 32px;
    align-items: center;
}

.charity-card:hover .ccl-img {
    transform: translateX(0);
}

/* charity section */
/* Donation page */

/* confirmation page */
.confirmation-msg {
    height: 100vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cm-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cm-top {
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.cmi-sep {
    max-width: 163px;
    width: 100%;
    border: 1.56px solid #EFB083;
}

.cmi-text h5 {
    line-height: 49.29px;
    color: #C4611B;
    text-align: center;
}

.cm-middle {
    margin-top: 30px;
}

.cm-middle p {
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #433F3C;
}

.cm-bottom {
    margin-top: 80px;
}

/* confirmation page */

/* contact us page */
.outer-header.about-header.contact-header {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
        linear-gradient(180deg, rgba(242, 204, 152, 0.2) 50%, rgba(0, 0, 0, 0.2) 278.43%);

}

.contact-banner .banner-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%),
        linear-gradient(0deg, rgba(0, 0, 0, 0) 43.91%, #000000 100%);

}

.hero-content {
    padding-top: 131px;
    display: flex;
    justify-content: space-between;
}

.hero-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-left-top h2 {
    color: #FFFDF8;
    font-size: 60px;
    line-height: 74px;
}

.hero-left-top p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #F7F1E5;
    margin-top: 40px;
    max-width: 40ch;
}

.hero-left-bottom p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #FFFDF8;
    max-width: 75ch;
}

.hero-left-bottom p a {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #C4611B;
}

.hero-right {
    width: 37%;
}

.hero-right .form-container {
    border-radius: 30px;
}

/* contact info */
.contact-info {
    background-color: #F7EFE5;
}

.contact-info-inner {
    padding: 38px 162px;
    display: flex;
    justify-content: space-between;
}

.cii-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 18.72px;
    letter-spacing: 0.17em;
    text-transform: uppercase;
    color: #C4611B;
}

.cii-content ul {
    margin-top: 24px;
}

.cii-content ul li {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21.56px;
    letter-spacing: 0.08em;
    color: #433F3C;
}

.hero-left-mob {
    display: none;
}

/* contact info */
/* contact us page */

/* service page */
.outer-header.service-header {
    background: #9b8d81;
}

.donate-hero.service-hero {
    margin-top: 0px;
    padding-top: 156px;
    padding-bottom: 0px;
    background-color: #F7F5F2;
}

.service-hero .donate-hero-inner {
    padding-left: 33px;
    padding-right: 2px;
}

.service-hero .dh-left {
    width: 40%;
}

.service-hero .dhl-wrap h6 {
    font-size: 26px;
    font-weight: 400;
    line-height: 27.04px;
    text-align: left;
    color: #C4611B;
    max-width: 30ch;
}

.service-hero .dhl-wrap svg {
    margin-top: 34px;
}

.service-hero .dhl-wrap p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.44px;
    letter-spacing: 0.06em;
    text-align: left;
    margin-top: 15px;
    padding-left: 15px;
    max-width: 45ch;
    color: #A99273;
}

.service-hero .dhl-wrap .dhlw-inner p {
    text-transform: uppercase;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14.56px;
    letter-spacing: 0.26em;
    padding-left: 0;
    text-align: left;
    color: #C4611B;
    margin-top: 73px;
}

.service-hero .dhl-wrap .dhlw-inner span {
    font-family: "Manrope", sans-serif;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.08px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #6F6F6F;
    margin-top: 10px;
}


.service-hero .dhl-wrap span::before {
    display: none;
}

.service-hero .dh-right {
    width: 62%;
}

.service-hero .dhr-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 65%;
    position: relative;
    border-radius: 400px 400px 0px 0px;
}

.service-hero .dhr-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.service-benifits.about-benifits {
    margin-top: 0px;
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
}

.service-benifits .about-benifits-inner {
    padding: 0 153px;
}

.service-benifits .abi-card .abic-middle p {
    font-size: 14px;
    font-weight: 500;
    line-height: 14.56px;
    letter-spacing: 0.17em;
    text-align: center;
    color: #C4611B;
}

.abi-card:last-child:nth-child(2n-1) {
    grid-column: span 2;
}

.service-benifits .abi-card .abic-bottom {
    margin-top: 50px;
}

.service-benifits .abi-sep {
    background-color: #F2CC98;
}

.service-benifits .abi-card .abic-bottom p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #433F3C;
}

.service-benifits .abi-cards {
    gap: 45px;
    margin-top: 100px;
}

.service-dis-info h2 {
    /* font-size: 50.4px; */
    font-size: clamp(30px, 4vw, 50.4px);
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
}

.service-dis-info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: center;
    color: #88827D;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 75ch;
}

/* service grid */
.so-inner {
    padding: 0 114px;
    padding-top: 40px;
    padding-bottom: 21px;
}

.service-title h3 {
    font-size: clamp(30px, 4vw, 50.4px);
    font-weight: 400;
    line-height: 61.49px;
    letter-spacing: -0.02em;
    text-align: center;

}

.service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 45px;
    margin-top: 80px;
}

.service-card {
    background-color: #F1EEE7;
    height: 100%;
    border-radius: 12px 12px 3px 3px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 41px;
}

.sci-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 61%;
    position: relative;
}

.sci-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.service-card-text {
    padding-left: 26px;
    padding-right: 44px;
    padding-top: 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    height: 100%;
}

.service-card-text-top h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
}

.service-card-text-top p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    letter-spacing: 0.02em;
    text-align: left;
    margin-top: 18px;
    max-width: 32ch;
}

.service-card-text-bottom {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-card-text-bottom p {
    font-size: 13px;
    font-weight: 500;
    line-height: 17.76px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #C4611B;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* service grid */
/* service gallery */
.service-gallery {
    position: relative;
    padding-top: 29px;
    padding-bottom: 22px;
}

.sg-inner {
    width: 60%;
    margin: auto;
}

.sg-big-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 55%;
    position: relative;
    border-radius: 30px;
    margin: 0 auto;

}

.sg-big-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

#big-gallery .splide__arrows {
    display: none;
}

#big-gallery .splide__slide {
    opacity: 0;
    transition: all ease .3s;
}

#big-gallery .splide__slide.is-active {
    opacity: 1;
}

.small-gallery-wrap {
    margin: 0 auto;
    margin-top: 23px;
    width: 70%;
}

.sg-small-img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 55%;
    position: relative;
    border-radius: 9px;
    margin: 0 auto;

}

.sg-small-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.sg-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.sg-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(70%);
}

.small-gallery-list .splide__slide .sg-small-img {
    border: 2px solid #ffffff00;
    transition: all ease .3s;
}

#small-gallery-list .splide__slide.is-active .sg-small-img {
    border: 2px solid #fff;
}

#small-gallery .splide__arrow svg {
    fill: #ffffff00;
}

#small-gallery .splide__arrows {
    gap: 15px;
    top: 10%;
    left: -10%;
    width: 120%;
    justify-content: space-between;
}

#small-gallery .splide__arrows::before {
    display: none;
}

/* .course-inner-test .splide__arrows.test-arrows {
    margin-top: -95px;
} */
/* service gallery */
/* service page */

/* legal pages */

.legal-title h1 {
    margin: 0;
    padding: 0;
    font-size: clamp(35px, 6vw, 64px);
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.05em;
    text-align: left;
    color: #202322;
}

.legal-title P {
    margin-top: 34px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #433F3C;
    max-width: 48ch;
    margin-left: 14px;
}

.legal-content-inner :is(h2, h3, h4, h5, h6):first-of-type {
    margin-top: 0;
}

.legal-content h1,
.legal-content h2,
.legal-content h3,
.legal-content h4,
.legal-content h5,
.legal-content h6 {
    font-weight: 400;
    line-height: 35.2px;
    letter-spacing: -0.05em;
    text-align: left;
    color: #C4611B;
}

.legal-content h1 {
    margin-top: 102px;
    margin-bottom: 46px;
    font-size: clamp(31px, 4vw, 36px);
}

.legal-content h2 {
    margin-top: 102px;
    margin-bottom: 46px;
    font-size: clamp(28px, 3.5vw, 32px);
}

.legal-content h3 {
    margin-top: 80px;
    margin-bottom: 36px;
    font-size: clamp(24px, 3vw, 28px);
}

.legal-content h4 {
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: clamp(22px, 2.5vw, 26px);
}

.legal-content h5 {
    margin-top: 40px;
    margin-bottom: 26px;
    font-size: clamp(20px, 2vw, 24px);
}

.legal-content h6 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: clamp(18px, 1.5vw, 22px);
}

.legal-content ul {
    list-style: disc;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #433F3C;
    padding-left: 30px;
}

.legal-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #433F3C;
}

.legal-content a {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.56px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #C4611B;
}

.legal-title {
    margin-top: 148px;
}

.legal-content {
    margin-top: 134px;
    padding-left: 145px;
    padding-right: 40px;
    margin-bottom: 164px;
}

.legal-content-inner {
    max-width: 102ch;
}

/* legal pages */

/* 404 page */
.page-not-found {
    height: 100vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pnf-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pnf-inner h1 {
    font-family: "Manrope", sans-serif;
    font-size: clamp(100px, 10vw, 210px);
    font-weight: 600;
    line-height: 180%;
    letter-spacing: -0.02em;
    text-align: left;
    color: #534E4B;
}

.pnf-inner p {
    font-family: "Instrument Sans", sans-serif;
    font-size: clamp(18px, 4vw, 26px);
    font-weight: 400;
    line-height: 135%;
    letter-spacing: 0.03em;
    text-align: center;
    color: #6B6B6B;
    margin-bottom: 61px;
}

/* 404 page */

/* Course inner page */
.course-inner-banner .hero-text {
    justify-content: center;
    padding-top: 142px;
}

.course-inner-banner.course-banner .hero-text p {
    max-width: 50ch;
    padding: 24px;
}

.hero-text-middle {
    margin-bottom: 23px;
    margin-top: 77px;
}

.hero-text-middle p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.07px;
    letter-spacing: 0.21em;
    text-align: center;
    padding: 0 !important;
}

.courses.course-inner {
    padding: 0px 7px;
}

.course-inner.courses .cc-img::before {
    content: 'Wellness';
    text-transform: uppercase;
    padding: 6.6px 11.3px;
    background-color: transparent;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.08em;
    text-align: left;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
    border-radius: 40px;
}

.course-inner .course-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cib-inner {
    padding: 0 63px;
    padding-top: 110px;
    padding-bottom: 70px;
}

.course-inner-benifit .abi-sep {
    background-color: #EFB083;
    height: 156px;
    width: 0.7px;
}

.course-inner-benifit .abi-card .abic-middle {
    margin-top: 21px;
}

.course-inner-benifit .abi-card .abic-bottom {
    margin-top: 27px;
}

.course-inner .cc-info p {
    max-width: 54ch;
}

.course-inner-exp {
    padding-top: 102px;
    padding-bottom: 90px;
    background-color: #FFF9ED;
}

.cie-inner {
    padding: 0 55px;
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.cie-top {
    display: flex;
}

.ciet-left {
    padding-left: 25px;
    width: 50%;
}

.ciet-right {
    width: 50%;
}

.ciet-left-wrap {
    max-width: 90%;
}

.cietl-top h3 {
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 400;
    line-height: 125%;
    letter-spacing: -0.02em;
    text-align: left;
}

.ciet-left p {
    font-size: 12px;
    font-weight: 700;
    line-height: 18.96px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #C4611B;
    text-transform: uppercase;
}
.ciet-left span {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.12px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #B0935A;
    display: inline-block;
    text-transform: none;
}
.cietl-middle {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cietl-middle span {
    margin-left: 16px;
}
.ciet-left ul, .ciet-left ol {
    list-style: auto;
    padding-left: 20px;
}
.cietl-bottom {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cietl-bottom span {
    margin-top: 8px;
}

.cietr-img {
    width: 63%;
    height: 0;
    overflow: hidden;
    padding-top: 94%;
    position: relative;
    border-radius: 178.37px;
    margin-left: auto;
    margin-right: 72px;
}

.cietr-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.cie-bottom {
    padding: 30px 100px;
    background-color: #F2CC98;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4.86px;
    margin-top: 55px;
}

.cieb-left h6 {
    font-size: 23.33px;
    font-weight: 400;
    line-height: 25.67px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #544B45;
}

.cieb-left p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18.96px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #655234;
    margin-top: 16px;
    max-width: 62ch;
}

.cieb-right .custom-btn {
    padding: 12px 32px;
}

/* Course inner page */
/*Loader*/
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: red;
    background: rgba(255, 255, 255, 0.8);
    /* Semi-transparent white background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* Ensure it's on top of other elements */
}

.loading-spinner {
    border: 3px solid #f3f3f3;
    /* Light gray border */
    border-top: 3px solid #CF9E69;
    /* Blue border for animation */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    /* Spin animation */
}


.page-link.active {
    color: #fff !important;
    background-color: #EFB083 !important;
}

.page-link {
    color: #6E6E6E !important;
    background-color: transparent !important;
    border: none !important;
    width: 22px;
    height: 22px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

ul.products li.product img {
    width: 100%;
    object-fit: contain;
    max-height: 300px;
}

ul.products li.product .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    align-items: start;
}

ul.products li.product .custom-btn {
    width: 100%;
    text-align: center;
}

ul.products li.product .woocommerce-loop-product__title {
    font-size: 21px !important;
    font-weight: 400;
    line-height: 25.83px;
    color: #433F3C;
}

ul.products li.product div {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #A99273;
}

ul.products li.product .price {
    font-size: 21.55px;
    font-weight: 400;
    line-height: 26.51px;
    color: #433F3C;
    margin-top: 23px;
}

.button {
    background-color: transparent !important;
}

.pagination_bottom .storefront-sorting {
    display: flex;
    justify-content: center;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #EFB083 !important;
    color: #fff !important;
    display: flex;
    align-items: center;
}
.pagination_bottom .storefront-sorting .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    color: #433F3C !important;
    background-color: transparent !important;
    display: flex;
    align-items: center;
}