/* Home Section*/

.homeSection {
    background-color: black;
    background-image: url("../img/homeSlider1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    row-gap: 15px;
    padding: 0px 10% 0px 10%;
    position: relative;
}
h2.homeSectionHeading {
    width: 100%;
    color: var(--main3);
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%; /* 90px */
    letter-spacing: -2px;
}

p.homeSectionParagraph {
    width: 40%;
    color: var(--main3);
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.homeSectionButton {
    background-color: var(--main2);
    display: flex;
    column-gap: 10px;
    align-items: center;
    border-radius: 50px;
    padding: 12px 15px;
}

span.homeSectionButtonText {
    color: var(--main3);
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    text-transform: capitalize;
}

.sliderPagination {
    transform: scale(0.75);
    position: absolute;
    right: 10%;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.homeKnowMoreSection {
    width: 35%;
    position: absolute;
    background-color: var(--main3);
    bottom: -0.5px;
    left: 0;
    padding: 1% 0% 1% 10%;
    border-radius: 0px 20px 0px 0px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.6) 0%,
        #fff 91.71%
    );
}

.homeKnowMoreSection h3 {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
}

.homeKnowMoreSectionTablet h3 {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 10px;
}

.homeKnowMoreSectionTablet {
    padding: 2.5% 10%;
}

.homeVideoContiner {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.homeVideoContiner p {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

svg#arrowIconHomeVideoContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(100%, 0%);
}

.homeKnowMoreSectionTablet svg#arrowIconHomeVideoContainer {
    position: relative;
    bottom: 0;
    right: 0;
    transform: translate(0%, 0%);
}

.arabic.sliderPagination {
    right: auto;
    left: 10%;
}

.homeKnowMoreSection.arabic {
    left: auto;
    right: 0;
    padding: 1% 10% 1% 0%;
    border-radius: 20px 0px 0px 0px;
    direction: rtl;
}

.homeKnowMoreSection.arabic #arrowIconHomeVideoContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    transform: translate(-100%, 0%) rotate(270deg);
}

.healthCareLink.tablet {
    display: none;
}
/* About Section */

.aboutSection {
    display: flex;
    flex-wrap: wrap;
    padding: 7.5% 11% 7.5% 11%;
    row-gap: 80px;
}

.aboutHeading {
    display: flex;
    width: 50%;
    align-items: center;
}

.searchAboutContainer {
    width: 50%;
}

.innerSearchAboutContiner {
    background-color: #f0f0f080;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2% 4% 2% 4%;
    border-radius: 50px;
    align-items: center;
    border: 1px solid #00000033;
}

.searchInputContiner {
    display: flex;
}

