:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}


@font-face {
    font-family: 'almoni-dl';
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
    src: url("../fonts/almoni-dl-aaa-700.ttf") format("truetype")
}

@font-face {
    font-family: 'almoni-dl';
    font-weight: 900;
    font-style: normal;
    font-display: fallback;
    src: url("../fonts/almoni-dl-aaa-900.ttf") format("truetype")
}

@font-face {
    font-family: 'almoni-dl';
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
    src: url("../fonts/almoni-dl-aaa-300.ttf") format("truetype")
}

@font-face {
    font-family: 'almoni-dl';
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
    src: url("../fonts/almoni-dl-aaa-400.ttf") format("truetype")
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

  body, html {
      overflow-x: hidden;
  }

html {
  scroll-behavior: smooth;
  direction: rtl;
  font-size: 62.5%; }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 65%; } }
  @media only screen and (max-width: 56.25em) {
    html {
      font-size: 60%; } }
  @media only screen and (min-width: 112.5em) {
    html {
      font-size: 75%; } }

body {
  box-sizing: border-box;
  font-family: "almoni-dl", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  overflow-x: hidden;

  height: 100%; }

input[type="text"].error,
input[type="email"].error,
input[type="tel"].error,
.modal-form__input.error {
    border-bottom: 2px solid red !important;
}

.errror ::-webkit-placeholder {
  color: red !important;
}

@media (max-width: 991.98px) {
    input[type="submit"] {
        font-size: 0.9rem;
        white-space: normal;
        word-wrap: break-word;
    }
}

.ibm_logo img {
  margin: 1rem 0;
    max-width: 13rem;
}

@media screen and (max-width: 550px) {
  .ibm_logo img {
    margin: 2rem 0;
    max-width: 12rem;
  }
}

.mobile-btns {
    background-color: #12bf6d;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 7rem;
    justify-content: space-around;
    align-items: center;
    font-family: almoni-dl, sans-serif;
    z-index: 5000;
    opacity: 0
}

.mobile-btns__btn {
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
}

.mobile-btns__btn__btn--contact {
    border-right: 1px solid #fff
}

.mobile-btns__btn .icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 1rem
}

.mobile-btns__btn span {
    padding: 1.5rem
}

@media (max-width: 450px) {
    .mobile-btns .mobile-btns {
        display: flex
    }
}









#promo .media .media-body h5,
#promo .media .media-body p {
    font-size: 1rem
}



#promo .media img {
    width: 80px
}

.partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width: 991.98px) {
    .partners {
        padding: 0 20px
    }
}

.partners img {
    max-height: 100px;
    width: auto
}

@media (max-width: 991.98px) {
    .partners img {
        max-height: 60px
    }
}




.form-check button {
    color: white;
    font-size: 0.5rem;
    line-height: 1;
    text-decoration: underline;
}

/* GENERAL */

.ebooks {
    color: #666666;
    background-color: #f9f9f9;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eff2ff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.ebooks img {
    width: 100%;
    margin-bottom: .5rem;
    max-width: 35rem;

}


.ebooks__img {
    height: auto;
    max-width: 100%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin: 1rem 0;
    cursor: pointer;
    transition: all .4s linear;

}

.ebooks__img:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.para-2 {
    margin-bottom: .7rem;
}


.courses {
    padding: 6rem 0;
}

