@import url('https://fonts.googleapis.com/css?family=Anton|Roboto');

      * {
        margin: 0;
        padding: 0;
      }

      a {
        text-decoration: none;
      }

      ul {
        list-style: none;
      }

      /*English-Arabic*/
      .btn-eng , .btn-ar {
        position: absolute;
        z-index: 501;
        top: 100px;
        text-align: right;
      }
      .btn-eng {
        right: 150px;
      }
      .btn-ar {
        right: 65px;
      }
      
      .btn, 
            .btn:visited {
                color: #fff;
                /* background: #005899;
                box-shadow: 0px 3px 0px 0px #01192e;
                padding: 8px 22px; */
                font-size: 18px;
                line-height: 100%;
                text-shadow: 0 1px rgba(0, 0, 0, 0.4);
                /* color: #fff;
                display:inline-block;
                vertical-align: middle;
                text-align: center;
                cursor: pointer;
                font-weight: 300;
                transition: background 0.1s ease-in-out;
                -webkit-transition: background 0.1s ease-in-out;
                -moz-transition: background 0.1s ease-in-out;
                -ms-transition: background 0.1s ease-in-out;
                -o-transition: background 0.1s ease-in-out;
                text-shadow: 0 1px rgba(0, 0, 0, 0.3);
                color: #fff;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px; */
                transition: .5s;
                width: 50px;
            }

            .btn:hover, 
            .btn:visited:hover,
            .btn:focus, 
            .btn:visited:focus {
                /* background: #00467b; */
                text-decoration: underline;
            }

            .btn:active, 
            .btn:visited:active {
                box-shadow: 0px 1px 0px 0px #01192e;
            }

            .wrapper {
            text-align: justify;
            display: block;
            top: -16px;
            }

            /* Checkbox Hack */

            input[type=radio] {
                opacity: 0;
            }

            label.btn { 
            display: inline-block;
            margin: 0 0 10px 0;
            cursor: pointer;
            }

            /* Default State */
            /* Toggled State */
            #english:checked ~ .wrapper .english{
            display: block;
            }

            #english ~ .wrapper .english{
            display: none;
            }

            #english:checked ~ .wrapper .arabic{
            display: none;
            }

            #arabic ~ .wrapper .arabic{
            display: none;
            }

            #arabic:checked ~ .wrapper .english{
            display: none;
            }

            #arabic:checked ~ .wrapper .arabic{
            display: block;
            }
      

      .separate-text {
        color: white;
        font-size: 36px;
        text-align: center;
        font-family: 'Libre Baskerville', serif;
        padding: 30px 0;
      }

      /*LOGO*/
      .word {
          font-family: Inter,sans-serif;
          /* font-family: 'Roboto', sans-serif; */
          /* perspective: 1000px; */
      }

      .word > .span {
          cursor: pointer;
          display: inline-block;
          font-size: 60px;
          font-weight: 900;
          /* user-select: none; */
          line-height: 60px;
          color: #ffffff;
      }

      /* .word > .span:nth-child(1).active {
          animation: balance 1.5s ease-out;
          transform-origin: bottom left;
      }

      @keyframes balance {
          0%, 100% {
          transform: rotate(0deg);
          }
          
          30%, 60% {
          transform: rotate(-45deg);
          }
      }

      .word > .span:nth-child(2).active {
          animation: shrinkjump 1s ease-in-out;
          transform-origin: bottom center;
      }

      @keyframes shrinkjump {
          10%, 35% {
          transform: scale(2, .2) translate(0, 0);
          }
          
          45%, 50% {
          transform: scale(1) translate(0, -150px);
          }
          
          80% {
          transform: scale(1) translate(0, 0);
          }
      }

      .word > .span:nth-child(3).active {
          animation: falling 2s ease-out;
          transform-origin: bottom center;
      }

      @keyframes falling {
          12% {
          transform: rotateX(240deg);
          }
          
          24% {
          transform: rotateX(150deg);
          }
          
          36% {
          transform: rotateX(200deg);
          }
          
          48% {
          transform: rotateX(175deg);
          }
          
          60%, 85% {
          transform: rotateX(180deg);
          }
          
          100% {
          transform: rotateX(0deg);
          }
      }

      .word > .span:nth-child(4).active {
          animation: rotate 1s ease-out;
      }

      @keyframes rotate {
          20%, 80% {
          transform: rotateY(180deg);
          }
          
          100% {
          transform: rotateY(360deg);
          }
      }

      .word > .span:nth-child(5).active {
          animation: toplong 1.5s linear;
      }

      @keyframes toplong {
          10%, 40% {
          transform: translateY(-48vh) scaleY(1);
          }
          
          90% {
          transform: translateY(-48vh) scaleY(4);
          }
      }

      .word > .span:nth-child(6).active {
          animation: balance 1.5s ease-out;
          transform-origin: bottom left;
      }

      @keyframes balance {
          0%, 100% {
          transform: rotate(0deg);
          }
          
          30%, 60% {
          transform: rotate(-45deg);
          }
      }

      .word > .span:nth-child(8).active {
          animation: balance 1.5s ease-out;
          transform-origin: bottom left;
      }

      @keyframes balance {
          0%, 100% {
          transform: rotate(0deg);
          }
          
          30%, 60% {
          transform: rotate(-45deg);
          }
      }

      .word > .span:nth-child(9).active {
          animation: shrinkjump 1s ease-in-out;
          transform-origin: bottom center;
      }

      @keyframes shrinkjump {
          10%, 35% {
          transform: scale(2, .2) translate(0, 0);
          }
          
          45%, 50% {
          transform: scale(1) translate(0, -150px);
          }
          
          80% {
          transform: scale(1) translate(0, 0);
          }
      }

      .word > .span:nth-child(10).active {
          animation: falling 2s ease-out;
          transform-origin: bottom center;
      }

      @keyframes falling {
          12% {
          transform: rotateX(240deg);
          }
          
          24% {
          transform: rotateX(150deg);
          }
          
          36% {
          transform: rotateX(200deg);
          }
          
          48% {
          transform: rotateX(175deg);
          }
          
          60%, 85% {
          transform: rotateX(180deg);
          }
          
          100% {
          transform: rotateX(0deg);
          }
      }

      .word > .span:nth-child(11).active {
          animation: rotate 1s ease-out;
      }

      @keyframes rotate {
          20%, 80% {
          transform: rotateY(180deg);
          }
          
          100% {
          transform: rotateY(360deg);
          }
      } */

      .intro-section {
          text-align: left;
          min-height: 50vh;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
      }

      .content-section {
          --scroll-length: 1.5;
          height: calc( var(--scroll-length) * 100vh );
          width: 100%;
          font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
          z-index: 500;
      }

      .content-section .content .subheading,
      .content-section .content .paragraph {
          opacity: 1;
          opacity: calc( 1 + var(--viewport-y) );
      }

      .figure {
          width: 100%;
          height: 100vh;
          margin: 0;
          position: absolute;
          top: 0;
          left: 0;
      }
      .figure > img {
          display: block;
          width: 100%;
          height: 100%;
          max-width: 100%;
          -o-object-fit: cover;
              object-fit: cover;
          -o-object-position: center center;
              object-position: center center;
              top: 0;
              padding-top: 0;
              margin-top: 0;
      }

      .content {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          max-width: 35em;
          display: grid;
          grid-template-rows: 1fr 1fr;
          color: white;
          padding: 2em;
          font-size: 2.5vmin;
      }
      .content * {
          text-shadow: 0 0 4vmin rgba(0, 0, 0, 0.25);
      }
      .content > .header {
          grid-row: 1/2;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
      }
      .content > .paragraph {
          grid-row: 2/3;
          line-height: 1.5;
      }

      .learn-more {
          background-color: rgba(255, 255, 255, 0.8);
          color: #545554;
          padding: 20px 50px;
          border-radius: 50px;
          cursor: pointer;
          transition: .2s;
      }
      .learn-more:hover {
          background-color: rgb(255, 255, 255);
          color: black;
      }

      /* .heading {
          font-size: 2.75em;
          margin: 0;
      } */

      .subheading {
          font-size: .8em;
          font-weight: 600;
          margin-bottom: 0.5em;
      }

      .seeds-logo {
        position: absolute;
          z-index: 500;
          top: 20px;
          right: 0;
          width: 120px;
          margin-right: 72px;
          text-align: right;
          opacity: .5;
      }
      .seeds-logo img {
        width: 100%;
      }

      /* ---------------------------------- */
      .figure {
          --scale: calc(.8 +
              (.2 * var(--scroll-length) * var(--visible-y))
      );
          position: sticky;
          top: 0;
          left: 0;
          margin: 0;
          display: block;
          overflow: hidden;
          will-change: transform;
          transform: scale(var(--scale));
      }
      .figure:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          background-color: black;
          opacity: calc( var(--visible-y) );
      }
      .figure > img {
          display: block;
          will-change: transform;
          transform: scale(calc(1 / var(--scale)));
      }

      /* ---------------------------------- */
      .char {
        display: inline-block;
        opacity: calc( 1 + ( ( var(--viewport-y) * 1.5 ) - var(--char-percent) ) );
      }

      *,
      *:before,
      *:after {
        position: relative;
        box-sizing: border-box;
      }

      .heading,  .heading2,
      .intro-heading {
        font-weight: 200;
        width: 100%;
      }

      .heading , .heading2 , .heading1{
        font-size: 3.75em;
        margin: 0;
        width: 48vw;
        color: #ffc107;
      }
      .heading1 {
        font-weight: 900;
        font-size: 3.8em;
        font-family: 'Libre Baskerville', serif;
        width: 50vw;
      }
      .heading2 {
        width: 45vw;
        font-size: 4.2em;
        font-weight: 900;
        text-align: left;
        font-family: 'Cairo', sans-serif;
        line-height: 85px;
      }

      body, html {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        line-height: 1.05;
        font-weight: 400;
        letter-spacing: -0.015em;
        font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      }

      body {
        background-image: linear-gradient(to right, #fcbf10, #fba513);
      }

      .et-hero-tabs,
.et-slide {
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #eee;
  text-align: center;
  padding: 0 2em; */
  height: 100%;
  width: 100%;
  margin: auto;
  /* color: #ff9800; */
  /* color: gray; */
  position: relative;
  background-color: white;
}

.et-hero-tabs {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 20px;
  padding: 10px 0;
  /* font-family: 'Bebas Neue', cursive;
  font-family: 'Scheherazade New', serif; */
  font-family: 'Libre Baskerville', serif;
  /* margin-top: 50px; */
  background-image:linear-gradient(to right,#fcbf10,#fba513);margin:0
}

.et-hero-tabs-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
  background: transparent;
  color: white;
  z-index: 10;
}
.et-hero-tabs-container--top {
  position: fixed;
  /* background-color: black; */
  background-color: #545554;
  top: 0;
}

.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: white;
  letter-spacing: 0.1rem;
  transition: all 0.5s ease;
  font-size: 1.6rem;
  font-weight: 300;
}
.et-hero-tab:hover {
  color: black;
  /* color: #03045e; */
  /* background: rgba(102, 177, 241, 0.8); */
  background: white;
  transition: all 0.5s ease;
}