h3.aboutHeading {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.searchContiner {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-right: 20px;
}

.locationSearchContiner {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-left: 1px solid var(--main);
    padding-left: 10px;
}

p.inputFieldTextPlaceholder {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

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

.searhCategories p {
    text-align: center;
    color: var(--main);
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    text-transform: capitalize;
}

.filterCategory {
    display: flex;
    width: 10%;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    padding: 10px;
    background-color: var(--main3);
    border-radius: 30px;
}

.aboutSection.arabic {
    direction: rtl;
}

.aboutSection.arabic .innerSearchAboutContiner {
    padding: 1% 5% 1% 1%;
}

.aboutSection.arabic .locationSearchContiner {
    border-left: 0px solid var(--main);
    padding-left: 0px;
    border-right: 1px solid var(--main);
    padding-right: 10px;
}

.aboutSection.arabic .searchContiner {
    margin-right: 0px;
    margin-left: 20px;
}
input {
    background-color: #fff0;
    border: 0px;
}
input:focus-visible,
input:focus {
    background-color: #fff0;
    border: 0px;
    outline: none;
}

select {
    background-color: #fff0;
    border: 0;
    outline: none;
}

button[type="submit"] {
    background-color: #fff0;
    border: 0;
    outline: none;
    cursor: pointer;
}

/* Specialities Section*/

.specialtiesSection {
    display: flex;
    flex-wrap: wrap;
    padding: 7.5% 10% 7.5% 10%;
    row-gap: 80px;
    background-color: var(--main);
}

.specialtiesInnerSection {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.specialtiesDes {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.specialtiesDes h3 {
    color: #fff;
    font-family: Plus Jakarta Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 90px */
}

.specialityDesP {
    color: var(--main3);
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    width: 80%;
    padding-bottom: 20px;
}
.specialtiesSection .searchAboutContainer {
    width: 80%;
}
.specialtiesSection .innerSearchAboutContiner {
    background-color: var(--main3);
}

.specialtiesSection .innerSearchAboutContiner p {
    color: var(--main);
}

.specialtiesFilter {
    width: 65%;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 20px;
}

.specialityFilterContiner {
    border-radius: 60px;
    border: 1px solid var(--main3);
    display: flex;
    column-gap: 10px;
    align-items: center;
    width: auto;
    padding: 2%;
}

.specialityFilterContiner p {
    color: var(--main3);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
}

.specialitySpacer {
    width: 35%;
}

.specialitySpacer2 {
    width: 65%;
    display: flex;
    padding-top: 25px;
}

.specialitySpacer2 span {
    color: var(--main3);

    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
}

.specialtiesSection.arabic {
    direction: rtl;
}

.specialtiesSection.arabic .innerSearchAboutContiner {
    padding: 1% 5% 1% 1%;
}

/* HealthCare */
.heathCare {
    display: flex;
    flex-wrap: wrap;
    padding: 7.5% 11% 7.5% 11%;
    row-gap: 80px;
    background: #f3f6f9;
    position: relative;
}

.healthCareDes {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.healthCareDes h3 {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 90px */
    text-transform: capitalize;
}

.healthCareLink {
    display: flex;
    align-items: center;
}

.healthCareLink span {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
}

.healthCareSlider {
    width: 70%;
    overflow: hidden;
    position: relative;
}

.HC {
    position: relative;
    border-radius: 20px;
    width: 500px;
    transition: transform 0.2s;
    transform-origin: bottom right;
}

.HCswiper {
    width: 70vw;
}

img#HCImage {
    width: 100%;
    border-radius: 20px;
}
.HCImageOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #ffffff00 0%, var(--main) 100%);
    border-radius: 20px;
}

.sliderHCDes {
    position: absolute;
    z-index: 10;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
}

.HCDesText {
    width: 90%;
    padding-right: 20px;
}

.HCsliderDocIcon {
    width: 10%;
}
.sliderHCDes p,
.sliderHCDes h3 {
    color: var(--main3);
}

.sliderHCDes p {
    color: var(--main3);
    font-size: 15px;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    line-height: 21.6px;
    word-wrap: break-word;
    padding-bottom: 10px;
}

.sliderHCDes h3 {
    color: var(--main3);
    font-size: 18px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word;
}

.HC.swiper-slide.swiper-slide-next {
    transform: scale(0.5);
    align-self: flex-end !important;
    transform-origin: bottom left;
    transition: transform 0.2s;
}

.HC.swiper-slide.swiper-slide-next + .HC.swiper-slide {
    transform: scale(0.5);
    align-self: flex-end !important;
    transform-origin: bottom left;
}

.HC.swiper-slide.swiper-slide-next .HCDesText {
    opacity: 0;
}
.HC.swiper-slide.swiper-slide-active .HCDesText {
    transition: opacity 0.5s;
    opacity: 1;
}

@media (max-width: 1024px) {
    .HCswiper {
        width: 100vw;
        height: auto;
    }
}

@media (max-width: 767px) {
    .HCswiper {
        width: 75vw;
    }

    .HCsliderDocIcon {
        width: 10%;
        display: none;
    }

    img#HCImage {
        width: 100%;
        border-radius: 20px;
        height: 40vh;
        object-fit: cover;
    }
}

.swiper-button-next3 {
    position: absolute;
    z-index: 10;
    top: 17.5%;
    right: 13.5%;
}

.swiper-button-prev3 {
    position: absolute;
    z-index: 10;
    top: 17.5%;
    right: 10%;
}

.heathCare.arabic {
    direction: rtl;
}

.heathCare.arabic .HC.swiper-slide.swiper-slide-next {
    transform-origin: bottom right;
}

.heathCare.arabic .swiper-button-next3 {
    right: auto;
    left: 10%;
}

.heathCare.arabic .swiper-button-prev3 {
    right: auto;
    left: 13.5%;
}

/* Health Package */
.healthPackage {
    display: flex;
    flex-wrap: wrap;
    padding: 7.5% 11% 7.5% 11%;
    position: relative;
    overflow: hidden;
}

.healthPackageDes h3 {
    color: var(--main);
    font-family: Plus Jakarta Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 90px */
    text-transform: capitalize;
}

.healthPackageSliderContiner {
    width: 100%;
}
.healthPackageSliderContiner.home {
    width: 80%;
}
.swiper {
    width: 100%;
}
.slideDoc {
    background-color: #f3f6f9;
    border-radius: 20px 20px 20px 20px;
    width: 250px;
}

img#slideDocImage {
    border-radius: 20px 20px 0px 0px;
    width: 100%;
}

.slideDocImageOverlayContainer {
    position: relative;
}

.slideDocImageOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #ffffff00 50%, #f3f6f9 90%);
}