.post-module {
    position: relative;
    z-index: 1;
    display: block;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.post-module:hover,
.hover {
    -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.post-module:hover .thumbnail img,
.hover .thumbnail img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}

.post-module .thumbnail {
    background: #000000;
    height: 400px;
    overflow: hidden;
}

.post-module .thumbnail img {
    display: block;
    width: 120%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

@media screen and (max-width: 450px) {
    .post-module .thumbnail img {
        width: auto;
    }
}

.post-module .post-content {
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    padding: 30px;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}

.post-module .post-content .category {
    position: absolute;
    top: -25px;
    left: 0;
    background: #1d4187;
    padding: 10px 15px;
    color: #FFFFFF;
    font-size: 1.1rem;
    font-weight: 600;
}

.post-module .post-content .title {
    margin: 0;
    padding: 0 0 10px;
    color: #1d4187;
    font-size: 1.6rem;
    font-weight: 900;
}

@media screen and (max-width: 450px) {
    .post-module .post-content .title {
        font-size: 2.6rem;
    }
}

.post-module .post-content .sub_title {
    margin: 0;
    padding: 0 0 20px;
    color: #1d4187;
    font-size: 1.4rem;
    font-weight: 400;
}

.post-module .post-content .description {
    display: none;
    color: #666666;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
    padding-bottom: 10px;

}

.post-module .post-content .description .btnc {
    background-color: #9e005d;
    color: white;
    height: 50px;
    font-weight: bold;
    border: 0;
    line-height: 1;
    font-size: 1.4rem;
    padding: 0px 20px;
    margin-top: 10px;
    text-decoration: none;
    pointer-events: none;

}

.post-module .post-content .description .btnc:hover {
    background-color: #be006f;

}

.hover .post-content .description {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
}

/* GENERAL */

.nav-form {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent;
    padding: 25px 40px;
    color: #fff;
    z-index: 2000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 2;
    transition: all .3s linear; }
    .nav-form__link {
      color: currentColor;
      white-space: nowrap; 
      padding: 6px;
      display: flex !important;
    }
      .nav-form__link:hover {
        color: currentColor; }
    .nav-form__logo > img {
      width: 150px;
      height: auto; }
    .nav-form .form-row {
      color: #1d4187;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      margin: 0 2rem;
      visibility: hidden; }
    .nav-form__control {
      font-size: 20px;
      border: 0;
      border-radius: 0;
      border-bottom: 1px solid #1d4187; }
    .nav-form ::-webkit-input-placeholder {
      color: #1d4187;
      font-weight: 700; }
    .nav-form__btn {
      background-color: #1d4187;
      color: #fff;
      font-size: 18px;
      border-radius: 0; }
      .nav-form__btn:hover {
        color: #fff; }
    @media screen and (max-width: 992px) {
      .nav-form {
        display: none; } }

  .scrollUp {
    background-color: white;
    box-shadow: 0px -10px 30px #333;
}
.nav-form__link a{
  color: white !important;
  font-size: 1.3vw !important;
}

.nav-form__link i{
padding-left: 0.3em;
}
    .scrollUp .nav-form__link {
      background-color: #1d4187; }
    .scrollUp .nav-form__link a{
      color: white; }
    .scrollUp .form-row {
      visibility: visible; }


.INDDesktop #INDmenu-btn {
    top: 124px;
}

#dynamicModal .modal-header {
    border: 0; }

  #dynamicModal .modal-body {
    padding: 3rem;
    text-align: center;
    color: #1d4187; }
    #dynamicModal .modal-body .modal-title {
      font-size: 4rem;
      font-weight: 900;
      color: #1d4187;
      line-height: 1; }
    #dynamicModal .modal-body .modal-paragraph {
      font-size: 2rem;
      width: 70%;
      margin: 0 auto; }

  #dynamicModal .modal-content {
    border: 5px solid #1d4187;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    #dynamicModal .modal-content .close {
      line-height: 0;
      margin: 0; }
      #dynamicModal .modal-content .close span {
        font-size: 4rem; }

  #dynamicModal .modal-form {
    display: flex;
    flex-direction: column;
    padding-top: 1.5rem;
    width: 90%;
    margin: 0 auto; }
    #dynamicModal .modal-form__input {
      margin: 1rem 0;
      padding: 1rem .75rem;
      font-size: 1.6rem;
      border: none;
      border-bottom: 1px solid #1d4187;
    width: 100%;
    }
    #dynamicModal .modal-form .privacy-box {
      color: #1d4187;
      font-size: 1.6rem;
      margin-top: 2rem; }
      #dynamicModal .modal-form .privacy-box span {
        margin-right: .7rem; }
      #dynamicModal .modal-form .privacy-box a {
        font-size: 1.6rem;
        color: inherit;
        font-weight: 700; }
    #dynamicModal .modal-form ::placeholder {
      color: #1d4187; }
    #dynamicModal input[type="submit"] {
      background-color: #1d4187;
      color: #fff;
      width: 100%;
      font-size: 2rem;
      border: none;
      padding: 1rem; }
    #dynamicModal .modal-form__btn__salary {
      background-color: #2ecc71;
      color: #fff;
      font-size: 2.2rem;
      border: none;
      padding: 1rem; }

  #dynamicModal .general {
    color: #1d4187;
    background-image: url(../img/misc/back_2.jpg); }
    #dynamicModal .general input[type="submit"] {
      background: #1d4187 !important; }

  #dynamicModal .salary {
    color: #1d4187;
    background-image: url(../img/misc/bgpop.png);
 }


    #dynamicModal .salary .form-direction {
      margin-right: auto; }
    #dynamicModal .salary input[type="submit"] {
      background: #2ecc71 !important; }


    #dynamicModal .begin .form-direction {
        margin-right: auto;
    }

    #dynamicModal .guide .form-direction {
        margin-right: auto;
    }


  #dynamicModal .guide {
    color: #fff;
    background-image: url(../img/misc/guide.png); }
    #dynamicModal .guide input[type="submit"] {
      background: #1d4187; }

  #dynamicModal .begin {
    background-image: url(../img/misc/how.png); }
    #dynamicModal .begin input[type="submit"] {
      background: #1d4187 !important; }

  #dynamicModal .meeting {
    color: #1d4187;
    background-image: url(../img/misc/back_2.jpg); }
    #dynamicModal .meeting input[type="submit"] {
      background: #1d4187 !important; }

      #dynamicModal .web {
        background-image: url(../img/ebook-07.jpg);
        background-size: contain;
        background-position: -9%;
       }

       #dynamicModal .animation {
         background-image: url(../img/ebook-03.png);
         background-size: contain;
             background-position: -9%;
        }

        #dynamicModal .networks {
          background-image: url(../img/ebook-04.png);
          background-size: contain;
              background-position: -9%;
         }

         #dynamicModal .qa {
           background-image: url(../img/ebook-05.png);
           background-size: contain;
               background-position: -9%;
          }
          @media screen and (max-width: 1199px) {
              #dynamicModal .salary {
                  background: #fff;
                  color: #1d4187;
              }
              #dynamicModal .guide {
                  background: #fff;
                  color: #1d4187;
              }
              #dynamicModal .begin {
                  background: #fff;
                  color: #1d4187;
              }
              #dynamicModal .web {
                  background: #fff;
                  color: #1d4187;
              }
              #dynamicModal .qa {
                  background: #fff;
                  color: #1d4187;
              }
              #dynamicModal .animation {
                  background: #fff;
                  color: #1d4187;
              }
              #dynamicModal .networks {
                  background: #fff;
                  color: #1d4187;
              }
          }

  #video_modal .modal-content {
    background-color: transparent;
    border: 0; }

  #video_modal .close {
    font-size: 6rem;
    margin-left: auto;
    color: #fff;
    line-height: .7; }

    #privacy_policy {
        z-index: 5555;
    }


    #privacy_policy .modal-header {
        border: 0;
    }


    #privacy_policy .modal-title {
        font-size: 2rem;
        color: gray;
    }

    #privacy_policy p {
        font-size: 1rem;
        color: gray;
    }

    #privacy_policy .modal-body {
        padding: 0 1rem;
        text-align: center;
    }

    #privacy_policy .modal-body .modal-title {
        font-size: 2rem;
        font-weight: 900;
        line-height: 1;
    }

    #privacy_policy .modal-body .modal-paragraph {
        font-size: 1rem;
        line-height: 1;
        width: 70%;
        margin: 0 auto;
        color: #1d4187;
    }

    #privacy_policy .modal-content {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    #privacy_policy .modal-content .close {
        line-height: 0;
        margin: 0;
    }

    #privacy_policy .modal-content .close span {
        font-size: 3rem;
    }

    .benefits {
        padding: 6rem 0;
        text-align: center;
        color: #343a40;
        background-color: #f9f9f9;
    }

    .benefits p {
        font-weight: 400;
        font-size: 1.5rem;
        padding: 3px 30px;
    }

    @media (max-width: 1024.98px) {
        .benefits p {
            padding: 3px 15px;
        }

    }




    @media (max-width: 1024.98px) {

        .seniors p {
            font-size: 1rem;
        }

        #benefits p {
            font-size: 1rem;
        }

        p {
             font-size: .8rem;
         }


     }




     .heading {
        font-weight: 900;
        font-size: 7rem;
        line-height: .8;

    }
        @media only screen and (max-width: 75em) {
          .heading {
            font-size: 3rem; } }
        .heading--sm {
          font-size: 4rem;
          line-height: initial;
          padding-top: 1.5rem; }
          @media only screen and (max-width: 75em) {
            .heading--sm {
              font-size: 2rem; } }

      .sub-heading {
        font-weight: 900;
        font-size: 4.8rem;
        line-height: 1;
    }
        @media only screen and (max-width: 75em) {
          .sub-heading {
            font-size: 3rem; } }
        .sub-heading--purple {
          color: #993399; }
        .sub-heading--blue {
          color: #1d4187; }
        .sub-heading--white {
          color: #fff; }
        .sub-heading--sm {
          font-size: 2.5rem; }

      .para {
        font-weight: 400;
        font-size: 1.9rem;
        color: #343a40;
        line-height: 1.1; }
        .para--primary {
          width: 75%;
          margin: 0 auto;
          padding: 1.5rem 0; }
          @media only screen and (max-width: 56.25em) {
            .para--primary {
              width: 95%; } }
        .para--white {
          color: #fff; }
        .para--sm {
          font-size: 1.6rem; }
          @media only screen and (max-width: 56.25em) {
            .para--sm {
              font-size: 2.5rem; } }

          @media screen and (max-width: 668px) {
            .para--sm {
              padding: 2rem 4rem; } }

              @media screen and (max-width: 450px) {
                .para--sm {
                  padding: 1rem; } }


      ::selection {
        background-color: #2962FF;
        color: #fff; }

      .marker {
        color: #343a40;
        font-weight: 700; }

      .br {
        display: block; }




            .header {
                padding: 12rem 8rem;
                height: 100%;
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                text-align: center;
        }

                .header .play-video {
                  font-size: 3rem;
                  cursor: pointer;
                  padding: 2rem 0;
                  transition: all .4s linear;
         }
                  .header .play-video:hover {
                    color: #f2f7fc; }
                .header__logo {
                  display: none;
        }
                  @media only screen and (max-width: 56.25em) {
                    .header__logo {
                      display: block;
                      width: 100%;
                      max-width: 100%;
                      height: auto;
                      margin: 2rem auto; }
                    }

                @media only screen and (max-width: 75em) {
                  .header {
                    padding: 10rem 4rem; }
                }

                @media only screen and (max-width: 450px) {
                    .header {
                      padding: 4rem 0rem; }
                  }





      .stripes {
        margin-top: 4rem;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 1rem; }
        .stripes__course {
          padding: 1.2rem;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          cursor: pointer; }
          .stripes__course__name {
            font-size: 2.2rem;
            color: #fff;
            font-weight: 900; }

 
          .stripes__course--1::before {
            content: '';
            background-color: #653189;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--2::before {
            content: '';
            background-color: #EC407A;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--3::before {
            content: '';
            background-color: #5E6BB2;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--4::before {
            content: '';
            background-color: #14499E;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--5::before {
            content: '';
            background-color: #F36E44;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--6::before {
            content: '';
            background-color: #25BAA2;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--7::before {
            content: '';
            background-color: #38A4DD;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--8::before {
            content: '';
            background-color: #0297A7;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--9::before {
            content: '';
            background-color: #1B5E20;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--10::before {
            content: '';
            background-color: #FF1744;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--11::before {
            content: '';
            background-color: #EF4423;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--12::before {
            content: '';
            background-color: #76CC43;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--13::before {
            content: '';
            background-color: #311B8C;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }
          .stripes__course--14::before {
            content: '';
            background-color: #2ecc71;
            display: block;
            height: 4px;
            width: 35%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); }

@media screen and (max-width: 992px) {
    .stripes {
        display: none;
    }
}




.study-plan {
    padding: 6rem 0;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eff2ff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E"); }
    @media only screen and (max-width: 56.25em) {
      .study-plan {
        padding: 4rem 0; } }
    .study-plan .icon-box {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      color: black;
      padding: 2rem; }
      @media only screen and (max-width: 55em) {
        .study-plan .icon-box {
          flex-direction: column;
          text-align: center; } }
      .study-plan .icon-box__icon {
        flex: 1 1 30%; }
        .study-plan .icon-box__icon img {
          width: 8rem;
          height: auto; }
      .study-plan .icon-box__text {
        flex: 1 1 70%;
		align-self: flex-start;	}
        @media only screen and (max-width: 55em) {
          .study-plan .icon-box__text {
            flex: 0 1 auto;
            margin: 1rem 0;
            padding: 1rem 3rem; } }


      .process {
        padding: 6rem 0;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eff2ff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E"); }

        .process img {
          height: 12rem;
          width: auto; }

      .ebooks {
        padding: 6rem 0;
        color: #343a40; }


        .ebooks .btn {
          background-color: #2ecc71;
          color: #fff;
          font-size: 1.5rem;
          border-radius: 5rem;
          padding: .5rem 3rem;
              white-space: nowrap;
          margin: 1rem 0; }

          @media screen and (max-width: 450px) {
            .ebooks {
                padding: 4rem 0;
            }

            .ebooks .btn {
                font-size: 2rem;
            }
        }

        .ebooks__img {
          height: auto;
          max-width: 100%;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          margin: 2rem 0;
          cursor: pointer;
          transition: all .4s linear; }
          .ebooks__img:hover {
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

      .logos {
        padding: 4rem 0;
        background: linear-gradient(45deg, #ecebff 0%, #ecebff 23%, #7fe1ff 100%); }



      .testimonials-video {
        padding: 3em 4em 0 10em;
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #f5f5f5;
        position: relative;
        overflow: hidden;
      }
      
      .testimonials-video::before {
        content: "";
        width: 6.7%;
        height: 100%;
        background: url("https://www.hackeru.co.il/leads/wp-content/uploads/2020/08/dots.png") no-repeat;
        background-size: cover;
        top: 24em;
        right: 5px;
        position: absolute;
        display: block;
        }

      .testimonials-video::after {
        content: "";
        width: 30%;
        height: 87%;
        background: url("https://www.hackeru.co.il/leads/wp-content/uploads/2020/08/dots.png") no-repeat;
        background-size: cover;
        bottom: 20em;
        left: -16em;
        position: absolute;
        display: block;
        z-index: 1;
        }

        @media screen and (max-width: 1320px) {
            .testimonials-video::before {
                top: 16em;
            }
            .testimonials-video::after {
                bottom: 11em;
            }
        }

        @media screen and (max-width: 1000px) {
            .testimonials-video::after {
                height: 85%;
            }
        }

        @media screen and (max-width: 700px) {
            .testimonials-video::before {
                top: 11em;
            }
            .testimonials-video::after {
                bottom: 9em;
            }
        }

        @keyframes moveDown {
            0% {
                transform: translateY(0em);
            }
            50% {
              transform: translateY(35em);
            }
            100% {
                transform: translateY(0em);
            }
          }

        @keyframes moveUp {
            0% {
                transform: translateY(0em);
            }
            50% {
              transform: translateY(-45em);
            }
            100% {
                transform: translateY(0em);
            }
          }

        .testimonials-video::before {
            animation: moveUp 50s forwards ease-in-out infinite;
          }

          .testimonials-video::after {
            animation: moveDown 50s forwards ease-in-out infinite;
          }

        .textColumn {
          width: 70%;
          text-align: right;
          padding: 4vw 11vw 4vw 6vw;
        }

        .textColumn .header-desktop {
          font-family: "almoni-dl", sans-serif;
          font-size: 6.9vw !important;
          letter-spacing: 2px;
          font-weight: 900;
          line-height: 0.8;
          background: linear-gradient(to bottom, #452d9d 0%, #3788e6 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          position: relative;
        }

        .textColumn .header-mobile {
            display: none;
        }

        @media screen and (max-width: 600px) {
            .testimonials-video {
                display: block;
                text-align: center;
                padding: 3em 0;
            }

            .testimonials-video::before, .testimonials-video::after {
                content: none ;
            }

            .textColumn {
                display: flex;
                justify-content: center;
                width: 100%;
            }

            .textColumn .header-desktop {
                display: none !important;
            }

            .textColumn .header-desktop::after {
                content: none !important;
            }

            .textColumn .header-mobile {
                display: block;
                text-align: center;
                font-size: 5vw;
                font-weight: 900;
                color: #1d4187 !important;
                padding: 0 5% 1em;
                line-height: 1;
            }

            .videoColumn {
                text-align: center;
                width: 100% !important;
            }

            .videoColumn .phone-wrapper .video-desktop {
               display: none !important;
            }
    
            .videoColumn .phone-wrapper .video-mobile {
                display: block !important;
            }
            
            .videoColumn .phone-wrapper .video-mobile video {
                width: 100% !important;
                margin-bottom: -5.1em;
            }

            .videoColumn .phone-wrapper {
                margin-bottom: 0 !important;
            }

            .testimonials-video {
                padding-bottom: 0;
            }
    }

        .textColumn .header-desktop::after {
            content: '';
            background-color: #3B6FD2;
            position: absolute;
            right: 0;
            bottom: -0.25em;
            height: 0.05em;
            width: 1.1em;
        }

        .videoColumn {
            width: 30%;
            z-index: 2;
        }

        .videoColumn .phone-wrapper {
          margin-bottom: 0.3em;
        }

        .videoColumn .phone-wrapper .video-desktop {
          position: relative;
          cursor: pointer;
        }

        .videoColumn .phone-wrapper .video-desktop video {
            width: 21vw;
            transform: rotate(-3deg) translateX(1.3em) translateY(1.8em);
            position: relative;
            margin-left: 17vw;
            border-top-left-radius: 5.5rem;
            border-top-right-radius: 5.5rem;
        }

     

        .videoColumn .phone-wrapper .video-desktop video:focus {
            outline: none;
        }


        .paused {
             background-color: rgba(0,0,0,0.2); background-image: url('pause.png'); background-position: left bottom; 
        } 
        .play { 
            background-image: url('play.png'); background-position: center center; 
        }


        video::-webkit-media-controls {
            display: block !important;
        }
        
        .videoColumn .phone-wrapper .video-mobile {
            display: none;
        }

        @media screen and (max-width: 900px) {
            .videoColumn .phone-wrapper .video-desktop video {
                border-radius: 20px;
            }
        }

          .footer {
            padding: 4rem 0;
            background-color: #343a40; }


            @media screen and (max-width: 500px) {
                .footer {
                    padding-bottom: 6rem;
                }
            }


            .footer__text-1 {
              font-weight: 700;
              font-size: 2.5rem;
              line-height: 1.5; }
            .footer__text-2 {
              font-weight: 500;
              font-size: 1.7rem;
              line-height: 1.2; }
            .footer__tel {
              font-size: 2rem;
              color: #f2f7fc;
             }
             .footer__tel:hover {
                text-decoration: none;

             }
            .footer .mark {
              color: #343a40; }
            .footer .form-group {
              box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
              .footer .form-group ::placeholder {
                color: #1d4187; }

            .footer .btn {
              background-color: #2ecc71;
              color: #fff;
              font-size: 2rem;
              font-weight: 400;
              box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
              height: 100%;
              text-align: center; }
              .footer .btn:hover {
                background-color: #29b765; }
            .footer .privacy-box {
              color: #fff;
              text-align: left;
              margin-right: auto;
              margin-left: .5rem;
              font-size: 1.2rem; }
              .footer .privacy-box a {
                color: #fff;
                padding-top: .5rem;
                display: block; }

                .header-form {
                    background-color: #fff;
                    padding: 3rem 4rem;
                width: 75%;
                    margin: 0 auto;
                    border-radius: 5px; }

                    .heading-form {
                        color: #993399;
                        font-weight: 900;
                        font-size: 2.5vw;
                    }

                    .header__logo > * {
                        width: 70%;
                    }

                    @media screen and (max-width: 500px) {
                        .heading-form {
                            font-size: 2.5rem;
                        }
                    }

                    @media only screen and (max-width: 115em) {
                        .header-form {
                            width: 100%;
                        margin: 7rem auto 0 auto; } }
                    @media only screen and (max-width: 56.25em) {
                      .header-form {
                        margin: 2rem auto;
                        padding: 2rem;
                     } }
                    .header-form .form-group ::placeholder {
                      color: #1d4187; }
                    .header-form .form-control {
                      font-weight: 700;
                      font-size: 1.6rem;
                      padding: 2rem .85rem;
                      border: none;
                      height: calc(1.5em + .75rem + 8px);
                      background-color: #f2f7fc; }
                    .header-form select {
                      padding: 0 .85rem !important;
                      color: #1d4187; }
                    .header-form .btn {
                      background-color: #2ecc71;
                      color: #fff;
                      font-size: 2rem;
                      font-weight: 700;
                      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
                      .header-form .btn:hover {
                        background-color: #29b765; }
                    .header-form .privacy-box {
                      color: #993399;
                      font-size: 1.2rem; }
                      .header-form .privacy-box a {
                        font-size: 1.2rem;
                        color: inherit;
                        font-weight: 700;
                        margin-top: .8rem;
                        display: inline-block; }

.cta-form {
    padding: 3rem 0;
}

.cta-form-blue {

    background-color: #1d4187;
}

.cta-form-black {
    background-color: #343a40;
}

.cta-form .form-control {
    font-size: 2rem;
    padding: .5rem .75rem;
}

.cta-form input[type='submit'],.cta-form .side-form-submit {
    background-color: #2ecc71;
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    height: 100%;
    text-align: center;
    border: none;
    padding: .5rem 0.75rem;
    width: 100%;
	line-height:3rem;
}

@media screen and (max-width: 450px) {
    .cta-form input[type='submit'],.cta-form .side-form-submit {
        padding: 1.5rem 0.75rem;
		line-height:2rem;
    }
}



.video-btn {
    position: fixed;
    bottom: 30px;
    left: 50px;
    width: 330px;
    height: 150px;
    background-color: #993399;
    color: white;
    z-index: 1000;
    border: 0;
    opacity: 0;
}



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

    .iframe-container{
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; 
        height: 0;
      }
      .iframe-container iframe{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
      }
}

#modalBtn {
  text-decoration: underline;
}