/*  1440  */
/*@media (max-width: 1920px) {*/

/*  768  */
/*@media (max-width: 1440px) {*/

/*  375  */
/*@media (max-width: 768px) { */



.frame-buckleup-padding-top {
  background-color: #151515;  
  height: 30px;
  display: none;
}

.frame-buckleup {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1405px;
  background-color: #151515;
}


.frame-buckleup .mobile-img-wrapper {
    display: none;
    height: 0px;
    width: 0px;
}
.frame-buckleup .mobile-img {

}

.frame-buckleup .buckle-up-here-s-the {
  position: absolute;
  width: 546px;
  height: 228px;
  top: 99px;
  left: 846px;
  font-family: railroad-gothic-atf;
  font-weight: 700;
  color: #fdcb03;
  font-size: 90px;
  letter-spacing: -1.80px;
  line-height: 75.6px;
}

.frame-buckleup .frame-8 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 31.26px;
  position: absolute;
  top: 58px;
  left: 37px;
}

.frame-buckleup .group {
  position: relative;
  width: 339.13px;
  height: 291.43px;
}

.frame-buckleup .frame-9 {
  position: relative;
  width: 345px;
  height: 291px;
}

.frame-buckleup .overlap-group-3 {
  position: relative;
  height: 291px;
}

.frame-buckleup .rectangle {
  width: 339px;
  height: 291px;
  top: 0;
  position: absolute;
  left: 0;
}

.frame-buckleup .arc-laptop {
  position: absolute;
  width: 345px;
  height: 206px;
  top: 43px;
  left: 0;
  object-fit: cover;
}

.frame-buckleup .frame-10 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 31.26px;
  position: absolute;
  top: 229px;
  left: 403px;
}

.frame-buckleup .frame-11 {
  position: relative;
  width: 338px;
  height: 264px;
}



.frame-buckleup .frame-12 {
  width: 542px;
  top: 1200px;
  left: 846px;
  background-color: #fdcb03;
  border-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 17px 54px;
  position: absolute;
  border: 1px solid;

  &:hover,
  &:focus,
  &:active {
    background-color: #105ECE;
    color: #FDCB03;

    .text-wrapper-3 {
      color: #FDCB03;
    }
  }

  &:active {
    border: 1px solid #105ECE;
  }
}



.frame-buckleup .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: aktiv-grotesk;
  font-weight: 700;
  color: #151515;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.48px;
  line-height: 110%;
  white-space: nowrap;
}



.frame-buckleup .frame-13 {
  display: flex;
  flex-direction: column;
  width: 542px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 403px;
  left: 846px;
}

.frame-buckleup .header {
  position: relative;
  align-self: stretch;
  margin-top: -1.13px;
  font-family: barlow-condensed;
  font-weight: 900;
  color: #fdcb03;
  font-size: 45px;
  letter-spacing: -0.45px;
  line-height: 45px;
}

.frame-buckleup .p {
  position: relative;
  align-self: stretch;
  height: 51px;
  font-family: aktiv-grotesk;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: -0.44px;
  line-height: 24.2px;
}


.frame-buckleup .frame-14 {
  display: flex;
  flex-direction: column;
  width: 542px;
  align-items: flex-start;
  gap: 18.05px;
  position: absolute;
  top: 598px;
  left: 846px;
}

.frame-buckleup .text-wrapper-4 {
  position: relative;
  align-self: stretch;
  font-family: aktiv-grotesk;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: -0.44px;
  line-height: 24.2px;
}


.frame-buckleup .frame-15 {
  display: flex;
  flex-direction: column;
  width: 542px;
  height: 156px;
  align-items: flex-start;
  gap: 18.05px;
  position: absolute;
  top: 763px;
  left: 846px;
}


.frame-buckleup .frame-16 {
  display: flex;
  flex-direction: column;
  width: 542px;
  height: 156px;
  align-items: flex-start;
  gap: 18.05px;
  position: absolute;
  top: 969px;
  left: 846px;
}





/*  1440  */
/*@media (max-width: 1920px) {*/

