/* -----------------------------------------------Home Page-------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

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

body {
    margin: 0;
    padding: 0;
}

header {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 34px;
    z-index: 9999;
    transition: 0.4s ease-in-out;
}

header.sticky {
    top: 0;
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.headerWrap {
    width: 1135px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerWrap a {
    cursor: pointer;
}

.headerWrap a img {
    width: 400px;
    height: 40px;
}

.headerWrap ul {
    float: left;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.headerWrap ul li {
    position: relative;
}

.headerWrap ul li a {
    color: #000000;
    text-decoration: none;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px; /* 406.25% */
    letter-spacing: -0.16px;
    position: relative;
    padding: 12px 20px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.headerWrap ul li a:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.toggleIcon  {
    display: none;
}

/* .headerWrap ul li a::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 2px;
    background-color: #f00;
    width: 100%;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}

.headerWrap ul li a:hover::after {
    transform: scale(1);
} */

.headerWrap ul li:last-child {
    margin: 0 0 0 16px;
}


.headerWrap ul li:last-child a {
    border: none;
    border-radius: 8px;
    background: #24BBA6;
    color: #FFF8F8;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: -0.16px;
    padding: 15px 25px;
}

.headerWrap ul li:last-child a::after {
    display: none;
}

.headerWrap ul li:last-child a:hover {
    background: #1f8073;
}

.landingPage {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
    padding: 113px 0 0 0;
    background-image: url(../images/landingPageBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.landingPageWrap {
    width: 1135px;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
}

.landingPageWrap .landingPageContainer {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    align-items: center;
}

.landingPageWrap .landingPageContainer .landingPageContent {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    flex-direction: column;
}

.landingPageWrap .landingPageContainer .landingPageContent span {
    padding: 0 0 0 8px;
    color: #157B6E;
    font-family: "Josefin Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.2px;
}

.landingPageWrap .landingPageContainer .landingPageContent h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: -3.4px;
    padding: 0 40px 0 0;
}

.landingPageWrap .landingPageContainer .landingPageContent p {
    color: #5A5858;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px; 
    letter-spacing: -0.18px;
    padding: 20px 45px 30px 0;
}

.seeMore {
    width: 158px;
    background: #59BCB2;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 150% */
    letter-spacing: -0.18px;
    text-decoration: none;
    text-align: center;
}

.seeMore:hover {
    background: #1f8073;
}

.landingPageWrap .landingPageContainer picture {
    width: 510px;
    height: 510px;
}

.about {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
    padding: 113px 0 0 0;
    background-image: url(../images/aboutPageBg.png);
    background-position: right;
    background-size: cover;
}

.aboutWrap {
    width: 932px;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
}

.aboutWrap .aboutContainer {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    align-items: center;
    gap: 50px;
}

.aboutWrap .aboutContainer a img {
    width: 399px;
    height: 480px;
}

.aboutWrap .aboutContainer .aboutContent {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    flex-direction: column;
}

.aboutWrap .aboutContainer .aboutContent h2 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 76px; /* 200% */
    letter-spacing: -0.38px;
}

.aboutWrap .aboutContainer .aboutContent h2 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: -0.38px;
}

.aboutWrap .aboutContainer .aboutContent p {
    color: #565353;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.16px;
    padding: 0 12px 15px 0;
}

