@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");

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

body {
    position: relative;
    overflow-x: hidden;
}

header {
    overflow-x: hidden;
}

footer {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Marcellus", serif;
}

h2 {
    font-size: 36px;
}

p,
span,
li,
a {
    font-family: "Arial", sans-serif;
}

button,
a {
    outline: none;
    border: none;
    cursor: pointer;
}

img {
    max-width: 100%;
}

.pinkButton,
.contactPage .formSection .container .contactForm .formSubmit button,
.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn .pink,
.aboutPage .introduction .container .textCol .buttonContent .pink,
.home .whatToExpect .imgColumn .expectText .content a,
.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn .pink,
.home .homeServices .container .intro .pink,
.home .welcomeSection .welcomeRow .welcomeContent .buttonContent .pink,
.homeContact .formArea .formColumn form button,
.blogs .container .intro .pink,
.homeContact .formArea .formColumn a.bookButton {
    background: #dfa293;
    color: #fff;
    border: 2px solid #665e69;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
}

.benefits .benefitLinks .pink {
    background: #dfa293;
    color: #fff;
    border: 2px solid #665e69;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 10px 20px;
}

.pinkButton:hover,
.contactPage .formSection .container .contactForm .formSubmit button:hover,
.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn .pink:hover,
.aboutPage .introduction .container .textCol .buttonContent .pink:hover,
.home .whatToExpect .imgColumn .expectText .content a:hover,
.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn .pink:hover,
.home .homeServices .container .intro .pink:hover,
.home .welcomeSection .welcomeRow .welcomeContent .buttonContent .pink:hover,
.homeContact .formArea .formColumn form button:hover,
.blogs .container .intro .pink:hover {
    background: #665e69;
    color: #fff;
}

.purpleButton,
.aboutPage .introduction .container .textCol .buttonContent .purple,
.home .welcomeSection .welcomeRow .welcomeContent .buttonContent .purple {
    background: #665e69;
    color: #fff;
    border: 2px solid #dfa293;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
}

.purpleButton:hover,
.aboutPage .introduction .container .textCol .buttonContent .purple:hover,
.home .welcomeSection .welcomeRow .welcomeContent .buttonContent .purple:hover {
    background: #dfa293;
    color: #fff;
}

.whiteButton,
.singlePost .otherPosts .intro .title .white,
.aboutPage .approach .container .textCol a,
.counsellingServices .approach .container .textCol a {
    background: #fff;
    color: #665e69;
    border: 2px solid #665e69;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
}

.whiteButton:hover,
.singlePost .otherPosts .intro .title .white:hover,
.aboutPage .approach .container .textCol a:hover,
.counsellingServices .approach .container .textCol a:hover {
    background: #665e69;
    color: #fff;
}

.hideMob {
    display: block;
}

@media screen and (max-width: 1024px) {
    .hideMob {
        display: none;
    }
}

.hideDesk {
    display: none;
}

@media screen and (max-width: 1024px) {
    .hideDesk {
        display: block;
    }
}