.et-hero-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  /* background: #03045e; */
  background: white;
  transition: left 0.3s ease;
}

.et-hero-tabs-ar,
      .et-slide {
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #eee;
        text-align: center;
        padding: 0 2em; */
        height: 100%;
        width: 100%;
        margin: auto;
        /* color: #ff9800; */
        /* color: gray; */
        position: relative;
        background-color: white;
      }

      .et-hero-tabs-ar {
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 0px;
        font-family: 'Bebas Neue', cursive;
        font-family: 'Scheherazade New', serif;
        /* margin-top: 50px; */
      }

      .et-hero-tabs-ar-container {
        display: flex;
        flex-direction: row;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 70px;
        /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
        background: transparent;
        color: white;
        z-index: 10;
      }
      .et-hero-tabs-ar-container--top {
        position: fixed;
        /* background-color: black; */
        background-color: #545554;
        top: 0;
      }

      .et-hero-tab-ar {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        color: white;
        letter-spacing: 0.1rem;
        transition: all 0.5s ease;
        font-size: 1.6rem;
        font-weight: 300;
        font-family: 'Cairo', sans-serif;
      }
      .et-hero-tab-ar:hover {
        color: black;
        /* color: #03045e; */
        /* background: rgba(102, 177, 241, 0.8); */
        background: white;
        transition: all 0.5s ease;
      }

      .et-hero-tab-ar-slider {
        position: absolute;
        bottom: 0;
        width: 0;
        height: 6px;
        /* background: #03045e; */
        background: white;
        transition: left 0.3s ease;
      }

      .et-hero-tabs-ar,
      .et-slide {
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #eee;
        text-align: center;
        padding: 0 2em; */
        height: 100%;
        width: 100%;
        margin: auto;
        /* color: #ff9800; */
        /* color: gray; */
        position: relative;
        background-color: white;
      }

      .et-hero-tabs-ar {
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 0px;
        font-family: 'Bebas Neue', cursive;
        font-family: 'Scheherazade New', serif;
        font-family: 'Cairo', sans-serif;
        /* margin-top: 50px; */
      }

      .et-hero-tabs-ar-container {
        display: flex;
        flex-direction: row;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 70px;
        /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
        background: transparent;
        color: white;
        z-index: 10;
      }
      .et-hero-tabs-ar-container--top {
        position: fixed;
        /* background-color: black; */
        background-color: #545554;
        top: 0;
      }

      .et-hero-tab-ar {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        color: white;
        letter-spacing: 0.1rem;
        transition: all 0.5s ease;
        font-size: 1.8rem;
        font-weight: 300;
      }
      .et-hero-tab-ar:hover {
        color: black;
        /* color: #03045e; */
        /* background: rgba(102, 177, 241, 0.8); */
        background: white;
        transition: all 0.5s ease;
      }

      .et-hero-tab-ar-slider {
        position: absolute;
        bottom: 0;
        width: 0;
        height: 6px;
        /* background: #03045e; */
        background: white;
        transition: left 0.3s ease;
      }