.ourProgram {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 30px 0 30px 0;
    background-image: url(../images/ourProgramBg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.ourProgramWrap {
    width: 991px;
    height: unset;
    float: left;
}

.ourProgramWrap .ourProgramContainer {
    width: 100%;
    height: unset;
    float: left;
}

.ourProgramWrap .ourProgramContainer .ourProgramHeading {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ourProgramWrap .ourProgramContainer .ourProgramHeading h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourProgramWrap .ourProgramContainer .ourProgramHeading h1 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourProgramWrap .ourProgramContainer .ourProgramHeading p {
    width: 593px;
    float: left;
    color: #504C4C;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 0 0;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box {
    width: 100%;
    float: left;
    display: flex;
    gap: 35px;
    padding: 0 0 35px 0;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box a {
    text-decoration: none;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box a img {
    width: 222px;
    height: 236px;
    border-radius: 3px;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box a .readableBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box a .readableBtn .iclass {
    font-size: 22px;
    padding: 10px 0 0 0;
    color: #59BCB2;
}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box a h5 {
    color: #394A49;
    font-family: "Josefin Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 135% */
    letter-spacing: -0.2px;
    padding: 12px 0 0 0;

}

.ourProgramWrap .ourProgramContainer .ourProgramContent .box a span {
    width: 187px;
    color: #7B7070;
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 130.769% */
    letter-spacing: -0.13px;
}

.benefit {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
    background: #EBF3F3;
    padding: 30px 0 50px 0;
}

.benefitWrap {
    width: 988px;
    height: unset;
    float: left;
}

.benefitWrap .benefitContainer {
    width: 100%;
    height: unset;
    float: left;
}

.benefitWrap .benefitContainer .benefitHeading {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.benefitWrap .benefitContainer .benefitHeading h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 76px; /* 200% */
    letter-spacing: -0.38px;
}

.benefitWrap .benefitContainer .benefitHeading h1 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: -0.38px;
}

.benefitWrap .benefitContainer .benefitHeading p {
    width: 599px;
    color: #504C4C;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}

.benefitWrap .benefitContainer a.charecter {
    position: absolute;
    top: 52px;
    left: calc(50% - 150px);
    width: 300px;
}

.benefitWrap .benefitContainer a.charecter img {
    width: 100%;
}

.benefitWrap .benefitContainer .benefitContent {
    width: 100%;
    float: left;
    margin: 25px 0 70px 0;
    position: relative;
}

.benefitContent .blockWrap {
    width: 988px;
    float: left;
    display: flex;
    justify-content: space-between;
    margin: 35px 0 0 0;
    flex-flow: row wrap;
    row-gap: 42px;
    position: relative;
    z-index: 99;
}

.benefitContent .blockWrap .blockContent {
    width: 350px;
    height: unset;
    float: left;
    min-width: 350px;
    display: flex;
}

.benefitContent .blockWrap .blockContent:nth-child(even)  {
    flex-flow: row-reverse;
}

.benefitContent .blockWrap .blockContent:nth-child(even) .blockHeading {
    padding: 0 0 0 20px;
}

.benefitContent .blockWrap .blockContent:nth-child(even) .block span {
    text-align: left;
}

.benefitContent .blockWrap .blockContent:nth-child(even) h5 {
    /* padding: 0 0 0 69px; */
}

.benefitContent .blockWrap .blockContent .block {
    display: flex;
    gap: 20px;

}

.benefitContent .blockWrap .blockContent h5 {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.benefitContent .blockWrap .blockContent span {
    color: #5E5858;
    text-align: right;
    font-family: "Josefin Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 0 0 0;
}

.benefitContent .blockWrap .blockContent a {
    float: left;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}

.benefitContent .blockWrap .blockContent a:hover {
    transform: rotateY(180deg);
}

.ourCoaches {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 30px 0 30px 0;
    background-image: url(../images/coachesBg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.ourCoachesWrap {
    width: 1288px;
    height: unset;
    float: left;
}

.ourCoachesWrap .ourCoachesContainer {
    width: 100%;
    height: unset;
    float: left;
    padding: 0 0 0 10px;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesHeading {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ourCoachesWrap .ourCoachesContainer .ourCoachesHeading h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesHeading h1 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesHeading p {
    width: 593px;
    float: left;
    color: #504C4C;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}



.ourCoachesWrap .ourCoachesContainer .ourCoachesContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 0 0;
}

.slideBox {
    float: left;
    padding: 0 8px;
    overflow: hidden;
    position: relative;
}

.slideBoxInner {
   width: 100%;
    float: left;
    position: relative;
}

.slideBoxInner img {
    width: 240px;
    height: 309px;
    border-radius: 3px;
}

.slideBox .contentWrapss::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(#00000000, #000000e0);
    z-index: 9;
    bottom: 0;
    left: 0;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesContent .slideBox .contentWrapss {
    position: absolute;
    padding-bottom: 20px;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 75px 20px 15px;
    overflow: hidden;
    box-sizing: border-box;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesContent .slideBox .contentWrapss h5 {
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 117.391% */
    letter-spacing: -0.23px;
    position: relative;
    z-index: 99;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesContent .slideBox .contentWrapss span {
    color: #81E2E2;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
    position: relative;
    z-index: 99;
}

.ourCoachesWrap .ourCoachesContainer .ourCoachesContent button {
    width: 158px;
    background: #59BCB2;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 150% */
    letter-spacing: -0.18px;
}

.ourTestimonials {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 30px 0 30px 0;
    background: #EBF3F3;
}

.ourTestimonialsWrap {
    width: 1053px;
    height: unset;
    float: left;
}

.ourTestimonialsWrap .ourTestimonialsContainer {
    width: 100%;
    height: unset;
    float: left;
    padding: 0 0 0 10px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsHeading {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsHeading h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsHeading h1 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsHeading p {
    width: 606px;
    float: left;
    color: #504C4C;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 0 0;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap {
    width: 100%;
    float: left;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.testimonialBoxWrap {
    float: left;
    padding: 45px 12px 25px;
    width: 93%;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article {
    width: 100%;
    height: 265px;
    float: left;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap picture {
    width: 100%;
    float: left;
    position: absolute;
    top: -50px;
    display: flex;
    justify-content: center;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap picture img {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    object-fit: cover;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap .pritiContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 50px 0;
    position: absolute;
    top: 80px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap .pritiContent h4 {
    color: #585555;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
    text-transform: capitalize;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap .pritiContent small {
    color: #056C63;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.13px;
    text-transform: capitalize;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap .pritiContent p {
    max-height: 100px;
    overflow: hidden;
    color: #505151;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 133.333% */
    letter-spacing: -0.15px;
    padding: 20px 20px 0 20px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap .pritiContent .starClass {
    padding: 15px 0 0 0;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .pritiWrap .pritiContent .starClass .checked {
    color: orange;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap picture {
    width: 100%;
    float: left;
    position: absolute;
    top: -50px;
    display: flex;
    justify-content: center;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap picture img {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    object-fit: cover;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap .taniaContent {
    width: 100%;
    float: left;
    max-height: 100px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 50px 0;
    position: absolute;
    top: 80px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap .taniaContent h4 {
    color: #585555;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap .taniaContent small {
    color: #056C63;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.13px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap .taniaContent p {
    color: #505151;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 133.333% */
    letter-spacing: -0.15px;
    padding: 15px 20px 0 20px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap .taniaContent .starClass {
    padding: 15px 0 0 0;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .taniaWrap .taniaContent .starClass .checked {
    color: orange;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap picture {
    width: 100%;
    float: left;
    position: absolute;
    top: -50px;
    display: flex;
    justify-content: center;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap picture img {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    object-fit: cover;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap .arghaContent {
    width: 100%;
    float: left;
    max-height: 100px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 50px 0;
    position: absolute;
    top: 80px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap .arghaContent h4 {
    color: #585555;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap .arghaContent small {
    color: #056C63;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.13px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap .arghaContent p {
    color: #505151;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 133.333% */
    letter-spacing: -0.15px;
    padding: 15px 20px 0 20px;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap .arghaContent .starClass {
    padding: 15px 0 0 0;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent .ourTestimonialsContentWrap article .arghaWrap .arghaContent .starClass .checked {
    color: orange;
}

.ourTestimonialsWrap .ourTestimonialsContainer .ourTestimonialsContent button {
    width: 158px;
    background: #59BCB2;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 150% */
    letter-spacing: -0.18px;
}

.ourGallery {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 30px 0 30px 0;
    background-image: url('images/coachesBg.png');
}

.ourGalleryWrap {
    width: 1246px;
    height: unset;
    float: left;
}

.ourGalleryWrap .ourGalleryContainer {
    width: 100%;
    height: unset;
    float: left;
    padding: 0 0 0 10px;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryHeading {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ourGalleryWrap .ourGalleryContainer .ourGalleryHeading h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryHeading h1 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryHeading p {
    width: 713px;
    float: left;
    color: #504C4C;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 0 0;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent .ourGalleryContentWrap {
    padding: 0 0 20px 0;
    position: relative;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent .ourGalleryContentWrap picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent .ourGalleryContentWrap picture:nth-child(1) {
    width: 615px;
    height: 512px;
    object-fit: cover;
    padding: 0 12px 0 0;
    float: left;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent .ourGalleryContentWrap picture:nth-child(2) {
    width: 299px;
    height: 260px;
    object-fit: cover;
    position: absolute;
    left: 620px;
    top: 0;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent .ourGalleryContentWrap picture:nth-child(3) {
    width: 299px;
    height: 260px;
    object-fit: cover;
    position: absolute;
    right: -5px;
    top: 0;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent .ourGalleryContentWrap picture:nth-child(4) {
    width: 615px;
    height: 233px;
    object-fit: cover;
    float: right;
    position: relative;
    top: 278px;
    left: 5px;
}

.ourGalleryWrap .ourGalleryContainer .ourGalleryContent button {
    width: 158px;
    background: #59BCB2;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 150% */
    letter-spacing: -0.18px;
}

.ourEvents {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 30px 0 30px 0;
}

.ourEventsWrap {
    width: 1126px;
    height: unset;
    float: left;
}

.ourEventsWrap .ourEventsContainer {
    width: 100%;
    height: unset;
    float: left;
    padding: 0 0 0 10px;
}

.ourEventsWrap .ourEventsContainer .ourEventHeading {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ourEventsWrap .ourEventsContainer .ourEventHeading h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourEventsWrap .ourEventsContainer .ourEventHeading h1 span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 71px;
    letter-spacing: -0.38px;
}

.ourEventsWrap .ourEventsContainer .ourEventHeading p {
    width: 606px;
    float: left;
    color: #504C4C;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}

.ourEventsWrap .ourEventsContainer .ourEventContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 15px 0;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 26px 0;
    gap: 20px;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article {
    width: 264px;
    height: unset;
    display: flex;
    flex-direction: column;
    background: #FFF;
    box-shadow: 5px 5px 10px #d9d9d9;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article:hover {
    transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article a {
    width: 100%;
    height: auto;
}

/* .ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventImgWrap {
    width: 264px;
    height: 175px;
} */

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article picture {
    width: 264px;
    height: 175px;
    object-fit: cover;
    overflow: hidden;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article picture img {
    width: 100%;
    height: unset;
    width: 100%;
  transition: transform 0.5s ease;
}

.event-card:hover .event-cart picture img {
    transform: scale(1.1);
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventContent {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 12px 15px 30px 15px;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventContent h4 {
    color: #000;
    font-family: "Josefin Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 135% */
    letter-spacing: -0.2px;
    padding: 0 0 8px 0;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventContent h4 a {
    color: #000;
    text-decoration: none;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventContent h6 {
    color: #343232;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 168.75% */
    letter-spacing: -0.16px;
}

.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventContent span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.16px;
    margin: 0;
}


.ourEventsWrap .ourEventsContainer .ourEventContent .ourEventContentWrap article .eventContent p {
    width: 209px;
    color: #252323;
    font-family: "Josefin Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px; /* 130.769% */
    letter-spacing: -0.13px;
    padding: 10px 0 0 2px;
}

.ourEventsWrap .ourEventsContainer .ourEventContent button {
    width: 158px;
    background: #59BCB2;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 150% */
    letter-spacing: -0.18px;
}

.ourLocations {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 30px 0 30px 0;
}

.ourLocationsWrap {
    width: 1135px;
    height: unset;
    float: left;
}

.ourLocationsWrap .ourLocationContainer {
    width: 100%;
    height: unset;
    float: left;
    position: relative;
    background-image: url(../images/locationImg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ourLocationsWrap .ourLocationContainer .ourLocationsHeadingWrap {
    width: 1135px;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ourLocationsWrap .ourLocationContainer .ourLocationsHeadingWrap h1 {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ourLocationsWrap .ourLocationContainer .ourLocationsHeadingWrap span {
    color: #0C2D28;
    font-family: "Josefin Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.22px;
}

.ourLocationsWrap .ourLocationContainer .ourLocationsContent {
    width: 100%;
    float: left;
    /* display: flex;
    justify-content: space-between; */
}

/* .ourLocationsWrap .ourLocationContainer .ourLocationsContent .iframeWrap {
    padding: 20px 0 0 0;
}

.ourLocationsWrap .ourLocationContainer .ourLocationsContent .iframeWrap iframe {
    width: 678px;
    height: 360px;
    float: left;
    padding: 15px 0 0 0;
} */

.contactFormWrap {
    display: flex;
    flex-direction: column;
    float: left;
    align-items: center;
}

.contactFormWrap .contactForm {
    width: 413px;
    height: unset;
    float: left;
    border-radius: 2px;
    background: #056C63;
    box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.04);
    border-radius: 2px;
}

.contactFormWrap .contactForm form {
    padding: 35px 45px 20px 45px;
}

.contactFormWrap .contactForm form label {
    color: #FFF5F5;
    font-family: 'Lato';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    letter-spacing: -0.16px;
}

.contactFormWrap .contactForm form input[type=text], [type=number], [type=email] {
    width: 100%;
    padding: 12px; 
    border: 1px solid #ccc; 
    border-radius: 4px;
    box-sizing: border-box; 
    margin: 5px 0;
    height: 33px;
    resize: vertical;
}

.contactFormWrap .contactForm form input [type=textarea] {
    width: 100%;
    height: 200px;
    padding: 12px; 
    border: 1px solid #ccc; 
    border-radius: 4px;
    box-sizing: border-box; 
    margin: 5px 0;
    resize: vertical;
}

.contactFormWrap .contactForm form .buttonWrap {
    display: flex;
    justify-content: space-between;
}

.contactFormWrap .contactForm form .buttonWrap input[type=submit] {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 186.667% */
    letter-spacing: -0.15px;
    cursor: pointer;
    padding: 8px 20px;
    border: none;
    border-radius: 6px;
    margin: 25px 0 0 0;
}

.bottom {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
    background: linear-gradient(92deg, #000 0.25%, #373737 100%);
    padding: 0 0 25px 0;
}

.bottomWrap {
    width: 1018px;
    float: left;
}

.bottomWrap .bottomContainer {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: space-between;
}

.bottomWrap .bottomContainer .logoAddressWrap {
    padding: 55px 0 0 0;
}

.bottomWrap .bottomContainer .logoAddressWrap img {
    width: 315px;
    height: 30px;
}

.bottomWrap .bottomContainer .logoAddressWrap p {
    width: 356px;
    color: #EFEFEF;
    font-family: "Josefin Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 140% */
    padding: 10px 0 0 0;
}

.bottomWrap .bottomContainer .menuWrap {
    padding: 20px 0 0 0;
}

.bottomWrap .bottomContainer .menuWrap ul {
    font-family: "Josefin Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px; /* 221.429% */
    letter-spacing: 1.54px;
}

.bottomWrap .bottomContainer .menuWrap span {
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px; /* 240.741% */
    letter-spacing: -0.27px;
}

.bottomWrap .bottomContainer .menuWrap ul li {
    list-style: none;
}

.bottomWrap .bottomContainer .menuWrap ul li a {
    text-decoration: none;
    color: #FFF;
}

.bottomWrap .bottomContainer .contactUsWrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 40px 0 0 0;
}

.bottomWrap .bottomContainer .contactUsWrap h5 {
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bottomWrap .bottomContainer .contactUsWrap .iconContactWrap {
    width: 223px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bottomWrap .bottomContainer .contactUsWrap h5 {
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bottomWrap .bottomContainer .contactUsWrap a {
    width: 220px;
    text-decoration: none;
    color: #FFF;
}

.bottomWrap .bottomContainer .contactUsWrap a span {
    width: 194px;
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
}

.bottomWrap .bottomContainer .followUsWrap {
    padding: 70px 0 0 0;
}

.bottomWrap .bottomContainer .followUsWrap .followWrap {
    width: 123px;
    height: 35px;
    display: flex;
    gap: 15px;
}

.bottomWrap .bottomContainer .followUsWrap h5 {
    color: #FFF;
    font-family: "Josefin Sans";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 77.778% */
}

.bottomWrap .bottomContainer .followUsWrap .followWrap a {
    width: 50px;
    height: 50px;
    text-decoration: none;
    color: #CBFFFA;
    font-size: 35px;
}

.bottomWrap .bottomContainer .followUsWrap .followWrap a i {
    width: 100%;
    float: left;
}

footer {
    width: 100%;
    float: left;
    background: linear-gradient(92deg, #000 0.25%, #373737 100%);
    
}

footer span {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-family: "Josefin Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px; /* 464.286% */
    letter-spacing: -0.14px;
}

footer span a {
    color: #fff;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: 'from-font';
}


/* --------------------------------------------About Page--------------------------------------------------- */


.innerHeader {
    padding: 200px 0 43px 0;
    display: flex;
    justify-content: center;
    background-image: url(../images/coverImg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.innerHeaderWrap {
    width: 1135px;
}

.innerHeader h1 {
    width: 100%;
    float: left;
    color: #1a6a60;
    font-family: "Josefin Sans";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: -3.4px;
    text-transform: capitalize;
}

.aboutPage {
    width: 100%;
    float: left;
    /* background: #DEF2F3; */
    display: flex;
    justify-content: center;
    padding: 50px 0 75px 0;
}

.aboutPage .aboutPageWrap {
    width: 1135px;
    float: left;
}

.aboutPage .aboutPageWrap .aboutPageContainer {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}

.aboutPage .aboutPageWrap .aboutPageContainer .imgTextWrap {
    display: flex; 
    align-items: flex-start;
    gap: 45px;
}

.aboutPage .aboutPageWrap .aboutPageContainer picture {
    width: 510px;
    height: 616px;
}

.aboutPage .aboutPageWrap .aboutPageContainer picture img {
    width: 510px;
    height: 616px;
    object-fit: cover;
}

.aboutPage .aboutPageWrap .aboutPageContainer .aboutPageContent {
    width: 100%;
    color: #5A5858;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: -0.18px;
    margin: 0;
}

.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
   display: none;
}

.add-read-more.show-more-content .read-more {
   display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {
   font-weight: bold;
   margin-left: 2px;
   color: #157B6E;
   cursor: pointer;
}

.add-read-more{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

/* --------------------------------------------Gallery Page--------------------------------------------------- */

.galleryMainPage .ngg-album-desc {
    text-decoration: none !important;
}

.galleryMainPage {
    width: 100%;
    height: unset;
    float: left;
    display: flex;
    justify-content: center;
}

.galleryMainPage .ngg-album-compact {
    padding: 0 30px 4px 0 !important;
}

.galleryMainPage .ngg-album-compact h4 {
    text-align: center;
    margin: 0 !important;
}

.galleryMainPage .ngg-albumoverview {
    width: 1113px !important;
    float: left !important;
}

.galleryMainPage .ngg-album-compact h4 .ngg-album-desc {
    display: contents !important;
    color: #157B6E !important;
    font-family: "Josefin Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: -0.14px;
}

.galleryMainPage .ngg-album-compact h4 .ngg-album-desc:hover {
    color: #0C2D28;
    font-size: 16px;
}

.galleryMainPage .ngg-album-gallery-image-counter {
    display: none;
}

/* --------------------------------------------Contact Page--------------------------------------------------- */

.contactPage {
    width: 100%;
    float: left;
    /* background: #DEF2F3; */
    display: flex;
    justify-content: center;
    padding: 40px 0 0 0;
}

.contactPage .contactPageWrap {
    width: 1135px;
    float: left;

}

.contactPage .contactPageWrap .contactPageContainer {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.contactPage .contactPageWrap .contactPageContainer .contactPageIframe {
    display: flex;
    align-items: center;
}

.contactPage .contactPageWrap .contactPageContainer .contactFormWrap .contactPageContent {
    width: 100%;
    float: left;
}

iframe {
    width: 100%;
    height: 450px;
    padding: 20px 0 40px 0;
}

.contactPageContent .contactPageContentWrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contactPageContent .contactPageContentWrap h4 {
    margin: 0;
    color: #26665d;
    font-family: "Josefin Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -0.38px;
}

.contactPageContent .contactPageContentWrap h5 {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contactPageContent .contactPageContentWrap span {
    color: #5A5858;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
}

/* --------------------------------------------Books Page--------------------------------------------------- */

.booksPage {
    width: 100%;
    float: left;
    /* background: #DEF2F3; */
    display: flex;
    justify-content: center;
    padding: 50px 0 75px 0;
}

.booksPage .booksPageWrap {
    max-width: 1135px;
    float: left;
    display: flex;
    flex-direction: column;
}

.booksPage .booksPageWrap .booksPageContainer {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.booksPage .booksPageWrap .booksPageContainer .bookBlock {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    row-gap: 45px;
}

.booksPage .booksPageWrap .booksPageContainer .bookBlock li  {
    box-sizing: border-box;
    /* padding: 30px; */
}

.bookBlock li:nth-child(4n-3),
.bookBlock li:nth-child(4n-1) {
    width: 25%; /* Images */
}

.bookBlock li:nth-child(4n-2),
.bookBlock li:nth-child(4n) {
    width: 25%; /* Descriptions */
    display: flex;
    align-items: center;
}

.booksPage .booksPageWrap .booksPageContainer .bookBlock li img {
    /* width: fixed !important;
    height: auto;
    border-radius: 3px;
    margin-bottom: 15px; */
    border-radius: 8px;
    display: block;
}

.bookBlock li .bookDesc {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 0 0 68px 0;
    gap: 15px;
    border: none;
}

.bookBlock li .bookDesc h4 {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
}

.bookBlock li .bookDesc p {
    color: #5A5858;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.18px;
    margin: 0;
    padding: 0 25px 0 0;
}

.bookBlock li .bookDesc a {
    color: #000000a3;
    text-decoration: none;
    display: flex;
    font-size: 35px;
}

.bookBlock li .bookDesc .icons {
    display: flex;
    gap: 15px;
}


/* --------------------------------------------Contact Page--------------------------------------------------- */

.page404 {
    width: 100%;
    float: left;
    /* background: #DEF2F3; */
    display: flex;
    justify-content: center;
    padding: 0 0 75px 0;
}

.page404 .page404Wrap {
    width: 1135px;
    float: left;
}

.page404 .page404Wrap .page404Container {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.page404 .page404Wrap .page404Container h1 {
    color: #f00;
    font-family: "Josefin Sans";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -3.4px;
    margin: 0;
}

.page404 .page404Wrap .page404Container p {
    color: #5A5858;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
}

.page404 .page404Wrap .page404Container a {
    text-decoration: none;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
    border-radius: 30px;
}

.backToHome {
    width: 158px;
    background: #59BCB2;
    cursor: pointer;
    border: none;
    color: #FFF;
    text-align: center;
    padding: 10px;
    border-radius: 0px;
}

#address::placeholder {
  padding-left: 12px;
  padding-top: 8px;
}

/* --------------------------------------------Activity Page--------------------------------------------------- */

.galleryPageWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0 !important;
}

.galleryPageContainer {
    width: 1150px !important;
}

.activityPage {
    padding: 50px 0 0 0;
}

/* --------------------------------------------Event Detail Page--------------------------------------------------- */

.eventDetailPage {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}

.eventDetailPage .detailPageWrap {
    width: 1113px;
    float: left;
    display: flex;
    flex-direction: column;
}

.detailImgDescContainer  {
    display: flex;
    padding: 40px 0 45px 0;
    align-items: center;
}

.detailDesc {
    display: flex;
    flex-direction: column;
    padding: 0 45px 0 25px;
}

.detailDateTime{
    padding: 15px 0 0 0;
}

.detailDesc p {
    color: #5A5858;
    font-family: "Josefin Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; /* 150% */
    letter-spacing: -0.18px;
}

.detailDesc h6 {
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.16px;
}

.detailDesc h6 a {
    text-decoration: none;
    color: #343232;
}

.detailDesc h6 a span {
    color: #056C63;
    font-family: "Josefin Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.16px;
    margin: 0;
}

.event-gallery {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0 0 40px 0;
}
.thumbImg img {
    width: 350px;
    height: 250px;
}

.event-gallery a img {
    width: 250px;
    height: 150px;
}