main .section[data-sec-swoosh^=bg-dots],
main .section[data-sec-swoosh^=bg-dots][data-sec-inside-container=true]>div {
   position: relative
}

main .section[data-sec-swoosh^=bg-dots]::before,
main .section[data-sec-swoosh^=bg-dots]::before,
main .section[data-sec-swoosh^=bg-dots]:not([data-sec-inside-container=true])>div::before,
main .section[data-sec-swoosh^=bg-dots][data-sec-inside-container=true]>div::before {
   background-repeat: no-repeat;
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: -1;
   top: 0;
   left: 0
}

main .section[data-sec-swoosh^=bg-dots]::before,
main .section[data-sec-swoosh^=bg-dots][data-sec-inside-container=true]>div::before {
   z-index: -1;
}

main .section[data-sec-swoosh^=sec-bg-dots]*,
main .section[data-sec-swoosh^=sec-bg-dots][data-sec-inside-container=true]>div>* {
   z-index: 1;
   position: relative
}

@media (width <=767.9px) {
   main .section[data-sec-swoosh=bg-dots-about-hero]::before {
      background-image: url('../icons/bg/About/Dot-Hero-m.svg');
      background-position: 100% 65%;
      background-size: cover;
      height: 73%;
   }

   main .section[data-sec-swoosh=bg-dots-about-bringing]::before {
      background-image: url('../icons/bg/About/Dot-Bringing-m.svg');
      background-position: 100% 10%;
   }

   main .section[data-sec-swoosh=bg-dots-about-helping]::before {
      background-image: url('../icons/bg/About/Dot-Helping-m.svg');
      background-position: 100% -11%;
      background-size: contain;

   }

   main .section[data-sec-swoosh=bg-dots-about-measured]::before {
      background-image: url('../icons/bg/About/Dot-measured-t.svg');
      background-position: 100% 45%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-about-our]::before {
      background-image: url('../icons/bg/About/Dot-our-m.svg');
      background-position: 100% 45%;
   }

   main .section[data-sec-swoosh=bg-dots-about-putting]::before {
      background-image: url('../icons/bg/About/Dot-putting-m.svg');
      background-position: 100% 25%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-about-speed]::before {
      background-image: url('../icons/bg/About/Dot-speed-t.svg');
      background-position: 0% 100%;
      background-size: cover;
      height: 120%;
   }

   main .section[data-sec-swoosh=bg-dots-accountability-report]::before {
      background-image:
         url('../icons/bg/Accountability/Dot-Report-m.svg'),
         url('../icons/bg/Accountability/Dot-check-m.svg'),
         url('../icons/bg/Accountability/Dot-providing-m.svg');
      background-position: 100% -15%, 100% 110%, 100% 200%;
   }

   main .section[data-sec-swoosh=bg-dots-accountability-hero]::before {
      background-image: url('../icons/bg/Accountability/Dot-Hero-m.svg');
      background-position: 100% 30%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-corporate-hero]::before {
      background-image: url('../icons/bg/Corporate/Dot-hero-m.svg');
      background-position: 100% 30%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-corporate-holding]::before {
      background-image: url('../icons/bg/Corporate/Dot-Holding-m.svg');
      background-position: 100% 106%;
   }

   main .section[data-sec-swoosh=bg-dots-data-hero]::before {
      background-image: url('../icons/bg/Data/Dot-hero-m.svg');
      background-position: 100% 30%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-hero]::before {
      background-image: url('../icons/bg/Directors/Dot-hero-m.svg');
      background-position: 100% 30%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-directors-clear]::before {
      background-image: url('../icons/bg/Directors/Dot-Clear-m.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-guiding]::before {
      background-image: url('../icons/bg/Directors/Dot-guiding-m.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-hero]::before {
      background-image:
         url('../icons/bg/Governors/Dot-Hero-m.svg');
      background-position: 0% 20%;
      background-size: 100%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-every]::before {
      background-image: url('../icons/bg/Governors/Dot-Every-m.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-protecting]::before {
      background-image: url('../icons/bg/Governors/Dot-Protecting-m.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-article]::before {
      background-image: url('../icons/bg/Governors/Dot-pullquote-m.svg');
      background-position: 100% 90%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-soliving]::before {
      background-image: url('../icons/bg/Governors/Dot-soliving-m.svg');
      background-position: 0% 58%;
   }

   main .section[data-sec-swoosh=bg-dots-how-hero]::before {
      background-image: url('../icons/bg/How/Dot-hero-m.svg');
      background-position: 100% 75%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-how-mesh]::before {
      background-image: url('../icons/bg/How/Dot-mesh-m.svg');
      background-position: 100% 100%;
   }

   main .section[data-sec-swoosh=bg-dots-how-priority]::before {
      background-image: url('../icons/bg/How/Dot-Our-priority-m.svg');
      background-position: 0% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-countless]::before {
      background-image: url('../icons/bg/Impact/Dot-countless-m.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-hero]::before {
      background-image: url('../icons/bg/Impact/Dot-hero-m.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-stories]::before {
      background-image: url('../icons/bg/Impact/Dot-Stories-m.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-leasership-hero]::before {
      background-image: url('../icons/bg/Leadership/Dot-hero-m.svg');
      background-position: 100% 70%;
      background-size: cover;
      height: 85%;
   }

   main .section[data-sec-swoosh=bg-dots-public-hero]::before {
      background-image: url('../icons/bg/Public/Dot-hero-m.svg');
      background-position: 100% -12%;
   }
}

@media (width >=768px) and (width <=1023.9px) {
   main .section[data-sec-swoosh=bg-dots-about-hero]::before {
      background-image: url('../icons/bg/About/Dot-Hero-t.svg');
      background-position: 100% 0%;
      background-size: contain;
      height: 110%;
   }

   main .section[data-sec-swoosh=bg-dots-about-bringing]::before {
      background-image: url('../icons/bg/About/Dot-Bringing-t.svg');
      background-position: 100% 10%;
   }

   main .section[data-sec-swoosh=bg-dots-about-helping]::before {
      background-image: url('../icons/bg/About/Dot-Helping-t.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-about-measured]::before {
      background-image: url('../icons/bg/About/Dot-measured-t.svg');
      background-position: 100% 45%;
   }

   main .section[data-sec-swoosh=bg-dots-about-our]::before {
      background-image: url('../icons/bg/About/Dot-our-t.svg');
      background-position: 100% 45%;
   }

   main .section[data-sec-swoosh=bg-dots-about-putting]::before {
      background-image: url('../icons/bg/About/Dot-putting-t.svg');
      background-position: 100% 25%;
   }

   main .section[data-sec-swoosh=bg-dots-about-speed]::before {
      background-image: url('../icons/bg/About/Dot-speed-t.svg');
      background-position: 100% 45%;
      background-size: cover;
   }

   main .section[data-sec-swoosh=bg-dots-accountability-report]::before {
      background-image:
         url('../icons/bg/Accountability/Dot-Report-t.svg'),
         url('../icons/bg/Accountability/Dot-check-t.svg'),
         url('../icons/bg/Accountability/Dot-providing-t.svg');
      background-position: 100% -15%, 0% 85%, 100% 162%;
   }

   main .section[data-sec-swoosh=bg-dots-accountability-hero]::before {
      background-image: url('../icons/bg/Accountability/Dot-Hero-t.svg');
      background-position: 100% 40%;
      background-size: 100%;
   }

   main .section[data-sec-swoosh=bg-dots-corporate-hero]::before {
      background-image: url('../icons/bg/Corporate/Dot-hero-t.svg');
      background-position: 100% 40%;
      background-size: 100%;
   }

   main .section[data-sec-swoosh=bg-dots-corporate-holding]::before {
      background-image: url('../icons/bg/Corporate/Dot-Holding-t.svg');
      background-position: 100% 95%;
   }

   main .section[data-sec-swoosh=bg-dots-data-hero]::before {
      background-image: url('../icons/bg/Data/Dot-hero-t.svg');
      background-position: 100% 55%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-hero]::before {
      background-image: url('../icons/bg/Directors/Dot-hero-t.svg');
      background-position: 100% 60%;
      background-size: 100%;
      height: 85%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-clear]::before {
      background-image: url('../icons/bg/Directors/Dot-Clear-t.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-guiding]::before {
      background-image: url('../icons/bg/Directors/Dot-guiding-t.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-hero]::before {
      background-image:
         url('../icons/bg/Governors/Dot-Hero-t.svg');
      background-position: 0% 20%;
      background-size: 100%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-every]::before {
      background-image: url('../icons/bg/Governors/Dot-Every-t.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-protecting]::before {
      background-image: url('../icons/bg/Governors/Dot-Protecting-t.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-article]::before {
      background-image: url('../icons/bg/Governors/Dot-pullquote-t.svg');
      background-position: 100% 230%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-soliving]::before {
      background-image: url('../icons/bg/Governors/Dot-soliving-t.svg');
      background-position: 0% 68%;
   }

   main .section[data-sec-swoosh=bg-dots-how-hero]::before {
      background-image: url('../icons/bg/How/Dot-hero-t.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-how-mesh]::before {
      background-image: url('../icons/bg/How/Dot-mesh-t.svg');
      background-position: 100% 55%;
   }

   main .section[data-sec-swoosh=bg-dots-how-priority]::before {
      background-image: url('../icons/bg/How/Dot-Our-priority-t.svg');
      background-position: 0% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-countless]::before {
      background-image: url('../icons/bg/Impact/Dot-countless-t.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-hero]::before {
      background-image: url('../icons/bg/Impact/Dot-hero-t.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-stories]::before {
      background-image: url('../icons/bg/Impact/Dot-Stories-t.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-leasership-hero]::before {
      background-image: url('../icons/bg/Leadership/Dot-hero-t.svg');
      background-position: 100% 35%;
      background-size: cover;
      height: 85%;
   }

   main .section[data-sec-swoosh=bg-dots-public-hero]::before {
      background-image: url('../icons/bg/Public/Dot-hero-t.svg');
      background-position: 100% -8%;
   }
}

@media (width >=1024px) {
   main .section[data-sec-swoosh=bg-dots-about-hero]::before {
      background-image: url('../icons/bg/About/Dot-Hero-d-left.svg'),
         url('../icons/bg/About/Dot-Hero-d-right.svg');
      background-position: 0% 0%, 100% 70%;
   }

   main .section[data-sec-swoosh=bg-dots-about-bringing]::before {
      background-image: url('../icons/bg/About/Dot-Bringing-d.svg');
      background-position: 100% 10%;
   }

   main .section[data-sec-swoosh=bg-dots-about-helping]::before {
      background-image: url('../icons/bg/About/Dot-Helping-d.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-about-measured]::before {
      background-image: url('../icons/bg/About/Dot-measured-d.svg');
      background-position: 0% 45%;
      opacity: 0;
      transition-delay: 0.55s;
   }

   main .section.in-view[data-sec-swoosh=bg-dots-about-measured]::before {
      background-image: url('../icons/bg/About/Dot-measured-d.svg');
      background-position: 0% 45%;
      opacity: 1;
      max-width: var(--screen-width);
   }

   main .section[data-sec-swoosh=bg-dots-about-our]::before {
      background-image: url('../icons/bg/About/Dot-our-d.svg');
      background-position: 100% 45%;
   }

   main .section[data-sec-swoosh=bg-dots-about-putting]::before {
      background-image: url('../icons/bg/About/Dot-putting-d.svg');
      background-position: 0% 65%;
   }

   main .section[data-sec-swoosh=bg-dots-about-speed]::before {
      background-image: url('../icons/bg/About/Dot-speed-d.svg');
      background-position: 0% 25%;
   }

   main .section[data-sec-swoosh=bg-dots-accountability-hero]::before {
      background-image: url('../icons/bg/Accountability/Dot-Hero-right.svg'),
         url('../icons/bg/Accountability/Dot-Hero-left.svg');
      background-position: 100% -20%, 0% 200%;
   }

   main .section[data-sec-swoosh=bg-dots-accountability-report]::before {
      background-image:
         url('../icons/bg/Accountability/Dot-Report-d.svg'),
         url('../icons/bg/Accountability/Dot-check-d.svg'),
         url('../icons/bg/Accountability/Dot-providing-d.svg');
      background-position: 100% -15%, 0% 100%, 100% 145%;
   }

   main .section[data-sec-swoosh=bg-dots-corporate-hero]::before {
      background-image: url('../icons/bg/Accountability/Dot-Hero-right.svg'),
         url('../icons/bg/Accountability/Dot-Hero-left.svg');
      background-position: 100% -10%, 0% 150%;
   }

   main .section[data-sec-swoosh=bg-dots-corporate-holding]::before {
      background-image: url('../icons/bg/Corporate/Dot-Holding-d.svg');
      background-position: 100% 45%;
   }
main .section[data-sec-swoosh=bg-dots-corporate-tracking] .position-sticky {
    align-self: flex-start;
   min-height: calc(100vh - 100px);
}
   main .section[data-sec-swoosh=bg-dots-corporate-tracking] .position-sticky::before {
      background-image: url('../icons/bg/Corporate/Dot-Tracking.svg');
      background-position: 0% 0%;
      position: absolute;
      left: 0;
      content: "";
        height: stretch;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
   }

   main .section[data-sec-swoosh=bg-dots-data-hero]::before {
      background-image: url('../icons/bg/Data/Dot-hero-d.svg');
      background-position: 100% 45%;
   }

   main .section[data-sec-swoosh=bg-dots-data-outside]::before {
      background-image: url('../icons/bg/Data/Dot-outside.svg');
      background-position: 0% 85%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-hero]::before {
      background-image: url('../icons/bg/Accountability/Dot-Hero-right.svg'),
         url('../icons/bg/Accountability/Dot-Hero-left.svg');
      background-position: 100% 0%, 0% 100%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-clear]::before {
      background-image: url('../icons/bg/Directors/Dot-Clear-d.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-guiding]::before {
      background-image: url('../icons/bg/Directors/Dot-guiding-d.svg');
      background-position: 100% 35%;
      max-width: var(--screen-width);
   }

   main .section[data-sec-swoosh=bg-dots-directors-protecting]::before {
      background-image: url('../icons/bg/Public/Dot-mesh-2.svg');
      background-position: 0% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-hero]::before {
      background-image: url('../icons/bg/Accountability/Dot-Hero-right.svg'),
       url('../icons/bg/Accountability/Dot-Hero-left.svg');
       background-position: 100% 0%, 0% 200%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-every]::before {
      background-image: url('../icons/bg/Governors/Dot-Every-d.svg');
      background-position: 100% 0%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-protecting]::before {
      background-image: url('../icons/bg/Governors/Dot-Protecting-d.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-article]::before {
      background-image: url('../icons/bg/Governors/Dot-pullquote-d.svg');
      background-position: 100% 280%;
   }

   main .section[data-sec-swoosh=bg-dots-governors-soliving]::before {
      background-image: url('../icons/bg/Governors/Dot-soliving-d.svg');
      background-position: 0% 56%;
   }

   main .section[data-sec-swoosh=bg-dots-how-hero]::before {
      background-image: url('../icons/bg/How/Dot-hero-d-right.svg'),
       url('../icons/bg/How/Dot-hero-d-left.svg');
       background-position: 100% 0%, 0% 200%;
   }

   main .section[data-sec-swoosh=bg-dots-how-mesh]::before {
      background-image: url('../icons/bg/How/Dot-mesh-d.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-how-priority]::before {
      background-image: url('../icons/bg/How/Dot-Our-priority-d.svg');
      background-position: 0% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-countless]::before {
      background-image: url('../icons/bg/Impact/Dot-countless-d.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-hero]::before {
      background-image: url('../icons/bg/Impact/Dot-hero-d.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-impact-stories]::before {
      background-image: url('../icons/bg/Impact/Dot-Stories-d.svg');
      background-position: 100% 22%;
   }

   main .section[data-sec-swoosh=bg-dots-leasership-hero]::before {
      background-image: url('../icons/bg/Leadership/Dot-hero-d.svg');
      background-position: 100% 120%;
      background-size: cover;
      height: 85%;
   }


main .section[data-sec-swoosh=bg-dots-public-mesh-2] .position-sticky {
     align-self: flex-start;
   min-height: calc(100vh - 100px);
}
   main .section[data-sec-swoosh=bg-dots-public-mesh-2] .position-sticky::before {
      background-image: url('../icons/bg/Public/Dot-mesh-2.svg');
      background-position: 0% 0%;
      position: absolute;
      left: 0;
      content: "";
        height: stretch;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
   }
   main .section[data-sec-swoosh=bg-dots-public-hero]::before {
      background-image: url('../icons/bg/Public/Dot-hero-d.svg');
      background-position: 100% 0%;
   }
}


@media (width >=1601px) {

   main .section[data-sec-swoosh^=bg-dots]::before {
      margin: auto;
    
   }
  main .section[data-sec-swoosh=bg-dots-governors-every]::before {
      max-width: var(--screen-width);
   }

   main .section[data-sec-swoosh=bg-dots-hero][data-sec-inside-container=true]>div::before {
      background-image: url('../icons/bg-image/Abous-us/Dot-mesh-hero-d-left.svg');
      background-position: 70% 159%;
      background-size: 94%;
      background-repeat: no-repeat;
   }

   main .section[data-sec-swoosh=bg-dots-our-priority]>div::before {
      margin-left: var(--grid-margin-12-col);
   }

   main .section[data-sec-swoosh=bg-dots-bringing]>div::before {
      margin-right: var(--grid-margin-12-col);
   }
}

@media (width <=390px) {
   main .section[data-sec-swoosh=bg-dots-corporate-holding]::before {
      background-image: url('../icons/bg/Corporate/Dot-Holding-m.svg');
      background-position: 100% 80%;
   }

   main .section[data-sec-swoosh=bg-dots-directors-hero]::before {
      background-image: url('../icons/bg/Directors/Dot-hero-m.svg');
      background-position: 100% 85%;
      background-size: 100%;
      height: 95%;
   }
}

@keyframes BgfadeIn {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

html[dir="rtl"] body[class*='bg-dots']::before,
html[dir="rtl"] main .section[data-sec-swoosh^=bg-dots]::before,
html[dir="rtl"] main .section[data-sec-swoosh^="bg-dots"]:not([data-sec-inside-container="true"])::before,
html[dir="rtl"] main .section[data-sec-swoosh^="bg-dots"][data-sec-inside-container="true"]>div::before {
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);

}