.section-header {
  color: #fba613;
  font-size: 42px;
  font-weight: 700;
  line-height: 36px;
  font-family: Inter,sans-serif;
  padding-top: 40px;
}

/*Featurs*/
.text-center {
  text-align: center;
}
/* .active {
  background: red;
} */

section.revealer {
  /* background: #ccc; */
  transition: all 1s ease;
  padding: 2% 0;
  overflow-x: hidden;
  max-width: 1350px;
  height: 550px;
  margin: auto;
}

/* h1{
  padding: 100px 0;
  text-align: center;
}

h1+p {
  margin: -100px auto 200px auto;
  text-align: center;
  max-width: 20em;
} */

.revealer {
  position: relative;
}

.revealme {
  transition: all 2s ease;
  opacity: 0;
}

.active .revealme {
  opacity: 1;
}

.revealme.fromleft {
  position: absolute;
  top:50%;
  transform: translate(0, -50%);
  left: -100%;
  opacity: 0;
}

.active .revealme.fromleft {
  opacity: 1;
  left: 18%;
}

.revealme.fromright {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -100%;
  opacity: 0;
}

.active .revealme.fromright {
  opacity: 1;
  right: 18%;
}

.feature-title {
  font-family: 'Kaushan Script', cursive;
  font-size: 24px;
  margin: 15px;
}