/*  768  */
@media (max-width: 1440px) {
    .frame-buckleup .frame-10 {
        width: 0px;
    }

    .frame-buckleup .frame-8 {
        left:200px;
    }

   .frame-buckleup .buckle-up-here-s-the {
       left:610px;
   }
   .frame-buckleup .frame-12 {
       left:610px;
   }
   .frame-buckleup .frame-13 {
       left:610px;
   }
   .frame-buckleup .frame-14 {
       left:610px;
   }
   .frame-buckleup .frame-15 {
       left:610px;
   }
   .frame-buckleup .frame-16 {
       left:610px;
   }
}

@media (max-width: 1200px) {
    .frame-buckleup .frame-10 {
       display: none; 
    }

    .frame-buckleup .frame-8 {
        left: 37px;
    }

   .frame-buckleup .buckle-up-here-s-the {
       left:410px;
   }
   .frame-buckleup .frame-12 {
       left:410px;
   }
   .frame-buckleup .frame-13 {
       left:410px;
   }
   .frame-buckleup .frame-14 {
       left:410px;
   }
   .frame-buckleup .frame-15 {
       left:410px;
   }
   .frame-buckleup .frame-16 {
       left:410px;
   }
}



@media (max-width: 975px) {
    .frame-buckleup .frame-8 {
        display: none; 
    }
   
    .frame-buckleup .mobile-img-wrapper {
         display: revert;
         position: relative;
         left: 37px;
         top: 215px;
         width:90%;
/*         height: auto;  */
    }
   
    .frame-buckleup .buckle-up-here-s-the {

        font-size: 70px;
        left: 37px;
        top: 37px;
        width: 85%;   
        line-height: 60px;
    }
    .frame-buckleup .frame-12 {
        left: 37px;
    }
    .frame-buckleup .frame-13 {
        left: 37px;
        font-size: 30px;
    }
    .frame-buckleup .frame-14 {
        left: 37px;
    }
    .frame-buckleup .frame-15 {
        left: 37px;
    }
    .frame-buckleup .frame-16 {
      left: 37px;

    }


    .frame-buckleup .text-wrapper-3 {
      font-size: 20px;
    }


    .frame-buckleup .header {
      font-size: 40px;
    }

    .frame-buckleup .p {
      font-size: 18px;
    }


    .frame-buckleup .text-wrapper-4 {
      font-size: 18px;
    }


}




/*  375  */
@media (max-width: 768px) { 


    .frame-buckleup-padding-top {
        display: revert;
    }
    .frame-buckleup {
        height: 900px;
    }


    .frame-buckleup .mobile-img-wrapper {
        left: 12px;
        top: 110px;
    }
   
    .frame-buckleup .buckle-up-here-s-the {

        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 84%; /* 25.2px */
        letter-spacing: -0.6px;
        text-transform: uppercase;


        left: 12px;
        top: 37px;
        width: 265px;   
    }
    .frame-buckleup .frame-12 {

        width: 348px;
        height: 32px;
        padding: 17px 54px;
        gap: 10px;
        flex-shrink: 0;
        left: 12px; 

        top: 790px;
    }
    .frame-buckleup .frame-13 {
        left: 12px;
        font-size: 30px;
        top: 245px;
        
    }

    .frame-buckleup .frame-14 {
        left: 12px;
        top: 380px;
    }

    .frame-buckleup .frame-15 {
        left: 12px;
        top: 515px;
    }

    .frame-buckleup .frame-16 {
        left: 12px;
        top: 650px;
    }


    .frame-buckleup .text-wrapper-3 {
        font-size: 14px;
        letter-spacing: -0.28px;
    }


    .frame-buckleup .header {
        font-size: 22px;
        font-style: normal;
        font-weight: 900;
        line-height: 100%; /* 20px */
        letter-spacing: -0.22px;
        text-transform: uppercase;
        width: 80%;
    }


    .frame-buckleup .header br {
        display: none;
    }

    .frame-buckleup .p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%; /* 17.6px */
        letter-spacing: -0.32px;
        width: 348px;
    }


    .frame-buckleup .text-wrapper-4 {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%; /* 17.6px */
        letter-spacing: -0.32px;

        width: 348px;
    }


}



@media (max-width: 501px) { 


    .frame-buckleup .frame-12 {
        left: 0px;
        width: 348px;
        margin-left: 12px;
        margin-right: 15px;
    }

    .frame-buckleup .header {

        width: 65%;
    }
}