header {
    background: transparent;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 20px;
    position: fixed;
    top: 0;
    background: rgba(102, 94, 105, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding-top: 0;
    transition: all 0.3s ease;
}

header .headerRow {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 1800px) {
    header .headerRow {
        gap: 10px;
    }
}

@media screen and (max-width: 1024px) {
    header .headerRow {
        gap: 10px;
        flex-direction: column;
    }
}

header .logo {
    width: 20%;
    padding: 20px 25px;
}

@media screen and (max-width: 1024px) {
    header .logo {
        width: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
    }
}

header .logo img {
    width: 100%;
    transition: all 0.3s ease;
}

header .logo .menuOpen {
    display: none;
}

@media screen and (max-width: 1024px) {
    header .logo .menuOpen {
        display: block;
        width: 500px;
        background: transparent;
        color: #fff;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        font-size: 18px;
        height: 100%;
        padding: 5px;
    }
}

header .menu {
    width: 60%;
}

@media screen and (max-width: 1024px) {
    header .menu {
        display: none;
    }
}

header .menu nav ul {
    display: flex;
    gap: 50px;
    justify-content: center;
}

@media screen and (max-width: 1800px) {
    header .menu nav ul {
        gap: 30px;
    }
}

header .menu nav ul li {
    list-style: none;
}

header .menu nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

@media screen and (max-width: 1800px) {
    header .menu nav ul li a {
        font-size: 16px;
    }
}

header .buttons {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (max-width: 1024px) {
    header .buttons {
        width: 100%;
        gap: 10px;
        justify-content: space-around;
        gap: 0;
    }
}

header .buttons a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-weight: 600;
}

@media screen and (max-width: 1800px) {
    header .buttons a {
        font-size: 16px;
        padding: 5px;
    }
}

@media screen and (max-width: 1024px) {
    header .buttons a {
        font-size: 15px;
    }
}

header .buttons .bookButton {
    background: #665e69;
}

header .buttons .callButton {
    background: #dfa293;
}

header.sticky .logo {
    padding: 15px;
}

header.sticky .logo img {
    width: 90%;
}

@media screen and (max-width: 1024px) {
    header.sticky .logo img {
        width: 100%;
    }
}

.offcanvas {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(102, 94, 105, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all 0.5s ease;
    display: flex;
    justify-content: center;
    padding-top: 100px;
}

.offcanvas.active {
    transform: translate(0, 0);
    opacity: 1;
}

.offcanvas:not(.active) {
    transform: translate(100%, -100%);
    opacity: 0;
}

.offcanvas .menuClose {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    background: transparent;
}

.offcanvas .offcanvasBody {
    width: 90%;
    background: transparent;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.offcanvas .mainMenu ul li {
    text-align: center;
    list-style: none;
    margin: 10px 0;
}

.offcanvas .mainMenu ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}

.offcanvas .contactDetails ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.offcanvas .contactDetails ul li {
    list-style: none;
    margin: 10px 0;
}

.offcanvas .contactDetails ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
}

footer .ftImg {
    position: relative;
    z-index: 0;
}

footer .footer {
    margin-top: -270px;
    padding: 175px 0 25px 75px;
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg,
            rgba(102, 94, 105, 0) 0%,
            rgba(102, 94, 105, 0.6) 10%,
            rgba(102, 94, 105, 0.8) 20%,
            #665e69 40%);
}

@media screen and (max-width: 1650px) {
    footer .footer {
        margin-top: -200px;
        padding: 75px 15px 25px;
        background: linear-gradient(180deg,
                rgba(102, 94, 105, 0) 0%,
                rgba(102, 94, 105, 0.6) 10%,
                rgba(102, 94, 105, 0.8) 20%,
                #665e69 40%);
    }
}

@media screen and (max-width: 1024px) {
    footer .footer {
        margin-top: -65px;
        padding: 75px 20px 20px;
        background: linear-gradient(180deg, rgba(102, 94, 105, 0) 0%, #665e69 5%);
    }
}

footer .footer .main {
    display: flex;
    gap: 50px;
    padding: 25px 50px;
}

@media screen and (max-width: 1024px) {
    footer .footer .main {
        padding: 20px;
        flex-direction: column;
        gap: 25px;
    }
}

footer .footer .main .logoCol {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    footer .footer .main .logoCol {
        width: 100%;
        gap: 15px;
    }
}

footer .footer .main .logoCol img {
    width: 65%;
}

footer .footer .main .logoCol h4,
footer .footer .main .logoCol h3 {
    font-size: 28px;
    font-family: "Marcellus", serif;
    color: #fff;
}

footer .footer .main .logoCol .socials {
    display: flex;
    gap: 15px;
}

footer .footer .main .logoCol .socials i {
    font-size: 24px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

footer .footer .main .logoCol .socials a {
    text-decoration: none;
}

footer .footer .main .logoCol .socials .instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%,
            #fec564,
            transparent 50%),
        radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
        radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 20% -50%,
            #5258cf,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 60% -20%,
            #893dc2,
            transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
        linear-gradient(#6559ca,
            #bc318f 30%,
            #e33f5f 50%,
            #f77638 70%,
            #fec66d 100%);
}

footer .footer .main .logoCol .socials .title-2 {
    background: #0177b5;
}

footer .footer .main .logoCol .socials .facebook {
    background: #3b6998;
}

footer .footer .main .linksCol {
    width: 40%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    footer .footer .main .linksCol {
        width: 100%;
    }
}

footer .footer .main .linksCol .inner {
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    footer .footer .main .linksCol .inner {
        width: 100%;
    }
}

footer .footer .main .linksCol h3 {
    font-size: 28px;
    font-family: "Marcellus", serif;
    color: #fff;
}

footer .footer .main .linksCol .linksHalf {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

footer .footer .main .linksCol .linksHalf ul {
    list-style-type: none;
}

footer .footer .main .linksCol .linksHalf ul a {
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-family: "Arial", sans-serif;
}

footer .footer .main .linksCol .linksHalf ul.left {
    width: calc(70% - 12.5px);
}

footer .footer .main .linksCol .linksHalf ul.right {
    width: calc(30% - 12.5px);
}

footer .footer .main .crisisCol {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    footer .footer .main .crisisCol {
        width: 100%;
        flex-direction: column;
    }

    footer .footer .main .crisisCol img {
        align-self: center;
    }
}

footer .footer .main .crisisCol img {
    width: 200px;
}

@media screen and (max-width: 1024px) {
    footer .footer .main .crisisCol img {
        width: calc(35% - 12.5px);
    }
}

footer .footer .main .crisisCol .crisis {
    text-align: center;
    text-decoration: none;
    background: #dfa293;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    border-radius: 10px;
    gap: 10px;
    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
    footer .footer .main .crisisCol .crisis {
        width: 100%;
        justify-content: center;
    }
}

footer .footer .main .crisisCol .crisis h4 {
    font-size: 24px;
    font-family: "Marcellus", serif;
    color: #fff;
}

@media screen and (max-width: 1800px) {
    footer .footer .main .crisisCol .crisis h4 {
        font-size: 20px;
    }
}

footer .footer .main .crisisCol .crisis p {
    font-size: 18px;
    font-family: "Arial", sans-serif;
    color: #fff;
}

footer .footer .main .crisisCol .crisis i {
    font-size: 24px;
    color: #fff;
}

footer .footer .main .crisisCol .crisis:hover {
    background: #fff;
}

footer .footer .main .crisisCol .crisis:hover h4,
footer .footer .main .crisisCol .crisis:hover p,
footer .footer .main .crisisCol .crisis:hover i {
    color: #dfa293;
}

footer .copyRight {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px;
    background: #665e69;
    gap: 5px;
}

@media screen and (max-width: 1024px) {
    footer .copyRight {
        /* padding: 0 20px 20px; */
    }
}

footer .copyRight p {
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-family: "Arial", sans-serif;
}

footer .copyRight p a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.login {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom right, #665e69, #dfa293);
}

.login .formHolder {
    width: 35%;
    background: rgba(255, 255, 255, 0.8);
    padding: 50px;
    border-radius: 10px;
    box-shadow: 2px 2px 15px 5px rgba(0, 0, 0, 0.1);
}

.login .formHolder h4 {
    text-align: center;
    font-size: 24px;
    font-family: "Marcellus", serif;
}

.login .formHolder form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.login .formHolder form .logo {
    width: 350px;
}

.login .formHolder form input {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    outline: none;
    font-size: 16px;
    font-family: "Arial", sans-serif;
}

.login .formHolder form input:focus {
    border: 1px solid #dfa293;
}

.login .formHolder form button {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #dfa293;
    outline: none;
    font-size: 16px;
    font-family: "Arial", sans-serif;
    background: #dfa293;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.login .formHolder form button:hover {
    background: #fff;
    color: #dfa293;
}

.innerBanner {
    background: no-repeat center center/cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 450px;
    width: 100%;
    gap: 15px;
    padding-top: 100px;
}

.innerBanner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.innerBanner h1,
.innerBanner h2 {
    font-size: 40px;
    color: #fff;
    position: relative;
    z-index: 3;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.innerBanner h4 {
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 3;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.innerBanner .breadcrumbs {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 10px;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.2);
    padding: 15px 25px;
    border-radius: 20px;
}

.innerBanner .breadcrumbs a {
    text-decoration: none;
    color: #fff;
}

.innerBanner .breadcrumbs a:hover {
    text-decoration: underline;
}

.faqsSection {
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faqsSection h2 {
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .faqsSection h2 {
        text-align: center;
    }
}

.faqsSection .faqs {
    width: 100%;
    padding: 0 100px;
    /* height: 600px;
    overflow: scroll; */
}

@media screen and (max-width: 1024px) {
    .faqsSection .faqs {
        padding: 0;
    }
}

.faqsSection .faqs .faq {
    width: 100%;
    display: flex;
    gap: 25px;
    border-bottom: 1px solid rgba(131, 131, 131, 0.3);
    position: relative;
    padding: 50px 25px;
    height: 200px;
}

/* @media screen and (max-width: 1800px) {
    .faqsSection .faqs {
        padding: 0 50px;
    }
} */

@media screen and (max-width: 1024px) {
    .faqsSection .faqs .faq {
        padding: 25px;
        height: auto;
        flex-direction: column;
    }
}

.faqsSection .faqs .faq:first-child {
    border-top: 1px solid rgba(131, 131, 131, 0.3);
}

.faqsSection .faqs .faq img {
    width: 0;
    border-radius: 15px;
    transition: all 0.6s ease-in-out;
}

.faqsSection .faqs .faq .number {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #665e69;
    font-size: 26px;
}

@media screen and (max-width: 1800px) {
    .faqsSection .faqs .faq .number {
        font-size: 22px;
    }
}

.faqsSection .faqs .faq .question {
    width: 75%;
    display: flex;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 1800px) {
    .faqsSection .faqs .faq .question {
        width: 65%;
    }
}

@media screen and (max-width: 1024px) {
    .faqsSection .faqs .faq .question {
        width: 100%;
    }
}

.faqsSection .faqs .faq .question h3 {
    font-size: 36px;
}

@media screen and (max-width: 1800px) {
    .faqsSection .faqs .faq .question h3 {
        font-size: 30px;
    }
}

.faqsSection .faqs .faq .answer {
    width: 25%;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1800px) {
    .faqsSection .faqs .faq .answer {
        width: 35%;
    }
}

@media screen and (max-width: 1024px) {
    .faqsSection .faqs .faq .answer {
        width: 100%;
    }
}

.faqsSection .faqs .faq:hover {
    background: rgba(102, 94, 105, 0.1);
}

.faqsSection .faqs .faq:hover img {
    width: 25%;
}

@media screen and (max-width: 1024px) {
    .faqsSection .faqs .faq:hover img {
        width: 40%;
    }
}

.blogs {
    display: flex;
    justify-content: center;
    padding: 30px 0;
    background: rgba(102, 94, 105, 0.1);
}

.blogs .container {
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media screen and (max-width: 1800px) {
    .blogs .container {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .blogs .container {
        width: 100%;
        padding: 20px;
    }
}

.blogs .container .intro {
    display: flex;
    justify-content: space-between;
}

.blogs .container .intro .pink {
    padding: 12px 50px;
}

.blogs .container .blogPosts {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .blogs .container .blogPosts {
        flex-direction: column;
    }
}

.blogs .container .blogPosts .blogPost {
    width: calc(33.3333333333% - 12.5px);
    overflow: hidden;
}

.blogs .container .blogPosts .blogPost a {
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .blogs .container .blogPosts .blogPost {
        width: 100%;
    }
}

.blogs .container .blogPosts .blogPost img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
}

.blogs .container .blogPosts .blogPost h3 {
    font-size: 18px;
    margin: 15px 0;
    color: #000;
}

.homeContact {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
}

.homeContact .formArea {
    width: 65%;
    display: flex;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
    background: #fff;
}

@media screen and (max-width: 1800px) {
    .homeContact .formArea {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .homeContact .formArea {
        width: 95%;
        flex-direction: column;
        padding: 25px;
    }
}

.homeContact .formArea .formColumn {
    width: 50%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media screen and (max-width: 1024px) {
    .homeContact .formArea .formColumn {
        width: 100%;
    }
}

.homeContact .formArea .formColumn form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.homeContact .formArea .formColumn form input,
.homeContact .formArea .formColumn form select,
.homeContact .formArea .formColumn form textarea {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(131, 131, 131, 0.3);
    font-size: 15px;
}

.homeContact .formArea .formColumn form textarea {
    font-family: "Arial", sans-serif;
}

.homeContact .formArea .formColumn form input.firstName,
.homeContact .formArea .formColumn form input.lastName,
.homeContact .formArea .formColumn form input.service,
.homeContact .formArea .formColumn form input.date,
.homeContact .formArea .formColumn form select.firstName,
.homeContact .formArea .formColumn form select.lastName,
.homeContact .formArea .formColumn form select.date {
    width: calc(50% - 10px);
}

.homeContact .formArea .formColumn form input::-moz-placeholder,
.homeContact .formArea .formColumn form select::-moz-placeholder {
    color: #838383;
}

.homeContact .formArea .formColumn form input::placeholder,
.homeContact .formArea .formColumn form select::placeholder {
    color: #838383;
}

.homeContact .formArea .formColumn form input:focus,
.homeContact .formArea .formColumn form select:focus {
    outline: none;
    border: 1px solid #dfa293;
}

.homeContact .formArea .formColumn form button {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px;
}

.homeContact .formArea .contentColumn {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .homeContact .formArea .contentColumn {
        width: 100%;
    }
}

.homeContact .formArea .contentColumn .inner,
.homeContact .formArea .contentColumn .iconList {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.homeContact .formArea .contentColumn .inner p,
.homeContact .formArea .contentColumn .iconList p {
    color: #838383;
}

.homeContact .formArea .contentColumn .inner .iconBox,
.homeContact .formArea .contentColumn .iconList .iconBox {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid rgba(131, 131, 131, 0.3);
    align-items: center;
    text-decoration: none;
    color: #000;
    gap: 15px;
}

.homeContact .formArea .contentColumn .inner .iconBox .icon,
.homeContact .formArea .contentColumn .iconList .iconBox .icon {
    width: 75px;
    align-items: center;
    color: #dfa293;
    font-size: 36px;
}

.homeContact .formArea .contentColumn .inner .iconBox .info,
.homeContact .formArea .contentColumn .iconList .iconBox .info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.homeContact .formArea .contentColumn .inner .iconBox .info h3,
.homeContact .formArea .contentColumn .iconList .iconBox .info h3 {
    font-size: 20px;
}

.homeContact .formArea .contentColumn .inner .iconBox:last-child,
.homeContact .formArea .contentColumn .iconList .iconBox:last-child {
    border: none;
}

.homeContact .formArea .contentColumn .iconList {
    width: 100%;
    gap: 0;
}

.homeContact .book {
    width: 100%;
    background: #665e69;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #fff;
    padding: 35px 0;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .homeContact .book {
        margin-top: 0;
        min-height: unset;
        padding: 35px 0;
        margin-bottom: 25px;
    }
}

.homeContact .book h2 {
    font-size: 46px;
}

@media screen and (max-width: 1024px) {
    .homeContact .book h2 {
        font-size: 30px;
        text-align: center;
    }
}

.homeContact .contactMethods {
    width: 65%;
    display: flex;
    justify-content: center;
    background: #dfa293;
    padding: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1800px) {
    .homeContact .contactMethods {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .homeContact .contactMethods {
        display: none;
    }
}

.homeContact .contactMethods p {
    color: #fff;
    padding: 0 50px;
    font-size: 20px;
    font-family: "Marcellus", serif;
}

@media screen and (max-width: 1024px) {
    .homeContact .contactMethods p {
        font-size: 18px;
        padding: 0 25px;
    }
}

.homeContact .contactMethods p.middle {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.home .banner {
    background: url("/img/home/banner-bg.jpg") no-repeat center center/cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100vh;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .home .banner {
        height: 70vh;
        background-position: -175px 50px;
    }
}

.home .banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.home .banner .bannerContent {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 100px 0;
    gap: 200px;
    color: #fff;
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1800px) {
    .home .banner .bannerContent {
        gap: 60px;
    }
}

@media screen and (max-width: 1024px) {
    .home .banner .bannerContent {
        width: 100%;
        padding: 20px;
        gap: 20px;
    }
}

.home .banner .bannerContent .topContent {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 45%;
}

@media screen and (max-width: 1800px) {
    .home .banner .bannerContent .topContent {
        width: 70%;
    }
}

@media screen and (max-width: 1024px) {
    .home .banner .bannerContent .topContent {
        width: 100%;
    }
}

.home .banner .bannerContent .topContent h4 {
    font-size: 24px;
    font-family: "Arial", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .home .banner .bannerContent .topContent h4 {
        font-size: 22px;
    }
}

.home .banner .bannerContent .topContent h1,
.home .banner .bannerContent .topContent h2 {
    font-size: 62px;
    font-family: "Arial", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
}

@media screen and (max-width: 1024px) {

    .home .banner .bannerContent .topContent h1,
    .home .banner .bannerContent .topContent h2 {
        font-size: 46px;
    }
}

.home .banner .bannerContent .topContent h1 span,
.home .banner .bannerContent .topContent h2 span {
    text-transform: capitalize;
    font-size: 52px;
}

@media screen and (max-width: 1024px) {

    .home .banner .bannerContent .topContent h1 span,
    .home .banner .bannerContent .topContent h2 span {
        font-size: 36px;
    }
}

.home .banner .bannerContent .topContent p {
    font-size: 20px;
    font-family: "Arial", sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 1024px) {
    .home .banner .bannerContent .topContent p {
        font-size: 16px;
    }
}

.home .banner .bannerContent .topContent a {
    text-decoration: none;
    color: #fff;
    background: #dfa293;
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease;
    width: -moz-fit-content;
    width: fit-content;
}

.home .banner .bannerContent .topContent a:hover {
    background: #fff;
    color: #dfa293;
}

.home .banner .bannerContent .bottomContent {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .home .banner .bannerContent .bottomContent {
        display: none;
    }
}

.home .banner .typewriter {
    width: -moz-fit-content;
    width: fit-content;
}

@media screen and (max-width: 1024px) {
    .home .banner .typewriter {
        width: 100%;
    }
}

.home .banner .typewriter p {
    overflow: hidden;
    border-right: 0.15em solid #dfa293;
    white-space: nowrap;
    font-size: 20px;
    margin: 0 auto;
    letter-spacing: 0.15em;
    animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes blink-caret {

    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: #dfa293;
    }
}

.home .welcomeSection {
    padding: 50px 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .home .welcomeSection {
        padding: 25px 20px;
    }
}

.home .welcomeSection .welcomeRow {
    display: flex;
    width: 85%;
    gap: 200px;
}

@media screen and (max-width: 1800px) {
    .home .welcomeSection .welcomeRow {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .home .welcomeSection .welcomeRow {
        flex-direction: column;
        width: 100%;
        gap: 25px;
    }
}

.home .welcomeSection .welcomeRow .welcomeImg {
    width: 40%;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .home .welcomeSection .welcomeRow .welcomeImg {
        width: 100%;
    }
}

.home .welcomeSection .welcomeRow .welcomeImg::before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 15px;
    height: 50%;
    background: #665e69;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .home .welcomeSection .welcomeRow .welcomeImg::before {
        display: none;
    }
}

.home .welcomeSection .welcomeRow .welcomeImg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #665e69;
    z-index: 4;
    animation: slide 2s linear;
}

@keyframes slide {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 120%;
        left: 0;
    }

    100% {
        width: 0;
        left: 120%;
    }
}

.home .welcomeSection .welcomeRow .welcomeImg .main {
    width: 95%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home .welcomeSection .welcomeRow .welcomeImg .secimg {
    position: absolute;
    bottom: 0;
    right: -85px;
    width: 275px;
    height: 275px;
    z-index: 2;
    border: 10px solid #fff;
    overflow: hidden;
    transform: rotate(-45deg);
    padding: 0;
}

.home .welcomeSection .welcomeRow .welcomeImg .secondary {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.home .welcomeSection .welcomeRow .welcomeImg .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #dfa293;
    z-index: 2;
    padding: 20px 10px;
    text-align: center;
    width: 250px;
}

.home .welcomeSection .welcomeRow .welcomeImg .content p {
    color: #fff;
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.home .welcomeSection .welcomeRow .welcomeContent {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

@media screen and (max-width: 1024px) {
    .home .welcomeSection .welcomeRow .welcomeContent {
        width: 100%;
    }
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent {
    position: relative;
    padding: 15px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent h3 {
    font-size: 16px;
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent p {
    font-size: 15px;
    color: #838383;
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent .textImg {
    display: flex;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    .home .welcomeSection .welcomeRow .welcomeContent .topContent .textImg {
        flex-direction: column;
    }
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent .textImg .text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 70%;
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent .textImg .images {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 30%;
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent .textImg img {
    width: 200px;
    height: 200px;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
}

.home .welcomeSection .welcomeRow .welcomeContent .topContent .textImg img.two {
    width: 200px;
    height: auto;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
}

.home .welcomeSection .welcomeRow .welcomeContent .accreditations img {
    max-width: 450px;
}

.home .welcomeSection .welcomeRow .welcomeContent .buttonContent {
    display: flex;
    gap: 15px;
}

.home .welcomeSection .welcomeRow .welcomeContent .buttonContent .purple {
    padding: 12px 20px;
}

.home .welcomeSection .welcomeRow .welcomeContent .buttonContent .pink {
    padding: 12px 20px;
}

.home .homeServices {
    padding: 50px 0;
}

@media screen and (max-width: 1024px) {
    .home .homeServices {
        padding: 25px 20px;
    }
}

.home .homeServices .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 70%;
    margin: 0 auto;
}

@media screen and (max-width: 1800px) {
    .home .homeServices .container {
        width: 75%;
    }
}

@media screen and (max-width: 1024px) {
    .home .homeServices .container {
        width: 100%;
        gap: 25px;
    }
}

.home .homeServices .container .intro {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .home .homeServices .container .intro {
        flex-direction: column;
        gap: 10px;
    }

    .home .homeServices .container .intro h2 {
        padding-right: 20px;
    }
}

.home .homeServices .container .intro .pink {
    padding: 12px 20px;
    text-align: center;
}

.home .homeServices .container .serviceBlocks {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .home .homeServices .container .serviceBlocks {
        flex-direction: column;
        gap: 25px;
    }
}

.home .homeServices .container .serviceBlocks .serviceBlock {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.home .homeServices .container .serviceBlocks .serviceBlock.counselling {
    width: calc((33.3333333333% - 25px) * 2);
}

.home .homeServices .container .serviceBlocks .serviceBlock.therapy {
    width: calc(33.3333333333% - 25px);
}

.home .homeServices .container .serviceBlocks .serviceBlock img {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home .homeServices .container .serviceBlocks .serviceBlock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,
            rgba(223, 162, 147, 0.8),
            rgba(102, 94, 105, 0.8));
    z-index: 2;
}

.home .homeServices .container .serviceBlocks .serviceBlock .content {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80%;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.home .homeServices .container .serviceBlocks .serviceBlock .content h3 {
    font-size: 24px;
}

.home .homeServices .container .serviceBlocks .serviceBlock .content a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.home .homeServiceInfo {
    padding: 20px;
}

.home .homeServiceInfo .filter {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
}

@media screen and (max-width: 1024px) {
    .home .homeServiceInfo .filter {
        flex-direction: column;
        gap: 10px;
    }
}

.home .homeServiceInfo .filter .serviceNavItem {
    border-radius: 25px;
    background: #fff;
    color: #665e69;
    border: 1px solid #665e69;
    padding: 15px 25px;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.home .homeServiceInfo .filter .serviceNavItem.active {
    background: #665e69;
    color: #fff;
}

.home .homeServiceInfo .filter .serviceNavItem:hover {
    background: #665e69;
    color: #fff;
}

.home .homeServiceInfo .serviceInformation {
    margin: 25px 0;
    border-radius: 25px;
    overflow: hidden;
}

.home .homeServiceInfo .serviceInformation .serviceContent {
    display: flex;
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

@media screen and (max-width: 1024px) {
    .home .homeServiceInfo .serviceInformation .serviceContent {
        flex-direction: column;
    }
}

.home .homeServiceInfo .serviceInformation .serviceContent.active {
    max-height: 100vh;
}

.home .homeServiceInfo .serviceInformation .serviceContent .imgColumn {
    width: 60%;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .home .homeServiceInfo .serviceInformation .serviceContent .imgColumn {
        width: 100%;
    }
}

.home .homeServiceInfo .serviceInformation .serviceContent .imgColumn img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home .homeServiceInfo .serviceInformation .serviceContent .imgColumn::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 500px;
    background: linear-gradient(to bottom right,
            transparent 15%,
            rgba(102, 94, 105, 0) 30%,
            rgba(102, 94, 105, 0) 50%,
            rgba(223, 162, 147, 0.8) 100%);
    z-index: 2;
    border-top-left-radius: 200px;
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn {
    background: #665e69;
    padding: 100px;
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

@media screen and (max-width: 1024px) {
    .home .homeServiceInfo .serviceInformation .serviceContent .contentColumn {
        width: 100%;
        padding: 25px;
    }
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn h2 {
    background-image: linear-gradient(to right, #dfa293, #fff);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 42px;
    line-height: 1.2;
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn p {
    font-size: 17px;
    color: #fff;
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn ul {
    list-style-position: outside;
    padding-left: 20px;
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn ul li {
    color: #fff;
    font-size: 17px;
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn .pink {
    padding: 12px 20px;
    border: 1px solid #dfa293;
    color: #dfa293;
    background: transparent;
    border-radius: 25px;
}

.home .homeServiceInfo .serviceInformation .serviceContent .contentColumn .pink:hover {
    background: #dfa293;
    color: #665e69;
}

.home .whatToExpect {
    display: flex;
}

@media screen and (max-width: 1024px) {
    .home .whatToExpect {
        flex-direction: column;
    }
}

.home .whatToExpect .imgColumn {
    width: 50%;
    position: relative;
    height: 600px;
}

@media screen and (max-width: 1024px) {
    .home .whatToExpect .imgColumn {
        width: 100%;
    }
}

.home .whatToExpect .imgColumn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background: #dfa293;
    z-index: 1;
}

.home .whatToExpect .imgColumn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    opacity: 0.2;
    background: url("/img/sa-white.png") no-repeat left center/500px;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .home .whatToExpect .imgColumn::after {
        background: url("/img/sa-white.png") no-repeat center top/150px;
    }
}

.home .whatToExpect .imgColumn .expectText {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    height: 75%;
    width: 45%;
    overflow: hidden;
    z-index: 3;
}

@media screen and (max-width: 1024px) {
    .home .whatToExpect .imgColumn .expectText {
        width: 100%;
    }
}

.home .whatToExpect .imgColumn .expectText img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: blur(2.5px);
    position: relative;
    z-index: 1;
}

.home .whatToExpect .imgColumn .expectText .content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 15px;
    gap: 15px;
    background: #665e69;
    transition: all 0.3s ease-in-out;
}

.home .whatToExpect .imgColumn .expectText .content img {
    width: 125px;
    height: 125px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
    filter: none;
    transform: scale(1);
    max-height: 100vh;
    transition: all 0.3s ease-in-out;
}

.home .whatToExpect .imgColumn .expectText .content h2 {
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    padding: 0 25px;
    transform: scale(1);
    max-height: 100vh;
    transition: all 0.3s ease-in-out;
}

.home .whatToExpect .imgColumn .expectText .content h3 {
    color: #dfa293;
    font-size: 18px;
    line-height: 1.2;
    transform: scale(1);
    max-height: 100vh;
    transition: all 0.3s ease-in-out;
}

.home .whatToExpect .imgColumn .expectText .content p {
    max-height: 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
    transform: scale(0);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.home .whatToExpect .imgColumn .expectText .content a {
    padding: 12px 20px;
    border: 1px solid #dfa293;
    color: #dfa293;
    background: transparent;
    border-radius: 25px;
    margin: 0 auto;
}

.home .whatToExpect .imgColumn .expectText .content a:hover {
    background: #dfa293;
    color: #665e69;
}

.home .whatToExpect .imgColumn .expectText:hover .content h2,
.home .whatToExpect .imgColumn .expectText:hover .content h3,
.home .whatToExpect .imgColumn .expectText:hover .content img {
    transform: scale(0);
    max-height: 0;
    overflow: hidden;
}

.home .whatToExpect .imgColumn .expectText:hover p {
    transform: scale(1);
    max-height: 100vh;
}

.home .whatToExpect .imgColumn .expectText:hover .content {
    background: rgba(102, 94, 105, 0.7);
}

.home .whatToExpect .imgColumn .expectText:hover a {
    pointer-events: none;
    max-height: 0;
    transform: scale(0);
}

.home .whatToExpect .contentColumn {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .home .whatToExpect .contentColumn {
        width: 100%;
    }
}

.home .whatToExpect .contentColumn .titleArea {
    width: 65%;
    height: 25%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1800px) {
    .home .whatToExpect .contentColumn .titleArea {
        width: 100%;
        margin: 20px 0;
    }
}

.home .whatToExpect .contentColumn .titleArea .hold {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.home .whatToExpect .contentColumn .floatingSlider {
    height: 75%;
    width: 65%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    z-index: 2;
    background: #f9f7f7;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 1800px) {
    .home .whatToExpect .contentColumn .floatingSlider {
        width: 100%;
    }
}

.home .whatToExpect .contentColumn .floatingSlider #featuresSlider {
    width: 100%;
}

.home .whatToExpect .contentColumn .floatingSlider #featuresSlider .splide__pagination {
    display: none;
}

.home .whatToExpect .contentColumn .floatingSlider #featuresSlider .splide__arrows {
    visibility: hidden;
}

.home .whatToExpect .contentColumn .floatingSlider .featureSlide {
    display: flex;
    justify-content: center;
}

.home .whatToExpect .contentColumn .floatingSlider .featureSlide .slideContent {
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.home .whatToExpect .contentColumn .floatingSlider .featureSlide img {
    width: 65px;
    height: 65px;
    -o-object-fit: cover;
    object-fit: cover;
    background: #665e69;
    padding: 5px;
    border-radius: 10px;
}

.home .whatToExpect .contentColumn .floatingSlider .featureSlide h3 {
    font-size: 22px;
    line-height: 1.2;
}

.home .whatToExpect .contentColumn .floatingSlider .featureNav {
    position: absolute;
    bottom: 50px;
    left: 45px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 1800px) {
    .home .whatToExpect .contentColumn .floatingSlider .featureNav {
        left: 75px;
        bottom: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .home .whatToExpect .contentColumn .floatingSlider .featureNav {
        display: none;
    }
}

.home .whatToExpect .contentColumn .floatingSlider .featureNav .arrowFeature {
    width: 45px;
    height: 45px;
    background: #fff;
    border: 1px solid #dfa293;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.home .begin {
    background: url("/img/home/begin.jpg") no-repeat center center/cover fixed;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

@media screen and (max-width: 1800px) {
    .home .begin {
        height: 500px;
    }
}

.home .begin::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.6);
    z-index: 1;
}

.home .begin .begRow {
    width: 80%;
    justify-content: center;
    display: flex;
    gap: 100px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1800px) {
    .home .begin .begRow {
        gap: 50px;
        width: 95%;
    }
}

@media screen and (max-width: 1024px) {
    .home .begin .begRow {
        flex-direction: column;
        gap: 25px;
        padding: 20px;
    }
}

.home .begin .begRow .titles {
    width: 40%;
}

@media screen and (max-width: 1024px) {
    .home .begin .begRow .titles {
        width: 100%;
    }
}

.home .begin .begRow .titles h2,
.home .begin .begRow .titles h4 {
    color: #fff;
}

.home .begin .begRow .titles h2 {
    font-size: 50px;
    line-height: 1.2;
}

.home .begin .begRow .titles h4 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.home .begin .begRow .paragraph,
.home .begin .begRow .button {
    width: 30%;
}

@media screen and (max-width: 1024px) {

    .home .begin .begRow .paragraph,
    .home .begin .begRow .button {
        width: 100%;
    }
}

.home .begin .begRow .paragraph {
    display: flex;
    align-items: center;
}

.home .begin .begRow .paragraph p {
    color: #fff;
    font-size: 18px;
}

.home .begin .begRow .button {
    display: flex;
    align-items: center;
}

.home .begin .begRow .button a {
    background: #fff;
    color: #665e69;
    padding: 25px;
    text-decoration: none;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.home .begin .begRow .button a:hover {
    background: #665e69;
    color: #fff;
}

.home .clientFeedback {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}

@media screen and (max-width: 1024px) {
    .home .clientFeedback {
        padding: 25px 0;
    }
}

.home .clientFeedback .container {
    width: 65%;
    display: flex;
    gap: 25px;
}

@media screen and (max-width: 1800px) {
    .home .clientFeedback .container {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .home .clientFeedback .container {
        width: 100%;
        flex-direction: column;
        padding: 20px;
        gap: 10px;
    }
}

.home .clientFeedback .container .logoStarCol {
    width: calc(35% - 12.5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    padding: 25px 0;
}

@media screen and (max-width: 1024px) {
    .home .clientFeedback .container .logoStarCol {
        width: 100%;
    }
}

.home .clientFeedback .container .logoStarCol .logoStar {
    padding: 35px;
    border-radius: 15px;
    background: #665e69;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.home .clientFeedback .container .logoStarCol .logoStar .stars {
    width: 65%;
}

.home .clientFeedback .container .feedbackCol {
    width: calc(65% - 12.5px);
}

@media screen and (max-width: 1024px) {
    .home .clientFeedback .container .feedbackCol {
        width: 100%;
    }
}

.home .clientFeedback .container .feedbackCol .feedbackInner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    background: #665e69;
    padding: 35px;
    border-radius: 15px;
}

.home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .splide__arrows {
    display: none;
}

.home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .feedback {
    display: flex;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    .home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .feedback {
        flex-direction: column;
    }
}

.home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .feedback .clientImg {
    width: 250px;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
}

.home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .feedback .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

.home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .feedback .content img {
    width: 25%;
}

.home .clientFeedback .container .feedbackCol .feedbackInner #clientFeedbackSlider .feedback .content p {
    color: #fff;
}

.aboutPage .innerBanner,
.home .innerBanner {
    background-image: url("/img/about/hero.jpg");
}

.aboutPage .introduction {
    padding: 75px 0;
    display: flex;
    justify-content: center;
}

.aboutPage .introduction .container {
    width: 60%;
    display: flex;
    gap: 50px;
    justify-content: space-between;
}

@media screen and (max-width: 1800px) {
    .aboutPage .introduction .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .introduction .container {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
    }
}

.aboutPage .introduction .container .textCol {
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    .aboutPage .introduction .container .textCol {
        width: 100%;
    }
}

.aboutPage .introduction .container .textCol .topContent {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.aboutPage .mncps {
    font-size: 18px;
    font-family: "Marcellus", serif;
    font-weight: normal;
}

.aboutPage .introduction .container .textCol .topContent h4 {
    text-transform: uppercase;
    color: #dfa293;
    font-size: 20px;
}

.aboutPage .introduction .container .textCol p {
    color: #838383;
}

.aboutPage .introduction .container .textCol .buttonContent {
    display: flex;
    gap: 15px;
}

.aboutPage .introduction .container .textCol .buttonContent .pink {
    padding: 12px 20px;
}

.aboutPage .introduction .container .textCol .buttonContent .purple {
    padding: 12px 20px;
}

.aboutPage .introduction .container .textCol .nameBox {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.aboutPage .introduction .container .textCol .nameBox img {
    width: 200px;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
}

.aboutPage .introduction .container .textCol .nameBox .lower {
    display: flex;
    gap: 20px;
    align-items: center;
}

.aboutPage .introduction .container .textCol .nameBox .signature {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.aboutPage .introduction .container .textCol .nameBox .signature img {
    width: 200px;
}

.aboutPage .introduction .container .textCol .nameBox .lower .signature {
    width: 50%;
}

.aboutPage .introduction .container .textCol .nameBox .lower .signature img {
    width: 150px;
}

.aboutPage .introduction .container .textCol .nameBox .info h3 {
    font-size: 22px;
    line-height: 1;
}

.aboutPage .introduction .container .textCol .nameBox .info h4 {
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .aboutPage .introduction .container .textCol .nameBox .info h4 {
        line-height: 1;
    }
}

.aboutPage .introduction .container .imgCol {
    width: calc(45% - 25px);
    display: flex;
    justify-content: center;
    padding: 30px;
}

@media screen and (max-width: 1024px) {
    .aboutPage .introduction .container .imgCol {
        width: 100%;
    }
}

.aboutPage .introduction .container .imgCol img {
    width: 100%;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.25);
}

.aboutPage .qualifications {
    padding: 20px;
}

.aboutPage .qualifications .qualificationsInformation {
    border-radius: 25px;
    overflow: hidden;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent {
    display: flex;
    position: relative;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

@media screen and (max-width: 1024px) {
    .aboutPage .qualifications .qualificationsInformation .qualificationsContent {
        flex-direction: column;
    }
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn {
    background: #665e69;
    padding: 100px;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn.pink {
    background: #dfa293;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn.pink h2 {
    background-image: linear-gradient(to right, #665e69, #665e69);
}

@media screen and (max-width: 1800px) {
    .aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn {
        width: 50%;
        padding: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn {
        width: 100%;
        padding: 25px;
    }
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn h2 {
    background-image: linear-gradient(to right, #dfa293, #fff);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 36px;
    line-height: 1.2;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn p {
    font-size: 17px;
    color: #fff;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn ul {
    list-style-position: outside;
    padding-left: 20px;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn ul li {
    color: #fff;
    font-size: 17px;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn .pink {
    padding: 12px 20px;
    border: 1px solid #dfa293;
    color: #dfa293;
    background: transparent;
    border-radius: 25px;
}

.aboutPage .qualifications .qualificationsInformation .qualificationsContent .contentColumn .pink:hover {
    background: #dfa293;
    color: #665e69;
}

.aboutPage .approach {
    background: url("/img/about/approach-bg.jpg") no-repeat center center/cover;
    position: relative;
    padding: 100px 0;
    display: flex;
    justify-content: center;
}

.aboutPage .approach::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 1;
}

.aboutPage .approach .container {
    width: 60%;
    display: flex;
    gap: 50px;
    justify-content: center;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1800px) {
    .aboutPage .approach .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .approach .container {
        width: 100%;
    }
}

.aboutPage .approach .container .textCol {
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .aboutPage .approach .container .textCol {
        width: 100%;
    }
}

.aboutPage .approach .container .textCol a {
    padding: 12px 20px;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
}

.aboutPage .approach .container .textCol a:hover {
    background: #dfa293;
}

.aboutPage .approach .container .boxesCol {
    width: calc(50% - 25px);
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.aboutPage .approach .container .boxesCol .box {
    width: calc(50% - 12.5px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
}

.aboutPage .approach .container .boxesCol .box i {
    font-size: 40px;
    color: #dfa293;
}

.aboutPage .approach .container .boxesCol .box h3 {
    font-size: 20px;
    font-family: "Arial", sans-serif;
}

.aboutPage .whatIs {
    padding: 50px 0 100px;
    display: flex;
    justify-content: center;
}

.aboutPage .whatIs .container {
    width: 60%;
}

@media screen and (max-width: 1800px) {
    .aboutPage .whatIs .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .whatIs .container {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
    }
}

.aboutPage .whatIs .container .intro {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 25px;
    margin: 0 auto 50px auto;
}

@media screen and (max-width: 1024px) {
    .aboutPage .whatIs .container .intro {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .whatIs .container .intro {
        width: 100%;
    }
}

.aboutPage .whatIs .container .intro hr {
    width: 150px;
    border: 2px solid #dfa293;
    margin: 0 auto;
}

.aboutPage .whatIs .container .information {
    width: 100%;
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 1024px) {
    .aboutPage .whatIs .container .information {
        flex-direction: column;
    }
}

.aboutPage .whatIs .container .information .infoBox {
    position: relative;
}

.aboutPage .whatIs .container .information .infoBox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.aboutPage .whatIs .container .information .infoBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.4);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.aboutPage .whatIs .container .information .infoBox .content {
    position: absolute;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: center;
    color: #fff;
    transition: all 0.6s ease-in-out;
    z-index: 2;
}

.aboutPage .whatIs .container .information .infoBox .content h3 {
    font-size: 22px;
    opacity: 1;
    max-height: 100vh;
    transition: all 0.6s ease-in-out;
}

.aboutPage .whatIs .container .information .infoBox .content p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
}

.aboutPage .whatIs .container .information .infoBox:hover::before {
    background: rgba(102, 94, 105, 0.8);
}

.aboutPage .whatIs .container .information .infoBox:hover .content {
    gap: 15px;
}

.aboutPage .whatIs .container .information .infoBox:hover .content p {
    opacity: 1;
    max-height: 100vh;
}

.aboutPage .ethicsAdditional {
    padding: 50px 0;
}

.aboutPage .ethicsAdditional .intro {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 1800px) {
    .aboutPage .ethicsAdditional .intro {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .ethicsAdditional .intro {
        width: 100%;
    }
}

.aboutPage .ethicsAdditional .information {
    display: flex;
    width: 80%;
    margin: 0 auto;
    gap: 30px;
    margin-top: 50px;
}

.aboutPage .ethicsAdditional .information .infoBox {
    width: calc(33.3333333333% - 10px);
    position: relative;
    background: #665e69;
    box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    padding: 30px;
    overflow: hidden;
    text-align: center;
}

.aboutPage .ethicsAdditional .information .infoBox::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background: #dfa293;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.aboutPage .ethicsAdditional .information .infoBox h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
    transition: color 0.3s ease-in-out;
    position: relative;
    z-index: 2;
    min-height: 60px;
}

.aboutPage .ethicsAdditional .information .infoBox p {
    color: #fff;
    line-height: 1.4;
    transition: color 0.3s ease-in-out;
    position: relative;
    z-index: 2;
}

.aboutPage .ethicsAdditional .information .infoBox:hover::after {
    height: 100%;
}

.aboutPage .ethicsAdditional .information .infoBox:hover h3,
.aboutPage .ethicsAdditional .information .infoBox:hover p {
    color: #665e69;
}

.contactPage .innerBanner {
    background-image: url("/img/contact/hero.jpg");
}

.contactPage .formSection {
    background: #f9f7f7;
    padding: 50px 0;
}

@media screen and (max-width: 1024px) {
    .contactPage .formSection {
        padding: 50px 20px;
    }
}

.contactPage .formSection .container {
    display: flex;
    background: #fff;
    width: 60%;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1800px) {
    .contactPage .formSection .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .contactPage .formSection .container {
        width: 100%;
        flex-direction: column;
    }
}

.contactPage .formSection .container .contactText {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 50px;
}

.contactPage .formSection .container .contactText .socials {
    margin-top: 20px;
}

@media screen and (max-width: 1024px) {
    .contactPage .formSection .container .contactText {
        width: 100%;
        padding: 20px 30px;
    }
}

.contactPage .formSection .container .contactText p a {
    color: #000;
    font-weight: 600;
}

.contactPage .formSection .container .contactText .socials a {
    text-decoration: none;
}

.contactPage .formSection .container .contactText a i {
    color: #fff;
    background: #665e69;
    border-radius: 50%;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.contactPage .formSection .container .contactForm {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 50px;
    gap: 15px;
}

@media screen and (max-width: 1024px) {
    .contactPage .formSection .container .contactForm {
        width: 100%;
        padding: 20px 30px;
    }
}

.contactPage .formSection .container .contactForm .formFields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.contactPage .formSection .container .contactForm .formFields input {
    width: calc(50% - 7.5px);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(131, 131, 131, 0.3);
    font-size: 15px;
    font-family: "Arial", sans-serif;
}

.contactPage .formSection .container .contactForm .formFields input:focus {
    outline: none;
    border: 1px solid #dfa293;
}

.contactPage .formSection .container .contactForm .formFields textarea,
.contactPage .formSection .container .contactForm .formFields select {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(131, 131, 131, 0.3);
    font-size: 15px;
    font-family: "Arial", sans-serif;
}

.contactPage .formSection .container .contactForm .formFields textarea:focus,
.contactPage .formSection .container .contactForm .formFields select:focus {
    outline: none;
    border: 1px solid #dfa293;
}

.contactPage .formSection .container .contactForm .formSubmit {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.contactPage .formSection .container .contactForm .formSubmit button {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px;
}

.contactPage .mapSection {
    padding: 50px;
    position: relative;
    overflow: hidden;
}

.contactPage .mapSection .mapContent {
    display: flex;
}

@media screen and (max-width: 1024px) {
    .contactPage .mapSection .mapContent {
        flex-direction: column;
    }
}

.contactPage .mapSection .contentCol {
    width: 40%;
}

@media screen and (max-width: 1024px) {
    .contactPage .mapSection .contentCol {
        width: 100%;
    }
}

.contactPage .mapSection .mapColParent {
    width: 60%;
}

@media screen and (max-width: 1024px) {
    .contactPage .mapSection .mapColParent {
        width: 100%;
    }
}

.contactPage .mapSection .mapBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.contactPage .mapSection .mapBg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 4;
}

.contactPage .mapSection * {
    position: relative;
    z-index: 2;
}

.contactPage .mapSection .textCol {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.contactPage .mapSection .textCol .inner {
    width: 80%;
    padding: 20px;
    background: rgba(102, 94, 105, 0.8);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contactPage .mapSection .textCol .inner h2 {
    color: #fff;
    font-size: 24px;
}

.contactPage .mapSection .textCol .inner p {
    color: #fff;
}

.contactPage .mapSection .textCol .inner p a {
    text-decoration: none;
    color: #fff;
}

.contactPage .mapSection .textCol .inner .socials a {
    text-decoration: none;
}

.contactPage .mapSection .textCol .inner a i {
    color: rgba(102, 94, 105, 0.8);
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.contactPage .mapSection .mapCol {
    padding-left: 100px;
    overflow: hidden;
}

.contactPage .mapSection .mapCol > div {
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 992px) {
    .contactPage .mapSection {
        padding: 25px;
    }

    .contactPage .mapSection .textCol .inner {
        width: 100%;
    }

    .contactPage .mapSection .mapCol {
        padding-left: 0;
    }
}

.counsellingServices .innerBanner {
    background-image: url("/img/counselling-services/hero.jpg");
}

.counsellingServices .contactMethods {
    width: 65%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    background: #dfa293;
    padding: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1800px) {
    .counsellingServices .contactMethods {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServices .contactMethods {
        display: none;
    }
}

.counsellingServices .contactMethods p {
    color: #fff;
    padding: 0 50px;
    font-size: 20px;
    font-family: "Marcellus", serif;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .contactMethods p {
        font-size: 18px;
        padding: 0 25px;
    }
}

.counsellingServices .contactMethods p.middle {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.counsellingServices .welcomeSection {
    padding: 50px 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .welcomeSection {
        padding: 25px 20px;
    }
}

.counsellingServices .welcomeSection .welcomeRow {
    display: flex;
    width: 70%;
    gap: 200px;
}

.counsellingServices .welcomeSection .lifeRelated .welcomeRow {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1800px) {
    .counsellingServices .welcomeSection .welcomeRow {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServices .welcomeSection .welcomeRow {
        flex-direction: column;
        width: 100%;
        gap: 25px;
    }
}

.counsellingServices .welcomeSection .welcomeRow .welcomeImg {
    width: 40%;
    position: relative;
    margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .welcomeSection .welcomeRow .welcomeImg {
        width: 100%;
    }
}

.counsellingServices .welcomeSection .welcomeRow .welcomeImg img {
    border-radius: 15px;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.25);
}

.counsellingServices .welcomeSection .welcomeRow .welcomeImg .main {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeImg .secondary {
    position: absolute;
    bottom: -50px;
    right: -75px;
    width: 60%;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .welcomeSection .welcomeRow .welcomeImg .secondary {
        right: 0;
    }
}

.counsellingServices .welcomeSection .welcomeRow .welcomeImg .tertiary {
    position: absolute;
    top: 65%;
    left: -150px;
    width: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

@media screen and (max-width: 1800px) {
    .counsellingServices .welcomeSection .welcomeRow .welcomeImg .tertiary {
        left: -50px;
        width: 45%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServices .welcomeSection .welcomeRow .welcomeImg .tertiary {
        display: none;
    }
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent {
    flex-direction: row;
    width: 100%;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent {
    width: calc(50% - 10px);
    gap: 15px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent p {
    margin: 0 !important;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .welcomeSection .welcomeRow .welcomeContent {
        width: 100%;
    }
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent {
    position: relative;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent h3 {
    font-size: 24px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent ul {
    list-style-position: outside;
    padding-left: 20px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent ul li {
    color: #838383;
    font-size: 17px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent p {
    font-size: 17px;
    color: #838383;
}

.counsellingServices .lifeRelated {
    background: #f9f7f7;
}

.counsellingServices .lifeRelated .welcomeRow .welcomeContent,
.counsellingServices .lifeRelated .welcomeRow .welcomeImg {
    width: 50%;
}

.issuesSection {
    background-color: #dfa293;
    padding: 20px;
}

.counsellingServices .soulHealth {
    display: flex;
    justify-content: flex-end;
    background: linear-gradient(to top right,
            rgba(223, 162, 147, 0.3) 75%,
            rgba(102, 94, 105, 0.3) 90%);
    position: relative;
    padding: 100px 0;
}

.counsellingServices .soulHealth::before {
    background: url("/img/counselling-services/services-bg.png") no-repeat center center/cover;
    width: 650px;
    height: 650px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0.3;
    animation: moveBackground 5s infinite;
    pointer-events: none;
}

@keyframes moveBackground {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.counsellingServices .issuesSection .issueCol {
    width: 90%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-self: center;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .issuesSection .issueCol {
        width: 100%;
    }
}

.counsellingServices .issuesSection .issueCol .splide__track {
    padding-top: 50px;
    padding-bottom: 50px;
}

.counsellingServices .issuesSection .issueCol .splide__pagination {
    display: none;
    visibility: hidden;
}

.counsellingServices .issuesSection .issueCol .splide__arrows {
    display: none;
}

.counsellingServices .issuesSection .issueCol .issue {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #fff;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(131, 131, 131, 0.3);
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.counsellingServices .issuesSection .issueCol .issue h3 {
    transition: all 0.3s ease-in-out;
    font-size: 22px;
}

.counsellingServices .issuesSection .issueCol .issue p {
    transition: all 0.3s ease-in-out;
}

.counsellingServices .issuesSection .issueCol .issue img {
    width: 75px;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
    background: #dfa293;
    padding: 10px;
    border-radius: 5px;
}

.counsellingServices .issuesSection .issueCol .issue:hover {
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
    background: #665e69;
}

.counsellingServices .issuesSection .issueCol .issue:hover h3,
.counsellingServices .issuesSection .issueCol .issue:hover p {
    color: #fff;
}

.counsellingServices .issuesSection .issueCol .issuesSliderNav {
    display: flex;
    gap: 15px;
}

.counsellingServices .issuesSection .issueCol .issuesSliderNav button {
    background: transparent;
    border: none;
    font-size: 24px;
    color: #665e69;
    cursor: pointer;
}

.counsellingServices .issuesSection .issueCol .issuesSliderNav button:hover {
    color: #dfa293;
}

.counsellingServices .soulHealth {
    padding: 60px 0;
    display: flex;
    justify-content: center;
}

.counsellingServices .soulHealth .container {
    width: 60%;
}

@media screen and (max-width: 1800px) {
    .counsellingServices .soulHealth .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServices .soulHealth .container {
        width: 100%;
    }
}

.counsellingServices .soulHealth .container h2 {
    text-align: center;
    margin-bottom: 15px;
}

.counsellingServices .soulHealth .container .blocks {
    display: flex;
    gap: 20px;
    padding: 25px;
    justify-content: center;
}

.counsellingServices .soulHealth .container .blocks .block {
    background: #dfa293;
    border-radius: 15px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
    gap: 15px;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.counsellingServices .soulHealth .container .blocks .block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: blur(2.5px);
}

.counsellingServices .soulHealth .container .blocks .block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.8);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.counsellingServices .soulHealth .container .blocks .block .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease-in-out;
    color: #fff;
    padding: 30px 20px;
    z-index: 1;
    gap: 15px;
}

.counsellingServices .soulHealth .container .blocks .block .content h3 {
    font-size: 20px;
}

.counsellingServices .soulHealth .container .blocks .block:hover {
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
}

.counsellingServices .soulHealth .container .blocks .block:hover::before {
    background: rgba(102, 94, 105, 0.5);
}

.counsellingServices .soulHealth .container .blocks .small {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.counsellingServices .soulHealth .container .blocks .small .block {
    max-height: 250px;
}

.counsellingServices .homeContact .book {
    margin-bottom: 25px;
}

.counsellingServices .approach {
    background: url("/img/about/approach-bg.jpg") no-repeat center center/cover;
    position: relative;
    padding: 100px 0;
    display: flex;
    justify-content: center;
}

.counsellingServices .approach::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 1;
}

.counsellingServices .approach .container {
    width: 60%;
    display: flex;
    gap: 50px;
    justify-content: center;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1800px) {
    .counsellingServices .approach .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServices .approach .container {
        width: 100%;
    }
}

.counsellingServices .approach .container .textCol {
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .approach .container .textCol {
        width: 100%;
    }
}

.counsellingServices .approach .container .textCol a {
    padding: 12px 20px;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
}

.counsellingServices .approach .container .textCol a:hover {
    background: #dfa293;
}

.counsellingServices .approach .container .boxesCol {
    width: calc(50% - 25px);
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.counsellingServices .approach .container .boxesCol .box {
    width: calc(50% - 12.5px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
}

.counsellingServices .approach .container .boxesCol .box i {
    font-size: 40px;
    color: #dfa293;
}

.counsellingServices .approach .container .boxesCol .box h3 {
    font-size: 20px;
    font-family: "Arial", sans-serif;
}

.faqsPage .innerBanner {
    background-image: url("/img/faq/hero.jpg");
}

.singlePost.counselling-services .innerBanner {
    background-image: url("/img/blogs/counselling-banner.jpg");
}

.singlePost.business-workplace-services .innerBanner {
    background-image: url("/img/blogs/workplace-banner.jpg");
}

.singlePost .content {
    padding: 50px;
    display: flex;
    gap: 50px;
}

.singlePost .content .imgCol {
    width: calc(40% - 25px);
}

.singlePost .content .textCol {
    width: calc(60% - 25px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.singlePost .content .textCol br {
    display: none;
}

.singlePost .content .textCol h3 {
    font-size: 24px;
    margin-top: 20px;
}

.singlePost .content .textCol ul,
.singlePost .content .textCol li {
    padding-left: 20px;
}

.singlePost .otherPosts {
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: column;
}

.singlePost .otherPosts .intro {
    background: #dfa293;
    display: flex;
    justify-content: center;
    padding: 25px;
    width: 100%;
}

.singlePost .otherPosts .intro .title {
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.singlePost .otherPosts .intro .title h2 {
    color: #fff;
}

.singlePost .otherPosts .intro .title .white {
    padding: 12px 20px;
}

.singlePost .otherPosts .posts {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 25px;
}

.singlePost .otherPosts .posts .postsRow {
    width: 70%;
    display: flex;
    justify-content: center;
    gap: 25px;
}

@media screen and (max-width: 1800px) {
    .singlePost .otherPosts .posts .postsRow {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .singlePost .otherPosts .posts .postsRow {
        flex-direction: column;
        width: 100%;
    }
}

.singlePost .otherPosts .posts .blogPost {
    width: calc(33.3333333333% - 12.5px);
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .singlePost .otherPosts .posts .blogPost {
        width: 100%;
    }
}

.singlePost .otherPosts .posts .blogPost a {
    text-decoration: none;
}

.singlePost .otherPosts .posts .blogPost img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
}

.singlePost .otherPosts .posts .blogPost h3 {
    font-size: 18px;
    margin: 15px 0;
    color: #000;
}

/*# sourceMappingURL=style.css.map */

.counsellingBook {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
}

.counsellingBook .formArea {
    width: 65%;
    display: flex;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
    background: #fff;
}

@media screen and (max-width: 1800px) {
    .counsellingBook .formArea {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingBook .formArea {
        width: 95%;
        flex-direction: column;
        padding: 25px;
    }
}

.counsellingBook .formArea .formColumn {
    width: 50%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media screen and (max-width: 1024px) {
    .counsellingBook .formArea .formColumn {
        width: 100%;
    }
}

.counsellingBook .formArea .formColumn form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.counsellingBook .formArea .formColumn form input,
.counsellingBook .formArea .formColumn form select,
.counsellingBook .formArea .formColumn form textarea {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(131, 131, 131, 0.3);
    font-size: 15px;
}

.counsellingBook .formArea .formColumn form textarea {
    font-family: "Arial", sans-serif;
}

.counsellingBook .formArea .formColumn form input.firstName,
.counsellingBook .formArea .formColumn form input.lastName,
.counsellingBook .formArea .formColumn form input.service,
.counsellingBook .formArea .formColumn form input.date,
.counsellingBook .formArea .formColumn form select.firstName,
.counsellingBook .formArea .formColumn form select.lastName,
.counsellingBook .formArea .formColumn form select.date {
    width: calc(50% - 10px);
}

.counsellingBook .formArea .formColumn form input::-moz-placeholder,
.counsellingBook .formArea .formColumn form select::-moz-placeholder {
    color: #838383;
}

.counsellingBook .formArea .formColumn form input::placeholder,
.counsellingBook .formArea .formColumn form select::placeholder {
    color: #838383;
}

.counsellingBook .formArea .formColumn form input:focus,
.counsellingBook .formArea .formColumn form select:focus {
    outline: none;
    border: 1px solid #dfa293;
}

.counsellingBook .formArea .formColumn form button {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px;
    background: #dfa293;
    border-radius: 10px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.counsellingBook .formArea .contentColumn {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .counsellingBook .formArea .contentColumn {
        width: 100%;
    }
}

.counsellingBook .formArea .contentColumn .inner,
.counsellingBook .formArea .contentColumn .iconList {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.counsellingBook .formArea .contentColumn .inner p,
.counsellingBook .formArea .contentColumn .iconList p {
    color: #838383;
}

.counsellingBook .formArea .contentColumn .inner .iconBox,
.counsellingBook .formArea .contentColumn .iconList .iconBox {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid rgba(131, 131, 131, 0.3);
    align-items: center;
    text-decoration: none;
    color: #000;
    gap: 15px;
}

.counsellingBook .formArea .contentColumn .inner .iconBox .icon,
.counsellingBook .formArea .contentColumn .iconList .iconBox .icon {
    width: 75px;
    align-items: center;
    color: #dfa293;
    font-size: 36px;
}

.counsellingBook .formArea .contentColumn .inner .iconBox .info,
.counsellingBook .formArea .contentColumn .iconList .iconBox .info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.counsellingBook .formArea .contentColumn .inner .iconBox .info h3,
.counsellingBook .formArea .contentColumn .iconList .iconBox .info h3 {
    font-size: 20px;
}

.counsellingBook .formArea .contentColumn .inner .iconBox:last-child,
.counsellingBook .formArea .contentColumn .iconList .iconBox:last-child {
    border: none;
}

.counsellingBook .formArea .contentColumn .iconList {
    width: 100%;
    gap: 0;
}

.counsellingBook .book {
    width: 100%;
    background: #665e69;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #fff;
    padding: 35px 0;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .counsellingBook .book {
        margin-top: 0;
        min-height: unset;
        padding: 35px 0;
        margin-bottom: 25px;
    }
}

.counsellingBook .book h2 {
    font-size: 46px;
}

@media screen and (max-width: 1024px) {
    .counsellingBook .book h2 {
        font-size: 30px;
        text-align: center;
    }
}

.counsellingBook .contactMethods {
    width: 65%;
    display: flex;
    justify-content: center;
    background: #dfa293;
    padding: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1800px) {
    .counsellingBook .contactMethods {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingBook .contactMethods {
        display: none;
    }
}

.counsellingBook .contactMethods p {
    color: #fff;
    padding: 0 50px;
    font-size: 20px;
    font-family: "Marcellus", serif;
}

@media screen and (max-width: 1024px) {
    .counsellingBook .contactMethods p {
        font-size: 18px;
        padding: 0 25px;
    }
}

.counsellingBook .contactMethods p.middle {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.simpleLinks {
    gap: 5px 15px;
    display: flex;
    flex-wrap: wrap;
}

.simpleLink {
    color: #000;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
}

.counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent h3 {
    font-size: 22px !important;
}

.counsellingServices .welcomeSection .lifeRelated .welcomeRow {
    width: 100% !important;
}

.workplaceServices .welcomeSection {
    padding: 50px 15px !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .welcomeSection {
        padding: 25px 20px;
    }
}

.workplaceServices .welcomeSection .welcomeRow {
    display: flex;
    width: 70%;
    gap: 200px;
}

.workplaceServices .welcomeSection .lifeRelated .welcomeRow {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1800px) {
    .workplaceServices .welcomeSection .welcomeRow {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .welcomeSection .welcomeRow {
        flex-direction: column;
        width: 100%;
        gap: 25px;
    }
}

.workplaceServices .welcomeSection .welcomeRow .welcomeImg {
    width: 40%;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .welcomeSection .welcomeRow .welcomeImg {
        width: 100%;
    }
}

.workplaceServices .welcomeSection .welcomeRow .welcomeImg img {
    border-radius: 15px;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.25);
}

.workplaceServices .welcomeSection .welcomeRow .welcomeImg .main {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeImg .secondary {
    position: absolute;
    bottom: 70px !important;
    right: -100px;
    width: 60%;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .welcomeSection .welcomeRow .welcomeImg .secondary {
        right: 0;
    }
}

.workplaceServices .welcomeSection .welcomeRow .welcomeImg .tertiary {
    position: absolute;
    top: 50%;
    left: -150px;
    width: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

@media screen and (max-width: 1024px) {
    .welcomeSection .ncpsLogo img {
        width: 90% !important;
    }
}

@media screen and (max-width: 1800px) {
    .workplaceServices .welcomeSection .welcomeRow .welcomeImg .tertiary {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .welcomeSection .welcomeRow .welcomeImg .tertiary {
        display: none;
    }
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .welcomeSection .welcomeRow .welcomeContent {
        width: 100%;
    }
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent .topContent {
    position: relative;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent .topContent h3 {
    font-size: 24px;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent .topContent ul {
    list-style-position: outside;
    padding-left: 20px;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent .topContent ul li {
    color: #838383;
    font-size: 17px;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent .topContent p {
    font-size: 17px;
    color: #838383;
}

.home .banner.second {
    background-image: url("/img/home/banner-bg-2.jpg");
}

.workplaceServices .innerBanner {
    background-image: url("/img/workplace-services/hero.jpg");
}

.workplaceServices .welcomeSection .lifeRelated .welcomeRow {
    display: flex;
    width: 100%;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent {
    flex-direction: row;
    width: 100%;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent h2 {
    width: 100%;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent {
    width: calc(50% - 10px);
    gap: 15px;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent h3 {
    font-size: 28px;
}

.workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent p {
    margin: 0 !important;
}

.workplaceServices .lifeRelated {
    background: #f9f7f7;
}

.workplaceServices .lifeRelated .welcomeRow {
    flex-direction: column;
    gap: 10px;
}

.workplaceServices .lifeRelated .welcomeRow .welcomeContent,
.workplaceServices .lifeRelated .welcomeRow .welcomeImg {
    width: 50%;
}

.workplaceServices .welcomeSection .lifeRelated .welcomeRow {
    width: 100% !important;
}

.workplaceServices .issuesSection {
    background-color: #f9f7f7;
}

.workplaceServices .issuesSection .issueCol {
    width: 90%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-self: center;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .issuesSection .issueCol {
        width: 100%;
    }
}

.workplaceServices .issuesSection .issueCol .splide__track {
    padding-top: 50px;
    padding-bottom: 50px;
}

.workplaceServices .issuesSection .issueCol .splide__pagination {
    display: none;
    visibility: hidden;
}

.workplaceServices .issuesSection .issueCol .splide__arrows {
    display: none;
}

.workplaceServices .issuesSection .issueCol .issue {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #fff;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(131, 131, 131, 0.3);
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.workplaceServices .issuesSection .issueCol .issue h3 {
    transition: all 0.3s ease-in-out;
    font-size: 22px;
}

.workplaceServices .issuesSection .issueCol .issue p {
    transition: all 0.3s ease-in-out;
}

.workplaceServices .issuesSection .issueCol .issue img {
    width: 75px;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
    background: #dfa293;
    padding: 10px;
    border-radius: 5px;
}

.workplaceServices .issuesSection .issueCol .issue:hover {
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
    background: #665e69;
}

.workplaceServices .issuesSection .issueCol .issue:hover h3,
.workplaceServices .issuesSection .issueCol .issue:hover p {
    color: #fff;
}

.workplaceServices .issuesSection .issueCol .issuesSliderNav {
    display: flex;
    gap: 15px;
}

.workplaceServices .issuesSection .issueCol .issuesSliderNav button {
    background: transparent;
    border: none;
    font-size: 24px;
    color: #665e69;
    cursor: pointer;
}

.workplaceServices .issuesSection .issueCol .issuesSliderNav button:hover {
    color: #dfa293;
}

.homeContact .formArea .formColumn a.bookButton {
    padding: 15px 30px;
}

.workplaceServices .qualifications {
    padding: 20px;
}

.workplaceServices .qualifications .qualificationsInformation {
    border-radius: 25px;
    overflow: hidden;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent {
    display: flex;
    position: relative;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .qualifications .qualificationsInformation .qualificationsContent {
        flex-direction: column;
    }
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn {
    background: #665e69;
    padding: 75px 50px;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (max-width: 1800px) {
    .workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn {
        width: 50%;
        padding: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn {
        width: 100%;
        padding: 25px;
    }
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn h2 {
    background-image: linear-gradient(to right, #dfa293, #fff);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 36px;
    line-height: 1.2;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn h4 {
    color: #fff;
    font-size: 20px;
    margin-top: 5px;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn p {
    font-size: 17px;
    color: #fff;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn a {
    color: #fff;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn ul {
    list-style-position: outside;
    padding-left: 20px;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn ul li {
    color: #fff;
    font-size: 17px;
    margin-bottom: 5px;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn.pinkBG {
    background: #dfa293;
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn.pinkBG h2 {
    background-image: linear-gradient(to right, #665e6b, #665e6b);
}

.workplaceServices .qualifications .qualificationsInformation .qualificationsContent .contentColumn.pinkBG h4:first-of-type {
    margin-top: 0;
}

.workplaceServices .whatIs {
    padding: 50px 0 100px;
    display: flex;
    justify-content: center;
}

.workplaceServices .whatIs .container {
    width: 75%;
}

@media screen and (max-width: 1800px) {
    .workplaceServices .whatIs .container {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .whatIs .container {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
    }
}

.workplaceServices .whatIs .container .intro {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 25px;
    margin: 0 auto 50px auto;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .whatIs .container .intro {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .whatIs .container .intro {
        width: 100%;
    }
}

.workplaceServices .whatIs .container .intro hr {
    width: 150px;
    border: 2px solid #dfa293;
    margin: 0 auto;
}

.workplaceServices .whatIs .container .information {
    width: 100%;
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .whatIs .container .information {
        flex-direction: column;
    }
}

.workplaceServices .whatIs .container .information .infoBox {
    position: relative;
}

.workplaceServices .whatIs .container .information .infoBox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.workplaceServices .whatIs .container .information .infoBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.4);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.workplaceServices .whatIs .container .information .infoBox .content {
    position: absolute;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: center;
    color: #fff;
    transition: all 0.6s ease-in-out;
    z-index: 2;
}

.workplaceServices .whatIs .container .information .infoBox .content h3 {
    font-size: 22px;
    opacity: 1;
    max-height: 100vh;
    transition: all 0.6s ease-in-out;
}

.workplaceServices .whatIs .container .information .infoBox .content p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
}

.workplaceServices .whatIs .container .information .infoBox:hover::before {
    background: rgba(102, 94, 105, 0.8);
}

.workplaceServices .whatIs .container .information .infoBox:hover .content {
    gap: 15px;
}

.workplaceServices .whatIs .container .information .infoBox:hover .content p {
    opacity: 1;
    max-height: 100vh;
}

.workplaceServices .contactMethods {
    width: 65%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    background: #dfa293;
    padding: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1800px) {
    .workplaceServices .contactMethods {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .contactMethods {
        display: none;
    }
}

.workplaceServices .contactMethods p {
    color: #fff;
    padding: 0 50px;
    font-size: 20px;
    font-family: "Marcellus", serif;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .contactMethods p {
        font-size: 18px;
        padding: 0 25px;
    }
}

.workplaceServices .contactMethods p.middle {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.feesPage .innerBanner {
    background-image: url("/img/fees/hero.jpg");
}

.feesPage .feesSection {
    padding: 50px 0;
}

@media screen and (max-width: 1024px) {
    .feesPage .feesSection {
        padding: 25px 20px;
    }
}

.feesPage .feesSection h2 {
    margin-bottom: 40px;
    text-align: center;
}

.feesPage .feesSection .container {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .feesPage .feesSection .container {
        width: 100%;
    }
}

.feesPage .feesSection .container .pinkLine {
    height: 3px;
    width: 100%;
    background: #dfa293;
    border: none;
}

.feesPage .feesSection .container .fee {
    display: flex;
    width: 55%;
    margin: 0 auto;
    align-items: center;
    gap: 25px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1800px) {
    .feesPage .feesSection .container .fee {
        width: 70%;
    }
}

@media screen and (max-width: 1024px) {
    .feesPage .feesSection .container .fee {
        width: 100%;
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: 25px;
    }
}

.feesPage .feesSection .container .fee * {
    margin: 0;
    width: 25%;
    padding: 10px 5px;
}

.feesPage .feesSection .container .fee h3 {
    text-align: left;
    width: 40%;
}

.feesPage .feesSection .container .fee.consession h3 {
    width: 100%;
}

.feesPage .feesSection .container .fee.top h3 {
    text-align: left;
    width: 40%;
    font-family: "Arial", sans-serif;
}

@media screen and (max-width: 1024px) {

    .feesPage .feesSection .container .fee h3,
    .feesPage .feesSection .container .fee.top h3 {
        width: 30%;
    }

    .feesPage .feesSection .container .fee.top div {
        display: none;
    }
}

.feesPage .feesSection .container .fee.top p {
    font-size: 18px;
}

.feesPage .feesSection .container .fee .duration {
    width: 30%;
}

.feesPage .feesSection .container .fee .pink {
    background: #665e69;
    color: #fff;
    border: 2px solid #665e69;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1800px) {
    .feesPage .feesSection .container .fee .pink {
        width: 29%;
    }
}

@media screen and (max-width: 1024px) {
    .feesPage .feesSection .container .fee .pink {
        width: 100%;
    }
}

.feesPage .feesSection .container .fee .pink:hover {
    background: #fff;
    color: #665e69;
    border: 2px solid #665e69;
}

.feesPage .feesSection .container .fee i {
    padding: 0;
    width: unset;
    margin-left: 5px;
}

.cNPage .innerBanner {
    background-image: url("/img/fees/hero.jpg");
}

.cNPage .feesSection {
    padding: 50px 0;
}

@media screen and (max-width: 1024px) {
    .cNPage .feesSection {
        padding: 25px 20px;
    }
}

.cNPage .feesSection h2 {
    margin-bottom: 20px;
    text-align: center;
}

.cNPage .feesSection .boxed {
    width: 60%;
    margin: 30px auto;
}

.cNPage .feesSection .boxed h3 {
    text-align: left;
    color: #bd5753;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
    font-family: "Arial", sans-serif;
}

.cNPage .feesSection .boxed .red-line {
    height: 3px;
    width: 120px;
    background: #bd5753;
    border: none;
    margin-bottom: 20px;
}

.cNPage .feesSection .boxed .red-line + h3 {
    text-align: left;
    color: #bd5753;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 20px;
    font-family: "Arial", sans-serif;
    width: 80%;
}

.cNPage .feesSection .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
}

.cNPage .feesSection .container .pinkLine {
    height: 3px;
    width: 80%;
    margin: 0 auto;
    background: #dfa293;
    border: none;
}

.cNPage .feesSection .boxedinner {
    width: 60%;
    margin: 0 auto;
}

.cNPage .feesSection .boxedinner h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
    font-family: "Arial", sans-serif;
}

.cNPage .feesSection .boxedinner .black-line {
    height: 3px;
    width: 180px;
    background: #000;
    border: none;
}

.cNPage .feesSection .container .fee {
    display: flex;
    width: 60%;
    margin: 0 auto;
    gap: 25px;
}

@media screen and (max-width: 1024px) {
    .cNPage .feesSection .container .fee {
        width: 100%;
        gap: 0;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
}

.cNPage .feesSection .container .fee.top {
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .cNPage .feesSection .container .fee.top {
        display: none;
    }
}

.cNPage .feesSection .container .fee * {
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

.cNPage .feesSection .container .fee strong {
    padding: 0;
}

.cNPage .feesSection .container .fee h3 {
    text-align: left;
    width: 25%;
}

@media screen and (max-width: 1024px) {
    .cNPage .feesSection .container .fee h3 {
        width: 100%;
        padding-bottom: 0;
    }
}

.cNPage .feesSection .container .fee h3 {
    font-family: "Arial", sans-serif;
}

.cNPage .feesSection .container .fee p {
    font-size: 18px;
    position: relative;
}

.cNPage .feesSection .container .fee p.middle {
    display: flex;
    flex-direction: column;
    width: 45%;
}

@media screen and (max-width: 1024px) {
    .cNPage .feesSection .container .fee p.middle {
        width: calc(70% - 10px);
        padding-top: 0;
    }
}

.cNPage .feesSection .container .fee p:not(.middle) {
    width: 30%;
}

@media screen and (max-width: 1024px) {
    .cNPage .feesSection .container .fee p:not(.middle) {
        width: calc(30% - 10px);
        text-align: left;
        padding-top: 0;
    }

    .cNPage .feesSection .container .fee p:not(.middle) .sep {
        display: none;
    }
}

.cNPage .feesSection .container .fee p a {
    text-decoration: underline;
    color: #000;
    display: inline-block;
    width: 100%;
    padding-top: 0;
}

.cNPage .feesSection .container .fee p:not(.middle) a {
    width: auto;
    font-size: 16px;
}

.cNPage .feesSection .container .fee small {
    width: 100%;
    padding: 0;
    color: #838383;
}

.blogPage .innerBanner {
    background-image: url("/img/blogs/hero.jpg");
}

.blogPage .latestPosts {
    padding: 25px 0;
}

.blogPage .latestPosts .lpContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blogPage .latestPosts .lpContainer .lpContent {
    width: 80%;
    text-align: center;
    text-transform: uppercase;
}

.blogPage .latestPosts .lpContainer .lpContent h4 {
    color: #665e69;
}

.blogPage .latestPosts .lpContainer .lpContent h2 {
    margin-bottom: 0;
}

.blogPage .latestPosts .lpContainer .lpNav {
    width: 100%;
    background: rgba(102, 94, 105);
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 0;
    margin-top: 25px;
}

.blogPage .latestPosts .lpContainer .lpNav .lpNavItem {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    padding: 10px 20px;
    min-width: 100px;
    text-align: center;
    color: #fff;
}

.blogPage .latestPosts .lpContainer .lpNav .lpNavItem:hover {
    background: rgba(223, 162, 147, 0.8);
    transition: all 0.2s ease-in-out;
}

.blogPage .latestPosts .lpContainer .lpNav .lpNavItem.active {
    background: rgb(223, 162, 147);
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.blogPage .latestPosts .lpContainer .lpRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px 50px;
}

@media screen and (max-width: 1024px) {
    .blogPage .latestPosts .lpContainer .lpRow {
        padding: 40px 20px;
    }
}

.blogPage .latestPosts .lpContainer .lpRow .post-hidden {
    display: none;
    visibility: hidden;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost {
    width: calc(33.3333333333% - 40px);
    position: relative;
    z-index: 2;
    padding: 10px;
}

@media screen and (max-width: 1024px) {
    .blogPage .latestPosts .lpContainer .lpRow .lpPost {
        width: 100%;
    }
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost::before {
    bottom: 0;
    left: 0;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost::after {
    top: 0;
    right: 0;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost::before,
.blogPage .latestPosts .lpContainer .lpRow .lpPost::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    z-index: 1;
    background: #665e69;
    transition: all 0.3s ease;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost.counsellingservices::before,
.blogPage .latestPosts .lpContainer .lpRow .lpPost.counsellingservices::after {
    background: #dfa293;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost:hover::before,
.blogPage .latestPosts .lpContainer .lpRow .lpPost:hover::after {
    width: 100%;
    height: 100%;
}

.blogPage .latestPosts .lpContainer .lpRow .lpPost:hover .title .excerpt {
    opacity: 1;
    visibility: visible;
    transform: translateY(-10px);
    max-height: 100px;
    transition: all 1s ease;
}

.blogPage .latestPosts .lpContainer .lpRow .postInfo {
    display: flex;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: 4;
    pointer-events: none;
}

.blogPage .latestPosts .lpContainer .lpRow .postInfo::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 46, 71, 0.3);
    z-index: -1;
    pointer-events: none;
}

.blogPage .latestPosts .lpContainer .lpRow .postInfo .title {
    width: 100%;
    height: 100%;
    padding: 10px 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 1.3;
}

.blogPage .latestPosts .lpContainer .lpRow .postInfo .title a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding-bottom: 20px;
}

.blogPage .latestPosts .lpContainer .lpRow .postInfo .title .excerpt {
    color: #ffffff;
    font-size: 15px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    max-height: 0px;
    overflow: hidden;
    transition: all 1s ease;
}

.blogPage .latestPosts .lpContainer .lpRow .postInfo .category {
    position: absolute;
    top: 0;
    right: 0;
    background: #ffffff;
    color: #665e69;
    width: 45%;
    padding: 10px;
    text-align: center;
}

.policyPage .innerBanner {
    background-image: url("/img/policy/hero.jpg");
}

.policyPage .content {
    padding: 50px 0;
    width: 60%;
    margin: 0 auto;
    line-height: 1.5;
    text-align: justify;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.policyPage .content h3 {
    font-size: 24px;
}

.policyPage .content hr {
    margin: 10px 0;
}

@media screen and (max-width: 1024px) {
    .policyPage .content {
        width: 80%;
    }
}

.policyPage .content ul {
    list-style-position: outside;
    padding-left: 20px;
}

@media screen and (max-width: 1400px) {
    .home .homeServiceInfo .serviceInformation .serviceContent .contentColumn {
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {

    .home .homeServices .container .serviceBlocks .serviceBlock.counselling,
    .home .homeServices .container .serviceBlocks .serviceBlock.therapy {
        width: 100%;
        height: 400px;
    }

    .counsellingServices .welcomeSection .welcomeRow .welcomeImg .secondary,
    .workplaceServices .welcomeSection .welcomeRow .welcomeImg .secondary {
        display: none;
    }

    h2 {
        font-size: 30px;
    }

    .counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent {
        gap: 10px;
    }

    .counsellingServices .welcomeSection .welcomeRow .welcomeContent .topContent p {
        margin-top: 0;
    }

    .counsellingServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent,
    .workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent {
        flex-direction: column;
        gap: 0;
    }

    .counsellingServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent,
    .workplaceServices .welcomeSection .welcomeRow .welcomeContent.lifeRelatedcontent .topContent {
        width: 100%;
    }

    .counsellingServices .soulHealth .container .blocks .block img {
        min-height: 800px;
    }

    .aboutPage .introduction {
        padding: 25px 10px;
    }

    .aboutPage .introduction .container .textCol .nameBox {
        gap: 10px;
        justify-content: space-between;
    }

    .aboutPage .introduction .container .textCol .nameBox .signature {
        width: 100%;
    }

    .aboutPage .introduction .container .textCol .nameBox .signature img {
        width: 100%;
    }

    .aboutPage .introduction .container .imgCol {
        padding: 10px;
    }

    .aboutPage .approach {
        padding: 25px 20px;
    }

    .aboutPage .approach .container {
        flex-direction: column;
    }

    .aboutPage .approach .container .boxesCol {
        width: 100%;
    }

    .counsellingServices .approach {
        padding: 25px 20px;
    }

    .counsellingServices .approach .container {
        flex-direction: column;
    }

    .counsellingServices .approach .container .boxesCol {
        width: 100%;
    }

    .aboutPage .whatIs {
        padding: 25px 10px;
    }

    .aboutPage .ethicsAdditional {
        padding: 25px 10px;
    }

    .aboutPage .ethicsAdditional .information {
        flex-direction: column;
        margin-top: 25px;
        width: 90%;
    }

    .aboutPage .ethicsAdditional .information .infoBox {
        width: 100%;
    }

    .cNPage .feesSection .boxed {
        width: 100%;
    }

    .cNPage .feesSection .container .pinkLine {
        width: 100%;
    }

    .cNPage .feesSection .boxedinner {
        width: 100%;
    }

    .faqsSection .faqs .faq .question {
        flex-wrap: wrap;
    }

    .faqsSection .faqs .faq .question h3 {
        width: 100%;
    }

    .faqsSection .faqs .faq img {
        width: 40%;
    }

    .faqsSection .faqs .faq .number {
        font-size: 32px;
    }

    .singlePost .content {
        padding: 25px 20px;
        flex-direction: column;
        gap: 20px;
    }

    .singlePost .content .imgCol,
    .singlePost .content .textCol {
        width: 100%;
    }

    .singlePost .otherPosts .intro {
        padding: 25px 20px;
    }

    .singlePost .otherPosts .intro .title {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    footer .footer .main .crisisCol .crisis h4 {
        font-size: 18px;
    }

    footer .footer .main .crisisCol .crisis p {
        font-size: 14px;
    }

    .innerBanner {
        padding-top: 160px;
    }

    .innerBanner h1,
    .innerBanner h2 {
        font-size: 30px;
    }

    header .headerRow {
        gap: 0;
    }

    header .logo,
    header.sticky .logo {
        padding: 10px 25px;
    }

    header .logo img,
    header.sticky .logo img {
        width: 75%;
    }

    .home .begin {
        background-attachment: scroll;
    }

    .aboutPage .introduction .container .textCol .nameBox .lower .info {
        width: 100%;
    }

    .aboutPage .introduction .container .textCol .nameBox img {
        width: 100px;
    }

    .aboutPage .introduction .container .textCol .nameBox .lower .signature {
        width: 40%;
    }

    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent {
        flex-wrap: wrap;
        gap: 10px;
    }

    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent a {
        width: 100%;
    }

    .home .homeServiceInfo .serviceInformation .serviceContent.active {
        max-height: fit-content;
    }

    .homeContact .formArea .formColumn {
        padding: 0;
    }

    .counsellingBook .formArea .formColumn {
        padding: 0;
    }

    .homeContact .formArea .contentColumn .inner {
        width: 100%;
        padding-top: 20px;
    }

    .counsellingBook .formArea .contentColumn .inner {
        width: 100%;
        padding-top: 20px;
    }

    .homeContact .formArea .formColumn form input.firstName,
    .homeContact .formArea .formColumn form input.lastName,
    .homeContact .formArea .formColumn form input.service,
    .homeContact .formArea .formColumn form input.date,
    .homeContact .formArea .formColumn form select.firstName,
    .homeContact .formArea .formColumn form select.lastName,
    .homeContact .formArea .formColumn form select.service,
    .homeContact .formArea .formColumn form select.date {
        width: 100%;
    }

    .counsellingBook .formArea .formColumn form input.firstName,
    .counsellingBook .formArea .formColumn form input.lastName,
    .counsellingBook .formArea .formColumn form input.service,
    .counsellingBook .formArea .formColumn form input.date,
    .counsellingBook .formArea .formColumn form select.firstName,
    .counsellingBook .formArea .formColumn form select.lastName,
    .counsellingBook .formArea .formColumn form select.service,
    .counsellingBook .formArea .formColumn form select.date {
        width: 100%;
    }

    footer .footer .main .linksCol .linksHalf ul.left {
        width: calc(65% - 12.5px);
    }

    footer .footer .main .linksCol .linksHalf ul.right {
        width: calc(45% - 12.5px);
    }

    .home .welcomeSection .welcomeRow .welcomeImg .content {
        top: 45%;
    }

    .home .welcomeSection .welcomeRow .welcomeImg .secimg {
        right: 30px;
        width: 225px;
        height: 225px;
    }

    .home .welcomeSection .welcomeRow .welcomeImg .main {
        width: 100%;
    }

    header .buttons a {
        font-size: 17px;
    }

    .cNPage .feesSection .boxed .red-line + h3 {
        width: 100%;
    }

    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent .pink,
    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent .purple {
        padding: 12px;
        font-size: 14px;
        text-align: center;
    }

    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent .pink:first-child,
    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent .purple {
        width: calc(50% - 5px);
    }

    .home .welcomeSection .welcomeRow .welcomeContent .buttonContent .pink:last-child {
        width: 100%;
    }

    .home .begin .begRow .titles h4 {
        display: none;
    }

    .blogPage .latestPosts .lpContainer .lpNav .lpNavItem {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .feesPage .feesSection .container .fee.top {
        align-items: flex-start;
    }

    .feesPage .feesSection .container .fee h3,
    .feesPage .feesSection .container .fee.top h3 {
        width: 45%;
    }

    .counsellingServices .soulHealth .container .blocks .block .content {
        height: auto;
    }
}

.callToAction {
    background: #665e69;
    padding: 20px 0;
    text-align: center;
}

.callToAction h2 {
    color: #fff;
    margin-bottom: 15px;
}

.callToAction a {
    background: #fff;
    color: #665e69;
    border: 2px solid #fff;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 12px 20px;
    width: -moz-fit-content;
    width: fit-content;
}

.callToAction a:hover {
    background: #665e69;
    color: #fff;
}

.aboutPage .introSec {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 15px;
    margin: 25px auto 50px;
}

@media screen and (max-width: 1024px) {
    .aboutPage .introSec {
        width: 100%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .aboutPage .introSec {
        width: 100%;
    }
}

.aboutPage .introSec hr {
    width: 150px;
    border: 2px solid #dfa293;
    margin: 0 auto;
}

.workplaceServices .introSec {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 15px;
    margin: 25px auto 50px;
}

@media screen and (max-width: 1024px) {
    .workplaceServices .introSec {
        width: 100%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .workplaceServices .introSec {
        width: 100%;
    }
}

.workplaceServices .introSec hr {
    width: 150px;
    border: 2px solid #dfa293;
    margin: 0 auto;
}

.counsellingServices .introSec {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 15px;
    margin: 25px auto 30px;
}

@media screen and (max-width: 1024px) {
    .counsellingServices .introSec {
        width: 100%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServices .introSec {
        width: 100%;
    }
}

.counsellingServices .introSec hr {
    width: 150px;
    border: 2px solid #dfa293;
    margin: 0 auto;
}

.contactPage .welcomeSection {
    padding: 50px 0 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    .contactPage .welcomeSection {
        padding: 25px 20px;
    }
}

.contactPage .welcomeSection .welcomeRow {
    display: flex;
    width: 70%;
    gap: 150px;
}

.contactPage .welcomeSection .lifeRelated .welcomeRow {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1800px) {
    .contactPage .welcomeSection .welcomeRow {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .contactPage .welcomeSection .welcomeRow {
        flex-direction: column;
        width: 100%;
        gap: 25px;
    }
}

.contactPage .welcomeSection .welcomeRow .welcomeImg {
    width: 40%;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .contactPage .welcomeSection .welcomeRow .welcomeImg {
        width: 100%;
    }
}

.contactPage .welcomeSection .welcomeRow .welcomeImg img {
    border-radius: 15px;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.25);
}

.contactPage .welcomeSection .welcomeRow .welcomeImg .main {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contactPage .welcomeSection .welcomeRow .welcomeImg .secondary {
    position: absolute;
    bottom: -50px;
    right: -100px;
    width: 45%;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .contactPage .welcomeSection .welcomeRow .welcomeImg .secondary {
        right: 0;
        bottom: -25px;
    }
}

.contactPage .welcomeSection .welcomeRow .welcomeContent {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    .contactPage .welcomeSection .welcomeRow .welcomeContent {
        width: 100%;
    }
}

.contactPage .welcomeSection .welcomeRow .welcomeContent .topContent {
    position: relative;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contactPage .welcomeSection .welcomeRow .welcomeContent .topContent h3 {
    font-size: 24px;
}

.contactPage .welcomeSection .welcomeRow .welcomeContent .topContent ul {
    list-style-position: outside;
    padding-left: 20px;
}

.contactPage .welcomeSection .welcomeRow .welcomeContent .topContent ul li {
    color: #838383;
    font-size: 17px;
}

.contactPage .welcomeSection .welcomeRow .welcomeContent .topContent p {
    font-size: 17px;
    color: #838383;
}

.counsellingServices.counsellingServicesLanding .approach .container {
    width: 85%;
}

.counsellingServices.counsellingServicesLanding .welcomeSection .welcomeRow .welcomeImg .secondary {
    bottom: -25px;
    width: 50%;
}

#questionnaire {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 500px;
    padding: 40px 20px;
    border-radius: 15px;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.25);
    background: #fff;
    display: flex;
    justify-content: center;
    z-index: 999;
    display: none;
}

#questionnaire h3 {
    text-align: center;
    color: #665e69;
    font-size: 20px;
    font-weight: 500;
    font-family: "Arial", sans-serif;
    margin: 0 0 20px;
}

#questionnaire #closeQuestionnaire {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#questionnaire .step {
    width: 100%;
}

#questionnaire fieldset {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e1e1e1;
    padding: 0;
    margin: 0;
    outline: none;
    margin-bottom: 15px;
}

#questionnaire .step button {
    background: #665e69;
    color: #fff;
    border: 2px solid #dfa293;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 12px 20px;
}

#questionnaire fieldset label {
    color: #665e69;
    font-size: 14px;
    font-weight: 500;
    font-family: "Arial", sans-serif;
    padding: 15px 10px;
    border-bottom: 1px solid #e1e1e1;
    width: 50%;
}

#questionnaire fieldset label:last-child {
    border: none;
}

#questionnaire fieldset label input {
    margin-right: 5px;
}

#questionnaire fieldset label input[type="text"] {
    margin: 0;
    color: #665e69;
    font-size: 16px;
    font-weight: 500;
    font-family: "Arial",
        sans-serif;
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.counsellingServicesLanding .innerBanner {
    height: 700px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    gap: 0;
}

.counsellingServicesLanding .innerBanner .blockOne {
    height: 700px;
    background: url('/img/cs-landing/hero1.jpg') no-repeat center center/cover;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.counsellingServicesLanding .innerBanner .blockOne .content {
    background: rgba(0, 0, 0, 0.5);
    width: 70%;
    padding: 20px;
}

.counsellingServicesLanding .innerBanner .blockOne h1 {
    font-size: 30px;
    font-weight: 600;
}

.counsellingServicesLanding .innerBanner .blockOne h2 {
    font-size: 20px;
}

.counsellingServicesLanding .innerBanner .blockTwo {
    height: 700px;
    background: url('/img/cs-landing/hero2.jpg') no-repeat center center/cover;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: relative;
}

.counsellingServicesLanding .innerBanner .blockTwo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(102 94 105);
    opacity: 0.9;
}

.counsellingServicesLanding .innerBanner .blockTwo .form {
    width: 50%;
    position: relative;
    z-index: 2;
    padding: 20px;
}

.counsellingServicesLanding .innerBanner .blockTwo .form .turn {
    width: 100%;
}

.counsellingServicesLanding .innerBanner .blockTwo .form h2 {
    margin-bottom: 15px;
}

.counsellingServicesLanding .innerBanner .blockTwo .form form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.counsellingServicesLanding .innerBanner .blockTwo .form form input,
.counsellingServicesLanding .innerBanner .blockTwo .form form textarea,
.counsellingServicesLanding .innerBanner .blockTwo .form form select {
    width: 100%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: "Arial", sans-serif;
}

.counsellingServicesLanding .innerBanner .blockTwo .form form input.half {
    width: calc(50% - 5px);
}

.counsellingServicesLanding .innerBanner .blockTwo .form form input::placeholder,
.counsellingServicesLanding .innerBanner .blockTwo .form form textarea::placeholder,
.counsellingServicesLanding .innerBanner .blockTwo .form form select::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: "Arial", sans-serif;
}

.counsellingServicesLanding .innerBanner .blockTwo .form form button {
    background: #fff;
    color: #665e69;
    border: 2px solid #fff;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 12px 20px;
}

.counsellingServicesLanding .imageNav .imageBlocks {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.counsellingServicesLanding .imageNav .imageBlocks .imageBlock {
    width: 25%;
    height: 260px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.counsellingServicesLanding .imageNav .imageBlocks .imageBlock:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #665E69;
    opacity: 0.9;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .imageNav .imageBlocks .imageBlock {
        width: 50%;
        height: 200px;
    }
}

.counsellingServicesLanding .imageNav .imageBlocks .imageBlock:nth-of-type(2)::after {
    background: #8E7577;
}

.counsellingServicesLanding .imageNav .imageBlocks .imageBlock:nth-of-type(3)::after {
    background: #B78B85;
}


.counsellingServicesLanding .imageNav .imageBlocks .imageBlock:nth-of-type(4)::after {
    background: #DFA293;
}

.counsellingServicesLanding .imageNav .imageBlocks .imageBlock h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* background: rgba(68, 49, 87, 0.7); */
    color: #ffffff;
    font-size: 28px;
    margin: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .imageNav .imageBlocks .imageBlock h3 {
        font-size: 26px;
    }
}

.counsellingServicesLanding .imageNav .imageBlocks .imageBlock:hover h3 {
    background: #665E69;
}

.counsellingServicesLanding .introSec.underBlock {
    width: 60%;
    margin: 40px auto;
}

.counsellingServicesLanding #mainSection {
    padding: 30px 75px;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding #mainSection {
        padding: 25px;
    }
}

.counsellingServicesLanding #mainSection .row {
    display: flex;
}

.counsellingServicesLanding #mainSection .text {
    padding: 50px 100px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    width: 50%;
}

.counsellingServicesLanding #mainSection .text a {
    background: #665e69;
    color: #fff;
    border: 2px solid #dfa293;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 12px 20px;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding #mainSection .text {
        padding: 0;
    }
}

.counsellingServicesLanding #mainSection .imgAccordion {
    width: 50%;
}

.counsellingServicesLanding #mainSection .imgAccordion .faq {
    display: none;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding #mainSection .imgAccordion .faq {
        display: block;
        margin-top: 20px;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .faq .mgmAccordion .title {
        background: #443157;
        color: #ffffff;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .faq .mgmAccordion .title.title-2 {
        background: #543157;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .faq .mgmAccordion .title.twitter-x {
        background: #713b6d;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .faq .mgmAccordion .title.tiktok {
        background: #914479;
    }
}

.counsellingServicesLanding #mainSection .imgAccordion .menu {
    display: flex;
    gap: 10px;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .h3-wrap {
    position: relative;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .h3-wrap h3 {
    width: 100%;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu > div {
    height: 500px;
    width: calc(25% - 10px);
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 50px;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .title-1 {
    background: #665E69;
    width: 75%;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .title-1 h3 {
    display: none;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .title-1 .texto {
    display: block;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .texto h4 {
    margin-bottom: 10px;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .title-2 {
    background: #8E7577;
    width: 5vw;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .title-3 {
    background: #B78B85;
    width: 5vw;
}

.counsellingServicesLanding #mainSection .imgAccordion .menu .title-4 {
    background: #DFA293;
    width: 5vw;
}

.counsellingServicesLanding #mainSection .imgAccordion .texto {
    color: white;
    margin: 0 auto;
    width: 70%;
    display: none;
    text-align: center;
    font-size: 16px;
}

.counsellingServicesLanding #mainSection .imgAccordion .texto h4 {
    font-size: 32px;
}

.counsellingServicesLanding .secondSec .topText {
    width: 82%;
    margin: 0 auto;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 40%;
}

.counsellingServicesLanding .secondSec .topText ul {
    list-style-position: outside;
    padding-left: 20px;
}

.counsellingServicesLanding .secondSec .bgBlocks {
    /* background: url("/img/cs-landing/block-bg.jpg") no-repeat center center/cover; */
    /* background: url("https://placehold.co/1920x500/png") no-repeat center center/cover; */
    width: 100%;
}

.counsellingServicesLanding .secondSec .bgBlocks .blocks {
    gap: 20px;
    width: 65%;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
}

.counsellingServicesLanding .secondSec .bgBlocks .blocks .block {
    /* box-shadow: rgba(33, 37, 41, 0.4) 0px 0px 10px; */
    background: rgb(255, 255, 255);
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
}

.counsellingServicesLanding .secondSec .bgBlocks .blocks .block .content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.counsellingServicesLanding .secondSec .bgBlocks .blocks .block .content h3 {
    font-size: 24px;
    margin: 0;
}

.counsellingServicesLanding .blocks {
    padding: 40px 0;
}

.counsellingServicesLanding .blocks .blockRow {
    display: flex;
    gap: 50px;
    width: 75%;
    margin: 0 auto;
}

@media screen and (max-width: 1800px) {
    .counsellingServicesLanding .blocks .blockRow {
        width: 85%;
    }
}

.counsellingServicesLanding .blocks .blockRow .text {
    width: calc(55% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.counsellingServicesLanding .blocks .blockRow .text ul {
    list-style-position: outside;
    padding-left: 20px;
}

.counsellingServicesLanding .blocks .blockRow .image {
    width: calc(45% - 50px);
    display: flex;
    align-items: center;
}

.counsellingServicesLanding .blocks .blockRow .image .imgHolder {
    width: 100%;
    height: 100%;
    padding: 10px;
    position: relative;
}

.counsellingServicesLanding .blocks .blockRow .image .imgHolder img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.counsellingServicesLanding .blocks .blockRow .image .imgHolder::before,
.counsellingServicesLanding .blocks .blockRow .image .imgHolder::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 50%;
    background: #665e69;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.counsellingServicesLanding .blocks .blockRow .image .imgHolder::before {
    top: 0;
    left: 0;
}

.counsellingServicesLanding .blocks .blockRow .image .imgHolder::after {
    bottom: 0;
    right: 0;
}

.counsellingServicesLanding .blocks .blockRow .image .imgHolder:hover::before,
.counsellingServicesLanding .blocks .blockRow .image .imgHolder:hover::after {
    width: 100%;
    height: 100%;
}

.counsellingServicesLanding .secondSec .infoBox {
    position: relative;
    width: calc(100% / 3 - 20px);
}

.counsellingServicesLanding .secondSec .infoBox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.counsellingServicesLanding .secondSec .infoBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 94, 105, 0.4);
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.counsellingServicesLanding .secondSec .infoBox .content {
    position: absolute;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: center;
    color: #fff;
    transition: all 0.6s ease-in-out;
    z-index: 2;
}

.counsellingServicesLanding .secondSec .infoBox .content h3 {
    font-size: 22px;
    opacity: 1;
    max-height: 100vh;
    transition: all 0.6s ease-in-out;
}

.counsellingServicesLanding .secondSec .infoBox .content p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
}

.counsellingServicesLanding .secondSec .infoBox:hover::before {
    background: rgba(102, 94, 105, 0.8);
}

.counsellingServicesLanding .secondSec .infoBox:hover .content {
    gap: 15px;
}

.counsellingServicesLanding .secondSec .infoBox:hover .content p {
    opacity: 1;
    max-height: 100vh;
}

.counsellingServicesLanding .blocks .blockRow .text h2 {
    font-size: 26px;
}

.counsellingServicesLanding .innerBanner {
    background: none;
}

@media screen and (max-width: 1800px) {

    .counsellingServicesLanding .innerBanner,
    .counsellingServicesLanding .innerBanner .blockOne,
    .counsellingServicesLanding .innerBanner .blockTwo {
        height: 600px;
    }

    .counsellingServicesLanding .innerBanner .blockOne .content {
        width: 90%;
    }

    .counsellingServicesLanding .innerBanner .blockTwo .form {
        width: 60%;
    }

    .counsellingServicesLanding .imageNav .imageBlocks .imageBlock {
        height: 200px;
    }

    .counsellingServicesLanding .imageNav .imageBlocks .imageBlock h3 {
        font-size: 24px;
    }

    .counsellingServicesLanding #mainSection {
        padding: 30px 50px;
    }

    .counsellingServicesLanding #mainSection .text {
        padding: 25px 50px;
    }

    .counsellingServicesLanding .secondSec .topText {
        width: 85%;
        padding-right: 20%;
    }

    .counsellingServicesLanding .secondSec .bgBlocks .blocks {
        width: 75%;
    }

    .counsellingServicesLanding .counsellingBook .book h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .innerBanner {
        flex-direction: column;
        height: auto;
        padding-top: 0;
    }

    .counsellingServicesLanding .innerBanner .blockOne,
    .counsellingServicesLanding .innerBanner .blockTwo {
        width: 100%;
        height: auto;
    }

    .counsellingServicesLanding .innerBanner .blockOne {
        padding-top: 160px;
    }

    .counsellingServicesLanding .innerBanner .blockOne .content {
        width: 100%;
        padding: 10px 20px;
    }

    .counsellingServicesLanding .innerBanner .blockOne h1 {
        font-size: 28px;
    }

    .counsellingServicesLanding .innerBanner .blockOne h2 {
        font-size: 18px;
    }

    .counsellingServicesLanding .innerBanner .blockTwo .form {
        width: 90%;
    }

    .counsellingServicesLanding .imageNav .imageBlocks .imageBlock {
        height: 150px;
    }

    .counsellingServicesLanding .imageNav .imageBlocks .imageBlock h3 {
        font-size: 20px;
    }

    .counsellingServicesLanding .introSec.underBlock {
        width: 100%;
        padding: 0 20px;
        gap: 5px;
    }

    .counsellingServicesLanding .blocks .blockRow {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .counsellingServicesLanding .blocks .blockRow:nth-child(even) {
        flex-direction: column-reverse;
    }

    .counsellingServicesLanding .blocks .blockRow .text,
    .counsellingServicesLanding .blocks .blockRow .image {
        width: 100%;
    }

    .counsellingServicesLanding #mainSection {
        padding: 20px;
    }

    .counsellingServicesLanding #mainSection .row {
        flex-direction: column;
        gap: 20px;
    }

    .counsellingServicesLanding #mainSection .text,
    .counsellingServicesLanding #mainSection .imgAccordion {
        width: 100%;
    }

    .counsellingServicesLanding #mainSection .text {
        padding: 20px;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .menu {
        flex-direction: column;
        gap: 20px;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .menu > div {
        width: 100% !important;
        height: auto;
        border-radius: 30px;
        flex-direction: column;
        transition: height 0.3s ease;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .menu .h3-wrap h3 {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 22px;
        padding: 15px 0;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .menu .title-1 h3 {
        display: none;
    }

    .cnsellingServicesLanding #mainSection .imgAccordion .menu .texto {
        padding: 15px 0 20px;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .texto {
        width: 90%;
        padding: 10px 0;
    }

    .counllingServicesLanding #mainSection .imgAccordion .menu .title-2,
    .counsellingServicesLanding #mainSection .imgAccordion .menu .title-3,
    .counsellingServicesLanding #mainSection .imgAccordion .menu .title-4 {
        width: 100% !important;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .texto h4 {
        font-size: 24px;
    }

    .counsellingServicesLanding .secondSec .topText {
        width: 100%;
        padding-right: 0;
        padding: 20px;
    }

    .counsellingServicesLanding .secondSec .bgBlocks .blocks {
        flex-direction: column;
        gap: 20px;
        width: 100%;
        padding: 20px;
    }

    .counsellingServicesLanding .secondSec .infoBox {
        width: 100%;
    }

    .counsellingServicesLanding .blocks {
        padding-bottom: 0;
    }
}

.counsellingServicesLanding .formArea .contentColumn .inner,
.counsellingServicesLanding .formArea .contentColumn .iconList {
    gap: 10px;
}

.counsellingServicesLanding .nameBox {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.counsellingServicesLanding .nameBox img {
    width: 200px;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover;
}

.counsellingServicesLanding .nameBox .lower {
    display: flex;
    gap: 20px;
    align-items: center;
}

.counsellingServicesLanding .nameBox .signature {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.counsellingServicesLanding .nameBox .signature img {
    width: 200px;
}

.counsellingServicesLanding .nameBox .lower .signature {
    width: 50%;
}

.counsellingServicesLanding .nameBox .lower .signature img {
    width: 150px;
}

.counsellingServicesLanding .nameBox .info h3 {
    font-size: 22px;
    line-height: 1;
}

.counsellingServicesLanding .nameBox .info h4 {
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .nameBox .info h4 {
        line-height: 1;
    }

    .counsellingServicesLanding .nameBox img {
        width: 100px;
    }
}

.counsellingServicesLanding .nameBox.hideDesk {
    display: none;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .nameBox.hideDesk {
        display: flex;
    }
}

.counsellingServicesLanding .blocks .blockRow .image.hideMob {
    display: flex;
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .blocks .blockRow .image.hideMob {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .counsellingServicesLanding .introSec.underBlock {
        margin-bottom: 0;
    }

    .counsellingServicesLanding .blocks .blockRow .text {
        gap: 5px;
    }

    .counsellingServicesLanding #mainSection .row {
        gap: 10px;
    }

    .counsellingServicesLanding #mainSection .text {
        padding: 0;
    }

    .counsellingServicesLanding .blocks .blockRow {
        width: 90%;
    }

    .counsellingServicesLanding #mainSection .imgAccordion .menu .h3-wrap h3 {
        font-size: 20px;
    }

    .counsellingServicesLanding .secondSec .topText {
        gap: 5px;
    }

    .counsellingServicesLanding .secondSec .bgBlocks .blocks {
        gap: 10px;
    }

    .counsellingServicesLanding .welcomeSection .welcomeRow {
        gap: 10px;
    }

    .counsellingServicesLanding .welcomeSection .welcomeRow .welcomeContent .topContent {
        gap: 5px;
    }
}

.sitemapPage .sitemap {
    padding: 175px;
}

.sitemapPage .sitemap .container {
    width: 80%;
    margin: 0 auto;
}

.sitemapPage .sitemap .container h2 {
    margin-top: 20px;
}

.sitemapPage .sitemap .container ul {
    list-style-position: outside;
    padding-left: 30px;
}

.sitemapPage .sitemap .container ul a {
    font-size: 18px;
}

.sitemapPage .sitemap .container ul a:hover {
    text-decoration: underline;
    color: blue;
}

header .headMobileBar {
    display: none;
}

@media screen and (max-width: 1024px) {
    header .headMobileBar {
        display: flex;
        margin-top: 10px;
    }

    header .headMobileBar .whatsapp,
    header .headMobileBar .bookNow {
        padding: 6px 3px;
        width: 50%;
        text-align: center;
    }

    header .headMobileBar .whatsapp a,
    header .headMobileBar .bookNow a {
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
    }

    header .headMobileBar .whatsapp {
        background: #25d366;
    }

    header .headMobileBar .bookNow {
        background: #dfa293;
    }
}