.heading-menu,
#scroll,
#allFea,
#customers,
.btmBar{
    display: none;
}

:root {
    --text-light: #E4F1FF;
    --text-dark: #000000;
    --link-color: #3478F6;
    --background-color:#282828;
    --h1-font: clamp(40px,42px,56px);
    --h2-font: clamp(28px,36px,40px);
    --h3-font: clamp(18px,22px,22px);
    --h4-font:  clamp(16px,18px,18px);
    --p-font: clamp(14px,16px,16px);
    --s-font: 12px;
    --m-font: 14px;
    --l-font: 32px;
    --xl-font: 48px;
    --xs-wgt: 200;
    --s-wgt: 300;
    --m-wgt: 400;
    --l-wgt: 500;
    --xl-wgt: 600;
    --n-gap: 24px;
  --top-value:47px;
}
.yellow{
    color: #FFBD6F;
        margin-left: 5px;
}
.why-page {
    position: relative;
    overflow: hidden;
}
.why-page .flex {
    max-width: 1200px;
    align-items: center;
    display: flex;
    justify-content: center;
   flex-wrap:wrap;
   align-content:center;
   margin:auto;
}
.why-page h1{
    font-size: var(--h1-font);
      line-height: 65px;
      font-weight: var(--xl-wgt);
      margin: 0 0 20px;
  }
  
  .why-page h2 {
      font-size: var(--h2-font);
      line-height: normal;
      font-weight: var(--xl-wgt);
      margin: 0 0 20px;
      text-align: center;
  }
  
  .why-page h3 {
      font-size: var(--h3-font);
      line-height: normal;
      font-weight: var(--l-wgt);
      margin: 0 0 15px !important;
  }
  
  .why-page h4 {
      font-size: var(--h4-font);
      line-height: 36px;
      margin: 0 !important;
  }
  
  .why-page p,
  .why-page li {
      font-size:var(--p-font);
      line-height: 25px;
      font-weight: var(--s-wgt);
      margin: 0 0 24px;
  }
.why-page.why-banner .content .caption {
    text-align: center;
    max-width: 900px;
    color: white;
}

.why-page.why-banner .content {
    padding: 80px 40px;
}

.why-page.why-banner .content p {
    margin-bottom: 0px;
}

.why-page.why-banner {
       background-image: url(../images/top-reason-banner.png);
    background-repeat: no-repeat;
    background-color: #001b39;
      background-size: cover;
}
.why-page.why-banner .section-content {
    border-radius: 60px 60px 0px 0px;
    background: #FFF;
   scroll-snap-type: y mandatory;
  position:relative;
}
.why-page.why-banner .section-content:before {
    content: "";
    background: #B6CBFF;
    position: absolute;
    width: 1px;
    height: 97%;
    top: 82px;
    left:0;
   right:0;
  margin:auto;
}
.why-page.why-banner .section-content .box .left-content {
    width: 44%;
   position:relative;
}

.why-page.why-banner .section-content .box .right-content {
    width: 44%;
   position:relative;
}

.why-page.why-banner .section-content .box {
    padding: 60px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: max-content;
 scroll-snap-align: start;
 max-width:1200px;
 margin:auto;
 transform: translate(0px, 100px);
    opacity: 0;
    transition: all ease 750ms;
}

.why-page.why-banner .section-content .box .tag-wrapper .tag {
    color: #2753C1;
    border-radius: 4px;
    background: #E5EDFF;
    padding: 5px 8px;
    font-size: 12px;
}

.why-page.why-banner .section-content .box .tag-wrapper {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    grid-gap: 20px;
}

.why-page.why-banner .section-content .flex {
    /* border-radius: 60px 60px 0px 0px; */
    /* background: #FFF; */
}

.why-page.why-banner .section-content .box img {
    width: 100%;
    object-fit: contain;
       z-index: 1;
    position: relative;
       max-width: 800px;
    max-height: 400px;
}
.why-page.why-banner .section-content .box img[alt="security"] {
    position: absolute;
    top: 10%;
    left: 42%;
    width: 30%;
    z-index: 2;
}
.why-page.why-banner .section-content .footer .content h2 {
    color: white !important;
}

.why-page.why-banner .footer .content h2 {
    color: white !important;
    text-align: left;
}

