@media all and (max-width: 1780px) {
    .container {
        max-width:1500px;
    }
    .slick-wrap .slick-dots {
        width: 80%;
    }
    .slick-wrap .slick-dots li button.heading0 {
        top: 28%;
        left: 34px;
      }
      .scroll .slick-wrap .slick-dots li button.heading0 {
        top: 34%;
        left: 21px;
      }
      .slick-wrap .slick-dots li button.heading1 {
        top: 30%;
        left: 23%;
      }
      .scroll .slick-wrap .slick-dots li button.heading1 {
        top: 36%;
        left: calc(23% + 0px);
      }
      .slick-wrap .slick-dots li button.heading2 {
        top: calc(47% + 3px);
        left: calc(27% + 13px);
      }
      .scroll .slick-wrap .slick-dots li button.heading2 {
        top: calc(56% + 5px);
        left: calc(28% + 0px);
      }
      .slick-wrap .slick-dots li button.heading3 {
        top: 14%;
        left: calc(35% + 4px);
      }
      .scroll .slick-wrap .slick-dots li button.heading3 {
        top: 17%;
        left: calc(34% + 7px);
      }
      .slick-wrap .slick-dots li button.heading4 {
        top: 31%;
        left: calc(54% + 4px);
      }
      .scroll .slick-wrap .slick-dots li button.heading4 {
        top: 37%;
        left: calc(53% + 7px);
      }
      .slick-wrap .slick-dots li button.heading5 {
        top: 27%;
        left: calc(72% + 2px);
      }
      .scroll .slick-wrap .slick-dots li button.heading5 {
        top: 33%;
        left: calc(72% + 0px);
      }
      .slick-wrap .slick-dots li button.heading6 {
        top: 26%;
        left: calc(96% + 10px);
        line-height: 1;
        font-size: 18px;
      }
      .scroll .slick-wrap .slick-dots li button.heading6 {
        top: 32%;
        left: calc(95% + 15px);
        line-height: 1;
        font-size: 12px;
      }
      .slick-wrap .slick-dots li button.heading6 span {
        font-size: 18px;
      }
      .scroll .slick-wrap .slick-dots li button.heading6 span {
        font-size: 12px;
      }
      .slick-wrap .slick-dots li button.heading7 {
        top: calc(-3% - 1px);
        left: calc(88% + 11px);
      }
      .scroll .slick-wrap .slick-dots li button.heading7 {
        top: calc(-4% - 1px);
        left: calc(88% + 7px);
      }
      
    
}
@media all and (max-width: 1560px) {
    .container {
        max-width:1340px;
    }
    .slick-wrap .slick-dots {
        width: 90%;
    }
      .scroll .slick-wrap .slick-dots li button.heading0 {
        top: 30%;
        left: 14px;
      }
      .scroll .slick-wrap .slick-dots li button.heading1 {
        top: 31%;
        left: calc(22% + 2px);
      }
      .scroll .slick-wrap .slick-dots li button.heading2 {
        top: calc(49% + 5px);
        left: calc(28% + 2px);
      }
      .scroll .slick-wrap .slick-dots li button.heading2 span {
        font-size: 13px;
      }
      .scroll .slick-wrap .slick-dots li button.heading3 {
        top: 15%;
        left: calc(34% + 0px);
      }
      .scroll .slick-wrap .slick-dots li button.heading4 {
        top: 32%;
        left: calc(53% + 3px);
      }
      .scroll .slick-wrap .slick-dots li button.heading5 {
        top: 29%;
        left: calc(71% + 1px);
      }
      .scroll .slick-wrap .slick-dots li button.heading6 {
        top: 28%;
        left: calc(95% + 14px);
        line-height: 1;
        font-size: 11px;
      }
      .scroll .slick-wrap .slick-dots li button.heading6 span {
        font-size: 11px;
      }
      .scroll .slick-wrap .slick-dots li button.heading7 {
        top: calc(-4% - 1px);
        left: calc(88% + 7px);
      }
}
@media all and (max-width: 1400px) {
    .container {
        max-width:1140px;
    }
    .scroll .slick-wrap .slick-dots {
        width: 65%;
        height: 300px;
    }
    .slick-wrap .slick-dots {
        width: 100%;
    }
    .slick-wrap .slick-dots li button.heading0 {
        top: 27%;
        left: 30px;
      }
      .slick-wrap .slick-dots li button.heading1 {
        top: 28%;
        left: 23%;
      }
      .slick-wrap .slick-dots li button.heading2 {
        top: 45%;
        left: calc(28% + -1px);
      }
      .slick-wrap .slick-dots li button.heading3 {
        top: 13%;
        left: calc(35% + 0px);
      }
      .slick-wrap .slick-dots li button.heading4 {
        top: 29%;
        left: calc(54% + 2px);
      }
      .slick-wrap .slick-dots li button.heading5 {
        top: 26%;
        left: calc(72% + 0px);
      }
      .slick-wrap .slick-dots li button.heading6 {
        top: 26%;
        left: calc(96% + 10px);
        line-height: 85%;
      }
      .slick-wrap .slick-dots li button.heading7 {
        top: -4%;
        left: calc(88% + 8px);
      }
     /* the slides */
     .slick-wrap .slick-slide {
        margin: 0 65px;
    }

    /* the parent */
    .slick-wrap .slick-list {
        margin: 0 -65px;
    }
    
}
@media (max-width: 1200px) {
    .container {
        max-width:960px;
    }

      .slick-wrap .slick-dots li button.heading0 {
        top: 20%;
        left: -5px;
      }
      .scroll .slick-wrap .slick-dots li button.heading0 {
        top: 35%;
        left: 0px;
      }
      .slick-wrap .slick-dots li button.heading1 {
        top: 21%;
        left: calc(21% - 4px);
      }
      .scroll .slick-wrap .slick-dots li button.heading1{
        top: 37%;
        left: calc(20% + 3px);
      }
      .slick-wrap .slick-dots li button.heading2 {
        top: 36%;
        left: calc(25% + 13px);
      }
      .scroll .slick-wrap .slick-dots li button.heading2{
        top: calc(60% + 5px);
        left: calc(26% + 1px);
      }
      .slick-wrap .slick-dots li button.heading2 span {
        font-size:17px ;
      }
      .slick-wrap .slick-dots li button.heading3 {
        top: 9%;
        left: calc(32% + 5px);
      }
      .scroll .slick-wrap .slick-dots li button.heading3{
        top: 15%;
        left: calc(32% + 1px);
      }
      .slick-wrap .slick-dots li button.heading4 {
        top: 22%;
        left: calc(51% + 6px);
      }
      .scroll .slick-wrap .slick-dots li button.heading4{
        top: 38%;
        left: calc(51% + 4px);
      }
      .slick-wrap .slick-dots li button.heading5 {
        top: 19%;
        left: calc(68% + 10px);
      }
      .scroll .slick-wrap .slick-dots li button.heading5{
        top: 33%;
        left: calc(69% + 2px);
      }
      .slick-wrap .slick-dots li button.heading6 {
        top: 22%;
        left: calc(94% + 8px);
        font-size: 16px;
      }
      .scroll .slick-wrap .slick-dots li button.heading6{
        top: 38%;
        left: calc(93% + 13px);
      }
      .slick-wrap .slick-dots li button.heading6 span {
        font-size: 16px;
      }
      .slick-wrap .slick-dots li button.heading7 {
        top: -6%;
        left: calc(86% + 2px);
      }
      .scroll .slick-wrap .slick-dots li button.heading7{
        top: calc(-10% - 1px);
        left: calc(85% + 10px);
      }
      .scroll .slick-wrap .slick-dots {
        width: 80%;
        height: 235px;
    }
    .scroll .progress-line-content {
        margin-top: 240px;
    }
     /* the slides */
     .slick-wrap .slick-slide {
        margin: 0 25px;
    }

    /* the parent */
    .slick-wrap .slick-list {
        margin: 0 -25px;
    }
    .slick-wrap .slick-dots li button {
        padding: 0 18px;
        height: 50px;
        font-size: 16px;
    }
    .slick-wrap .slick-dots {
        gap:5px;
    }
}
@media (max-width: 992px) {
    html {
      scroll-padding-top: 30px;
    }
    .container {
        max-width:720px;
    }
    .desktop-block,
    .desktop-flex {
        display:none;
    }
    .mobile-only {
        display: block!important;
    }
    .contact-info a:first-of-type img {
      width: 50px;
      height: 50px;
  }
    form button{
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }
    .btn {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        width: auto;
        padding: 0 20px;
    }
   
    
    .for-step ul {
        padding:20px 20px 20px 40px;
    }
    .for-step ul li {
        font-size: 18px;
        line-height: 120%;
    }
    .heto-text {
        width: 100%
    }
    .progress-line-header {
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 0;
    }
    .progress-line-header a {
        position: initial;
        transform: rotate(0deg)!important;
        width: 100%;
        padding: 22px 0;
        display: block;
        text-align: center;
        text-transform: uppercase;

    }
    .progress-line-header a.is-active:before {
        display: none;

    }
    .progress-line-header > img {
        position: inherit;
    }
    .progress-line {
        padding:25px 0;
    }
    .progress-line-header > div .for-step {
        margin: 10px 0;
    }
    .progress-line-header > div .for-step {
        max-height: 0;
        transition: max-height 0.2s ease-out;
        overflow: hidden;
    }
    .progress-line-header > div.active .for-step {
        max-height: 560px;
        transition: max-height 0.3s ease-in;
    }
    .grid-2 {
        grid-gap:20px;
        grid-template-columns: repeat(2, calc(100% / 2 - 10px));
    }
    .form {
        width: 80%;
    }
    .dropdown-wrap,
    .inputbox input {
        height:50px;
        padding: 0px 20px;
        font-size: 18px;
    }
    .inputbox textarea {
        font-size: 18px;
        padding: 0 20px;
    }
    .dropdown-wrap span {
        height:50px;
        font-size: 18px;
    }
    .dropdown label {
        font-size: 18px;
    }
    .form {
        gap: 15px;
    }
    .dropdown label .checkbox {
        width: 35px;
        height: 35px;
    }
    .dropdown label input:checked + .checkbox:before {
        top: 5px;
        left: 5px;
        width: 23px;
        height: 23px;
    }
}
@media (max-width: 768px) {
    .container {
        max-width:560px;
    }
    
    .slider-item .slide-1 p > img.first-image {
        left: 16px;
    }
    .slider-item .slide-1 p > img.second-image {
        right: 126px;
    }
    .slider-item .slide-2 p > img.first-image {
        left: -23px;
    }
    .slider-item .slide-2 p > img.second-image {
        right: 80px;
    }
    .slider-item .slide-3 p > img.first-image {
        left: -26px;
    }
    .slider-item .slide-3 p > img.second-image {
        right: 163px;
    }
    .slider-item .slide-4 p > img.second-image {
        right: 135px;
    }
    .slider-item {
        max-width: 535px;
        padding: 0px;
    }
    .mobile-block-768 {
        display:block;
    }
   
    .form {
        width: 100%;
    }
    .hero-title {
        bottom: 80px;
    }
    .hero-title h1 {
        font-size: 36px;
        margin-bottom:36px;
    }
    
    .heto-text p span,
    .heto-text p {
        font-size: 20px;
    }
    .grid-2 {
        grid-gap:20px;
        grid-template-columns: repeat(1, calc(100% / 1 - 0px));
    }
    .form {
        padding: 0 10px;
    }
    .footer-contact,
    .footer-text span, 
    .footer-text {
        font-size: 15px;
    }
}
@media (max-width: 576px) {
    .container {
        width: 100%;
        padding-right: 12px;
        padding-left: 12px;
        margin-right: auto;
        margin-left: auto;
    }
    .slider-item .slide-1 p > img.first-image {
        left: -16px;
    }
    .slider-item .slide-1 p > img.second-image {
        right: 80px;
        bottom: 4px;
    }
    .slider-item .slide-2 p > img.first-image {
        left: -23px;
    }
    .slider-item .slide-2 p > img.second-image {
        right: 98px;
        bottom:4px;
    }
    .slider-item .slide-3 p > img.first-image {
        left: -29px;
    }
    .slider-item .slide-3 p > img.second-image {
        right: 124px;
        bottom:4px;
    }
    .slider-item .slide-4 p > img.second-image {
        right: 138px;
        bottom:4px;
    }
    .slider-item p {
        font-size:16px;
    }
    .slider-item {
        padding: 15px;
    }
    .slider-item span,
    .slider-item h3 {
        font-size: 20px;
    }
    .testimonials-slider .slick-slide {
        margin: 0 20px;
    }
    /* the parent */
    .testimonials-slider .slick-list {
        margin: 0 -20px;
    }
    .slider-item div {
        max-width: 80%;
        padding: 0 15px;
        margin: 0 auto;
    }
    .contact-form h3,
    .testimonials h2 {
        font-size: 26px;
    }
    .logo-wrap span {
        font-size: 20px;
    }
    .logo-wrap > img {
        width: 85px;
    }
    .progress-line-header a {
        height: 60px;
        padding: 17px 0;
    }
    
    .for-step > div {
        width:85%;
        margin: 0 auto;
    }
    .heto-text {
        width: max-content;
        margin: 0 auto;
    }
    .hero-title {
        position: absolute;
        bottom: 110px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .hero-title h1 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 24px;
    }
    .heto-text p {
        font-size: 20px;
    }
    .for-step ul {
        padding: 25px 10px 25px 30px;
    }
    .for-step ul li {
        font-size: 18px;
    }
    .form {
        padding: 0 0;
    }
    .copyright * {
        font-size: 13px;
    }
    .testimonials {
        margin-bottom: 56px;
    }
}
@media (max-width: 500px) {
    .slider-item p > img.first-image,
    .slider-item p > img.second-image {
        width: 18px;
    }
    .slider-item .slide-1 p > img.first-image {
        left: 8px;
        top:-5px;
    }
    .slider-item .slide-1 p > img.second-image {
        right: 55px;
        bottom: 9px;
    }
    .slider-item .slide-2 p > img.first-image {
        top:-5px;
        left: -23px;
    }
    .slider-item .slide-2 p > img.second-image {
        right: -18px;
        bottom:9px;
    }
    .slider-item .slide-3 p > img.first-image {
        top:-5px;
        left: -9px;
    }
    .slider-item .slide-3 p > img.second-image {
        right: 81px;
        bottom:9px;
    }
    .slider-item .slide-4 p > img.first-image {
        top:-5px;
        left: -19px;
    }
    .slider-item .slide-4 p > img.second-image {
        right: 97px;
        bottom:9px;
    }
    .dropdown label:nth-child(8) {
      margin-bottom: 5px;  
    }
    .dropdown label.select-all {
        margin-top:0;
    }
    .dropdown label.select-all:before {
        width:100%;
    }
    .slider-item span {
        font-size:20px;
    }
    header {
        height:75px;
    }
    body {
        padding-top:75px;
    }
    .hero-video {
         height: calc(100vh - 75px);  
    }
    .logo-wrap p {
        margin-bottom: 13px;
    }
    .testimonials-slider .slick-slide {
        margin: 0 10px;
    }
    /* the parent */
    .testimonials-slider .slick-list {
        margin: 0 -10px;
    }
    .slider-item div {
        max-width: 70%;
    }
    .dropdown-wrap .dropdown {
        grid-template-columns: 1fr;
    }
    .dropdown label {
        margin-bottom: 4px;
    }
    .dropdown label.select-all {
        padding-top: 5px;
    }
    .dropdown label .checkbox {
        width: 22px;
        height: 22px;
        border-radius: 5px;
    }
    .dropdown label input:checked + .checkbox:before {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 4px;
    }
    .hero-title h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .heto-text p span, .heto-text p {
        font-size: 12px;
    }
    .contact-info {
      gap:6px;
    }
    .logo-wrap span {
      font-size: 14px;
  }
  .contact-info a:first-of-type img {
      width: 35px;
      height: 35px;
  }
    .btn{
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    form button {
        font-size: 20px;
        height: 40px;
        width:80%;
        line-height: 40px;
        margin: 0 auto;
    }
    .slick-wrap .slick-dots li button {
        padding: 0 13px;
        height: 40px;
        font-size: 14px;
    }
    .hero-video {
        padding-bottom: 0;
    }
    .icon-arrow-up {
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center;
        width: 36px;
        height: 36px;
    }
    .copyright > div > .d-flex {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}
@media (max-width: 460px) {
    .testimonials h2 {
        width:75%;
        margin:0 auto;
    }
}
@media (max-width: 380px) {
    .logo-wrap {gap:3px;}
    .logo-wrap span {
      font-size: 13px;
  }
}