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

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

@font-face {
    font-family: 'ProtocolMF';
    src: url('fonts/ProtocolMFMedium.woff2') format('woff2'),
        url('fonts/ProtocolMFMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Assistant';
    src: url('fonts/Assistant-Regular.woff2') format('woff2'),
        url('fonts/Assistant-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Assistant';
    src: url('fonts/Assistant-Light.woff2') format('woff2'),
        url('fonts/Assistant-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Assistant';
    src: url('fonts/Assistant-Bold.woff2') format('woff2'),
        url('fonts/Assistant-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Assistant';
    src: url('fonts/Assistant-Medium.woff2') format('woff2'),
        url('fonts/Assistant-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-blue: #0D2182;
    --max-width: 1515px;
    --dir-factor: 1;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'ProtocolMF', sans-serif;
}
html {
  height: 100%;
  min-width: 320px;
}
body {
  color: white;
  overflow-x: hidden;
  direction: rtl;
  min-height: 100%; 
  margin: 0;
  padding: 0;
}
body.en *{
    font-family: 'Assistant', sans-serif !important;
}
body.en {
  direction: ltr;
  --dir-factor: -1;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 320px;
  overflow-x: hidden;
}

.visible-sm{
  display: none !important;
}

@media only screen and (max-width : 992px) {
  .hide-sm{
    display: none !important;
  }
  .visible-sm{
    display: block !important;
  }
}

.container-fluid {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 25px;
  width: 100%;
}
.hero-section{
  background: linear-gradient(-68deg, var(--primary-blue) 37%, #478CF4 82%);
  position: relative;
  /*overflow: hidden;*/
}
:where(.en) .hero-section{
  background: linear-gradient(-68deg, #478CF4 37%, var(--primary-blue) 82%);
}

.hero-section .container-fluid{
  padding: 0 25px 0 0;
  position: relative;
  z-index: 10;
}
.hero {
  display: flex;
  height: 100vh;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  max-height: 695px;
}

.hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 10rem 3rem 0;
  z-index: 2;
}
:where(.en) .hero-content{
  padding-left: 10rem;
  padding-right: 0;
}
.hero-content h1{
  color: #fff;
  font-size: 150px;
  line-height: 0.8;
  font-weight: bold;
  margin: 3rem 0 2.6rem -0.3rem;
}
.logo-container{
  max-width: 465px;
}
.hero-ball{
  position: absolute;
  width: 50%;
  opacity: 0.3;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  max-width: 648px;
  height: auto;
  z-index: 9;
}
.hero-logo {
}

.main-title-img {
  max-width: 400px;
  margin:3rem 0 2.5rem;
}

.hero-footer {
  display: flex;
  align-items: center;
  gap: 24px;
}
:where(.en) .hero-footer {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.hero-year {
  font-weight: 700;
  font-size: 96px;
  display: inline-block;
  line-height: 1;
}

.divider {
  width: 4px;
  height: 51px;
  background-color: #F8A88D;
  opacity: 1;
  border-radius: 4px;
}

.hero-subtitle {
  font-weight: 300;
  font-size: 32px;
  line-height: 0.9;
  max-width: 212px;

}
:where(.en) .hero-subtitle{
  max-width: 256px;
}
.hero-image-container {
  flex: 1.2;
  position: relative;
  /*clip-path: ellipse(50% 54% at 50% 50%);*/
  clip-path: ellipse(50% 53% at 50% 47%);
}

.hero-image {
  width: 100%;
  height: 100%;
  background: url('img/hero.webp') center/cover no-repeat;
}
@media only screen and (min-width : 992.01px) {
  .hero-section::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 180px;
    pointer-events: none;
    z-index: 1;

    background: linear-gradient(
      to bottom,
      rgba(237,241,252,0) 0%,
      rgba(237,241,252,1) 100%
    );
  }
}
@media only screen and (max-width : 1200px) {
  .hero-image-container {
    /*clip-path: none;
    border-radius: 0 50% 50% 0;*/
  }
}

@media only screen and (max-width : 992px) {
  .hero {
    max-height: 625px;
  }
  .hero-section{
    position: relative;
    background: none;
  }
  .hero-logo{
    max-width: 100%;
    min-width: 170px;
    margin: auto;
    height: auto;
  }
  .hero-section:before{
    display: block;
    content: '';
    background: linear-gradient(180deg, var(--primary-blue) 29%, rgba(71,140,244,1) 71%, rgba(71,140,244,0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 0;
    min-height: 946px;
  }
  .hero-ball{
    width: 67%;
    left: auto;
    opacity: 1 !important;
    z-index: 0;
    right: -31%;
/*    transform: none !important;*/
  }
  .hero-section .container-fluid{
    padding: 0 15px;
  }
  .hero-text-wrap{
    text-align: center;
  }
  .hero-content,
  :where(.en) .hero-content{
    padding: 0;
    align-items: center;
  }
  .hero-image {
    background-image:
    linear-gradient(
      -137deg,
      rgba(13, 33, 130, 1),
      rgba(13, 33, 130, 0)
    ),
    url("img/hero.webp");
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    width: 374px;
    height: 374px;
    left: -11%;
    top: -8%;
  }
  .main-title-img-2 {
    max-width: 189px;
    height: auto;
    margin: 8.5rem 0 1rem;
  }
  .hero-footer{
    flex-direction: column;
    gap: 0px;
  }
  .hero-footer .hero-subtitle{
    order: 1;
    font-size: 23px;
  }
  .hero-year {
    font-size: 57px;
    order: 2;
  }
  .hero-footer .divider{
    order: 3;
    width: 44px;
    height: 4px;
    margin: 37px 0 0;
  }
  .hero-content h1{
    font-size: 100px;
    line-height: 0.9;
  }


}
@media (max-width: 768px) {
  .hero-image {
    top: -13%;
  }
  .hero-content h1{
    font-size: 80px;
    line-height: 0.9;
  }
}
/* Extra small devices */
@media (max-width: 480px) {
    .hero-year {
        font-size: 60px;
    }
    .main-title-img {
        max-width: 220px;
    }
    .hero-image-container {
        width: 220px;
        height: 220px;
    }
    :where(.en) .hero-logo{
      max-width: 180px;
      height: auto;
    }
    .hero-content h1{
      margin-top: 9rem;
      line-height: 0.8;
    }
    :where(.en) .hero-footer .hero-subtitle {
      font-size: 30px;
      line-height: 1;
      font-weight: 300;
      margin-bottom: 1rem;
    }
    :where(.en) .hero-footer .divider{
      margin-top: 20px;
    }
    :where(.en) .intro-title {
      font-size: 32px;
      line-height: 1.2;
      font-weight: 500;
      margin-bottom: 2rem;
    }
    :where(.en) .intro-title br{
      display: none;
    }
    :where(.en) .intro-title span{
      display: block;
    }
    :where(.en) .intro-desc{
      font-weight: bold;
      max-width: 320px;
      font-size: 28px;
      color: #0D2182;
    }
}


/*
************************ section-2
*/
.section-2 {
    padding: 7rem 0 11rem;
    color: #0d2182;
    overflow: hidden;
    position: relative;
}
:where(.en) .section-2 {
  padding: 4.9rem 0 6rem;
}
.section-2 .container-fluid{
  max-width: 1200px;
}
.sec-ball{
  position: absolute;
  /*left: 0;*/
  inset-inline-end: 0;
  margin: auto;
  top: 0;
  bottom: 25%;
  max-height: 65%;
  width: auto;
  z-index: 1;
}
.section-2 .container-fluid{
  position: relative;
  z-index: 10;
}
.section-2:before{
  display: block;
  content: '';
  background: linear-gradient(0deg, rgba(71, 140, 244, 0) 0%, rgba(71, 140, 244, 0.11) 100%);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
  max-height: 946px;
}

.intro-wrap {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 5.8rem;
}
:where(.en) .intro-wrap{
  max-width: 990px;
  margin: 0 auto 3.3rem;
}

.intro-title { font-size: 90px; font-weight: 700; margin-bottom: 0;line-height: 0.9; }
:where(.en) .intro-title{
  font-weight: normal;
  margin-bottom: 3.6rem;
}
.intro-desc { font-size: 40px; font-weight: 700; margin-bottom: 20px; line-height: 1.4; color:var(--primary-blue); }
:where(.en) .intro-desc {
  font-size: 60px;
  line-height: 0.9;
  margin: 0 0 1.7rem;
}
.intro-desc2 { font-size: 32px; color: #000; font-weight: 300; line-height: 1.1;margin: 0 0 2.6rem; }
/* Chapter Badge */
:where(.en) .intro-desc2 {
  line-height: normal;
  margin: 0 0 1.3rem;
}
.scroll-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.scroll-indicator span{
    color: #478CF4;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0.2rem;
}
.section-2 .i-icon{
    width: 30px;
    height: 40px;
    fill: currentColor; 
    display: inline-block;
}
.arrow-down {
  fill: #478CF4;
  animation: move-bounce 2s ease-in-out infinite;
}

@keyframes move-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px); /* Moves down by 10px */
  }
}
.section-2 .chap-box-1{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
  margin: 0 0 1.4rem;
}
:where(.en) .section-2 .chap-box-1{
  gap: 2rem;
  margin: 0 0 2.4rem;
}
.chapter-badge {
  position: relative;
  width: 211px;
  height: 211px;
  margin: 0 0 1.9rem 0;
  margin-inline-start: -1.4rem;
}
:where(.en) .chapter-badge{
  margin-bottom: -0.2rem;
}
.chapter-badge .badge-circle {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.chapter-badge .badge-svg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    transform: rotate(90deg);
}
.chapter-badge .outline-path {
    fill: none;
    stroke: #478CF4;
    stroke-width: 2;
    stroke-dasharray: 301; 
    stroke-dashoffset: 301;
}
.chapter-badge .badge-text { 
    text-align: center; 
}
.chapter-badge .badge-text-ball{
  text-align: center;
  display: flex;
  justify-content: center;
  width: 170px;
  height: 170px;
  color: #fff;
  flex-direction: column;
  border-radius: 50%;
  background: linear-gradient(-152deg, rgba(53, 158, 215, 0.6) 0%, rgba(20, 56, 146, 1) 100%)
  
}
.chapter-badge .badge-text .label { 
  display: block; 
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  margin: 16px 0 -18px;
}
:where(.en) .chapter-badge .badge-text .label {
  font-size: 24px;
  line-height: 1.3;
}
.chapter-badge .badge-text .number { 
  display: block; 
  font-size: 126px;
  letter-spacing: -4.2pt;
  line-height: 1;
  font-weight: 700; 
}
:where(.en) .chapter-badge .badge-text .number {
  font-size: 100px;
}
/* Typography from Figma */
.section-2 .chapter-title,
.section-12 .chapter-title {
  font-size: 128px;
  line-height: 0.7;
  font-weight: 700;
  margin: 0;
  max-width: 500px;
  /*text-align: right;*/
  text-align: start;
  letter-spacing: -1.8pt;
}
:where(.en) .section-2 .chapter-title,
:where(.en) .section-12 .chapter-title {
  line-height: 1;
}
.chapter-main-statement {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.9;
  margin: 0 0 3rem;
  max-width: 800px;
  letter-spacing: -1.4pt;
}
:where(.en) .chapter-main-statement {
  max-width: 830px;
}
.quote-box {
  display: inline-block;
  position: relative;
  /*padding: 0 61px 0 0;*/
  padding-inline-start: 61px;
}
.half-dot:after{
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  left: auto;
  inset-inline-start: 0;
  bottom: 10%;
  margin: auto;
  height: 68px;
  width: 30px;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  background-color: #FFA286;
}
:where(.en) .half-dot:after{
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
}

.quote-box p {
    font-size: 40px;
    font-weight: 500;
    color: #000;
}

.stats-grid {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 30px;
  margin-top: 2rem;
  height: 600px;
}
:where(.en) .stats-grid {
  flex-direction: row-reverse;
}
.stat-card {
  position: relative;
  width: 400px;
  height: 0;
  opacity: 0; /* Hidden initially */
  border-radius: 0 !important;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 1rem;
  color: white;
  will-change: height, opacity; /* Performance optimization */
}

.card-world {background: url('img/map-bg.webp') center/cover no-repeat;}
.card-israel {background: url('img/flag-bg.webp') center/cover no-repeat;}
.card-world-2 {background: url('img/map-2-bg.webp') center/cover no-repeat;}
.card-israel-2 {background: url('img/flag-2-bg.webp') center/cover no-repeat;}

.stat-content {
    text-align: center;
    z-index: 2;
}

.percent {
  font-size: 200px;
  font-weight: 700;
  display: block;
  letter-spacing: -2pt;
  line-height: 0.9;
  margin: 0 0 0;
}
.percent i {
  font-style: normal;
  font-size: 0.85em;
  vertical-align: baseline;
  /*margin-right: 5px;*/
  margin-inline-end: 5px;
}
.stat-label {
    font-size: 32px;
    font-weight: 500;
}
.section-2 .lens-2{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 69%;
  margin: auto;
  display: block;
  z-index: 2;
}

@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-2 {
    padding: 0rem 0 5rem;
  }
  .intro-wrap {
    margin: 0 auto 2.7rem;
  }

  .intro-title {
    font-size: 50px;
    line-height: 0.8;
    max-width: 335px;
    margin: 0 auto 1.3rem;
  }
  .intro-desc {
    font-size: 28px;
    line-height: 1;
    color: #000;
    margin: 0 auto 1rem;
    max-width: 202px;
  }
  .intro-desc2 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 1rem;
  }
  .scroll-indicator span {
    font-size: 28px;
    max-width: 174px;
    margin: 0 0 0.2rem;
  }
  .section-2 .i-icon {
    width: 20px;
    height: 26px;
  }
  .sec-ball{
    display: none;
  }
  .section-2 .chapter-main-statement {
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: -1pt;
  }
  .section-2 .section-subtitle{
    margin-bottom: 1rem;
  }
  .section-2 .chap-box-1{
    gap: 1rem;
  }
  .section-2 .quote-box {
    padding: 38px 0 0;
    max-width: 264px;
    margin: 0 0 0;
    color: #478CF4;
  }
  .section-2 .quote-box br{
    display: none;
  }
  :where(.en) .section-2 .quote-box br{
    display: block;
  }
  .section-2 .quote-box:after{
    background: #FFA286;
    height: 35px;
    width: 15px;
    right: 10px;
    transform: rotate(-90deg);
    top: 0;
    bottom: auto;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
  }
  :where(.en) .section-2 .quote-box:after{
    right: auto;
    inset-inline-start: 10px;
  }
  .section-2 .quote-box p {
    font-size: 20px;
    line-height: 1;
    color: #478CF4;
  }
  .section-2 .stats-grid{
    height: 340px;
    gap: 15px;
    margin: 0 0 2rem;
  }
  .section-2 .stat-card{
    width: 25%;
    min-width: 150px;
  }
  .section-2 .percent {
    font-size: 77px;
  }
  .section-2 .stat-label {
    font-size: 16px;
  }
}
@media only screen and (max-width : 768px) {
  .section-2 .quote-box p {
    font-size: 20px;
  }
  .section-2 .stats-grid{
    height: 240px;
  }
  .section-2 .section-title,
  .section-2 .section-subtitle {
    max-width: 270px;
  }
  .intro-desc2 br{
    display: none;
  }
  .intro-desc2{
    margin: 0 auto 1rem;
    max-width: 272px;
  }
  :where(.en) .intro-desc2{
    font-weight: 300;
    max-width: 100%;
    margin: 0 0 5.2rem;
  }
  :where(.en) .intro-desc2 br{
    display: block;
  }
  :where(.en) .section-2 .chap-box-1{
    margin: 0 0 1.3rem;
  }
  :where(.en) .section-2 .chapter-main-statement {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
  }
  :where(.en) .section-2 .chapter-main-statement span{
    display: block;
  }
}

@media only screen and (max-width : 480px) {
  :where(.en) .intro-wrap {
    margin: 0 auto 0.5rem;
  }
}

/*section-2 -*/



/*
  Section 3
*/
.section-3 {
  background: linear-gradient(-147deg, #0D2182 0%, #3DB5E9 100%);
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  padding: 0 0 7rem;
}
:where(.en) .section-3 {
    background: linear-gradient(-65deg, #0D2182 0%, #3DB5E9 100%);
}
.section-3 .container-fluid{
  max-width: 1160px;
}
:where(.en) .section-3 .container-fluid{
  max-width: 1340px;
}
.top-half-circle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  z-index: 1;
}
:where(.en) .top-half-circle {
  left: 75%;
}
.bottom-lines-ball {
  position: absolute;
  bottom: -100px;
  width: 304px;
  height: 340px;
  right: -30px;
  z-index: 1;
}
.stat-flex-container {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 10;
}
:where(.en) .stat-flex-container {
  align-items: start;
  padding-bottom: 5rem;
}

.stat-left-block {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}
:where(.en) .stat-left-block{
  flex-direction: row;
}

.numbers-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    direction: ltr;
}

.label-of {
  font-size: 48px;
  font-weight: 700;
  position: absolute;
  top: 4.1%;
  right: 0;
  /*margin-right: 14%;*/
  margin-inline-end: 14%;
}
:where(.en) .label-of {
  top: 1%;
  left: 0;
  right: auto;
}

.big-numbers-row {
    display: flex;
    line-height: 0.8;
}
:where(.en) .big-numbers-row{
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.num-five {
    font-size: 500px;
    font-weight: 700;
    color: #E2F4FC;
    text-shadow: 0 4px 50px rgba(0, 0, 0, 0.15);
    position: relative;
    line-height: 0.8;
    margin: 0 -5% 0 0;
    bottom: -206px;
}

.num-two {
    font-size: 500px;
    font-weight: 700;
    color: #F8A88D;
    text-shadow: 0 4px 50px rgba(0, 0, 0, 0.15);
    line-height: 0.8;
}
:where(.en) .num-two {
    line-height: 1;
}
.sub-statement {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    max-width: 303px;
    /*margin-left: auto;*/
    margin-inline-end: auto;
    flex:0 0 280px;

}
:where(.en).sub-statement {
    flex:0 0 280px;
}
.stat-right-block {
    flex: 0 0 50%;
    text-align: right;
    text-align: start;
}
:where(.en) .stat-right-block {
  /*flex: 0 0 35%;*/
  flex: 0 0 385px;
  padding-top: 7rem;
}


.main-statement {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-3 {
    padding: 4.2rem 0 5.7rem;
  }
  .top-half-circle{
    display: none;
  }
  .bottom-lines-ball {
    position: absolute;
    bottom: -282px;
    width: 204px;
    height: 340px;
    left: 0;
    right: auto;
    z-index: 1;
    transform: rotate(-180deg);
    zoom: 0.6;
  }
  :where(.en) .bottom-lines-ball {
    transform: rotate(0deg);
    left: auto;
    right: 0;
    bottom: 70px;
    zoom: 0.5;
  }
  .stat-flex-container {
    flex-direction: column;
  }
  .main-statement {
    font-size: 40px;
    text-align: center;
    max-width: 337px;
    line-height: 0.9;
    margin: auto;
  }
  .stat-left-block {
    align-items: center;
    margin: -3% auto 0;
  }
  .num-five, .num-two {
    font-size: 305px;
  }
  .num-five{
    bottom: -126px;
  }
  .label-of {
    font-size: 22px;
    font-weight: 500;
    top: 6.1%;
    /*margin-right: 14%;*/
    margin-inline-end: 14%;
  }
  :where(.en) .label-of {
    top: 1%;
  }
  .numbers-wrapper{
    margin-bottom: 7rem;
  }
  .sub-statement {
    font-size: 20px;
    max-width: 330px;
    position: relative;
    padding: 38px 0 0;
    /*max-width: auto;*/
  }
  .sub-statement:after {
    position: absolute;
    content: '';
    background: #478CF4;
    height: 35px;
    width: 15px;
    /*right: 10px;*/
    inset-inline-start:10px;
    transform: rotate(-90deg);
    top: 0;
    bottom: auto;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
  }
  :where(.en) .stat-left-block{
    flex-direction: column;
  }
  :where(.en) .stat-flex-container{
    padding-bottom: 0;
  }
  :where(.en) .sub-statement{
    flex: 0 0 auto;
  }
  :where(.en) .stat-right-block{
    flex:0 0 auto;
  }
}

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

}

@media (max-width: 768px) {
    .stat-flex-container { flex-direction: column; }
    .stat-left-block, .stat-right-block { flex: 0 0 100%; width: 100%; padding: 0; border: none; }
    .num-five, .num-two { font-size: 220px; }
}
/*Section 3 -*/


/*
  Section 4
*/
.section-4 .container-fluid {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
}
.section-map {
    padding: 11rem 0;
    padding: clamp(4rem, 2rem + 8vw, 11rem) 0;
    background: #fff;
}
:where(.en) .section-map {
  padding: 6rem 0;
}
:where(.en) .section-8 .section-map {
  padding-bottom: 10rem;
}
.section-map .section-title{
    margin-bottom: 3rem;
}
:where(.en) .section-map .section-title{
  max-width: 690px;
  margin-left: auto;
  margin-bottom: 2.3rem;
}
.map-wrapper {
    position: relative;
    max-width: 1365px;
    margin: 0 auto;
}
.map-container{
    position: relative;
    width: 100%;
    padding-bottom: 58%;
}
#world-map {
    width: 100%;
    position: absolute;
    height: 100%;
}
#world-map #south-america{transform: translate(15.7%, 38.9%);}
#world-map #australia{transform: translate(79.1%, 60.4%);}
#world-map #israel{transform: translate(56.8%, 37%);}
#world-map #europe{transform: translate(44.4%, 22.4%);}
#world-map #rest-of-world{transform: translate(42.2%, 6.9%);}

.map-region {
    transition: fill 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
    pointer-events: all;
}
.map-region path {
    fill: #E3F4FC;
    transition: fill 0.3s ease;
    cursor: pointer;
}

/* Hover effect logic - color will be set via JS from data-hover */
.map-region.active path {
    fill: var(--hover-color) !important;
    opacity: 1;
}

/* Labels styling */
.map-label {
  cursor: pointer;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 10;
  /* CHANGE THIS FROM none TO auto */
  pointer-events: auto; 
  transition: transform 0.3s ease, color 0.3s ease;
}
.map-label.label-active {
    transform: scale(1.1);
    z-index: 10;
}

.p-num {
    font-weight: 700;
    font-size: 180px;
    line-height: 1;
    font-size: clamp(2rem, -1.7841rem + 16.8182vw, 11.25rem);
    color: var(--label-color, #F8A88D);
    margin: 0 0 -0.8vw;
    display: inline-flex;
    align-items: baseline;
    font-variant-numeric: tabular-nums;
    direction: ltr;

}
.p-num i{
    font-style: normal;
    font-size: .8em;
}
.p-text {
    font-size: 36px;
    font-size: clamp(1.1rem, 1.1932rem + 1.3636vw, 2.25rem);
    font-weight: 500;
    color: #000;
    transition: text-shadow 0.3s;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0);
}
.map-label:hover .p-text,
.map-label:hover .p-num{
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.3);
    transition: text-shadow 0.3s;
}

.label-north-america { top: -12%; left: 7%; --label-color: #478CF4; }
.label-europe { top: 0%; left: 48%; --label-color: #2A327A; }
.label-israel { top: 27%; left: 55%; --label-color: #FFA286; }
.label-south-america { top: 54%; left: 8%; --label-color: #40B5E8; }
.label-australia { top: 65%; left: 64%; --label-color: #40B5E8; }

.upperMap{
    font-weight: 500;
    font-size: 40px;
    line-height: 1;
    color: #000;
    margin: 0 0 3rem;
}

.upperMap p{
    margin: 0;
}
.hd-middle.half-dot{
  /*padding-right: 61px;*/
  padding-inline-start: 61px;
  position: relative;
  max-width: 600px;
}
:where(.en) .upperMap.hd-middle.half-dot{
  max-width: 632px;
  margin-left: auto;
  padding: 0;
}
:where(.en) .upperMap.hd-middle.half-dot::after{
  display: none;
}

.hd-middle.half-dot:after{
    bottom: 0%;
    height: 68px;
    width: 30px;
    background-color: #3DB5E9;
}
.underMap{
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    color: #000;
    margin: -2rem 0 0;
}
.hd-small.half-dot{
    /*padding-right: 27px;*/
    position: relative;
    padding-inline-start: 27px;
}

.hd-small.half-dot:after{
    bottom: 18%;
    height: 32px;
    width: 14px;
    background-color: #478CF4;
}
.underMap p{
    margin: 0;
}

@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-map {
    padding: 4rem 0;
  }
  .section-4 .section-title {
    font-size: 40px;
    max-width: 262px;
    letter-spacing: -0.9pt;
  }
  :where(.en) .section-4 .section-title{
    font-weight: 500;
    max-width: 100%;
  }
  :where(.en) .section-4 .section-title span{
    display: block
  }
  :where(.en) .upperMap.hd-middle.half-dot::after{
    display: block;
  }
  :where(.en) .upperMap.hd-middle.half-dot{
    padding-left: 28px;
  }
  .section-4 .hd-middle.half-dot {
    max-width: 338px;
    margin: 0;
    padding-right: 30px;
  }
  .section-4 .hd-middle.half-dot:after{
    background: #FFA286;
    height: 35px;
    width: 15px;
  }
  .section-4 .hd-middle.half-dot p {
    font-size: 20px;
    line-height: 1;
    color: #000;
  }
  .underMap.hd-small.half-dot {
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      color: #000;
      max-width: 300px;
      margin: 0;
      padding-right: 18px;
  }
  .underMap.hd-small.half-dot:after {
      content: '';
      position: absolute;
      top: 0;
      right: auto;
      inset-inline-start: 0;
      bottom: 0;
      margin: auto;
      height: 44px;
      width: 4px;
      border-radius: 4px;
      background-color: #F8A88D;
  }
  :where(.en) .section-8 .section-map{
    padding-top: 1rem;
  }
}
@media only screen and (max-width : 768px) {
}
@media only screen and (max-width : 480px) {

}
/*Section 4 -*/


/*
  Section-5
*/
.section-5{
  position: relative;
  padding: 10rem 0 3rem;
  /*padding: clamp(4rem, 2rem + 6vw, 8rem) 0; 3rem*/
}
.section-5 .container-fluid {
  max-width: 1230px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.section-5 .container-fluid .container-fluid{
  padding-left: 0;
  padding-right: 0;
}
.section-5 .section-title{
  margin-bottom: 0;
}
:where(.en) .section-5 .section-title.st1{
  margin-left: 35%;
  max-width: 695px;
}
:where(.en) .section-5 .section-title.st2{
  margin-left: 21%;
  max-width: 695px;
}
.section-5:before{
  display: block;
  content: '';
  background: linear-gradient(0deg, rgba(71, 140, 244, 0) 0%, rgba(71, 140, 244, 0.11) 100%);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
  max-height: 946px;
}
.section-5 .disc-icon-1{
  display: block;
  position: absolute;
  left: 0;
  margin: auto;
  top: -2%;
/*  max-height: 65%;
  width: auto;*/
  z-index: 1;
}
.section-5 .disc-icon-2{
  width: 227px;
  height: 510px;
  display: block;
  position: absolute;
  left: 0;
  top: 630px;
  z-index: 1;
}
.section-5 .disc-icon-3{
  display: block;
  position: absolute;
  left: 10%;
  top: 632px;
  z-index: 1;
}



.section-5 .blue-dot {
    width: 32px;
    height: 14px;
    background-color: #478CF4;
    border-radius: 0 0 35px 35px;
    margin-bottom: 17px;
}

.section-5 .header-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: #000;
}
.section-regions {
    padding: 0;
    /*background-color: #fff;*/
}
.section-regions .regions-header{
  max-width: 479px;
  /*margin-right: auto;*/
  margin-inline-end: auto;
        display: none !important; 
        /*remove later*/
}
.regions-grid {
    display: flex;
    justify-content: space-around;
    align-items: flex-end; 
    max-width: 1020px;
    margin: -3rem auto 0;
    height: 565px; 
    position: relative;
    direction: ltr;
}
.regions-grid.rg-2{
  margin: 4rem auto 0;
}
.region-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22%;
    height: 100%;
    justify-content: flex-end;
}

.bar-outer {
    width: 100%;
    margin: auto;
    max-width: 195px;
    height: 100%;
    display: flex;
    align-items: flex-end; /* Growth starts from bottom */
    position: relative;
    z-index: 0;

}
.bar-outer .bar-inner::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100% auto !important;
}
.bar-outer.bo-1 .bar-inner::after{
  top: -35%;
  background: url(img/big-ben.webp) no-repeat center bottom;
}
.bar-outer.bo-2 .bar-inner::after{
  top: -5%;
  background: url(img/freedom.webp) no-repeat center bottom;
  background-size: auto 100% !important;
}
.bar-outer.bo-3 .bar-inner::after{
  top: 0%;
  background: url(img/sydney.webp) no-repeat center bottom;
}
.bar-outer.bo-4 .bar-inner::after{
  top: 0%;
  background: url(img/people.webp) no-repeat center bottom;
  background-size: auto auto !important;
  background-position: 5% center;
}
.bar-outer.bo-5 .bar-inner::after{
  z-index: 14;
  top: 0%;
  background: url(img/people.webp) no-repeat center bottom;
  background-size: auto auto !important;
  background-position: 25% center;
}
.bar-outer.bo-6 .bar-inner::after{
  z-index: 14;
  top: 0%;
  background: url(img/people.webp) no-repeat center bottom;
  background-size: auto auto !important;
  background-position: 55% center;
}
.bar-outer.bo-7 .bar-inner::after{
  z-index: 14;
  top: 0%;
  background: url(img/people.webp) no-repeat center bottom;
  background-size: auto auto !important;
  background-position: 5% center;
}
.bar-outer.bo-8 .bar-inner::after{
  z-index: 14;
  top: 0%;
  background: url(img/people.webp) no-repeat center bottom;
  background-size: auto 100% !important;
  background-position: 85% center;
}
.bar-outer:after{
    content: '';
    position: absolute;
    bottom: -4px;
    height: 4px;
    border-radius: 4px;
    left: -52px;
    right: -52px;
    background-color: #3DB5E9;
}
.regions-grid.rg-2 .bar-outer:after{
  background-color: #0D2182;
}
.bar-inner {
  width: 100%;
  height: 0; 
  background-color: #3DB5E9;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5px;
  position: relative;
  z-index: 10;
}
.section-9 .region-percent {
    opacity: 0;
    display: inline-block;
}

.section-9 .bar-inner {
    height: 0;
    width: 0;
    opacity: 0;
}


.region-percent {
    color: #fff;
    font-size: clamp(40px, 5vw, 100px);
    font-weight: 700;
    position: relative;
    z-index: 2;
    letter-spacing: -4pt;
    line-height: 1;
}
.regions-grid.rg-2 .region-percent {
  z-index: 16;
}
.region-name {
    margin-top: 15px;
    font-size: 36px;
    line-height: 36px;
    min-height: 72px;
    font-weight: 500;
    color: #3DB5E9;
    text-align: center;
    white-space: nowrap;
}
.regions-grid.rg-2 .region-name{
  color: #478CF4;
}
.regions-grid.rg-2 .bar-inner:before{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: '';
  background: rgba(13, 33, 130, 0.35);
  z-index: 15;
}
@media only screen and (max-width : 1200px) {
}
@media (min-width: 992px) {
  .bar-inner{
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .section-5 {
    padding: 4rem 0 3rem;
  }
  .section-5 .section-title{
    max-width: 365px;
    font-size: 40px;
  }
  .section-5 .disc-icon-1 {
    left: 0;
    top: 0;
    bottom: 0;
    height: 334px;
    width: auto;
  }
  :where(.en) .section-5 .disc-icon-1{
    bottom: 18%;
  }
  .section-5 .disc-icon-2 {
    left: auto;
    margin: auto;
    right: -131px;
    top: -40%;
    bottom: 0;
    transform: rotate(-180deg) !important;
  }
  .section-5 .disc-icon-3{
    display: none !important;
  }
  .section-regions{
    background-color: transparent;
  }
  .regions-grid.rg-2 .bar-inner:before{
    display: none;
  }
  .regions-grid {
    position: relative;
    padding: 0.3rem 0 2.1rem;
  }
  .regions-grid:after{
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    right: -1px;
    border-radius: 2px;
    background-color: #0D2182;
    top: 0;
    bottom: 0;
  }
  .regions-grid,
  .regions-grid.rg-2 {
      flex-direction: column-reverse;
      height: auto;
      gap: 21px;
      align-items: stretch;
      direction: ltr;
      margin-top: 2rem;
  }

  .region-col {
      flex-direction: column;
      width: 100%;
      height: auto;
      align-items: flex-end;
      justify-content: flex-start;
  }

  .region-name {
    font-size: 20px;
    line-height: 1;
    min-height: auto;
    margin: 0 15px 10px 15px;
    /*text-align: right;*/
    text-align: start;
    order: 1;
  }
  .bo-5 + .region-name {
    margin-bottom: 3px;
    margin-top: -13px;
  }

  .bar-outer {
    order: 2;
    height: 76px;
    max-width: 100%;
    width: 100%;
    justify-content: flex-end;
  }

  .bar-inner {
      width: 0;
      height: 100% !important;
      justify-content: center;
      align-items: center;
      padding-top: 0;
      /*width: 100%;*/
  }

  .region-percent {
    font-size: 66px;
    letter-spacing: 0;
    position: absolute;
    left: 23px;
  }

  /* Hide desktop-specific decorative elements if needed */
  .bar-outer:after, 
  .bar-inner::after {
      display: none !important; 
  }

  /* Colors for different bars based on your screenshot */
  .region-col .bar-outer.bo-8 .bar-inner,.region-col .bar-outer.bo-4 .bar-inner { background-color: #0D2182; }
  .region-col .bar-outer.bo-7 .bar-inner,.region-col .bar-outer.bo-3 .bar-inner { background-color: #478CF4; }
  .region-col .bar-outer.bo-6 .bar-inner,.region-col .bar-outer.bo-2 .bar-inner { background-color: #F8A88D; }
  .region-col .bar-outer.bo-5 .bar-inner,.region-col .bar-outer.bo-1 .bar-inner { background-color: #3DB5E9; }

  .region-col .bar-outer.bo-8 + .region-name, .region-col .bar-outer.bo-4 + .region-name { color: #0D2182; }
  .region-col .bar-outer.bo-7 + .region-name, .region-col .bar-outer.bo-3 + .region-name { color: #478CF4; }
  .region-col .bar-outer.bo-6 + .region-name, .region-col .bar-outer.bo-2 + .region-name { color: #F8A88D; }
  .region-col .bar-outer.bo-5 + .region-name, .region-col .bar-outer.bo-1 + .region-name { color: #3DB5E9; }

  :where(.en) .section-5 .section-title.st1{
    font-weight: 500;
    margin: 0;
  }
  :where(.en) .section-5 .section-title.st1 br{
    display: none;
  }
  :where(.en) .section-5 .section-title.st1 span{
    display: block;
  }
  :where(.en) .section-5 .section-title.st2{
    margin-left: auto;
    max-width: 341px;
    white-space: nowrap;
    line-height: 0.9;
  }
  :where(.en) .section-5 .section-title.st2 span{
    display: block;
  }
  
}
@media only screen and (max-width : 768px) {
  .section-5 .disc-icon-1 {
    left: -59px;
  }
  .section-5 .section-title{
    max-width: 313px;
  }
  .section-5 .section-title br{
    display: none;
  }
}
@media only screen and (max-width : 480px) {
  /*.bar-outer.bo-5 + .region-name br{
    display: none;
  }*/
}
@media only screen and (max-width : 380px) {
  .section-5 .disc-icon-1 {
    left: -119px;
  }
  .region-percent {
    font-size: 58px;
    left: 15px;
  }
}


.section-flip {
    padding: 5rem 0 5rem;
    display: flex;
    justify-content: center;
    margin: 0 0 5.5rem;
}
:where(.en) .section-5 .section-flip{
    margin: 0 0 2.6rem;
}
.flip-card {
    background-color: transparent;
    width: 100%;
    max-width: 816px;
    height: 364px;
    perspective: 1500px;
    margin: auto !important;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    transform: rotateY(0deg);
}
.flip-card.is-flipped .flip-card-inner {
    transform: rotateY(180deg) !important; 
}
.flip-card-front, .flip-card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
.flip-card-back {
    background-color: #F6DCC6;
    transform: rotateY(180deg);
    cursor: pointer;
    box-shadow: 0px 4px 45.2px 0px rgba(0, 0, 0, 0.10);
}
.flip-card-front {
    background-color: #fff;
    box-shadow: 0px 4px 45.2px 0px rgba(0, 0, 0, 0.10);
}
.flip-title {
    color: #478CF4;
    font-size: 48px;
    font-weight: 700;
    max-width: 500px;
    display: block;
    margin: 0 auto 28px;
    line-height: 0.9;
}
:where(.en) .flip-title{
  color: #0D2182;
  font-size: 60px;
  line-height: 1;
  max-width: 630px;
  margin: 0 auto 40px;
}
.btn-group {
    display: flex;
    gap: 20px;
    direction: rtl;
}
:where(.en) .btn-group {
    direction: ltr;
}
.flip-btn {
    background-color: #478CF4;
    color: white;
    border: none;
    padding: 0px 26px;
    height: 52px;
    min-width: 110px;
    font-size: 32px;
    font-weight: 500;
    border-radius: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: transform 0.2s ease;
    justify-content: center;
}
.flip-btn:hover {
    opacity: 1 !important;
    transform: scale(1.03);
}
.flip-btn, 
.btn-cta-16,
.btn-cta {
    position: relative;
    overflow: hidden;
}

.flip-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent, 
        rgba(255, 255, 255, 0.6), 
        transparent
    );
    transform: skewX(-25deg);
    pointer-events: none;
}
.btn-cta-16::after,
.btn-cta:after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0.1) 10%, 
        rgba(13, 33, 130, 0.08) 50%,
        rgba(255, 255, 255, 0.1) 90%, 
        transparent 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.btn-cta-16.shining::after,
.btn-cta.shining::after {
    transition: left 0.9s cubic-bezier(0.4, 0, 0.2, 1);
    left: 150%;
}


.flip-btn.shining::after {
    transition: left 0.8s ease-in-out;
    left: 150%;
}
.flip-btn .half-dot {
  position: relative;
  /*padding-right: 20px;*/
  padding-inline-start: 20px;
  line-height: 1;
}
.flip-btn .half-dot:after{
  width: 11px;
  height: 20px;
  bottom: 0;
}
/* Back Styling */
.flip-card-back {
    background-color: #F8E3D3;
    transform: rotateY(180deg);
    /*direction: rtl;*/
    /*text-align: right;*/
    text-align: start;
    align-items: flex-start;
}
.flip-card-back .result-content{
  width: 100%;
}

.result-title {
    color: #0D2182;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 3px;
    text-align: center;
}
.section-5 .result-title {
  max-width: 651px;
  margin: auto;
  line-height: 1;
}
.result-data {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

.percent-large {
    font-size: 210px;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(90deg, #0D2182 0%, #3DB5E9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.percent-large i{
  font-style: normal;
  font-size: 0.7em;
}
.result-text {
    font-size: 36px;
    font-weight: 500;
    color: #000;
    line-height: 0.9;
    max-width: 321px;
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-5 .section-flip {
    padding: 2rem 0 1rem;
  }
  .section-5 .flip-card{
    height: 405px;
  }
  .section-5 .flip-card-front,
  .section-5 .flip-card-back {
    padding: 20px;
    max-width: 380px;
    width: 100%;
    margin: auto;
    right: 0;
  }
  .section-5 .flip-btn .half-dot:after {
    width: 8px;
    height: 14px;
  }
  .section-5 .flip-title{
    max-width: 300px;
  }
  :where(.en) .section-5 .flip-title{
    color: #478CF4;
    margin-bottom: 3.7rem;
  }
  .section-5 .flip-title br{
    display: none;
  }
  .section-5 .flip-btn {
    padding: 0px 17px;
    height: 37px;
    font-size: 23px;
    border-radius: 20px;
    justify-content: center;
    margin: 0 auto 16px !important;
  }
  .section-5 .result-title{
    font-size: 28px;
    line-height: 26px;
    max-width: 224px;
    margin: auto;
  }
  :where(.en) .section-5 .result-title{
    max-width: 100%;
  }
  .section-5 .percent-large {
    font-size: 154px;
  }
  .section-5 .result-data {
    gap: 0;
    flex-direction: column;
  }
  .section-5 .result-text {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    max-width: 181px;
  }
  :where(.en) .section-5 .section-flip{
    margin: 0 0 8.6rem;
  }

}
@media only screen and (max-width : 768px) {

}
@media only screen and (max-width : 480px) {

}

/*Section-5 -*/
/*
  Section 6
*/
.section-6 {
    padding: 7rem 0 19rem;
    direction: rtl;
}
.section-6 .section-title{
  margin: 0 2rem 5rem 0;
}
:where(.en) .section-6 .section-title{
  margin: 0 2rem 5rem 0;
  direction: ltr;
  text-align: start;
  margin-right: 0;
}

.section-6 .container-fluid {
    max-width: 1230px;
    margin: 0 auto;
}

.section-title {
  font-size: 60px;
  font-weight: 700;
  color: #0D2182;
  margin-bottom: 5rem;
  line-height: 1;
  letter-spacing: -1.4pt;
}

.charts-wrapper {
  display: flex;
  flex-direction: column;
  gap: 35px;
  position: relative;
  padding-left: 15px;
}

/* Vertical axis line */

.chart-row {
    display: flex;
    align-items: center;
    gap: 20px;
}
:where(.en) .chart-row {
  flex-direction: row-reverse;
}
.bar-container {
  flex: 1;
  height: 102px;
  background-color: #F0F6FE;
  position: relative;
}
.bar-container::after {
    content: '';
    position: absolute;
    top: -52px;
    bottom: -52px;
    border-radius: 2px;
    right: 0;
    width: 4px;
    background-color: #478CF4;
}

.bar-container .bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #0D2182 0%, #478CF4 100%);
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 0 0 2%;
  position: relative;
}

.bar-container .percent-val {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  display: block;
  height: 60px;
  line-height: 1;
}

.cr-small .bar-fill{
  padding: 0;
  justify-content: center;
}
.cr-small .percent-val {
  font-size: 42px;
  height: 42px;
}

.row-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    width: 30%;
}

.label-text {
    font-size: 36px;
    font-weight: 500;
    color: #0D2182;
    line-height: 1;
    flex: 1;
}
:where(.en) .row-label {
    width: 100px;
    position: relative;
    z-index: 10;
}
:where(.en) .chart-row {
    flex-direction: row-reverse;
}
:where(.en) .label-text{
  font-weight: 400;
  position: absolute;
  left: 100%;
  text-align: left;
  width: 403px;
  margin: 0 0 0 45px;
}
.row-label .iconBox{
  position: relative;
  width: 100px;
  height: 75px;
}
.row-label .iconBox > *{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  fill: #0D2182;
}
.section-6 .icon-1 {width: 54px;height: 54px;}
.section-6 .icon-2 {width: 67px;height: 52px;}
.section-6 .icon-3 {width: 43px;height: 64px;}
.section-6 .icon-4 {width: 82px;height: 64px;}
.section-6 .icon-5 {width: 62px;height: 57px;}
.section-6 .icon-6 {width: 82px;height: 56px;}
.section-6 .icon-7 {width: 84px;height: 57px;}
.section-6 .icon-8 {width: 76px;height: 58px;}
.section-6 .icon-9 {width: 100px;height: 43px;}
.section-6 .icon-10 {width: 50px;height: 62px;}
.section-6 .icon-11 {width: 66px;height: 75px;}

.section-6 .icon-10 {
  width: 50px;
  height: 62px;
  color: #fff; 
  --badge-stroke-color: #0D2182; 
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-6 {
    padding: 1rem 0 5rem;
  }
  :where(.en) .section-6 {
    padding: 1rem 0 7rem;
  }
  .charts-wrapper{
    gap: 9px;
    padding: 0;
  }
  .bar-container{
    height: 37px;
  }
  .chart-row {
    position: relative;
  }
  .row-label{
    position: absolute;
    z-index: 9;
  }
  .row-label{
    display: none !important;
  }
  .label-text-2{
    color: #0D2182;
    font-size: 15px;
    line-height: 14px;
    position: absolute;
    right: 100%;
    width: 120px;
    margin: 0 30px 0 0;
  }
  .bar-container .percent-val,
  .cr-small .percent-val{
    font-size: 24px;
    height: 24px;
  }
  .section-6 .section-title {
    font-size: 40px;
    letter-spacing: -0.9pt;
    margin:0 0 3rem;
  }
  :where(.en) .section-6 .section-title span{
    display: block;
  }
  .bar-container::after {
    top: -22px;
    bottom: -22px;
    width: 2px;
  }
  :where(.en) .bar-container .bar-fill{
    position: static;
  }
  :where(.en) .bar-container{
    position: relative;
  }
  :where(.en) .label-text-2{
    right: auto;
    left: 10px;
    text-align: left;
    width: 158px;
  }
  :where(.en) .label-text-2 br{
    display: none;
  }
}
@media only screen and (max-width : 768px) {
  .label-text-2{
    margin: 0 3vw 0 0;
  }
}
@media only screen and (max-width : 480px) {
  .bar-container .percent-val,
  .cr-small .percent-val{
    font-size: 18px;
    height: 18px;
  }
}
@media only screen and (max-width : 380px) {
  .label-text-2{
    font-size: 14px;
    margin: 0 1vw 0 0;
  }
  :where(.en) .label-text-2{
    font-size: 12px;
  }
}
/*Section 6 -*/

/*
  Section 7
*/
.section-7 {
    padding: 142px 0 0;
    background-color: #f8f9fa;
    direction: rtl;
    position: relative;
}
:where(.en) .section-7 {
  direction: ltr;
}
.section-7 .container-fluid{
  max-width: 1206px;
  position: relative;
}
.s7img-1 {
  display: block;
  position: absolute;
  left: 11%;
  top: -3%;
  z-index: 1;
  max-width: 40%;
  height: auto;
}
:where(.en) .s7img-1{
  left: 7%;
  top: -10%;
}

/* Left Content Styles */
.s7-left {
    position: relative;
}
.section-7 .chap-box-1 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 2.5rem;
  margin: 0 0 3.7rem;
}
:where(.en) .section-7 .chap-box-1{
  margin-left: auto;
  max-width: 650px;
}
.section-7 .chapter-badge .badge-text .number{
  letter-spacing: -0.9pt;
}

.section-7 .chapter-title {
  font-size: 128px;
  line-height: 0.75;
  font-weight: 700;
  margin: 0;
  max-width: 500px;
  /*text-align: right;*/
  text-align: start;
  letter-spacing: -1.8pt;
  color: var(--primary-blue);
}
:where(.en) .section-7 .chapter-title {
  max-width: 539px;
}
.chapter-badge.ch-02 .badge-svg{
  transform: rotate(0deg);
}

.s7-subtitle {
    font-weight: 700;
    font-size: 60px;
    line-height: 0.9;
    color: #0D2182;
}
:where(.en) .s7-subtitle {
  margin-left: auto;
  max-width: 650px;
}
/* Right Content Styles */
.s7-right {
    position: relative;
    height: 600px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto 17rem;
}
.flip-card.fc-style{
    max-width: 1118px;
    margin-bottom: clamp(-14.75rem, -1.0114rem + -17.7273vw, -5rem);
}
.flip-card.fc-style .flip-card-front, 
.flip-card.fc-style .flip-card-back{
    padding: clamp(5rem, 1.0114rem + 17.7273vw, 13.85rem) 40px;
}
.flip-card.fc-style .flip-title{
    max-width: 561px;
    margin: 0 auto 41px;
}
:where(.en) .section-7 .flip-title{
  color: #478CF4;
  font-size: 48px;
  max-width: 680px;
}
.flip-card.fc-style .flip-btn{
  font-size: 36px;
}

/* Percentage Circle Overlay */
.s7-percent-circle {
    position: relative;
    margin: 4.5rem auto 4rem;
    width: 528px;
    height: 528px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 4px 77px rgba(0,0,0,0.1);
    z-index: 10;
    padding: 40px;
    direction: ltr;
}

.percent-num {
    font-weight: 700;
    font-size: 180px;
    line-height: 1;
    color: #478CF4;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
:where(.en) .percent-num{
  line-height: 1.1;
}

.percent-num i {
    font-style: normal;
    font-size: 0.8em;
}

.percent-desc {
    font-weight: 500;
    font-size: 36px;
    line-height: 1;
    color: #0D2182;
    max-width: 390px;
    margin: -20px auto 0;
}

/* People Image Circle */
.s7-people-box {
  position: absolute;
  display: block;
  right: 0;
  top: 29%;
  width: 618px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  z-index: 5;
}
:where(.en) .s7-people-box {
  right: -3.1vw;
}

/* Decorative Circles */
.decor-circle-blue {
    position: absolute;
    top: 56%;
    left: 10%;
    width: 440px;
    height: 440px;
    border: 40px solid transparent;
    background: 
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(230deg, #5A85C4 0%, #3FB5E8 100%) border-box;
    border: 80px solid transparent;
    border-radius: 50%;
    z-index: 2;
}

.decor-lines-circle {
    position: absolute;
    top: 24%;
    left: -3%;
    width: 248px;
    height: 248px;
    background: repeating-linear-gradient(-135deg, #2A327A, #2A327A 5px, transparent 5px, transparent 16px);
    border-radius: 50%;
    z-index: 1;
}

/* Badge specific for Chapter 02 */
.ch-02 {
    margin-bottom: 20px;
}

/* Back Side Container Styles */
.section-7 .flip-card-back {
    background-color: #F0F7FF; /* Light blue background as in image_10dfa2 */
    direction: rtl;
    padding: 30px;
}
.section-7 .flip-card-back {
  direction: ltr;
}

.section-7 .result-content-v2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-7 .result-title-v2 {
  font-size: 40px;
  font-weight: 500;
  color: #000;
  margin-bottom: 17px;
  /*text-align: left;*/
  text-align: end;
  width: 100%;
  padding: 1.5rem 0 0rem 3.6rem;
}

.section-7 .results-row {
    display: flex;
    justify-content: center;
    gap: 40px;
    width: 100%;
}

.section-7 .result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 180px;
}
:where(.en) .section-7 .section-flip{
  margin-bottom: -14rem;
}
/* Circle Progress Styles */
.section-7 .circle-box {
    position: relative;
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}

.section-7 .circle-box svg {
    transform: rotate(-90deg);
}

.section-7 .circle-box circle {
    fill: none;
    stroke-width: 10;
    stroke-linecap: round;
}

.section-7 .circle-box circle.bg {
    stroke: #E8E8E8;
}

.section-7 .circle-box circle.prog {
    stroke-dasharray: 283; /* 2 * PI * R (45) */
    stroke-dashoffset: 283; /* Hidden by default */
}

.section-7 .color-blue { stroke: #3DB5E9; }
.section-7 .color-peach { stroke: #F8A88D; }
.section-7 .color-bright-blue { stroke: #478CF4; }

.section-7 .circle-box .percent-val {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 84px;
    font-weight: 700;
/*    color: inherit;*/
/*color: #0D2182;*/
}
.section-7 .color-blue .percent-val { color: #3DB5E9; }
.section-7 .color-peach .percent-val { color: #F8A88D; }
.section-7 .color-bright-blue .percent-val { color: #478CF4; }

.section-7 .result-label {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: center;
    line-height: 1.2;
}

.section-7 .side-note {
    font-size: 58px;
    font-size: 30px;
    font-weight: 700;
    color: #0D2182;
    line-height: 1;
    width: 240px;
    position: relative;
    flex-shrink: 3;
    min-width: 240px;
    margin: 0.6rem 0 0;
}
.section-7 .side-note:after {
  top: -75px;
  right: auto;
  left: auto;
  inset-inline-start: 20px;
  bottom: auto;
  transform: rotate(-90deg);
  height: 68px;
  width: 30px;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  background-color: #F8A88D;
  flex-grow: 2;
}
/*:where(.en) .section-7 .side-note:after {
  right: auto;
  left: 0;
}*/
.flex-box{
  display: flex;
  width: 100%;
  padding: 0 3%;
}

@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-7 {
    padding: 62px 0 0;
  }
  :where(.en) .section-7 {
    padding: 0;
  }
  .s7-right {
    max-height: fit-content;
    margin-bottom: 7rem;
  }
  .section-7 .chap-box-1{
    gap: 1.5rem;
    margin: 0 0 2.3rem;
  }
  
  .s7img-1{
    display: none;
  }
  .s7-subtitle {
    font: 700 40px / 1 'ProtocolMF', sans-serif;
  }
  .s7-percent-circle {
    margin: 2.5rem auto 2rem;
    width: 500px;
    height: 500px;
    padding: 20px;
  }
  .percent-num {
    font: 700 104px / 1 'ProtocolMF', sans-serif;
    font-family: 'ProtocolMF', sans-serif !important;
  }
  .percent-desc {
    font: 500 28px / 1 'ProtocolMF', sans-serif;
    margin: -11px auto 0;
    max-width: 70%;
  }
  :where(.en) .percent-desc{
    margin: 1px auto 0;
  }
  .decor-lines-circle {
    top: auto;
    right: 0;
    margin: auto;
    left: -32%;
    width: 141px;
    height: 141px;
    bottom: -23%;
    background: repeating-linear-gradient(-135deg, #2A327A, #2A327A 5px, transparent 5px, transparent 11px);
    z-index: 10;
  }
  .s7-people-box {
    right: 15px;
    top: auto;
    bottom: -22%;
    width: 281px;
  }
  .decor-circle-blue {
    top: -83px;
    left: -119px;
    width: 265px;
    height: 265px;
    border: 38px solid transparent;
  }

  .section-7 .section-flip{
    background-color: #fff;
    padding: 5rem 0 0rem;
    margin: 9rem 0 0rem;
  }
  .section-7 .flip-card{
    height: 916px;
  }
  .section-7 .flip-card-front,
  .section-7 .flip-card-back {
    padding: 20px;
    max-width: 380px;
    width: 90%;
    margin: auto;
    right: 0;
  }
  .section-7 .flip-card-front{
    background: #fff url(img/flip-card-2-bg.webp) no-repeat center 112%;
    padding: 20px 20px 56% !important;
    background-size: contain;
  }
  
  .section-7 .flip-btn .half-dot:after {
    width: 8px;
    height: 14px;
  }
  .section-7 .flip-title{
    max-width: 300px;
  }
  .section-7 .flip-title br{
    display: none;
  }
  .section-7 .flip-btn {
    padding: 0px 17px;
    height: 37px;
    font-size: 23px !important;
    border-radius: 20px;
    justify-content: center;
    margin: 0 auto 16px !important;
  }
  .section-7 .side-note {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #0D2182;
    max-width: 250px;
    margin: 0 auto 0.5rem;
    width: 100%;
    padding: 0 0 2rem;
  }
  .section-7 .side-note:after {
    top: auto;
    right: 0;
    left: 0;
    bottom: -4px;
    transform: rotate(-90deg);
    height: 35px;
    width: 15px;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    background-color: #F8A88D;
  }
  .section-7 .percent-large {
    font-size: 154px;
  }
  .section-7 .result-data {
    gap: 0;
    flex-direction: column;
  }
  .section-7 .result-text {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    max-width: 181px;
  }
  .section-7 .results-row {
    gap: 15px;
    width: auto;
    flex-direction: column;
    align-items: center;
  }
  .section-7 .flex-box {
    padding: 0;
    display: block;
  }
  .section-7 .circle-box {
    width: 150px;
    height: 150px;
  }
  .section-7 .circle-box .percent-val{
    font-size: 62px;
  }
    .section-7 .result-title-v2 {
      font-size: 20px;
      font-weight: 500;
      color: #000;
      margin-bottom: 17px;
      text-align: center;
      width: 100%;
      padding: 0;
      margin: 0 auto 1.5rem;
      max-width: 218px;
  }
  .section-7 .result-label{
    font-size: 18px;
  }
}
@media only screen and (max-width : 768px) {
  .s7-right {
/*    max-height: 400px;*/
  }
  .s7-subtitle {
    font: 700 20px / 1 'ProtocolMF', sans-serif;
    max-width: 300px;
  }
  
  .s7-percent-circle {
    width: 420px;
    height: 420px;
  }
  .percent-desc {
    font: 500 20px / 1 'ProtocolMF', sans-serif;
    max-width: 80%;
  }
  :where(.en) .percent-desc {
    max-width: 100%;
  }
  :where(.en) .percent-desc span{
    display: block;
  }

  .decor-circle-blue {
    width: 215px;
    height: 215px;
  }
  .s7-people-box {
    bottom: -56%;
    right: -31px;
    width: 231px;
  }
  .section-7 .flip-card-front{
    padding: 20px 20px 400px !important;
  }
  .decor-lines-circle {
    left: -42%;
    width: 125px;
    height: 125px;
    bottom: -30%;
    background: repeating-linear-gradient(-135deg, #2A327A, #2A327A 4px, transparent 4px, transparent 11px);
  }
}
@media only screen and (max-width : 480px) {
  .section-7 .flip-title {
    font-size: 30px;
  }
  :where(.en) .section-7 .flip-title {
    font-size: 40px;
  }
  .section-7 .flip-card {
      height: 789px;
  }
  :where(.en) .section-7 .flip-card {
    height: 916px;
  }
  .section-7 .flip-btn {
    font-size: 20px !important;
  }
  .flip-card.fc-style .flip-card-back{
    padding: 20px 10px;
  }
  .section-7 .side-note {
    font-size: 20px;
  }
  .section-7 .result-title-v2 {
    margin: 0 auto 1rem;
  }
  .s7-percent-circle {
    width: 304px;
    height: 304px;
  }
}

/*Section 7 -*/

/*
    Section 8
*/
.section-8{
  padding: 9rem 0 0;
}
:where(.en) .section-8{
  padding: 14rem 0 0;
}
.section-8 .container-fluid {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
}
.section-8 .section-title{
  max-width: 680px;
}
:where(.en) .section-8 .section-title {
  text-align: center;
  max-width: 1014px;
  margin: 0 auto 7rem;
}
.section-8 .underMap{
  margin-top: -5rem;
}
.section-8 .underMap.hd-small.half-dot:after{
  background-color: #3DB5E9;
}
:where(.en) .section-8 .underMap.hd-small.half-dot:after{
  background-color: #478CF4;
}
.label-europe-2 { top: 20%;left: 34%; --label-color: #478CF4; }

.section-8 .label-north-america { top: -14%; --label-color: #478CF4; }
.section-8 .label-europe { left: 45%; --label-color: #478CF4; }

.section-8 .label-australia { top: 51%;left: 60%; --label-color: #3DB5E9; }

.label-europe-2 ul,
.s11-card ul{
  display: flex;
  justify-items: center;
  align-items: center;
  padding: 0;
  flex-direction: column;
  list-style: none;
  gap: 6px;
}
.s11-card ul{
  z-index: 8;
  align-items: flex-start;
  margin: 2rem 0 0;
}
.label-europe-2 ul li,
.s11-card ul li{
    display: inline-flex;
    justify-items: center;
    align-items: center;
    border-radius: 14px;
    padding: 5px 10px;
    color: #000;
    font: 300 20px/1 'ProtocolMF', sans-serif;
    background-color: rgba(217, 217, 217, 0.51);
    gap: 5px;
}
.s11-card ul li{
  font: 300 14px/1 'ProtocolMF', sans-serif;
  gap: 4px;
}
.label-europe-2 ul li .icon,
.s11-card ul li .icon{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.label-europe-2 ul li .icon.ic2,
.s11-card ul li .icon.ic2{
    width: 31px;
}
.label-europe-2 ul li .icon.ic3,
.s11-card ul li .icon.ic3{
    border-radius: 50%;
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-8 {
    padding: 1rem 0 0;
  }
  .section-8 .section-title {
    font-size: 40px;
    margin-bottom: 1rem;
    line-height: 0.9;
    letter-spacing: -0.9pt;
    max-width: 300px;
  }
  :where(.en) .section-8 .section-title {
    max-width: 100%;
    font-weight: 500;
    text-align: left;
  }
  :where(.en) .section-8 .section-title span{
    display: block;
  }
  .section-8 .underMap.hd-small.half-dot{
    margin-top: 2rem;
  }
  .section-8 .underMap.hd-small.half-dot:after{
    background-color: #F8A88D;
  }
  :where(.en) .section-8 .underMap.hd-small.half-dot{
    max-width: 350px;
  }
  :where(.en) .section-8 .section-map {
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width : 768px) {
  
}
@media only screen and (max-width : 480px) {

}
/*Section 8 -*/

/*
    Section 9
*/
.section-9{
  position: relative;
}
:where(.en) .section-9 .container-fluid {
  max-width: 1230px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding-top: 10.5rem;
  padding-bottom: 11rem;
}
.section-9 .container-fluid {
  padding-top: 9.5rem;
}
.section-9:before{
  display: block;
  content: '';
  background: linear-gradient(0deg, rgba(71, 140, 244, 0) 0%, rgba(71, 140, 244, 0.11) 100%);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
  max-height: 946px;
}
.section-9 .section-title{
  padding-right: 34%;
}

.s9-main-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 843px;
    background: url(img/s7-circle.svg) no-repeat center;
    background-size: contain;
    max-width: 843px;
    margin: 0 auto 15rem;
}
.s9-main-box .decor-lines-circle{
    top: auto;
    bottom: -4.7%;
    left: -19%;
    width: 339px;
    height: 339px;
    background: repeating-linear-gradient(-135deg, #3DB5E9, #3DB5E9 5px, transparent 5px, transparent 35px);
    z-index: 1;
}
.section-9 .obj-9{
  position: absolute;
  width: 295px;
  max-width: 20.5%;
  height: auto;
  right: 0;
  display: block;
  z-index: 1;
  top: 8%;
  margin: auto;
  bottom: 0;
}

.s9-israel-shape {
  position: absolute;
  right: -3.3%;
  top: -4.5%;
  z-index: 2;
  max-width: 53%;
  height: auto;
}
:where(.en) .s9-israel-shape {
  right: -9.3%;
}
.s9-israel-shape-2 {
  position: absolute;
  left: 33%;
  right: 0;
  margin: auto;
  bottom: -19.5%;
  z-index: 2;
  height: auto;
}
/* Text Styling */
.s9-info {
  position: relative;
  z-index: 3;
  /*text-align: right;*/
  text-align: start;
  max-width: 680px;
  padding-right: 25%;
}
:where(.en) .s9-info {
  padding-right: 5%;
  text-align: center;
}

.s9-main-title {
  color: #0D2182;
  font-weight: 700;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.1;
  margin-bottom: 30px;
}

.percent-giant {
  font-size: clamp(80px, 12vw, 180px);
  font-weight: 700;
  color: #0D2182;
  line-height: .75;
}
:where(.en) .percent-giant {
  line-height: .9;
}
.percent-giant i {
    font-style: normal;
    font-size: 0.9em;
}

/* Adaptive text with clamp */
.s9-desc {
  font-family: 'ProtocolMF', sans-serif;
  font-weight: 500;
  /* font: 500 34px/1 ProtocolMF with clamp */
  font-size: clamp(20px, 2.5vw, 34px);
  line-height: 1;
  color: #0D2182;
  max-width: 310px;
  margin-top: 0;
}
:where(.en) .s9-desc {
    max-width: 345px;
}
.h3s9.half-dot.hd-middle{
  font: 500 40px/1 'ProtocolMF', sans-serif;
  color: #000;
  max-width: 100%;
}
.h3s9.half-dot.hd-middle:after{
  background-color: #478CF4;
}
:where(.en) .h3s9.half-dot.hd-middle{
  max-width: 1000px;
  margin: 0 auto;
}
/* Mobile adjustments */
@media (max-width: 992px) {
  .section-9 .section-title {
    padding-right: 0;
    font-size: 40px;
    max-width: 300px;
    margin-bottom: 1rem;
  }
  :where(.en) .section-9 .section-title{
    font-weight: 500;
    max-width: 100%;
  }
  .s9-info {
    position: relative;
    z-index: 3;
    /*text-align: right;*/
    text-align: start;
    max-width: 680px;
    padding-right: 0;
  }
  .s9-main-box .decor-lines-circle {
    top: auto;
    bottom: -4.7%;
    left: 0%;
    right: 27%;
    margin: auto;
    width: 129px;
    height: 129px;
    background: repeating-linear-gradient(-135deg, #3DB5E9, #3DB5E9 5px, transparent 5px, transparent 17px);
    margin-bottom: 7rem;
  }
  .section-9 .container-fluid {
    padding-top: 5.5rem;
    padding-bottom: 4rem;
  }
  :where(.en) .section-9 .container-fluid{
    padding-top: 3.5rem;
  }
  .s9-huge-ring {
      width: 500px;
      height: 500px;
      transform: translate(-50%, -50%);
  }
  .s9-main-box {
      flex-direction: column;
      text-align: center;
  }
  .s9-info {
      text-align: center;
      padding: 0;
  }
  .percent-giant {
    font-size: 104px;
  }

  .h3s9.half-dot.hd-middle {
    padding: 38px 0 0;
    max-width: 400px;
    margin: 0 0 0;
    color: #478CF4;
  }
  .h3s9.half-dot.hd-middle:after{
    background: #FFA286;
    height: 35px;
    width: 15px;
    /*right: 10px;*/
    inset-inline-start: 10px;
    transform: rotate(-90deg);
    top: 0;
    bottom: auto;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
  }
  .h3s9.half-dot.hd-middle p {
    font-size: 30px;
    line-height: 1;
    color: #0D2182;
  }
  .section-9 .container-fluid{
  }
  .s9-main-box {
    min-height: 818px;
    max-width: 818px;
/*    margin-left: -30px;
    margin-right: -30px;*/
    margin-bottom: 9.5rem;
  }
  :where(.en) .s9-main-box {
    margin-bottom: 9.5rem;
  }

}
@media only screen and (max-width : 768px) {
  .s9-main-box {
      width: 108vw;
      min-height: 0;
      height: 108vw;
      position: relative;
      left: 10vw;
      max-width: 200%;
  }
  :where(.en) .s9-main-box {
    left: -10vw;
  }
  .h3s9.half-dot.hd-middle {
    font: 500 25px / 1 'ProtocolMF', sans-serif;
    max-width: 280px;
  }
  .s9-desc {
    max-width: 190px;
  }
  .s9-israel-shape-2 {
    bottom: -125px;
    margin: 0;
    right: -64px;
  }

}
@media only screen and (max-width : 480px) {
  .s9-main-box .decor-lines-circle {
    top: auto;
    bottom: -160px;
    background: repeating-linear-gradient(-135deg, #0D2182, #0D2182 3px, transparent 3px, transparent 17px);
    width: 90px;
    height: 90px;
    left: -20%;
  }
  .s9-israel-shape-2 {
    bottom: -168px;
    margin: 0;
    right: -79px;
  }
}
/*Section 9 -*/

/*
  Section 10
*/
.section-10{
  background-color: rgba(245, 245, 245, 0.5);
  padding: 11rem 0 10rem;
  position: relative;
  overflow: hidden;
}
:where(.en) .section-10 {
    padding: 6rem 0 11rem;
}
.section-10 .bagel-10{
  position: absolute;
  width: 237px;
  height: auto;
  left: 0;
  bottom: 0%;
  display: block;
  /*transform: translateY(-50%);*/
  z-index: 1;
  opacity: 0;
}
:where(.en) .section-10 .bagel-10{
  left: auto;
  right: 0;
}

.section-10 .container-fluid{
  max-width: 1200px;
  position: relative;
  z-index: 2;
}
.section-10 .section-title{
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.section-10 .section-subtitle {
    font-size: clamp(40px, calc(8px + 10vw), 128px);
    font-weight: 700;
    color: #0D2182;
    margin-bottom: 5rem;
    line-height: 0.8;
    letter-spacing: -1.4pt;
    opacity: 0;
    visibility: hidden;
}
.section-10 .quote-box{
  max-width: 540px;
  padding: 0;
  padding-inline-start: 50px;
}
:where(.en) .section-10 .quote-box{
    margin-left: auto;
    max-width: 900px;
    display: block;
}
.section-10 .quote-box p{
  font-size: 36px;
  line-height: 1;
}
.section-10 .stats-grid{
  height: 550px;
}

.section-10 .section-title,
.section-10 .section-subtitle {
    opacity: 0;
    visibility: hidden;
}
:where(.en) .section-10 .section-title{
  font-size: 128px;
  line-height: 0.8;
  margin-left: auto;
  max-width: 900px;
  margin-bottom: 4.4rem;
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-10 {
    padding: 4.3rem 0 3rem;
  }
  .section-10 .bagel-10{
    display: none;
  }
  .section-10 .section-title,
  .section-10 .section-subtitle {
    font-size: 40px;
    margin-bottom: 0;
    line-height: .9;
    letter-spacing: -1pt;
  }
  .section-10 .section-subtitle{
    margin-bottom: 1rem;
  }
  .section-10 .quote-box.half-dot {
    padding: 38px 0 0;
    max-width: 360px;
    margin: 0 0 0;
    color: #478CF4;
  }
  .section-10 .quote-box.half-dot:after{
    background: #FFA286;
    height: 35px;
    width: 15px;
    /*right: 10px;*/
    inset-inline-start: 10px;
    transform: rotate(-90deg);
    top: 0;
    bottom: auto;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
  }
  .section-10 .quote-box.half-dot p {
    font-size: 30px;
    line-height: 1;
    color: #478CF4;
  }
  .section-10 .stats-grid{
    height: 340px;
    gap: 15px;
    margin-top: 0;
  }
  .section-10 .stat-card{
    width: 25%;
    min-width: 150px;
  }
  .section-10 .percent {
    font-size: 77px;
  }
  .section-10 .stat-label {
    font-size: 16px;
  }
}
@media only screen and (max-width : 768px) {
  .section-10 .quote-box.half-dot p {
    font-size: 20px;
  }
  .section-10 .stats-grid{
    height: 240px;
  }
  .section-10 .section-title,
  .section-10 .section-subtitle {
    max-width: 270px;
  }
  :where(.en) .section-10 .section-title{
    margin-left: 0;
    margin-bottom: 2.3rem;
  }
}
@media only screen and (max-width : 480px) {
  .section-10 .percent {
    font-size: 60px;
  }
  .section-10 .stat-card {
    min-width: 113px;
  }
}

/*Section 10 -*/

/*
  Section 11
*/
.section-11{
  padding: 11.7rem 0 10rem;
  position: relative;
}
:where(.en) .section-11 {
  padding: 2.7rem 0 10rem;
}
.section-11 .lens-11{
  position: absolute;
  width: 295px;
  max-width: 20%;
  height: auto;
  left: 0;
  top: -10%;
  display: block;
  z-index: 2;
  /*opacity: 0;*/
}
.section-11 .photo-11{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 488px;
  max-width: 33%;
  height: auto;
  z-index: 1;
}
:where(.en) .section-11 .photo-11 {
  left: -121px;
  top: 27%;
  width: 488px;
}
:where(.en) .quote-box{
  margin: auto;
  display: block;
  max-width: 576px;
  line-height: 1;
}
:where(.en) .section-2 .quote-box{
  margin-left: 0;
  max-width: 100%;
  padding-left: 0;
}
.section-11 .container-fluid{
  max-width: 1200px;
  position: relative;
  z-index: 2;
}
.section-11 .section-title{
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.section-11 .section-subtitle {
    font-size: clamp(40px, calc(8px + 10vw), 128px);
    font-weight: 700;
    color: #0D2182;
    margin-bottom: 5rem;
    line-height: 0.8;
    letter-spacing: -1.4pt;
    opacity: 0;
    visibility: hidden;
}
.section-11 .title {
    font-size: 128px;
    font-weight: 700;
    color: #0D2182;
    margin-bottom: 1rem;
    line-height: 0.8;
    letter-spacing: -1.4pt;
    padding-left: 25%;
}
:where(.en) .section-11 .title {
  padding-left: 12%;
  margin-bottom: 2.8rem;
}
.section-11 .subtitle {
    font-size: 60px;
    font-weight: 700;
    color: #0D2182;
    margin-bottom: 5.4rem;
    line-height: 1;
    letter-spacing: -1.4pt;
    padding-left: 25%;
}
:where(.en) .section-11 .subtitle {
    font-size: 48px;
    padding-left: 12%;
    margin-bottom: 4.3rem;
}
.section-11 .quote-box.half-dot:after{
  background-color: #478CF4;
}
.section-11 .container{
  max-width: 1050px;
  margin: auto;
  padding-top: 0.5rem;
}
.s11-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
    direction: ltr;
}

.s11-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s11-stars-box {
    display: flex;
    flex-wrap: wrap-reverse; 
    flex-direction: row; 
    gap: 9px;
    min-height: 500px;
    align-content: flex-start; 
    margin-bottom: 5px;
    position: relative;
    width: 200px;
    padding-bottom: 36px;
}
.s11-stars-box:after{
  position: absolute;
  display: block;
  content: '';
  height: 4px;
  left: 0;
  margin: auto;
  width: 200px;
  max-width: 120%;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #0D2182;
}
.s11-stars-box .star{
  display: block;
  width: 42px;
  height: 48px;
  outline: 1px solid red;
}

.star-svg {
    width: 42px;
    height: 49px;
    flex: 0 0 calc(25% - 8px);
    fill: #0D2182;
    opacity: 0;
    transform: scale(0);
}

.s11-num {
    font-size: clamp(2.5rem, 15.823vw - 5.095rem, 8.75rem);
    font-weight: 800;
    color: #478CF4;
    line-height: 1;
}

.s11-num i { font-style: normal; font-size: 1em; }

.s11-label {
    font-size: 36px;
    color: #478CF4;
    line-height: 1;
    font-weight: 500;
    max-width: 250px;
    display: block;
    margin: -8px auto 0.7rem;
}

.s11-sub-labels{
    display: flex;
    justify-items: center;
    align-items: center;
    padding: 0;
    flex-direction: column;
    list-style: none;
    gap: 6px;
}
.s11-sub-labels li{
    display: inline-flex;
    justify-items: center;
    align-items: center;
    padding: 0;
    color: #000;
    font: 300 28px/1 'ProtocolMF', sans-serif;
    gap: 5px;
    direction: ltr;
}
.s11-sub-labels li .icon{
    width: 22px;
    height: 22px;
    display: inline-block;
}
.s11-sub-labels li .icon.ic2{
    width: 37px;
}
.s11-sub-labels li .icon.ic3{
    border-radius: 50%;
}
@media only screen and (max-width : 1200px) {
}
@media (max-width: 991px) {
  .section-11 {
    padding: 20rem 0 9rem;
  }
  .section-11 .photo-11{
    max-width: 65%;
    /*width: 264px;*/
  }
  :where(.en) .section-11 .photo-11{
    top: 0;
    left: 0;
    height: 300px;
    width: auto;
    max-width: 100%;
  }
  .section-11 .title {
    font-size: 40px;
    margin-bottom: 1rem;
    letter-spacing: -1pt;
    padding-left: 0;
    max-width: 260px;
  }
  :where(.en) .section-11 .title{
    font-weight: 500;
  }
  .section-11 .subtitle {
    font-size: 27px;
    color: #478CF4;
    margin-bottom: 1.8rem;
    letter-spacing: -1pt;
    padding-left: 0;
    white-space: nowrap;
  }
  :where(.en) .section-11 .subtitle{
    font-weight: 400;
  }
  .section-11 .subtitle span{
    display: block;
  }
  .section-11 .quote-box.half-dot {
    padding: 38px 0 0;
    max-width: 210px;
    margin: 0 0 2.5rem;
  }
  .section-11 .quote-box.half-dot:after{
    background: #FFA286;
    height: 35px;
    width: 15px;
    /*right: 10px;*/
    inset-inline-start: 10px;
    transform: rotate(-90deg);
    top: 0;
    bottom: auto;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
  }
  .section-11 .quote-box.half-dot p {
    font-size: 30px;
    line-height: 1;
    color: #0D2182;
  }
  .section-11 .container-fluid{
    position: relative;
  }
  .section-11 .container{
    position: relative;
    z-index: 5;
  }
  .sec-ball-11{
    position: absolute;
    right: 0;
    margin: auto;
    top: 30%;
    max-width: 90%;
    width: auto;
    opacity: 0.46;
    z-index: 0;
  }
  .section-11 .container {
    padding: 0 25px;
  }
  .s11-grid {
    flex-direction: column-reverse;
    gap: 49px;
    direction: rtl;
    position: relative;
    z-index: 5;
    margin: 0;
    position: relative;
    padding: 0.3rem 0 2.1rem;
  }
  .s11-grid:after{
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    right: -1px;
    border-radius: 2px;
    background-color: #0D2182;
    top: -15px;
    bottom: 0;
  }

  .s11-col {
      flex-direction: column-reverse;
      align-items: center;
      justify-content: flex-start;
      gap: 15px;
      position: relative;
  }

  .s11-stars-box {
      min-height: auto;
      height: 76px;
      width: 0;
      margin-bottom: 0;
      background-color: #478CF4;
      padding-bottom: 0;
      overflow: hidden;
      flex-wrap: nowrap;
      margin: 0 0 0 auto;
  }
    

  .s11-col:nth-child(1) .s11-stars-box { background-color: #FFA07A; }
  .s11-col:nth-child(2) .s11-stars-box { background-color: #478CF4; }
  .s11-col:nth-child(3) .s11-stars-box { background-color: #0D2182; }

  .s11-col:nth-child(1) .s11-label {color: #FFA07A; }
  .s11-col:nth-child(2) .s11-label {color: #478CF4; }
  .s11-col:nth-child(3) .s11-label {color: #0D2182; }
  .s11-stars-box:after { display: none; }

  .s11-result {
    /*text-align: right;*/
    text-align: start;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .s11-num {
    font-size: 66px;
    order: 1;
    position: absolute;
    bottom: 6%;
    left: 20px;
    color: #fff;
  }

  .s11-label {
    line-height: 18px;
    font-size: 20px;
    height: 40px;
    margin: 0;
    order: 2;
    padding: 0 16px;
    position: absolute;
    top: -30px;
    display: flex;
    vertical-align: middle;
    width: 152px;
    align-items: center;
  }
  :where(.en) .s11-label {
    width: 160px;
  }

  .s11-sub-labels {
      position: absolute;
      right: 100%;
      bottom: 0;
      align-items: flex-end;
      margin: 0 15px;
  }
  .s11-sub-labels li {
      font: 300 14px / 0.9 'ProtocolMF', sans-serif;
      direction: rtl;
      width: 100%;
  }
  .s11-sub-labels li .icon {
    width: 16px;
    height: 16px;
  }
  .s11-sub-labels li .icon.ic2 {
    width: 40px;
    /*margin-right: -4px;*/
    margin-inline-end: -4px;
  }
}
@media only screen and (max-width : 768px) {
  .section-11 .quote-box.half-dot p {
    font-size: 20px;
  }

}
@media only screen and (max-width : 480px) {
  .s11-num {
    font-size: 43px;
    bottom: 15%;
    left: 10px;
  }
}

/*Section 11 -*/



/*
Section 12 
*/
.section-12{
  background-color: rgba(245, 245, 245, 0.5);
  padding: 11rem 0 10rem;
  position: relative;
  /*overflow: hidden;*/
  overflow-x: clip;
}
:where(.en) .section-12{
  padding: 2rem 0 16rem;
}
.section-12 .container-fluid{
  max-width: 1190px;
}
.donut-img {
  max-width: 33%;
  height: auto;
  position: absolute;
  left:0;
  top:0;
  margin: 0;
  z-index: 2;
}
.section-12 .lens-12{
  position: absolute;
  width: 296px;
  max-width: 20%;
  height: auto;
  left: 0;
  top: -25%;
  display: block;
  z-index: 1;
  /*opacity: 0;*/
}
.section-12 .chap-box-1{
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 3rem;
  margin: 0 0 1.4rem;
}
:where(.en) .section-12 .chap-box-1 {
  max-width: 827px;
  align-items: flex-start;
  margin: 0 0 2.6rem auto;
}
.section-12 .chapter-title{
  color: #0D2182;
}
:where(.en) .section-12 .chapter-title{
  max-width: 600px;
  margin-top: 6rem;
  line-height: 0.8;
}
.chapter-badge.ch-03 .badge-svg{
  transform: rotate(270deg);
}
.info-12{
  color: #0D2182;
  font:700 48px/1 'ProtocolMF', sans-serif;
  max-width: 750px;
}
.info-12 em{
  font-style: normal;
}
:where(.en) .info-12 {
  max-width: 600px;
  margin-left: auto;
}
.info-12 span{
  color: #478CF4;
  display: block;
}

@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-12{
    background-color: #F7F7F7;
    padding: 5rem 0 0;
  }
  :where(.en) .section-12 .container-fluid{
    position: relative;
    z-index: 9;
  }
  :where(.en) .section-12{
    padding-top: 0;
  }
  .donut-img {
    top: -60%;
  }
  :where(.en) .donut-img {
    top: -268px;
  }
  .section-12 .chap-box-1{
    gap: 0.5rem;
  }

}
@media only screen and (max-width : 768px) {
  .donut-img {
    max-width: 44%;
  }
}
@media only screen and (max-width : 480px) {

}

/*Section 12 -*/


/*
  Section 13
*/
.section-13{
  padding: 11rem 0 11.7rem;
  position: relative;
  /*overflow: hidden;*/
  overflow-x: clip;
}
:where(.en) .section-13{
  padding: 7rem 0 9rem;
}
.section-13:before{
  display: block;
  content: '';
  background: linear-gradient(0deg, rgba(71, 140, 244, 0) 0%, rgba(71, 140, 244, 0.11) 100%);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
  max-height: 946px;
}
.section-13 .decor-lines-circle-13{
  position: absolute;
  top: 24%;
  width: 248px;
  height: 248px;
  background: repeating-linear-gradient(-135deg, #2A327A, #2A327A 5px, transparent 5px, transparent 16px);
  border-radius: 50%;
  z-index: 1;
  right: -100px;
  top: 600px;
}
.sec-ball-13{
  position: absolute;
  right: 0;
  margin: auto;
  top: -15%;
  /*max-height: 65%;*/
  width: auto;
  z-index: 1;
}
.section-13 .container-fluid{
  max-width: 1190px;
}
.flip-card.fc-optimism{
  max-width: 984px;
  height: 432px;
}
.flip-card.fc-optimism .flip-title{
  max-width: 619px;
}
:where(.en) .section-13 .flip-title{
  font-size: 48px;
  color: #478CF4;
}
.section-13 .lens-13{
  position: absolute;
  width: 296px;
  max-width: 20%;
  height: auto;
  left: 0;
  top: -25%;
  display: block;
  z-index: 1;
  /*opacity: 0;*/
}

/* Unique styling for the Optimism block */
.section-13 .result-content-optimism {
    width: 100%;
    padding: 20px;
}
.section-13 .optimism-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
    gap: 40px;
}
:where(.en) .section-13 .optimism-layout{
  flex-direction: row-reverse;
}
:where(.en) .optimism-text{
  flex-grow: 1;
}
.section-13 .opt-main-label {
  font: 500 35px/1.2 'ProtocolMF', sans-serif;
  margin: 0;
  color: #0D2182;
  /*text-align: right;*/
  text-align: start;
}
.section-13 .opt-main-label-2 {
  font: 700 46px/1 'ProtocolMF', sans-serif;
  margin: 0;
  color: #0D2182;
  /*text-align: right;*/
  text-align: start;
}

/* Circle with image overlay like in image_a1958a.png */
.section-13 .large-circle {
    width: 280px;
    height: 280px;
    position: relative;
    /* Center everything inside */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG adjustments */
.section-13 .large-circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    z-index: 2;
}

.section-13 .large-circle svg .bg {
    stroke: #F8A88D;
    stroke-width: 10px;
    fill: none;
}

/* Progress circle stroke */
.section-13 .large-circle svg .prog {
    stroke: url(#optimismGradient); 
    stroke-width: 10px;
    stroke-linecap: square;
    fill: none;
    
    transition: stroke-dashoffset 0.3s ease;
}


/* Image overlay inside the circle */
.section-13 .circle-img-overlay {
    position: absolute;
    width: 77%; 
    height: 77%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    overflow: hidden;
}

.section-13 .circle-img-overlay::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.3); 
}

/* Percentage text styling */
.section-13 .large-circle .percent-val {
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    margin-top: 5px;
}

@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-13 {
    padding: 0rem 0 0.6rem;
  }
  .section-13 .container-fluid.s13-1{
    background-color: #F7F7F7;
    padding: 0rem 25px 5rem;
  }
  .section-13 .section-flip{
    margin: 0;
    padding: 2rem 0 0;
    background: none;
  }
  .section-13 .container-fluid.s13-2{
    background-color: #fff;
    padding: 4rem 25px 5rem;
  }
  .sec-ball-13,
  .section-13 .decor-lines-circle-13,
  .section-13:before{
    display: none !important;
  }
  .info-12 {
    font: 700 20px / 1 'ProtocolMF', sans-serif;
    max-width: 300px;
  }
  :where(.en) .section-12 .chap-box-1 {
    margin-bottom: 1.6rem !important;
  }
  :where(.en) .info-12 {
    max-width: 100%;
    text-align: center;
    margin: 0 auto 1.5rem;
    font: 400 20px / 1 'ProtocolMF', sans-serif;
  }
  :where(.en) .info-12 br{
    display: none;
  }
  :where(.en) .info-12 em{
    font-style: normal;
    display: block;
  }
  .section-13 .optimism-layout {
    flex-direction: column; 
    text-align: center; 
    gap: 15px;
  }
  .section-13 .opt-main-label { 
    text-align: center; 
    font-size: 24px; 
  }
  .flip-title {
    font-size: 40px;
    margin: 0 auto 28px;
  }
  .btn-group {
    display: block;
    max-width: 400px;
    text-align: center;
  }
  .btn-group .flip-btn{
    margin: 0 auto 20px;
  }
  .btn-group .flip-btn:last-child{
    margin-bottom: 0;
  }
  :where(.en) .btn-group {
    gap: 0;
    display: flex;
    flex-direction: column-reverse;
  }

  .section-13 .flip-card{
    height: 508px;
  }
  .section-13 .flip-card-front,
  .section-13 .flip-card-back {
    padding: 20px;
    max-width: 312px;
    width: 90%;
    margin: auto;
    right: 0;
  }
  .section-13 .flip-card-front{
    background: #fff url(img/intersect.svg) no-repeat center;
    background-size: 100%;
  }
  .section-13 .flip-btn .half-dot:after {
    width: 8px;
    height: 14px;
  }
  .section-13 .flip-title{
    max-width: 300px !important;
  }
  .section-13 .flip-title br{
    display: none;
  }
  .section-13 .flip-btn {
    padding: 0px 12px;
    white-space: nowrap;
    height: 37px;
    font-size: 23px;
    border-radius: 20px;
    justify-content: center;
    margin: 0 auto 16px !important;
  }
  .section-13 .opt-main-label {
    font: 500 20px / 1 'ProtocolMF', sans-serif;
    margin: 0;
  }
  .section-13 .opt-main-label-2 {
    font: 700 30px / 0.9 'ProtocolMF', sans-serif;
    margin: 0;
    color: #0D2182;
    text-align: center;
  }
  .section-13 .large-circle {
    width: 230px;
    height: 230px;
  }
  .section-13 .large-circle .percent-val {
    font-size: 81px;
    margin-top: 3px;
  }
  :where(.en) .section-13 .btn-group{
    flex-direction: column;
  }
  

  

}
@media only screen and (max-width : 768px) {

}
@media only screen and (max-width : 480px) {
  .section-13 .flip-title{
    font-size: 25px;
  }
  :where(.en) .section-13 .flip-title{
    font-size: 35px;
    max-width: 100%;
  }
  .section-13 .flip-btn{
    font-size: 18px;
  }
}

.s13-title{
  font-size: 48px;
  font-weight: 700;
  color: #0D2182;
  margin-bottom: 5rem;
  line-height: 1;
  letter-spacing: -1.3pt;
}
.section-13 .demographic-section {
    display: flex;
    justify-content: center;
    gap: 50px;
    direction: ltr;
    padding: 50px 0;
}

.section-13 .demo-item {
    text-align: center;
    width: 300px;
}

.section-13 .demo-visual {
    position: relative;
    width: 300px;
    height: 300px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG Progress settings */
.section-13 .demo-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg); /* Start from top */
}

.section-13 .demo-bg {
    fill: #EAF2FF; /* Light blue background circle */
}

.section-13 .demo-prog {
    fill: none;
    stroke: #478CF4; /* Main blue color */
    stroke-width: 4;
    stroke-linecap: round;
    /* Circumference for r=48 is ~301.5 */
    stroke-dasharray: 302;
    stroke-dashoffset: 302;
}

/* Icon at the start of the arc */
.section-13 .demo-icon {
  position: absolute;
  top: -33px;
  left: 42%;
  transform: translateX(-50%);
  width: 92px;
  height: 92px;
  background: linear-gradient(180deg, #3DB5E9 0%, #478CF4 100%);
  border-radius: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-13 .demo-icon img{
  width: 54px;
  height: auto;
}

/* Numbers styling */
.section-13 .demo-number {
    font: 700 140px/1 'ProtocolMF', sans-serif;
    color: #478CF4;
    position: relative;
    z-index: 2;
}
:where(.en) .section-13 .demo-number{
  margin-bottom: 7px;
}

.section-13 .demo-number i {
    font-style: normal;
    font-size: 0.7em;
}

.section-13 .demo-label {
  font: 500 28px/1 'ProtocolMF', sans-serif;
  color: #000;
  position: absolute;
  bottom: 23%;
}




.section-13 .stats-impact {
    direction: rtl;
    padding: 0;
    font-family: 'ProtocolMF', sans-serif;
}
.section-13 .stats-impact .container{
  max-width: 1044px;
  margin: auto;
}
:where(.en) .section-13 .stats-impact .container{
  max-width: 100%;
}


/* Header Text Styles */
.section-13 .impact-title {
    font: 700 48px/1 'ProtocolMF', sans-serif;
    color: #0D2182;
    margin: 0 5px -15px;
    /*position: absolute;
    top: -30px;*/
}
:where(.en) .section-13 .impact-title{
  margin: 0 5px 1px;
}

.section-13 .impact-desc {
    font: 500 40px/1 'ProtocolMF', sans-serif;
    color: #0D2182;
    margin: 0 0 1rem;
    direction: rtl;
}
:where(.en) .section-13 .impact-desc{
  text-align: left;
}

/* Main Percentage (74%) */
.section-13 .giant-num {
    font: 700 140px/1 'ProtocolMF', sans-serif;
    color: #0D2182;
    display: flex;
    align-items: center;
}
:where(.en) .section-13 .giant-num {
  font: 700 120px/0.9 'ProtocolMF', sans-serif;
  align-items: self-end;
  letter-spacing: -4pt;
}

.section-13 .giant-num i {
    font-style: normal;
    font-size: 0.7em;
    /*margin-right: 5px;*/
    margin-inline-end: 5px;
}

/* Icons */
.section-13 .impact-header {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 30px;
    margin-bottom: 4.6rem;
    direction: ltr;
}
:where(.en) .section-13 .impact-header{
  flex-direction: row-reverse;
}

.section-13 .impact-main-val {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}
:where(.en) .section-13 .impact-main-val{
  flex-direction: row-reverse;
  gap: 41px;
}
.section-13 .impact-main-val .box{
  display: flex;
  flex-direction: column;
  align-items: end;
}
:where(.en) .section-13 .impact-main-val .box{
  flex-direction: column-reverse;
  align-items: start;
}
:where(.en) .section-13 .impact-group.israel .impact-main-val .box{
  flex-direction: column;
}
.section-13 .impact-icon { 
/*  width: 100px; 
  height: 100px;*/
}
.section-13 .icon-orange { color: #F6A38B; }
.section-13 .icon-blue { color: #478CF4; }

/* Bars Section */
.section-13 .impact-group.world{
  margin-bottom: 9.3rem;
}
.section-13 .impact-bars {
  max-width: 1092px;
  margin: auto;
}

.section-13 .bar-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    /*overflow: hidden;*/
}

.section-13 .bar-label {
    font: 500 36px/1 'ProtocolMF', sans-serif;
    color: #0D2182;
    width: 170px;
    /*text-align: left;*/
    text-align: end;
}

.section-13 .bar-track {
    flex-grow: 1;
    height: 64px;
    background-color: transparent;
    position: relative;
}
/*.section-13 .bar-track::after {
    content: '';
    position: absolute;
    top: -52px;
    bottom: -52px;
    border-radius: 2px;
    right: 0;
    width: 4px;
    background-color: #F8A88D;
}
:where(.en) .section-13 .bar-track::after {

}*/
.section-13 .bar-track:before{
  background-color: #F8A88D;
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  top: -20px;
  bottom: -20px;
  border-radius: 4px;
  right: -4px;
}
.section-13 .israel .bar-track:before{
  background-color: #478CF4;
}
.section-13 .world .bar-fill { 
  background-color: #F6A38B; 
  background: linear-gradient(-90deg, #F8A88D 0%, #F6DCC6 100%);
  position: relative;
}
.section-13 .stats-impact .bar-fill > .bar-percent{
  position: absolute;
  right: 100%;
  line-height: 64px;
  margin: 0 13px;
}
.section-13 .israel .bar-fill { 
  background: linear-gradient(-90deg, #478CF4 0%, #29518E 100%);
}

.section-13 .impact-bars .bar-fill {
    height: 100%;
    width: 0;
    position: relative;
}

.section-13 .bar-percent {
    font: 700 100px/1 'ProtocolMF', sans-serif;
    color: #F6A38B;
    min-width: 160px;
}

.section-13 .bar-percent i {
    font-style: normal;
    font-size: 0.7em;
}


.section-13 .israel .bar-percent,
.section-13 .israel .bar-track { 
  color: #478CF4; 
  border-right-color: #478CF4; 
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .s13-title{
    font-size: 40px;
    margin-bottom: 1.3rem;
    letter-spacing: -1pt;
  }
  :where(.en) .s13-title span{
    display: block;
  }
  .s13-title span{
    color: #478CF4;
  }
  :where(.en) .s13-title span{
    color: var(--primary-blue);
  }
  :where(.en) .s13-title2{
    font: 400 40px/0.9 'ProtocolMF', sans-serif;
    color: #0D2182;
    margin: 0 0 3rem;
  }
  :where(.en) .s13-title2 em{
    display: block;
    font-style: normal;
  }
  :where(.en) .s13-title2 span{
    color: #478CF4;
  }
  .section-13 .demographic-section{
    flex-direction: column;
  }
  .section-13 .demo-item {
    margin: 0 auto;
    width: 190px;
    height: 190px;
  }
  .section-13 .demo-visual {
    width: 100%;
    height: 100%;
  }
  .section-13 .demo-icon {
    top: -26px;
    left: 37%;
    width: 57px;
    height: 57px;
  }
  .section-13 .demo-icon img {
    width: auto;
    height: 68%;
  }
  .section-13 .demo-number {
    font: 700 86px / 1 'ProtocolMF', sans-serif;
  }
  .section-13 .demo-label {
    font: 500 18px / 1 'ProtocolMF', sans-serif;
  }
  .section-13 .impact-header {
    gap: 30px;
    margin-bottom: 2rem;
    flex-direction: column-reverse;
  }
  .section-13 .impact-title {
    font: 700 35px / 1 'ProtocolMF', sans-serif;
    margin: 0 5px -15px;
  }
  :where(.en) .section-13 .impact-title {
    margin: 0 5px 1px;
  }
  .section-13 .giant-num {
    font: 700 100px / 1 'ProtocolMF', sans-serif;
  }
  :where(.en) .section-13 .giant-num {
    font: 700 80px / 0.7 'ProtocolMF', sans-serif;
  }
  .section-13 .impact-desc {
    font: 500 20px / 1 'ProtocolMF', sans-serif;
    margin: 0 0 1rem;
  }
  :where(.en) .section-13 .impact-title-box{
    width: 100%;
  }
  :where(.en) .section-13 .impact-desc {
    font-weight: 400;
    text-align: center;
  }
  :where(.en) .section-13 .impact-desc br{
    display: none;
  }
  :where(.en) .section-13 .impact-desc span{
    display: block;
  }
  .section-13 .icon-orange img{
    max-width: 100px;
    height: auto;
  }
  .section-13 .bar-row {
    margin-bottom: 21px;
  }
  .section-13 .bar-track {
    height: 46px;
  }
  .section-13 .stats-impact .bar-fill > .bar-percent {
    line-height: 46px;
  }
  .section-13 .bar-percent {
    font: 700 60px / 1 'ProtocolMF', sans-serif;
  }
  .section-13 .bar-label {
    /*text-align: right;*/
    text-align: start;
    position: absolute;
    z-index: 15;
    padding: 0 15px;
    font: 300 20px / 1 'ProtocolMF', sans-serif;
  }
  .section-13 .impact-group.israel .bar-label {
    color: #fff;
  }
  .section-13 .impact-group.world {
    margin-bottom: 6.4rem;
  }
  :where(.en) .section-13 .impact-main-val {
    justify-content: center;
    margin: 0 auto;
    gap: 10px !important;
  }
  :where(.en) .section-13 .impact-title{
    font-weight: 400;
  }
}
@media only screen and (max-width : 768px) {

}
@media only screen and (max-width : 480px) {
  .section-13 .bar-percent {
      font: 700 40px / 1 'ProtocolMF', sans-serif;
  }
  :where(.en) .section-13 .bar-percent{
    font: 700 60px / 1 'ProtocolMF', sans-serif;
  }
}

/*Section 13 -*/


/*
  Section 14
*/
.section-14{
  background-color: rgba(245, 245, 245, 0.5);
  padding: 0;
  position: relative;
  overflow-x: clip;
}
.section-14 .container-fluid{
  position: relative;
  max-width: 1170px;
  padding: 11rem 30px 10rem;
}
:where(.en) .section-14 .container-fluid{
  padding: 8rem 30px 7rem;
}
.section-14 .girls-14{
  position: absolute;
  max-width: 55%;
  height: auto;
  left: -5vw;
  display: block;
  bottom: -46%;
}
:where(.en) .section-14 .girls-14{
  max-width: 66%;
  left: -6vw;
  bottom: -89%;
}
.section-14 .chap-box-1 {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 2.5rem;
  margin: 0 0 3.7rem;
}
:where(.en) .section-14 .chap-box-1{
  margin: 0 0 2.4rem;
  justify-content: start;
  margin-left: auto;
  max-width: 884px;
}
.section-14 .chapter-title {
  font-size: 128px;
  line-height: 0.75;
  font-weight: 700;
  margin: 0;
  max-width: 500px;
  /*text-align: right;*/
  text-align: start;
  letter-spacing: -1.8pt;
  color: var(--primary-blue);
}
.chapter-badge.ch-04 .badge-svg{
  transform: rotate(180deg);
}
.s14-subtitle {
  font: 700 48px / 1 'ProtocolMF', sans-serif;
  color: #0D2182;
  margin: 0;
}
:where(.en) .s14-subtitle{
  font-size: 60px;
  margin-left: auto;
  max-width: 590px;
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-14{
    z-index: 5;
    background-color: #F7F7F7;
  }
  .section-14 .container-fluid{
    position: relative;
    padding: 5rem 25px 7rem;
  }
  :where(.en) .section-14 .container-fluid{
    padding: 0rem 25px 0;
  }
  :where(.en) .section-14 .girls-14{
    left: -2vw;
    bottom: -78%;
    max-width: 72%;
  }

  .chapter-badge {
    width: 110px;
    height: 110px;
    margin: 0;
  }
  
  .section-14 .chap-box-1{
    margin-bottom: 2rem;
  }
  .section-14 .chapter-title,
  .section-12 .chapter-title,
  .section-7 .chapter-title,
  .section-2 .chapter-title {
    font-size: 40px;
    max-width: 156px;
  }
  
  .chapter-badge .badge-text .label {
    font-size: 17px;
    margin: 11px 0 -12px;
  }
  :where(.en) .chapter-badge .badge-text .label {
    font-size: 15px;
    margin: 11px 0 -8px;
  }
  .chapter-badge .badge-text .number {
    font-size: 72px;
    letter-spacing: -1pt;
  }
  :where(.en) .chapter-badge .badge-text .number {
    font-size: 50px;
  }
  .chapter-badge .badge-text-ball {
    width: 87px;
    height: 87px;
  }
  .s14-subtitle {
    font: 700 30px / 1 'ProtocolMF', sans-serif;
  }
  .identity-stats {
    padding: 34px 0 0;
  }

}
@media only screen and (max-width : 768px) {
  .section-14 .chapter-title,
  .section-12 .chapter-title,
  .section-7 .chapter-title,
  .section-2 .chapter-title {
    font-size: 40px;
    max-width: 156px;
  }
  :where(.en) .section-14 .chapter-title,
  :where(.en) .section-12 .chapter-title,
  :where(.en) .section-7 .chapter-title,
  :where(.en) .section-2 .chapter-title {
    font-size: 50px;
    line-height: 0.8;
  }
  :where(.en) .section-7 .chapter-title{
    max-width: 100%;
    text-align: center;
  }
  .s14-subtitle {
    font: 700 20px / 1 'ProtocolMF', sans-serif;
  }
  :where(.en) .s14-subtitle{
    text-align: center;
    font-weight: 400;
  }
  .section-14 .girls-14 {
    max-width: 80%;
  }
  
}
@media only screen and (max-width : 480px) {

}
/*Section 14 -*/


/*
  Section 15
*/

.section-15{
  padding: 0;
  position: relative;
  overflow-x: clip;
  padding: 11rem 0 5rem;
}
:where(.en) .section-15{
  padding: 5rem 0 5rem;
}
.section-15 .bagel-15{
  position: absolute;
  width: 276px;
  max-width: 25%;
  height: auto;
  top: 0;
  left: 0;
  bottom: 30%;
  margin: auto;
  display: block;
  z-index: 1;
}
.section-15 .container-fluid{
  max-width: 1170px;
}
.s15.quote-box{
  padding: 61px 0 0;
}
.s15.quote-box p{
  max-width: 270px;
}
:where(.en) .s15.quote-box{
  margin-left: auto;
  max-width: 350px;
  margin-right: 0;
}
:where(.en) .s15.quote-box p{
  font-size: 48px;
  color: #0D2182;
  max-width: 100%;
}
.s15.half-dot:after {
  top: 0;
  right: 20px;
  bottom: auto;
  transform: rotate(-90deg);
  height: 68px;
  width: 30px;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  background-color: #478CF4;
}
:where(.en) .s15.half-dot:after {
  right: auto;
  left: 20px;
}

.identity-stats {
    direction: rtl;
    padding: 80px 0;
}

.identity-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    direction: ltr;
}
.identity-item.world{
  justify-content: end;
}

.identity-item.israel {
    /*margin-right: 15%;*/
    margin-inline-end: 15%;
}


.identity-num {
    font: 700 140px/1 'ProtocolMF', sans-serif;
    color: #0D2182;
    display: flex;
    align-items: center;
}

.identity-num i {
    font-style: normal;
    font-size: 0.7em; /* 0.7em as requested */
    /*margin-right: 10px;*/
    margin-inline-end: 10px;
}

.identity-label {
    font: 500 40px/1 'ProtocolMF', sans-serif;
    color: #0D2182;
    /*text-align: left;*/
    text-align: end;
}
:where(.en) .identity-label{
  text-align: center;
}

/* Visuals (Circles) */
.identity-visual {
    position: relative;
    width: 320px;
    height: 320px;
}

.identity-visual svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    z-index: 2;
}

.id-bg {
    fill: none;
    stroke: #f1f1f1;
    stroke-width: 4;
}

.id-prog {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-dasharray: 289; /* 2 * PI * 46 */
    stroke-dashoffset: 289;
    transition: stroke-dashoffset 1s ease;
}

/* Colors from image_f3beda.png */
.world .id-prog { stroke: #F6A38B; }
.israel .id-prog { stroke: #478CF4; }

.id-img {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  :where(.en) .section-15{
    padding: 0 0 5rem;
  }
  .section-15 .girls-15 {
    max-width: 65%;
    height: auto;
    margin: 0 0 0 -17px;
  }
  .section-15 {
    background-color: #F7F7F7;
    position: relative;
    z-index: 1;
  }
  .section-15 .container-fluid{
    /*max-width: 600px;*/
  }
  .section-15 .bagel-15{
    display: none !important;
  }
  .s15.quote-box {
    padding: 38px 0 0;
    max-width: 210px;
  }
  .s15.half-dot:after{
    background: #FFA286;
    height: 35px;
    width: 15px;
    /*right: 10px;*/
    inset-inline-start:10px;
  }
  .section-15 .quote-box p {
    font-size: 30px;
    line-height: 1;
    color: #0D2182;
  }
  .identity-item.world {
    justify-content: center;
    margin: 0 0 3rem;
  }
  .identity-item.israel {
    /*margin-right: 0;*/
    margin-inline-end: 0;
  }
  .identity-num {
    font: 700 80px / 1 'ProtocolMF', sans-serif;
  }
  .identity-label {
    font: 500 25px / 1 'ProtocolMF', sans-serif;
  }
  .identity-visual {
    width: 252px;
    height: 252px;
  }
  
}
@media only screen and (max-width : 768px) {
  .s15.quote-box{
    max-width: 173px;
  }
  :where(.en) .s15.quote-box{
    max-width: 200px;
  }
  .section-15 .quote-box p {
    font-size: 20px;
  }
  .identity-num {
    font: 700 60px / 1 'ProtocolMF', sans-serif;
  }
  :where(.en) .identity-num{
    font-size: 50px;
  }
  .identity-label {
    font: 500 17px / 1 'ProtocolMF', sans-serif;
  }
  .identity-visual {
    width: 152px;
    height: 152px;
  }
}
@media only screen and (max-width : 480px) {
  .identity-stats {
    padding: 3rem 0 0;
  }
  :where(.en) .identity-stats{
    padding-top: 1rem;
  }
  .identity-item.world {
    justify-content: center;
    margin: 0 0 1rem;
  }
}
/*Section 15 -*/

.section-16{
  padding: 0;
  position: relative;
  overflow-x: clip;
  padding: 0 0 17rem;
}
:where(.en) .section-16{
  padding: 0 0 11rem;
}
.section-16:before{
  display: block;
  content: '';
  background: linear-gradient(180deg, rgba(71, 140, 244, 0) 0%, rgba(71, 140, 244, 0.11) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
  max-height: 946px;
}
.section-16 .handshake-15{
  position: absolute;
  width: 493px;
  border: 90px solid #0D2182;
  border-radius: 50%;
  object-fit: cover;
  max-width: 25%;
  height: auto;
  left: -125px;
  bottom: -20%;
  display: block;
  z-index: 1;
  box-sizing: content-box;
}
.section-16 .container-fluid{
  max-width: 1170px;
  position: relative;
  z-index: 10;
}
.s16-title{
  font: 700 128px/0.8 'ProtocolMF', sans-serif;
  font-size: clamp(48px, calc(18.909px + 9.091vw), 128px);
  color: #0D2182;
  margin-bottom: 2.5rem;
  letter-spacing: -1.4pt;
}
:where(.en) .s16-title{
  margin-bottom: 7.5rem;
}
.s16-info{
  color: #0D2182;
  font:700 48px/1 'ProtocolMF', sans-serif;
  max-width: 760px;
  margin: 0 0 3rem;
}
:where(.en) .s16-info{
  margin-bottom: 11rem;
  margin-left: auto;
  letter-spacing: -0.6pt;
}
.s16-info em{
  font-style: normal;
}
.s16-info span{
  color: #478CF4;
  display: block;
}
.box-cta-16{
  display: flex;
  justify-content: end;
}
.btn-cta-16 {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  background-color: #fff;
  color: #0D2182;
  padding: 21px 36px;
  border-radius: 50px;
  font-size: 36px;
  text-decoration: none;
  transition: all 0.3s ease;
  opacity: 1 !important;
  direction: ltr;
  box-shadow: 0px 4px 60px 0px rgba(13, 33, 130, 0.2);
  font-weight: 500;
}
:where(.en) .btn-cta-16{
  flex-direction: row-reverse;
}
.btn-cta-16:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}
.btn-cta-16 svg{
  width: 33px;
  height: 24px;
}
.btn-cta-16 .btn-arrow {
  display: inline-flex;
  align-items: center;
}

.decor-lines-circle-16{
  position: absolute;
  width: 248px;
  height: 248px;
  background: repeating-linear-gradient(-135deg, #FFA286, #FFA286 5px, transparent 5px, transparent 31px);
  border-radius: 50%;
  z-index: 2;
  left: 20%;
  bottom: -120px;
}

@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .section-16 .container-fluid{
    text-align: center;
  }
  .section-16 {
    padding: 4.7rem 0 16.5rem;
  }
  .section-16 .handshake-15 {
    width: 250px;
    border: 70px solid #0D2182;
    left: -78px;
  }
  .s16-title {
    font: 700 50px / 0.8 'ProtocolMF', sans-serif;
    text-align: center;
    margin-bottom: 1.5rem;
  }
  :where(.en) .s16-title span{
    display: block;
  }
  :where(.en) .s16-title br{
    display: none;
  }
  .s16-info {
    font: 700 26px / 1.1 'ProtocolMF', sans-serif;
    max-width: 600px;
    text-align: center;
    margin: 0px auto 2.1rem;
  }
  :where(.en) .s16-info {
    font-weight: normal;
  }
  :where(.en) .s16-info br{
    display: none;
  }
  :where(.en) .s16-info em{
    font-style: normal;
    display: block;
  }
  .decor-lines-circle-16{
    width: 180px;
    height: 180px;
    bottom: -90px;
    left: 26%;
    background: repeating-linear-gradient(-135deg, #FFA286, #FFA286 2px, transparent 2px, transparent 11px);
  }
  .section-16:before{
    max-height: 100%;
  }
  .btn-cta-16 {
    font-size: 23px;
    padding: 10px 22px;
    gap: 14px;
  }
  :where(.en) .btn-cta-16{
    font-size: 18px;
  }
  .btn-cta-16 .btn-arrow img{
    width: 19px;
    height: auto;
  }
  .box-cta-16{
    justify-content: center;
  }
}
@media only screen and (max-width : 768px) {
  .decor-lines-circle-16{
    width: 116px;
    height: 116px;
    bottom: -58px;

    left: 27%;
    right: 0;
    margin: auto;
  }
  .s16-title {
    font: 700 40px / 0.8 'ProtocolMF', sans-serif;
  }
  .s16-info {
    font: 700 20px / 1.1 'ProtocolMF', sans-serif;
    max-width: 400px;
  }
  .section-16 .handshake-15 {
    width: 201px;
    border: 50px solid #0D2182;
    left: -58px;
    height: 201px;
    max-width: none;
  }
}
@media only screen and (max-width : 380px) {
  .btn-cta-16 {
    font-size: 21px;
  }
  :where(.en) .btn-cta-16{
    font-size: 18px;
  }
  .s16-info br{
    display: none;
  }
}

/*
  Footer
*/
.main-footer {
    background: linear-gradient(147deg, #0D2182 0%, #3DB5E9 100%);
    padding: 14.4rem 0 40px;
    color: #fff;
    text-align: center;
}
:where(.en) .main-footer{
    padding: 9.4rem 0 40px;
}

.main-footer .container-fluid {
    max-width: 1170px;
    margin: 0 auto;
}

/* CTA Section */
.footer-cta {
    margin-bottom: 12rem;
}

.cta-title {
    font-family: 'ProtocolMF', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.2rem;
}
:where(.en) .cta-title{
    margin-bottom: 1.6rem;
}

.btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  background-color: #F8A88D;
  color: #0D2182;
  padding: 21px 36px;
  border-radius: 50px;
  font-size: 36px;
  font-weight: 300;
  text-decoration: none;
  transition: all 0.3s ease;
  opacity: 1 !important;
  direction: ltr;
}
:where(.en) .btn-cta {
  flex-direction: row-reverse;
}
.btn-cta:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    background-color: #ffb8a1;
}
.btn-cta svg{
  width: 33px;
  height: 24px;
}
.btn-cta .btn-arrow {
  display: inline-flex;
  align-items: center;
}
:where(.en) .btn-arrow img{
  transform: translateY(0%) rotate(180deg);
}

/* Divider */
.footer-divider {
    border: 0;
    height: 4px;
    background: #478CF4;
    border-radius: 4px;
    margin-bottom: 1.6rem;
}

/* Bottom Info */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*text-align: right;*/
    text-align: start;
}
:where(.en) .footer-bottom {
  flex-direction: row-reverse;
  gap: 10px;
}

.footer-info-text {
    font-size: 28px;
    line-height: 1.1;
    opacity: 1;
    font-weight: 500;
    max-width: 808px;
}
:where(.en) .footer-info-text {
  font-size: 25px;
  line-height: 1;
}
:where(.en) .footer-info-text span:last-child{
  font-size: 19px;
}

.footer-logo img {
    height: 67px;
    width: auto;
}

/* Responsive */
@media (max-width: 768px) {

}
@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 992px) {
  .main-footer {
    padding: 9.2rem 0 4rem;
  }
  .main-footer .container-fluid {
    padding-left: 38px;
    padding-right: 38px;
  }
  .footer-cta {
    margin-bottom: 5rem;
  }
  .cta-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 35px;
    max-width: 246px;
    margin: auto;
  }
  :where(.en) .cta-title{
    max-width: 100%;
  }
  .cta-title span{
    font-size: 25px;
    font-weight: 500;
    display: inline-block;
    line-height: 30px;
  }
  :where(.en) .cta-title span{
    font-weight: 400;
  }
  .btn-cta {
    font-size: 19px;
    padding: 10px 22px;
    gap: 14px;
  }
  .btn-cta .btn-arrow img{
    width: 19px;
    height: auto;
  }
  .footer-bottom { 
    flex-direction: column-reverse; 
    gap: 40px; 
    text-align: center; 
  }
  .footer-divider{
    display: none;
  }
  .footer-logo{
    display: block;
    width: 100%;
    position: relative;
    padding: 0 0 34px;
    margin: 0 auto 0;
  }
  .footer-logo:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 4px;
    background: #478CF4;
    border-radius: 4px;
  }
  .footer-logo img {
    height: 58px;
  }
  .footer-info-text {
    font-size: 16px;
    line-height: 1.1;
    max-width: 316px;
  }
  .footer-info-text br{
    display: none;
  }
  .footer-info-text{
    white-space: nowrap;
  }
  .footer-info-text span{
    display: block;
  }
  :where(.en) .footer-info-text {
    font-size: 16px;
    line-height: auto;
    white-space: normal;
  }
  .footer-info-text span:last-child{
    font-size: 12px;
    line-height: auto;
    white-space: normal;
  }
}
@media only screen and (max-width : 768px) {
  
}
@media only screen and (max-width : 480px) {
  .btn-cta {
    font-size: 18px;
    padding: 10px 10px;
    gap: 10px;
    white-space: nowrap;
  }
  :where(.en) .btn-cta{
    padding: 10px 20px;
  }
}
/*Footer -*/

/*
  Map Slider
*/
@media (min-width: 992px) {
    .mobile-only { display: none !important; }
}

@media (max-width: 991px) {
    .s11-slider-container {
        padding: 1.4rem 25px 1.8rem;
        width: 100%;
        overflow: hidden; 
        position: relative;
    }

    .s11-swiper {
        width: 100%;
        max-width: none;
        margin: 0;
        overflow: visible !important; 
    }

    .swiper-slide {
        width: 227px !important; 
        height: auto;
        display: flex;
        justify-content: center;
        transition: opacity 0.4s ease, transform 0.4s ease;
        opacity: 0.6;
        transform: scale(0.9);
    }

    .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }
    .s11-card {
      width: 227px;
      height: 258px;
      /*background: #fff;*/
      background-color: #E3F4FC;
      border-radius: 33px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding: 22px 20px;
      box-shadow: 0 3px 33px rgba(0,0,0,0.1);
      position: relative;
    }
    .s11-card-num {
        color: #0D2182;
        font: 700 70px / 0.9 'ProtocolMF', sans-serif;
        margin: 0;
        position: relative;
        z-index: 7;
    }

    .s11-card-num i {
        font-style: normal;
        font-size: 0.8em;
    }

    .s11-card-name {
        color: #0D2182;
        font-size: 16px;
        line-height: 1;
        font-weight: 500;
        margin: -0.2rem 0 0;
        text-align: center;
        position: relative;
        z-index: 7;
    }
    .s11-card > img{
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 15%;
    }
    .swiper-slide .s11-card.sc-1 > img,.swiper-slide .s11-card.sc-6 > img{bottom: 36px;}
    .swiper-slide .s11-card.sc-2 > img,.swiper-slide .s11-card.sc-7 > img{bottom: 1px;}
    .swiper-slide .s11-card.sc-3 > img,.swiper-slide .s11-card.sc-8 > img{bottom: 1px;}
    .swiper-slide .s11-card.sc-4 > img,.swiper-slide .s11-card.sc-9 > img{bottom: 31px;}
    .swiper-slide .s11-card.sc-5 > img{bottom: 27px;}

    .s11-nav-prev, .s11-nav-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        cursor: pointer;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    .s11-nav-prev { 
      left: 10px; 
    }
    .s11-nav-next { 
        right: 10px; 
        transform: translateY(-50%) rotate(180deg); 
    }
    .s11-nav-prev img, .s11-nav-next img {
        width: 24px;
        height: auto;
    }
    .swiper-button-disabled {
        opacity: 0.3;
        pointer-events: none;
    }

  :where(.en) .section-7 .chap-box-1,
  :where(.en) .section-12 .chap-box-1,
  :where(.en) .section-14 .chap-box-1{
    margin: -3.4rem auto 2.3rem;
    flex-direction: column;
    max-width: 380px;
  }
  :where(.en) .section-14 .chap-box-1{
    gap: 0.6rem;
    margin-bottom: 1.1rem;
  }
  :where(.en) .section-7 .chapter-badge,
  :where(.en) .section-12 .chapter-badge,
  :where(.en) .section-14 .chapter-badge {
    /*margin: 0 0 0 -64%;*/
    margin: 0 auto 0 0;
  }
  :where(.en) .section-7 .chapter-title,
  :where(.en) .section-12 .chapter-title,
  :where(.en) .section-14 .chapter-title{
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  :where(.en) .s7-subtitle, {
    font: 400 20px / 1 'ProtocolMF', sans-serif;
    max-width: 100%;
    text-align: center;
    margin: 1.5rem 0 5rem;
  }

}
/*Map Slider -*/