* {
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
      }
      .sectionMapCountries {
        max-width: 1360px;
        /* min-height: 150vh; */
        height: auto;
        overflow-x: clip;
        padding: 100px 0px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        margin: 0px auto;
      }
      .sectionMapCountries .mapCountriesTitle h2 {
        font-family: Lato;
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0px;
        text-transform: capitalize;
        color: #000000;
      }
      .sectionMapCountries .mapCountriesParag {
        max-width: 930px;
        min-width: 366px;
      }
      .sectionMapCountries .mapCountriesParag p {
        font-family: Lato;
        font-weight: 500;
        font-size: 19px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #232826;
        margin-top: 30px;
      }
      .sectionMapCountries .mapCountriesParag p span {
        font-family: Lato;
        font-weight: 600;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #d50c3d;
      }
      .sectionMapCountries .mapCountriesDetails {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 50px;
        position: relative;
      }

      .sectionMapCountries .mapCountriesDetails .swiperMapCountriesDetails {
        width: 100%;
        position: relative;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4 {
        z-index: 1000;
        position: relative;
        width: fit-content;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .parentSwiper {
        max-width: 50%;
        min-width: 600px;
        position: relative;
        margin-bottom: 50px;
        margin-left: 3%;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .swiperMapCountriesDetailschild {
        display: flex;
        gap: 16px;
        width: 100%;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .swiperMapCountriesDetailschild
        .swiper-slide {
        font-family: Lato;
        font-weight: 600;
        font-size: 16px;
        line-height: 29.87px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #d50c3d;
        background-color: #f6f6f6;
        border: none;
        border-radius: 8px;
        padding: 5px 0px;
        text-align: center;
        cursor: pointer;
        transition: all 0.6s;
      }

      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .swiperMapCountriesDetailschild
        .swiper-slide:hover {
        background-color: #d50c3d;
        color: #ffffff !important;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .swiperMapCountriesDetailschild
        .swiper-slide.active {
        background-color: #d50c3d;
        color: #ffffff !important;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line2
        h2 {
        font-family: Lato;
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0px;
        text-transform: capitalize;
        max-width: 260px;
        color: #000000;
      }
      .nameChangeSwiperSlide {
        transition: opacity 0.3s ease, transform 0.3s ease;
      }
      .nameChangeSwiperSlide.fade-out {
        opacity: 0;
        transform: translateY(-10px);
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line3
        h3 {
        font-family: Lato;
        font-weight: 700;
        font-size: 17.92px;
        line-height: 21.9px;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #000000;
        margin: 10px 0px 20px 0px;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        background-color: #f6f6f6;
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px;
        width: fit-content;
        padding: 10px 30px 5px 15px;
        position: relative;
        margin-top: 5px;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 100%;
        background-color: #10ab97;
        top: 0px;
        left: 0px;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card
        .line1 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card
        .line1
        span {
        background-color: #10ab97;
        width: 15px;
        height: 15px;
        border-radius: 100%;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card
        .line1
        h3 {
        font-family: Lato;
        font-weight: 800;
        font-size: 17px;
        /* line-height: 100%; */
        /* letter-spacing: 0%; */
        text-transform: capitalize;
        color: #d50c3d;
        margin: 0px 25px 0px 5px;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card
        .line1
        h4 {
        font-family: Lato;
        font-weight: 700;
        font-size: 16px;
        /* line-height: 100%; */
        letter-spacing: 0%;
        text-transform: capitalize;
        color: #10ab97;
      }

      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card
        .line2
        p {
        font-family: Lato;
        font-weight: 700;
        font-size: 16px;
        /* line-height: 100%; */
        /* letter-spacing: 0%; */
        text-transform: capitalize;
        color: #232826;
        margin: 10px 0px 15px 0px;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card
        .line3
        p {
        font-family: Lato;
        font-weight: 400;
        font-size: 16px;
        line-height: 181%;
        letter-spacing: 0%;
        text-transform: lowercase;
        max-width: 330px;
        color: #232826;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .cards {
        width: fit-content;
        display: none;
        width: 100%;
        display: none;
        overflow-y: auto;
        white-space: nowrap;
        transition: all 1s;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s ease, transform 0.5s ease;
      }
      /* Custom scrollbar styling */
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .cards::-webkit-scrollbar {
        width: 6px;
      }

      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .cards::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
      }

      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .cards::-webkit-scrollbar-thumb {
        background: #d50c3d;
        border-radius: 3px;
      }

      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .cards::-webkit-scrollbar-thumb:hover {
        background: #b00a36;
        cursor: pointer;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .cards.active {
        width: fit-content;
        /* display: flex; */
        flex-direction: column;
        gap: 20px;
        /* transition: all 1s; */
        opacity: 1;
        transform: translateY(0);
        /* display: grid; */
      }

      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4
        .card {
        white-space: normal; /* Reset for card content */
      }

      .sectionMapCountries .changeEgypt,
      .sectionMapCountries .changeSyria,
      .sectionMapCountries .changeSudan,
      .sectionMapCountries .changeTurkiye,
      .sectionMapCountries .changeNigeria,
      .sectionMapCountries .changeAfghanistan,
      .sectionMapCountries .changeYemen,
      .sectionMapCountries .changePalestine,
      .sectionMapCountries .changeLebanon {
        cursor: pointer;
        fill: #10ab97;
        position: relative;
        width: fit-content;
        height: fit-content;
      }
      .sectionMapCountries .changeEgypt,
      .sectionMapCountries .changeSyria,
      .sectionMapCountries .changeSudan,
      .sectionMapCountries .changeTurkiye,
      .sectionMapCountries .changeNigeria,
      .sectionMapCountries .changeYemen,
      .sectionMapCountries .changePalestine,
      .sectionMapCountries .changeLebanon {
        stroke: #fff;
        stroke-width: 1;
      }
      /* .sectionMapCountries .changeEgypt::after,
      .sectionMapCountries .changeSyria::after,
      .sectionMapCountries .changeSudan::after,
      .sectionMapCountries .changeTurkiye::after,
      .sectionMapCountries .changeNigeria::after,
      .sectionMapCountries .changeAfghanistan::after,
      .sectionMapCountries .changeYemen::after,
      .sectionMapCountries .changePalestine::after,
      .sectionMapCountries .changeLebanon::after{
        content: "<path d="M19.9103 44.8082C19.4321 44.7378 19.1053 44.32 19.181 43.875C19.2568 43.4305 19.7064 43.1268 20.1851 43.1972C21.6937 43.421 22.9115 43.7533 23.8246 44.1015C25.2136 44.6297 26.0232 45.298 26.1972 45.757C26.2673 45.9412 26.2615 46.1326 26.196 46.3035L26.1522 46.399L26.0953 46.4881C25.6891 47.0673 24.3431 47.9324 22.1388 48.4828C20.6094 48.8641 18.609 49.1476 16.1578 49.1476C13.7132 49.1476 11.7153 48.8652 10.1867 48.4877C7.66546 47.8651 6.26505 46.8192 6.09429 46.2772C6.04843 46.1292 6.04925 45.9789 6.08938 45.8403C6.22533 45.3635 7.03161 44.6616 8.45253 44.1152C9.36691 43.7639 10.5942 43.4256 12.1211 43.1995C12.5994 43.1291 13.0494 43.4328 13.1252 43.8773C13.2009 44.3218 12.8742 44.7401 12.3959 44.8105C11.0217 45.0141 9.92747 45.3144 9.11956 45.6246C8.68563 45.7911 8.68613 46.3297 9.12675 46.4776C9.53479 46.6146 10.0365 46.7613 10.633 46.9086C12.0282 47.2534 13.8705 47.5103 16.1578 47.5103C18.4452 47.5103 20.2887 47.2519 21.6854 46.9033C22.2643 46.7588 22.7537 46.6122 23.155 46.4726C23.597 46.3187 23.595 45.7769 23.1576 45.6105C22.3533 45.3045 21.269 45.0092 19.9103 44.8082ZM15.4002 44.8302C14.5333 43.5168 13.524 42.0664 12.4495 40.5223C7.14746 32.9035 0.242188 22.9842 0.242188 14.8314C0.242188 10.7569 2.02836 7.0592 4.91073 4.38118C7.78943 1.70189 11.7688 0.0429688 16.1567 0.0429688C20.5403 0.0429688 24.5185 1.70228 27.4007 4.38118C30.283 7.05627 32.0676 10.7544 32.0676 14.8314C32.0676 22.9819 25.1837 32.8752 19.8834 40.4921C18.7982 42.051 17.7791 43.5151 16.9061 44.8415C16.6538 45.2262 16.1129 45.3472 15.6988 45.1128C15.5711 45.0405 15.471 44.9424 15.4002 44.8302ZM16.1564 6.35912C16.1564 6.35928 16.1563 6.35947 16.1561 6.35947C13.7678 6.35956 11.6009 7.26228 10.0343 8.71792C8.4688 10.1756 7.49672 12.188 7.49672 14.4069C7.49672 16.6249 8.46802 18.6374 10.0573 20.1156C11.6404 21.5687 13.7881 22.4555 16.1566 22.4555C18.5431 22.4555 20.7085 21.552 22.2968 20.0768C23.8603 18.6036 24.8144 16.6067 24.8144 14.4066C24.8144 12.1878 23.8431 10.1753 22.276 8.7188C20.709 7.26241 18.5438 6.35888 16.1566 6.35878C16.1564 6.35878 16.1563 6.35896 16.1564 6.35912Z" fill="#CE0F48"/>
<path d="M16.1543 7.07715C20.6028 7.07728 24.0781 10.412 24.0781 14.3701C24.078 18.3281 20.6027 21.662 16.1543 21.6621C11.7057 21.6621 8.22966 18.3282 8.22949 14.3701C8.22949 10.4119 11.7056 7.07715 16.1543 7.07715Z" stroke="#CE0F48" stroke-width="2.05268"/>";
        position: absolute;
        width:100%;
        height:100%;
        top:0px;
        left:0px;
        color:red;
        font-size:20px;

      } */
      .changeAfghanistan {
        cursor: pointer;
        fill: #10ab97;
        transition: 0.6s all;
        stroke: white;
        stroke-width: 1;
      }
      .sectionMapCountries .changeEgypt:hover,
      .sectionMapCountries .changeSyria:hover,
      .sectionMapCountries .changeSudan:hover,
      .sectionMapCountries .changeTurkiye:hover,
      .sectionMapCountries .changeNigeria:hover,
      .sectionMapCountries .changeYemen:hover,
      .sectionMapCountries .changeAfghanistan:hover,
      .sectionMapCountries .changePalestine:hover,
      .sectionMapCountries .changeLebanon:hover {
        transition: 0.6s all;
        fill: #ce0f48;
      }
      .sectionMapCountries .changeEgypt:not(:hover),
      .sectionMapCountries .changeSyria:not(:hover),
      .sectionMapCountries .changeSudan:not(:hover),
      .sectionMapCountries .changeTurkiye:not(:hover),
      .sectionMapCountries .changeNigeria:not(:hover),
      .sectionMapCountries .changeYemen:not(:hover),
      .sectionMapCountries .changeAfghanistan:not(:hover),
      .sectionMapCountries .changePalestine:not(:hover),
      .sectionMapCountries .changeLebanon:not(:hover) {
        transition: 0.6s all;
        fill: #10ab97;
      }

      .sectionMapCountries .changeEgypt.active,
      .sectionMapCountries .changeSyria.active,
      .sectionMapCountries .changeSudan.active,
      .sectionMapCountries .changeTurkiye.active,
      .sectionMapCountries .changeNigeria.active,
      .sectionMapCountries .changeAfghanistan.active,
      .sectionMapCountries .changeYemen.active,
      .sectionMapCountries .changePalestine.active,
      .sectionMapCountries .changeLebanon.active {
        transition: 0.6s all;
        fill: #ce0f48;
      }

      .showTextNigeria,
      .showTextYemen,
      .showTextAfghanistan,
      .showTextTurkiye,
      .showTextPalestine,
      .showTextLebanon,
      .showTextEgypt,
      .showTextSyria,
      .showTextSudan {
        transition: 0.6s all;
        /* display: none; */
      }

      .changeColorLocationSudan,
      .changeColorLocationNigeria,
      .changeColorLocationYemen,
      .changeColorLocationAfghanistan,
      .changeColorLocationTurkiye,
      .changeColorLocationPalestine,
      .changeColorLocationLebanon,
      .changeColorLocationEgypt,
      .changeColorLocationSyria {
        fill: #10ab97;
        transition: 0.6s all;
        stroke: transparent;
      }

      /* Location marker styles - updated approach */
      .sectionMapCountries .country-marker {
        position: absolute;
        width: 33px;
        height: 50px;
        pointer-events: none;
        z-index: 10;
        transform: translate(-50%, -100%);
        transition: 0.6s all;
        display: none;
      }

      .sectionMapCountries .country-marker.active {
        display: block;
      }

      .sectionMapCountries .svgFloatRight {
        position: absolute;
        left: 27%;
        top: -6%;
        width: 80%;
      }
      .sectionMapCountries .svgParag {
        margin-left: 30px;
        max-width: 600px;
        /* min-width: 366px; */
      }
      .sectionMapCountries .svgParag p {
        font-family: Lato;
        font-weight: 500;
        font-size: 19px;
        line-height: 100%;
        letter-spacing: 0%;

        color: #232826;
        /* margin-top: 30px; */
      }
      .sectionMapCountries .svgParag p span {
        font-family: Lato;
        font-weight: 600;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;

        color: #d50c3d;
      }
      .svgLocation {
        /* position:absolute; */
        /* left: 21%; */
        /* top: -7%; */
      }
      /* Swiper navigation buttons */
      .swiper-button-next,
      .swiper-button-prev {
        color: #d50c3d;
        width: 30px;
        height: 30px;
        background: #f3cad4;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 66% !important;
      }
      .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, -6%) !important;
        left: auto;
      }
      .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, -6%) !important;
        right: auto;
      }
      .swiper-button-next::after,
      .swiper-button-prev::after {
        font-size: 16px;
        font-weight: bold;
      }
      .sectionMapCountries
        .mapCountriesDetails
        .swiperMapCountriesDetails
        .line4.CardsMobile {
        display: none;
      }
      #zoomInBtn,#zoomOutBtn{
            display:none;
      }
      @media screen and (max-width: 1300px) {
        .sectionMapCountries {
          width: 90%;
        }
        .sectionMapCountries .svgFloatRight {
          position: absolute;
          left: 35%;
          top: 20%;
          /* background-color: red; */
          max-width: 60%;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .parentSwiper {
          /* max-width: 50%; */
          min-width: 350px;
          margin-left: 4%;
        }
        .sectionMapCountries .mapCountriesParag p {
          font-size: 16px;
          margin-top: 30px;
        }
        .sectionMapCountries .mapCountriesParag p span {
          font-size: 16px;
          margin-top: 30px;
        }
        .sectionMapCountries .mapCountriesTitle h2 {
          font-size: 28px;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line2
          h2 {
          font-size: 28px;
          max-width: 200px;
        }

        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .swiperMapCountriesDetailschild
          .swiper-slide {
          font-size: 14px;
          border-radius: 8px;
          padding: 5px 0px;
        }
        .swiper-button-next,
        .swiper-rtl .swiper-button-prev {
          right: var(--swiper-navigation-sides-offset, -8%) !important;
          left: auto;
        }
        .swiper-button-prev,
        .swiper-rtl .swiper-button-next {
          left: var(--swiper-navigation-sides-offset, -8%) !important;
          right: auto;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4
          .card
          .line3
          p {
          font-size: 14px;
          max-width: 250px;
        }
      }
      @media screen and (max-width: 920px) {
        .sectionMapCountries .svgFloatRight {
          position: relative;
          left: 0%;
          top: 0%;
          /* background-color: red; */
          width: 100%;
          max-width: 100%;
          margin-top: 0px;
        }
        .sectionMapCountries .svgParag {
    margin-left: 0px;
    max-width: 600px;
            margin-bottom: 20px;
    /* min-width: 366px; */
}
        .sectionMapCountries .mapCountriesDetails {
          width: 100%;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: center;
          margin-top: 50px;
          position: relative;
          flex-direction: column;
          display: flex;
          gap: 0px;
        }

        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4 {
          display: none;
        }

        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4.CardsMobile {
          display: block;
          width: 100%;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4
          .cards.active {
          width: 100%;
          flex-direction: row;
          overflow: visible;
          gap: 0px;
        }

        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4
          .card {
          display: flex !important;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4
          .cards {
          width: fit-content;
          display: flex;
          width: 100%;
          overflow-y: visible;
          white-space: nowrap;
          opacity: 1;
          transform: translateY(0px);
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .parentSwiper {
          max-width: fit-content;
          min-width: unset;
          /* margin-left: 7%; */
          width: 80%;
          margin: 0px auto 50px;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .swiperMapCountriesDetailschild {
          display: flex;
          gap: 16px;
          width: 90%;
        }
        .sectionMapCountries .mapCountriesParag p {
          font-size: 16px;
          margin-top: 30px;
        }
        .sectionMapCountries .mapCountriesParag p span {
          font-size: 16px;
          margin-top: 30px;
        }
        .sectionMapCountries .mapCountriesTitle h2 {
          font-size: 28px;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line2
          h2 {
          font-size: 28px;
          max-width: 200px;
        }

        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .swiperMapCountriesDetailschild
          .swiper-slide {
          font-size: 14px;
          border-radius: 8px;
          padding: 5px 0px;
        }
        .swiper-button-next,
        .swiper-rtl .swiper-button-prev {
          right: var(--swiper-navigation-sides-offset, -8%) !important;
          left: auto;
        }
        .swiper-button-prev,
        .swiper-rtl .swiper-button-next {
          left: var(--swiper-navigation-sides-offset, -8%) !important;
          right: auto;
        }
        .sectionMapCountries
          .mapCountriesDetails
          .swiperMapCountriesDetails
          .line4
          .card
          .line3
          p {
          font-size: 14px;
          max-width: 250px;
        }
      }
      @media screen and (max-width: 500px) {
            .svgFloatRight {
        /* position: absolute; */
        width: 100%;
        /* overflow: hidden; */
    }
        .svgFloatRight .SVGAllMap {
          width: 150%;
          height:100% !important;
          position: relative;
          left: -30%;
        }

        .parentSVG{
            width: 100%;
    position: relative;
    height: fit-content;
            margin-bottom: 10px;

      }
    #zoomInBtn, #zoomOutBtn {
    position: absolute;
    top: -15%;
    right: 0%;
    /* color: white; */
    border: none;
    border-radius: 50px;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); */
    transition: all 0.3s ease;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 35px;
    border:.09px solid #ce0f4878;

}

#zoomInBtn {
    /* background: linear-gradient(135deg, #CE0F48, #FF6B8B); */
    background:transparent;
    color:#CE0F48;
}

#zoomOutBtn {
  /* background: linear-gradient(135deg, #3A5D59, #5D8A7E); */
    background:transparent;
    color:#3A5D59;
}

#zoomInBtn:hover, #zoomOutBtn:hover {
    transform: translateY(-3px);
    /* box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); */
}

#zoomInBtn:active, #zoomOutBtn:active {
    transform: translateY(1px);
}

#zoomInBtn::before {
    content: "+";
}

#zoomOutBtn::before {
    content: "-";
}
.SVGAllMap{
      z-index:20;
      
}
  .onlyEgypt,.onlySyria,.onlySudan,.onlyLebanon,.onlyPalestine,.onlyYemen,.onlyAfghanistan,.onlyNigeria,.onlyTurkiye{
    transition: all .5s ease-in-out !important;
    /* width:100% !important; */
    /* height: 100% !important; */
    /* left:0% !important; */
    display:none;
    opacity:0;
    transform: scale(.6);
    /* position: absolute !important; */
    top: 0%;
    z-index:10;
  }
  .onlyEgypt.active,.onlySyria.active,.onlySudan.active,.onlyLebanon.active,.onlyPalestine.active,.onlyYemen.active,.onlyAfghanistan.active,.onlyNigeria.active,.onlyTurkiye.active{
    transition: all .5s ease-in-out !important;
    /* width:100% !important; */
    /* left:0% !important; */
    display:block;
    opacity:1;
    transform: scale(1);
    /* position: relative !important; */
            /* top: 0%; */
  }
  .onlyEgypt:not(.active),.onlySyria:not(.active),.onlySudan:not(.active),.onlyLebanon:not(.active),.onlyPalestine:not(.active),.onlyYemen:not(.active),.onlyAfghanistan:not(.active),.onlyNigeria:not(.active),.onlyTurkiye:not(.active){
    transition: all .3s ease-in-out !important;
    /* width:100% !important; */
    /* position: absolute !important; */
    /* left:0% !important; */
    /* top:0%; */
    display:none;
    opacity:0;
    transform: scale(.6);
    z-index:10;
  }

  .swiper-button-next,
      .swiper-button-prev {
        background: transparent;
      }

      /* Disabled navigation buttons */
/* .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
} */

      }
      
      
 @media screen and (max-width: 1300px) {
 .sectionMapCountries .svgParag p{
     font-size:14px;
     line-height:1.4em;
 }
 }  
 @media screen and (max-width: 768px) {
 .parentSVG svg {
        margin-bottom: -12px;
    }
 }