.feature-desc {
  display: block;
  width: 20vw;
  color: #545554;
}


/*Accordion FAQs*/
#FAQs {
  min-height: 600px;
}

.faq-container {
  /* max-width: 640px; */
  max-width: 50%;
  /* margin: 0 auto; */
  margin-left: 8%;
  padding-bottom: 50px;
}
.faq-ar-container {
        /* max-width: 640px; */
        max-width: 50%;
        /* margin: 0 auto; */
        margin-left: 570px;
        text-align: right;
        padding-bottom: 50px;
      }
.faq-answer {
  line-height: 50px;
}
.acc {
  margin: 90px 0;
  overflow: hidden;
  padding: 0;
  border-bottom: none;
}

.acc>li {
  list-style-type: none;
  padding: 0;
  border-bottom: 1px solid #a3a3a3;
}

.acc li:last-child {
  border-bottom: none;
}

.acc_ctrl {
  background: #FFFFFF;
  border: none;
  border-bottom: solid 1px #F2F2F2;
  cursor: pointer;
  display: block;
  outline: none;
  padding: 30px 0 15px 0;
  position: relative;
  text-align: left;
  width: 100%;
  font-family: 'Inter', sans-serif;
}

.acc_ctrl:before {
  background: #44596B;
  content: '';
  height: 2px;
  /* margin-right: 37px; */
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 14px;
}

.acc_ctrl:after {
  background: #44596B;
  content: '';
  height: 2px;
  /* margin-right: 37px; */
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
}

.acc_ctrl.active:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.acc_ctrl.active h3, .acc_ctrl:focus h3 {
  position: relative;
}






.acc_ctrl-ar {
  background: #FFFFFF;
  border: none;
  border-bottom: solid 1px #F2F2F2;
  cursor: pointer;
  display: block;
  outline: none;
  padding: 30px 0 15px 0;
  position: relative;
  text-align: right;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
}

.acc_ctrl-ar:before {
  background: #44596B;
  content: '';
  height: 2px;
  /* margin-right: 37px; */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 14px;
}

.acc_ctrl-ar:after {
  background: #44596B;
  content: '';
  height: 2px;
  /* margin-right: 37px; */
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
}

.acc_ctrl-ar.active:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.acc_ctrl-ar.active h3, .acc_ctrl-ar:focus h3 {
  position: relative;
}




.acc_panel {
  /* background: #F2F2F2; */
  display: none;
  /* overflow: scroll; */
  text-align: left;
}
.acc_panel p {
  color: #666666;
  font-family: 'Malgun Gothic', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  max-width: 80%;
  /* margin: 20px 30px; */
  margin-bottom: 20px;
}
.level-sections {
  line-height: 20px;
}
.levels-icon {
  width: 28%;
  position: absolute;
  top: 275px;
  right: 6%;
}
.faqs-icon {
  width: 28%;
  position: absolute;
  top: 220px;
  right: 6%;
}
.faqs-ar-icon {
        width: 28%;
        position: absolute;
        top: 225px;
        left: 6%;
      }