.sliderDocDes {
    padding: 20px;
}

.sliderDocDes h3 {
    color: var(--main);
    font-size: 20px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 20px;
    word-wrap: break-word;
}

.sliderDocDes p {
    color: var(--main);
    font-size: 16px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: 0.1px;
    word-wrap: break-word;
}

.sliderDocDes span {
    color: var(--main2);
    font-size: 15px;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    line-height: 28.8px;
    word-wrap: break-word;
}

.sliderDocIcon {
    text-align: right;
}

@media (max-width: 767px) {
    .sliderDocIcon {
        display: none;
    }
}

.healthPackageDes {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    z-index: 10;
    left: 8%;
    top: 14.5%;
    height: 70%;
    row-gap: 40px;
    padding-left: 15px;
    background-color: transparent;
    background-image: linear-gradient(275deg, #ffffff00 0%, #ffffff 47%);
    align-items: center;
    align-content: center;
}

.healthPackageDes.home {
    position: relative;
    left: 0%;
    width: 20%;
    padding: 0;
}

.healthPackageDes.home h3 {
    font-size: 40px;
}

@media (max-width: 1259px) {
    .healthPackageDes.home h3 {
        font-size: 30px;
    }
}

.healthPackage.homePageSection.home {
    align-items: center;
}

.healthPackageSliderPagination {
    width: 100%;
    display: flex;
    column-gap: 10px;
}

.healthCareLink {
    width: 100%;
}

.healthPackageDes.arabic {
    background-image: linear-gradient(95deg, #ffffff00 0%, #ffffff 47%);
    left: auto;
    right: 8%;
    direction: rtl;
}
.healthPackageDes.arabic .healthPackageSliderPagination .swiper-button-next5 {
    order: 1;
}

/* Doctors */

.doctors {
    display: flex;
    flex-wrap: wrap;
    padding: 7.5% 11% 7.5% 11%;
    row-gap: 80px;
    background: #18528f;
}

.headingSearch {
    display: flex;
    width: 100%;
    align-items: center;
}

.headingSearch h3 {
    width: 50%;
    color: var(--main3);
    font-size: 50px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 100px;
    word-wrap: break-word;
}

.doctorSearchAboutContainer {
    width: 50%;
}

.doctorSearchAboutContainer input,
.doctorSearchAboutContainer input::placeholder {
    color: white;
}

.doctorSearchAboutContainer select {
    color: white;
    background-color: #18528f;
}

p.doctorInputFieldTextPlaceholder {
    color: #ffffff69;
    font-size: 18px;
    font-family: DIN;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
}

.doctorInnerSearchAboutContiner {
    background-color: #f0f0f000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2% 0% 2% 0%;

    align-items: center;
    border-bottom: 1px solid #ffffff69;
}

.doctorLocationSearchContiner {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-left: 1px solid #ffffff69;
    padding-left: 10px;
}

.doctorSlider {
    width: 100%;
}

.Doc {
    border-radius: 20px;
    position: relative;
}

img#DocImage {
    border-radius: 20px;
    width: 100%;
}

.DocPostion {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    background: #f3f6f9;
    border-radius: 20px;
}

.DocImageOverlayContainer {
    position: relative;
}

.DocImageOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    border-radius: 20px;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #ffffff00 50%, #f3f6f9 80%);
}

.slideDocDes {
    /* position: absolute;
    bottom: 5%;
    z-index: 10;*/
    width: 90%;
    padding: 10px;
}

.DocDesText {
    text-align: center;
    width: 100%;
}

.DocDesText h3 {
    color: var(--main2);
    font-size: 20px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 24px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}