.why-page.why-banner .footer .content .nav-dwn a {
    font-size: 14px;
    width: max-content;
    color: white;
    font-weight: normal;
}

.why-page.why-banner .content .button {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
    margin-top: 20px;
}

.why-page.why-banner .footer .content .nav-dwn.expert a {
    background: none;
    border: 1px solid #FFF;
}

.why-page.why-banner  .footer .content {
    color: white !important;
    width: calc(100% - 750px);
    padding: 0px;
}
.why-page.why-banner .footer .ïmage {
    width: 500px;
}

.why-page.why-banner .footer .ïmage img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.why-page.why-banner .footer .flex {
    padding: 30px 0px;
}
.why-page.why-banner .section-content:after {
        height: 70px;
    content: "";
    position: absolute;
    width: 70px;
    top: var(--top-value);
    left:0;
   right:0;
  margin:auto;
    padding: 10px;
    background-image: url(../images/top-reason-pointer.png);
    background-size: cover;
}
.why-page.why-banner .section-content .box img[alt="security2"] {
    position: absolute;
    top: 12%;
    left: 26%;
    width: 38%;
    z-index: 2;
}

.why-page.why-banner .section-content .box img[alt="browsers_icons"] {
    position: absolute;
    top: 29%;
    left: 37%;
    width: 76%;
    z-index: 3;
}
.why-page.why-banner .section-content .box img[alt="p1"] {
    position: absolute;
    width: 15%;
    top: 12%;
    right: -3%;
}
.why-page.why-banner .section-content .box.active {
    transform: translate(0, 0);
    opacity: 1;
}
.why-page.why-banner .section-content .box img[alt="p2"] {
    position: absolute;
    width: 15%;
    top: 0;
    left: -4%;
}

.why-page.why-banner .section-content .box img[alt="p3"] {
    position: absolute;
    width: 15%;
    bottom: 24%;
    left: 5%;
}

.why-page.why-banner .section-content .box img[alt="p4"] {
    position: absolute;
    width: 15%;
    top: 0;
    left: -1%;
}

.why-page.why-banner .section-content .box img[alt="p5"] {
    position: absolute;
    width: 15%;
    top: -5%;
    left: -6%;
    z-index: 2;
}

.why-page.why-banner .section-content .box img[alt="p6"] {
    position: absolute;
    width: 15%;
    bottom: 21%;
    left: 7%;
}

.why-page.why-banner .section-content .box img[alt="p7"] {
    position: absolute;
    width: 15%;
    top: -6%;
    left: 7%;
}

.why-page.why-banner .section-content .box img[alt="p8"] {
    position: absolute;
    width: 15%;
    bottom: 11%;
    left: 19%;
}

.why-page.why-banner .section-content .box img[alt="p9"] {
    position: absolute;
    width: 15%;
    top: 2%;
    left: -4%;
}

.why-page.why-banner .section-content .box img[alt="p10"] {
    position: absolute;
    width: 15%;
    top: -5%;
    left: -2%;
}

.why-page.why-banner .section-content .box img[alt="p11"] {
    position: absolute;
    width: 15%;
    top: 7%;
    left: -5%;
}

.why-page.why-banner .section-content .box img[alt="p12"] {
    position: absolute;
    width: 15%;
    top: 22%;
    left: 0%;
    z-index: 2;
}
@media (max-width: 600px){
.why-page.why-banner .content{
   padding: 30px;
}
 .why-page.why-banner .section-content .box{
height:max-content;
    padding: 30px;
      grid-gap: 30px;
}
.why-page.why-banner .section-content .box .left-content {
    width: 100%;
}
.why-page.why-banner .section-content .box .right-content {
    width: 100%;
}
.why-page.why-banner .section-content .box:nth-child(even) {
  flex-direction: column-reverse;
}
.why-page.why-banner .footer .content{
     width: 100%;
    padding: 30px;
}
.why-page.why-banner .footer .content .nav-dwn {
 display:block;
}
.why-page.why-banner .footer .content .nav-dwn a:before{
 content:"";
}
.why-page.why-banner .section-content:after{
 content:none;
}
.why-page.why-banner .section-content:before {
 content:none;
}
.why-page.why-banner .section-content .box img[alt="browsers_icons"]{
 width: 275px;
    top: 33%;
    left: 38%;
}
.why-page.why-banner .section-content .box img[alt="browsers.svg"]{
     width: 90%;
}
}