.level-name {
  font-size: 18px;
}

/*Register*/
#Schedule-ar , #Schedule {
  background-image:linear-gradient(to right,#fcbf10,#fba513);margin:0
}
            .form{
                width:480px;height:100%;background:#e6e6e6;border-radius:8px;box-shadow:0 0 40px -10px #000;margin:50px auto;padding:40px 80px 110px 80px;max-width:calc(100vw - 40px);box-sizing:border-box;font-family:'Montserrat',sans-serif;position:relative
            }
            .form-title{
                margin:10px 0;padding-bottom:10px;width:95%;color:#545554;border-bottom:3px solid #545554
            }
            .form-input{
                width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:'Montserrat',sans-serif;transition:all .3s;border-bottom:2px solid #bebed2
            }
            .ar-form-input {
              text-align: right;
            }
            .form-input:focus{
                border-bottom:2px solid #78788c
            }
            select{
                width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:'Montserrat',sans-serif;transition:all .3s;border-bottom:2px solid #bebed2
            }
            .half-select {
              width: 48%;
              float: right;
            }
            .right-margin {
              margin-right: 4%;
            }
            .left-margin {
              margin-left: 4%;
            }
            .input-title:before{
                content:attr(type);display:block;margin:28px 0 0;font-size:14px;color:#5a5a5a
            }
            .form-button{
                float:right;padding:8px 12px;margin:23px 0 0;font-family:'Montserrat',sans-serif;border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s
            }
            .form-button:hover{
                background:#78788c;color:#fff
            }
            /* .form-data{
                content:'Hi';position:absolute;bottom:-15px;right:-20px;background:#545554;color:#fff;width:320px;padding:16px 4px 16px 0;border-radius:6px;font-size:13px;box-shadow:10px 10px 40px -14px #000
            } */
            .form-icon{
                margin:0 5px 0 15px
            }
            .form-info-text {
              width:60%;margin:auto;color:#fff;font-size:1.8vw;font-family:'Cairo', sans-serif;text-align: center;margin-bottom: 50px;text-shadow:-3px 3px #fba513;
            }

/*Footer*/
footer {
          position: relative;
          height: 55vh;
          /* background-color: #3c3e42;
          color: #ffc107; */
          background-image:linear-gradient(to right,#fcbf10,#fba513);margin:0;
          color: #3c3e42;
      }
      .footer-sections {
          width: 100%;
          /* padding: 20px 10%; */
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
      }
      .footer-section {
          display: block;
          float: left;
          width: 20%;
          text-align: center;
          font-family: Inter,sans-serif;
          height: 220px;
      }
      .footer-list {
          width: 60%;
          height: 180px;
          margin-left: 38%;
          text-align: left;
      }
      .footer-list h2 {
          padding-bottom: 10px;
      }
      .footer-list li {
          line-height: 35px;
          font-size: 18px;
          font-weight: 100;
      }
      .footer-list li a {
        color: #3c3e42;
        transition: .4s;
      }
      .footer-list li a:hover {
        color: white;
      }
      .footer-list li a i {
          color: #867d60;
      }
      
      /* .right-border {
          border-right: 1px solid white;
      } */
      
      .footer-payment {
        position: absolute;
        top: 60%;
        right: 0%;
        transform: translate(-50%,-50%);
        width: 21.5%;
        height: 35px;
        display: inline-block;
      }
      .footer-payment>h2 {
        display: block;
        width: 50%;
        float: left;
        text-align: left;
        font-size: 25px;
        font-weight: 600;
      }
      .payment-img {
        display: block;
        width: 50%;
        float: left;
        text-align: left;
        margin-left: -52%;
      }

      /* .footer-logo-alt {
          position: absolute;
          bottom: 20%;
          left: 50%;
          transform: translateX(-50%);
          text-align: center;
          font-size: 50px;
          font-weight: 900;
          color: white;
          font-family: 'Anton', sans-serif;
          line-height: 50px;
          letter-spacing: 5px;
      } */
      
      .footer-copyright {
          position: absolute;
          bottom: 0;
          width: 100%;
          background-color: #fba513;
          color: black;
          height: 50px;
          display: inline-block;
          text-align: center;
      }
      .footerParagraph {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          font-size: 18px;
      }

      .arabic-font {
        font-family: 'Cairo', sans-serif;
      }

      .no-right-margin {
        margin-right: 0;
      }