.DocDesText p {
    color: var(--main);
    font-size: 12px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.27px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.DocsliderDocIcon {
    /*  position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;*/

    text-align: right;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px;
}

@media (max-width: 1024px) {
    .DocsliderDocIcon {
        /* display: none !important;*/
    }
}

.doctors span.swiper-pagination-bullet {
    background: var(--main3);
    opacity: 1;
    width: 20px;
    border-radius: 20%;
    height: 5px;
}

.doctors .swiper-pagination-bullet-active {
    background: var(--main2) !important;
    opacity: 1 !important;
}
.doctorSliderControlls {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
}
.doctorSliderControlls.arabic {
    direction: ltr;
}
.doctorSliderControlls.arabic .swiper-button-prev7 {
    order: 1 !important;
}
.doctorSliderArrows {
    width: 33.33%;
    display: flex;
    column-gap: 10px;
}

.doctorPagination {
    width: 33.33%;
}

.doctorSpacer2 {
    width: 33.33%;
    display: flex;

    justify-content: flex-end;
}

.doctorSpacer2 span {
    color: var(--main3);

    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
}
.doctorPagination {
    position: relative;
}

.doctors.arabic {
    direction: rtl;
}

.doctors.arabic .searchContiner {
    margin-right: 0px;
    margin-left: 20px;
}

.doctors.arabic .doctorLocationSearchContiner {
    border-left: 0px solid #ffffff69;
    padding-left: 0px;
    border-right: 1px solid #ffffff69;
    padding-right: 10px;
}

.doctors.arabic .swiper-button-prev7 {
    order: -1;
}

/* bookingSeciont */

.bookingAppointment {
    display: flex;
    padding: 0% 0% 0% 10%;
    margin-top: -2px;
    background-image: linear-gradient(180deg, #18528f 80%, #fff 20%);
}
.bookingdes {
    width: 40%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding-top: 5%;
}

.bookingdes h3 {
    color: var(--main3);
    font-size: 50px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    text-transform: capitalize;
    word-wrap: break-word;
}
.bookingImg {
    width: 60%;
}
.bookingImg img {
    border-radius: 25px 0px 0px 25px;
    width: 100%;
}

.bookingSpacer2 {
    display: flex;

    justify-content: flex-start;
}
.bookingSpacer2 span {
    color: var(--main3);

    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
}

.bookingAppointment.arabic {
    direction: rtl;
    padding: 0% 10% 0% 0%;
}

.bookingAppointment.arabic .bookingImg img {
    border-radius: 0px 25px 25px 0px;
}

/* Locaiton Section */

.sehaLocations {
    padding: 5% 10% 7.5% 10%;
    background-color: #f3f6f9;
    display: flex;
}

.locationDes {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30%;
}

.locationDes.SliderDes {
    width: 100%;
}

.locationDesTopPart {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.locationSlider {
    width: 60%;
}

.locationSliderControl {
    width: 10%;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
}

.locationPackageSliderPagination {
    width: 100%;
    display: flex;
    column-gap: 10px;
    justify-content: flex-end;
}

.locationDes h3 {
    color: var(--main);
    font-size: 50px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    text-transform: capitalize;
    word-wrap: break-word;
}

.locationInnerSearchAboutContiner {
    display: flex;
    justify-items: center;
    align-items: center;
    width: 60%;
    border-bottom: 1px solid var(--main) 69;
    justify-content: space-between;
    padding-bottom: 5px;
}

p.locationInputFieldTextPlaceholder {
    color: var(--main);
    font-size: 16px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    line-height: 28px;
    word-wrap: break-word;
}

.hospital {
    width: 500px;
}

.hospital svg {
    padding-right: 10px;
}

h3.locationtitle {
    color: var(--main);
    font-size: 25px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    line-height: 28px;
    word-wrap: break-word;
    padding-bottom: 10px;
}

p.locationDes {
    color: var(--main);
    font-size: 18px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    padding-bottom: 8px;
}


.workingHoursContainer p {
    color: var(--main);
    font-size: 18px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    line-height: 28.8px;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
}



.locationIconContianer p {
    color: var(--main);
    font-size: 15px;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 26px;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
}


.workingHoursContainer {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-bottom: 10px;
}

.locationIconContianer {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.specialitiesContiner {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.locationDoctor {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.locationBeds {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.locationImageContainer {
    position: relative;
}

.locationImageContainer svg {
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.locationImageContainer img {
    width: 100%;
}

.sehaLocations.arabic {
    direction: rtl;
}

.sehaLocations.arabic .swiper-button-prev8 {
    order: -1;
}

/* Insurance Section */

.insurancePartners {
    display: flex;
    padding: 7.5% 10% 7.5% 10%;
}

.insuranceDes {
    display: flex;
    flex-direction: column;
    width: 30%;
    justify-content: space-around;
}
.insuranceSliders {
    width: 70%;
}

.insuranceDes h3 {
    color: var(--main);
    font-size: 50px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    text-transform: capitalize;
    word-wrap: break-word;
}

.insuranceSwiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.insuranceSwipe {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

.insurancePartners.arabic {
    direction: rtl;
}

.homeKnowMoreSectionTablet.arabic {
    direction: rtl;
}

.homeKnowMoreSectionTablet.arabic svg {
    transform: scaleX(-1);
}

.healthCareLink.hideDesktop {
    display: none;
}
.locationSearchAboutContainer button svg {
    transform: rotate(270deg);
}

.mobile-end-banner p,
.mobile-end-banner a {
    color: var(--main);
}

.seha_location_dr.arabic {
    direction: ltr !important;
}

/*responsive*/

@media (max-width: 1024px) {
    h2.homeSectionHeading {
        font-size: 50px;
    }
    .healthPackage.homePageSection.home .healthPackageDes.home {
        width: 100%;
    }
    .healthPackage.homePageSection.home .healthPackageSliderContiner.home {
        width: 100%;
    }
    p.homeSectionParagraph {
        font-size: 14px;
    }
    /* edited by Leena */
    /* .sliderPagination {
        display: none;
    } */
    .sliderPagination {
        transform: scale(0.6);
        position: absolute;
        right: 5%;
        z-index: 20;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .homeKnowMoreSection {
        display: none;
    }
    p.homeSectionParagraph {
        width: 80%;
    }
    .homeKnowMoreSectionTablet h3 {
        font-size: 30px;
    }
    .homeVideoContiner p {
        font-size: 16px;
    }
    h3.aboutHeading {
        font-size: 25px;
    }
    .aboutHeading {
        width: 100%;
    }
    .searchAboutContainer {
        width: 100%;
    }
    .specialtiesDes {
        width: 100%;
    }
    .specialtiesDes h3 {
        font-size: 35px;
        padding-bottom: 20px;
    }
    .specialityDesP {
        padding-bottom: 20px;
    }
    .specialtiesSection .searchAboutContainer {
        width: 100%;
        padding-bottom: 20px;
    }
    .specialtiesFilter {
        width: 100%;
    }
    .specialitySpacer {
        display: none;
    }
    .aboutSection {
        row-gap: 20px;
    }
    .healthPackageSliderPagination.desktop {
        display: none;
    }
    .healthCareLink.desktop {
        display: none;
    }
    .healthPackageDes {
        position: relative;
        left: 0;
        padding: 0;
    }
    .healthPackageDes h3 {
        padding-bottom: 20px;
        font-size: 35px;
    }
    .homeLinkNavContiner {
        display: flex;
        width: 100%;
        padding-top: 20px;
    }

    .homeLinkNavContiner.arabic {
        direction: rtl;
    }

    .homeLinkNavContiner.arabic .swiper-button-prev5 {
        order: -1;
    }

    .healthCareLink.tablet {
        justify-content: flex-start;
    }
    .healthCareDes {
        width: 100%;
        row-gap: 20px;
    }
    .healthCareSlider {
        width: 100%;
    }
    .healthCareDes h3 {
        font-size: 35px;
    }
    .healthPackageSliderPagination {
    }
    .swiper-button-next3 {
        top: 82.5%;
        right: 20%;
    }
    .swiper-button-prev3 {
        top: 82.5%;
        right: 10%;
    }
    .healthinnovContainer .swiper-button-next3 {
        display: block;
        position: relative;
        right: auto;
    }
    .healthinnovContainer .swiper-button-prev3 {
        position: relative;
        display: block;
    }

    .healthInnovHomeLinkNavContainer {
        display: flex;
        width: 100%;
    }

    .healthInnovHomeLinkNavContainer .healthinnovContainer {
        display: flex;
        column-gap: 20px;
    }
    .healthCareLink.Desktop {
        display: none;
    }
    .healthCareLink {
        width: 50%;
    }
    .swiper-button-next3 {
        position: relative;
        top: auto;
        right: auto;
    }
    .swiper-button-prev3 {
        position: relative;
        top: auto;
        right: auto;
    }
    .heathCare.arabic .swiper-button-next3 {
        right: auto;
        left: auto;
    }
    .heathCare.arabic .swiper-button-prev3 {
        right: auto;
        left: auto;
    }
    .healthInnoButtons {
        width: 50%;
        display: flex;
        gap: 20px;
    }
    .healthInnoButtons.arabic .swiper-button-prev3 {
        order: -1;
    }
    .healthCareDes svg {
        display: none;
    }
    .heathCare {
        row-gap: 20px;
    }
    .doctorPagination {
        order: -1;
    }
    .doctorSliderControlls {
        flex-wrap: wrap;
    }
    .doctorSliderArrows {
        width: 50%;
    }
    .doctorPagination {
        width: 100%;
    }
    .doctorSpacer2 {
        width: 50%;
    }
    .headingSearch {
        flex-direction: column;
        gap: 20px;
    }
    .headingSearch h3 {
        font-size: 35px;
        line-height: normal;
        width: 100%;
    }
    .doctorSearchAboutContainer {
        width: 100%;
    }
    .bookingAppointment {
        flex-direction: column;
        padding: 20px 0%;
    }
    .bookingdes {
        width: auto;
        padding: 0px 11%;
        padding-bottom: 140px;
        padding-top: 20px;
    }

    .bookingdes h3 {
        font-size: 35px;
    }
    .bookingImg {
        width: 100%;
    }

    .bookingImg img {
        border-radius: 0px;
    }
    .sehaLocations {
        flex-direction: column;
        gap: 30px;
    }
    .locationDes h3 {
        font-size: 35px;
    }

    .locationSearchAboutContainer {
        width: 100%;
    }

    .locationInnerSearchAboutContiner {
        width: 100%;
    }

    .locationSlider {
        width: 100%;
    }

    .locationSliderControl {
        width: auto;
    }

    .insurancePartners {
        flex-direction: column;
        gap: 30px;
    }
    .insuranceDes {
        width: auto;
        gap: 20px;
    }
    .insuranceSliders {
        width: auto;
    }
    .homePageSection .healthCareLink {
        width: 50%;
    }

    .healthPackageDes.arabic {
        width: 100%;
        left: auto;
        right: 0;
    }
    .bookingAppointment.arabic {
        padding: 0;
    }
    .bookingAppointment.arabic .bookingImg img {
        border-radius: 0;
    }
}

@media (max-width: 736px) {
    h2.homeSectionHeading {
        /* font-size: 35px; */
        font-size: 28px;
    }
    .filterCategory {
        display: flex;
        width: 22%;
        flex-direction: column;
        align-items: center;
        row-gap: 0px;
        padding: 0px;
        margin: 2.5%;
        background-color: #f0f0f080;
        border-radius: 30px;
        padding: 2.5%;
    }
    .searhCategories {
        flex-wrap: wrap;
        justify-content: normal;
    }
    .hideOnMobile {
        display: none;
    }
    .healthPackageSliderPagination {
        width: 50%;
    }
    .bookingImg {
        order: -1;
    }
    .locationDes {
        width: 100%;
    }
    .locationPackageSliderPagination {
        width: 50%;
    }
    .filterCategory svg {
        width: 50%;
    }
    .searhCategories p {
        font-size: 11px;
    }
    .bookingAppointment.arabic .bookingdes {
        padding-bottom: 188px;
    }
    .locationSliderControl {
        align-items: center;
    }
    .searchAboutContainer .locationSearchContiner {
        display: none;
    }
    .doctorLocationSearchContiner {
        display: none;
    }
    .locationIconContianer {
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
        flex-wrap: wrap;
    }
    h2.homeSectionHeading {
        letter-spacing: 0;
    }
}

@media (min-width: 1025px) {
    .homeKnowMoreSectionTablet {
        display: none;
    }
    .homeLinkNavContiner {
        display: none;
    }

    .healthCareLink.hideDesktop {
        display: none;
    }
    .hideOnDesktop {
        display: none;
    }
}