@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Train+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Slabo+13px&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap);
.sign-box {
  height: 700px;
  margin-bottom: 100px;
}

.sign-middle-grid-box {
  height: 650px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 7px;
  width: 30rem;
  margin: auto !important;
  
}

.mobile-text {
  line-height: 3;
}

.logo-pallet {
  width: 250px;
  height: 0px;
  object-fit: cover;
}

.progress-box {
  margin: 5px;
  margin-top: 10px;
}

.sign-inner-main-box {
  padding: 10px;
  margin: -20px 7px 7px 7px;
  transform: translateY(80px);
}
.whatsapp-logo {
  object-fit: cover;
  width: 30px;
  height: 30px;
}
.nine {
  font-weight: 500;
  margin-right: 5px;
}

.sign-input {
  width: 100%;
  border: none;
  font-weight: 500;
}

.sign-input:focus {
  outline: none;
}

.input-box-sign {
  border: 1px solid lightgray;
  display: flex;
  padding: 10px;
  border-radius: 7px;
  margin-bottom: 15px;
}
.input-box-sign:hover {
  border: 1px solid #2f54eb;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.checkbox-sign-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}

.checkbox-input {
  width: 20px;
  height: 20px;
}

.get-text {
  font-weight: 500;
}

.button-down-box {
  transform: translateY(200px);
}

.otp-btn {
  margin: 7px;
  border-radius: 15px;
  width: 97%;
  padding: 12px;
  font-size: 1em;
  border: none;
  background-color: #e6e9e6;
  cursor: pointer;
}

.send-otp-pallet {
  background-color: #2f54eb !important;
  color: white !important;
  width: 100%;
  margin-top: 40px !important;
  padding: 12px !important;
  border-radius: 10px !important;
}
.pallet-profile {
  float: right;
  margin-top: 35px;
  margin-right: 25px;
}

.Mui-disabled {
  background-color: #5b7ce7c0 !important;
}

.verify-h-text{
    line-height: 1.5;
    margin-bottom: 15px;
}
.get-text-I{
    text-align: end;
    margin-right: 10px;
    color: gray;
}

.progress-box-I{
    margin: 5px;
    margin-top: 10px;
}

.back-box{
    display: flex;
    align-items: center;
    font-size: 1em;
    margin-left: 15px;
    color: grey;
    cursor: pointer;
}

.back-link{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: grey;
}

.button-down-box-I{
    transform: translateY(120px);

  }

  .kycotp-inner-main-box{
    margin: 7px;
    transform: translateY(120px);
  }

  .sign-inner-main-box-III{
    margin: 75px 15px 15px 20px;
    transform: translateY(120px);

  }

 .progress-box-I{
  padding: 25px;
 }

 .get-text-2{
  text-align: end;
  margin-right: 10px;
  color: gray;
  text-decoration: underline;
}


.get-text-2:hover{
  color:rgb(1,100,254);
}
.send-otp-pallet-kyc-otp{
  background-color: #2F54EB !important;
  color:white !important;
  width: 100%;
  margin-top: 40px !important;
  padding: 12px !important;
  border-radius: 10px !important;
}
.kyc-otpheading{
  padding: 5px;
}

.disable-otp-box{
  pointer-events: none;
  opacity: 0.4;
}
.enable-otp-box{
  pointer-events: auto;
}

.Mui-disabled{
  background-color: #5b7ce7c0 !important;
}
.sign-inner-main-box-IV{
    line-height: 2;
    transform: translateY(50px);
    padding: 10px;
}

.describe-text{
    font-size: 0.9em;
    color: gray;
    font-weight: 400;
    margin-bottom: 30px;
}
.button-down-box{
    margin-top: -25%;
}
.sign-inner-main-box-III{
    margin-top: -6%;
}
.otp-btn{
    color: white;
    background-color: rgb(0,100,254);
}

.darker-text{
    line-height: 1;
}

.lighter-text{
    font-size: 0.8em;
    color: grey;
    margin-bottom: 25px;
}

.slider-box{
    border-bottom: 1px solid lightgray;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;

}

.slider-checkbox{
    height: 20px;
    width: 20px;
}
.slider-text{
    font-weight: 500;
    color: gray;
}

.button-down-box-I{
    display: flex;
    align-items: center;

}
.add-btn{
    width: 50%;
    border: none;
    color: rgb(0,100,254);
    padding: 12px;
    font-size: 1em;
    margin: 7px;
    background-color: transparent;
}
.add-btn:hover{
    background-color: rgb(227, 235, 248);
    border-radius: 7px;
}

.submit-btn{
    width: 50%;
    border: none;
    padding: 12px;
    font-size: 1em;
    margin: 7px;
    border-radius: 7px;
    background-color:rgb(0,100,254);
    color: white;
    cursor: pointer;
}
.sign-box-I{
    height: 650px;
    margin-bottom: 150px;
}

.sign-middle-grid-box-I{
    height: 630px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    line-height: 3;
    margin: auto !important;
    width: 30rem;
}


.sign-inner-main-box-I{
    margin: 7px;
    transform: translateY(20px);
    height: 400px;
}

.error-icon{
    font-size: 0.8em !important;
    color: gray;
}

.selection-icon-box{
    display: flex;
    align-items: center;
    gap: 5px;
}

.tick-box{
    padding: 1px;
    border: 1px solid lightgray;
    border-radius: 7px;
    width: 250px;
    text-align: center;
    cursor: pointer;
}

.tick-box-I{
    border: 1px solid lightgray;
    padding: 5px;
    border-radius: 7px;
    text-align: center;
    cursor: pointer;
}
.tick-box-II{
    padding: 1px;
    border: 1px solid lightgray;
    text-align: center;
    border-radius: 7px;
    cursor: pointer;
}

.light-text{
    color: grey;
}

.multiple-select{
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.button-down-box-II{
    display: flex;
}
.not-txt{
    color: gray;
    font-weight: 400;
}
.submit-btn-I{
    border: none;
    padding: 12px;
    font-size: 1em;
    margin: 7px;
    border-radius: 7px;
    width: 100%;
    background-color: rgb(0,100,254);
    color: white;
    cursor: pointer;
}

.confirm-btn{
    border: none;
    padding: 12px;
    font-size: 1em;
    border-radius: 7px;
    width: 50%;
    background-color: rgb(0,100,254);
    color: #fff;
    cursor: pointer;
}

.business-text-h{
    line-height: 1;
}
.sign-middle-grid-box-2 {
    height: 750px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    width: 30rem;
    margin: auto !important;
}
.sign-box2 {
    margin-bottom: 50px;
}

.product-store-box{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px;
}

.prod-checkbox{
    height: 20px;
    width: 20px;
}

.prod-input{
    width: 97%;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid lightgray;
}

.prod-input:focus{
    outline: none;
}

.prod-confirm-btn{
    width: 99%;
    border: none;
    border-radius: 7px;
    padding: 12px;
    font-size: 1em;
    background-color: #E4E5E6;
}

.prodss-text{
    margin-left: 8px;
}

.prod-email-inp-box{
    margin-top: 7px;
    padding: 8px;
}
.button-down-box-I{
    margin-top: -12%;
}
.underline-box {
  border-bottom: 1px solid lightgray;
}

.kyc-inner-main-box {
  line-height: 2;
  padding: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 7px;
  margin: auto !important;
  width: 30rem;
}
#kyc-box-height {
  height: 620px;
}
.kyc-icon-box {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  transform: translateY(50px);
  margin-bottom: 50px;
}

.kyc-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  background-color: rgb(246, 243, 243);
  color: rgb(0, 100, 254);
}

.kyc-text {
  font-size: 1em !important;
  /* color: gray; */
  font-weight: 400;
}

.otp-btn-I {
  margin: 7px;
  border-radius: 10px;
  width: 50%;
  padding: 12px;
  font-size: 1em;
  border: none;
  color: white;
  background-color: rgb(0, 100, 254);
  cursor: pointer;
}
.kyc-skip-btn {
  margin: 7px;
  border-radius: 10px;
  width: 50%;
  padding: 12px;
  font-size: 1em;
  border: none;
  background-color: transparent;
  color: rgb(0, 100, 254);
  cursor: pointer;
}

.kyc-skip-btn:hover {
  background-color: rgb(227, 235, 248);
}

.button-down-box-II {
  transform: translateY(100px);
}

.basic-kyc-details-icon-box {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edf3fe;
}

.basic-kyc-details-icon {
  color: #5ca2f7;
  font-size: 1.2em !important;
}

.completekyc-inner-main-box{
    padding: 15px;
    height: 650px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    margin: auto !important;
    width: 30rem;
}

.completekyc-back-box{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 1px;
    color: gray;
    cursor: pointer;
}

.completekyc-slider-box{
    overflow: scroll;
    overflow-x: hidden;
    height: 470px;
    line-height: 5;
}

.kyc-details-box{
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kyc-details-inner-box{
    margin: 7px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* width: 47%; */
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.kyc-details-inner-box:hover{
    transition: all ease 0.7s;
    transform: scale(1.1);
}

.kyc-details-inner-box-I{
    margin: 7px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: translateX(10px);
}

.kyc-details-inner-box-text{
    font-size: 1em;
    font-weight: 500;
}

.kyc-details-icon-box{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-I{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-II{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(17px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-III{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(9px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-IV{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon{
    color: #5CA2F7;
    font-size: 1.2em !important;
}

.kyc-details-icon-I{
    font-size: 1.2em !important;
    color: #fff;
    border-radius: 50%;
    background-color: rgb(30, 232, 30);
}

.complete-text{
    margin-top: 10px;
    line-height: 2;
    margin-left: 15px;
    font-weight: 500;
    line-height: 0.5;
}

.finish-text{
    margin-top: 15px;
    margin-left: 15px;
    font-weight: 400;
    color: gray;
    font-size: 0.9em;
    line-height: 1;
}

.upper-text{
    text-transform: uppercase;
    color: gray;
    margin-left: 15px;
    font-weight: 400;
}

.completekyc-button-box{
    padding: 14px;
    margin-top: 15px;
    border-top: 1px solid lightgray;
}
.completekyc-btn{
    width: 100%;
    padding: 12px;
    border-radius: 7px;
    border: none;
    background-color: rgb(0,100,254);
    color: #fff;
    text-align: center;
    font-size: 1em;
}
.kyc-modal{
    border: none !important;
}

.kyc-modal:focus{  
    outline: none;
}

.close-kyc-box{
    border: 1px solid lightgray;
    float: right;
    border-radius: 5px;
}

.close-kyc-box:hover{
    background-color: #E4E5E6;
}

#modal-modal-title{
    margin-top: 30px;
    font-weight: 500;
}

.dashboard-btn{
    transform: translateY(70px);
    width: 100%;
    padding: 10px;
    font-size: 1em;
    border: none;
    border-radius: 7px;
    background-color: #1566F1;
    color: #fff;
    cursor: pointer;
}

.modal-inner-box{
    border-bottom: 1px solid lightgray;
    height: 120px;
}

.bank-link{
    text-decoration: none;
    color: #000;
}


.sign-box-2 {
    margin-bottom: 50px;
}
.bank-dark-txt{
    font-weight: 500;
}

.bank-light-txt{
    font-weight: 400;
    color: gray;
    font-size: 0.9em;
}

.textfeild-box{
    margin-bottom: 12px;
}

#outlined-basic{
    height: 18px;
}

.bank-down-box{
    transform: translateY(50px);
}

.bank-otp-btn{
    width: 100%;
    padding: 12px;
    border-radius: 7px;
    font-size: 1em;
    margin: 2px;
    background-color: rgb(0,100,254);
    color: #fff;
    border: none;    
    cursor: pointer;
}

.circular-loader{
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(200px) !important;
}
.circular-loader-I{
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(200px) !important;
    transform: translateX(250px) !important;
}

.line-box{
    height: 450px;
}


.passport-box{
    transform: translateY(50px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.addhar-text{
    font-size: 0.9em !important;
    font-weight: 300 !important;
    color: gray;
    letter-spacing: 0.1em !important;
}

.upload-text{
    font-size: 0.9em !important;
    font-weight: 300 !important;
    color: rgb(0,100,254);
    cursor: pointer;
    padding: 8px;
    border-radius: 7px;
}

.upload-text:hover{
    background-color: rgb(224, 233, 244);
}

.address-modal-inner-box{
    margin-top: 40px;
}
.modal-modal-title{
    font-weight: 600 !important;
    font-size: 1.4em !important;
}

.modal-modal-description{
    color: gray;
    font-size: 0.9em !important;
}

.radio-box{
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.radio-chk{
    height: 25px;
    width: 25px;
    transform: translateY(-2px);
}

.file-upload-box{
    display: flex;
    align-items: center;
    border: 1px solid rgb(0,100,254);
    justify-content: center;
    color: rgb(0,100,254);
    gap: 20px;
    border-radius: 7px;
}

.front-txt{
    font-weight: 300;
}

.lable-box{
    display: flex;
    align-items: center;
    justify-content: center;

}

.label-text{
    margin-top: 18px;
    transform: translateX(125px);
    font-weight: 600;
}
.small-ex-text{
    font-size: 0.6em;
    color: gray;
    line-height: 0;
    margin-left: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.gst-input-box{
    display: flex;
    align-items: center;
    margin: 7px;
    gap: 5px;
}

.gst-checkbox{
    height: 20px;
    width: 20px;
}

.gst-span-text{
    font-size: 0.9em;
    font-weight: 300;
    color: gray;
}
.upload-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
    margin-top: 15px;
    margin-bottom: 30px;
}

.upload-title-text{
    font-weight: 300;
    color: gray;
}

.upload-upload-text{
    color: rgb(0,100,254);
    font-weight: 400;
    cursor: pointer;
}

.file-upload-box-I{
    margin-top: 20px;
    display: flex;
    align-items: center;
    border: 1px solid rgb(0,100,254);
    justify-content: center;
    color: rgb(0,100,254);
    gap: 7px;
    border-radius: 7px;
}

.country-text{
    color: gray;
}

.front-txt{
    margin-top: 1rem;
}
.kyc-inner-main-box{
    
    line-height: 2;
    padding: 15px;
    height: 750px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    margin: auto !important;
    width: 30rem;
}

.bank-light-txt {
    margin: 1rem 0;
}
.basic-kyc-details-box{
    margin-top: 25px;
    padding: 5px;
}
.basicsss-details-input-box{
    border-bottom: 1px solid lightgray;
    padding: 5px;
}

.basic-p-tag{
    line-height: 3;
    font-weight: 300;
    color: gray;
}

.basic-h-text{
    line-height: 1.2;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 10px;
}

.completekyc-button-box-I{
    margin-top: 35px;
}

.basic-completekyc-btn-I{
    background-color: #1566F1;
    color: #fff;
    width: 100%;
    border-radius: 7px;
    padding: 12px;
    border: none;
    cursor: pointer;
    font-size: 1em;
}
.MT42s5WKTMtDEVVetqLw {
  width: 100%;
  display: flex;
  justify-content: center;
  background: white;
  position: sticky;
  top: 0;
  z-index: 1100;
  padding-bottom: 0.75rem;
}

.tpIYoFYy3ft3rl9N50XJ {
  display: flex;
  margin-top: 10px;
  align-items: center;
  position: relative;
  justify-content: center;
  font-family: Helvetica, sans-serif;
  color: hsl(244, 29%, 19%);
  width: 90%;
  background: white;
}

.oIEuWjZbyZ63OJ7P890j {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin-left: 10px;
  align-items: center;
  position: relative;
  max-width: 1110px;
}

.kRN1HM48b7aJJ3_J7gXx {
  width: 107px;
  height: 41px;
  border-radius: 6.88px;
}

.RXkX9doZsrUGgntEwo0s {
  height: 50px;
  margin-top: 0;
  object-fit: contain;
}

.kRN1HM48b7aJJ3_J7gXx img {
  height: 20px;
  margin-top: 12px;
}

.wBxZeaMOX0NJquSPXNEd {
  /* border: 1px solid #c0c0eb; */
  border-radius: 6.88px;
  padding-left: 30px;
  padding-right: 30px;
  width: 500px;
  height: 41px;
  font-size: 14px;
  font-family: Helvetica;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: 500;
  background-color: #ffffff;
  box-shadow: 0 4px 6px 0 rgba(67, 46, 134, 0.04);
}

.Sfh4nnDymwtl7Wxutc82 {
  display: none;
}

.cMz2MOHdHHEEur95vzG4 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  font-family: Helvetica;
  width: 100%;
}

.vKmBlPxWXThsk3R6mbJE {
  display: flex;
  align-items: center;
  gap: 1px;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
  font-family: Helvetica;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}

.cFHVpHTMm4TMGPcJmTf2 {
  display: flex;
  align-items: center;
  gap: 1px;
  gap: 10px;
  list-style: none;
  font-size: 12px;
}

.FrMsHSTBAiBOz6eHPFqb {
  border: 1px solid #007aff;
  border-radius: 12px;
  padding: 10px 15px;
  cursor: pointer;
  background-color: #ffffff;
  font-family: Helvetica;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
  transition: all 0.2s ease-in-out;
}

.FrMsHSTBAiBOz6eHPFqb:hover {
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 8px;
}

.nv7zsXuBSH_c8u_9pvJJ {
  color: #24223e;
  border-radius: 12px;
  border: 1px solid #c0c0eb;
  padding: 10px 15px;
  font-family: Helvetica;
  cursor: pointer;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
  transition: all 0.2s ease-in-out;
}

.nv7zsXuBSH_c8u_9pvJJ:hover {
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 8px;
}

.NlbwIqdNSNORXI7r3bDw {
  background-color: #007aff;
  border-radius: 12px;
  border: 1px solid #c0c0eb;
  font-family: Helvetica;
  padding: 10px 15px;
  color: #ffffff;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
  transition: all 0.2s ease-in-out;
}

.n35a9ucGk5uJcBEOQKz0 {
  display: none;
}

.NlbwIqdNSNORXI7r3bDw:hover {
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 8px;
}

@media (max-width: 600px) {
  .NlbwIqdNSNORXI7r3bDw {
   display: none;
  }
  .n35a9ucGk5uJcBEOQKz0 {
    display: block;
  }
}

.QKWKWTAxreljE0JNiq_e {
  background: #007aff;
  color: white;
  border-radius: 10px;
}

.vKmBlPxWXThsk3R6mbJE:hover {
  background: #007aff;
  color: white;
  border-radius: 10px;
}

.odFU4YTufHQC6XxtczlB {
  /* background-color: #f0f0f0; */
  z-index: 100;
}

.bZl40M5Y5HAf377MiGMo.CEiD7jFeR2Xpq2qxomF7 {
  opacity: 1;
  transform: translateY(0);
}

@media (width<=1350px) {
  .wBxZeaMOX0NJquSPXNEd {
    display: none;
  }

  .FrMsHSTBAiBOz6eHPFqb {
    display: none;
  }

  .oIEuWjZbyZ63OJ7P890j {
    justify-content: flex-end;
  }

  .UPt88QRiA5LiuR4BXsRQ {
    background-color: #ffffff;
  }

  .Sfh4nnDymwtl7Wxutc82 {
    display: block;
  }
}

.UkdDe60QLD3qTgNpWvDm {
  width: 100%;
  max-width: 1400px;
}
.dkJ_nhIgXYKJGHGYwaF0 {
  display: flex;
 justify-content: space-between;
}


.LtglgwoTZrMOhx8p9nse {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.f8n6jAvu3dT91pJxkD3J{
  display:flex;
  margin-top: 15px;
  max-width:700px;
flex-grow: 0.4;
}


.n_us_ai5nwgkr0CQUFyZ {
  border-top: "1px solid lightgray";
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  color: #24223e;
  font-size: 14px;
    align-items: center;
  font-weight: 500;

}

.n_us_ai5nwgkr0CQUFyZ li a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.OJzL16sXROn9WlceJ1v0 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.lY1pW6t69MUs7lxeHI6n {
  height: 85px;
}
.tGGXC9yP2R_Cf83rm3FM {
  width: 24px;
  height: 22px;
}

.ztUHP_rO5FIShPMlVxrj {
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.LK3IaPe1C1Ng5VjibIyJ {
  color: #24223e;
  font-size: 14px;
  font-family: Helvetica;
  font-weight: 700;
  line-height: 18px;
  padding: 10px;
}

.ti78Sn3Oj8mgHzznJ_fS {
  display: flex;
  max-width: 160px;
  justify-content: space-around;
}

.JZ47qkFA1Q2sPZri8pXy {
  color: #24223e;
  font-size: 12px;
  font-weight: 400;
  margin-top: 0px;
  max-width: 150px;
  padding-right: 5px;
}

.FYqHoU2AHmKxljlX9Kah {
  color: #24223e;
  font-size: 13px;
  font-weight: 400;
  margin-top: 5px;
  width: 200px;
}

.t620_bPX_EukJ2TL0_iJ {
   margin: 5px 0 5px 5px;
  font-weight: 400;
   font-size: 12px;
}
.VsdGKuaUF5gZLx8UiQJU {
  display: flex;
  align-items: center;
  gap: 5px;
}
.aV4asNvz1Wz7dNRCQpQk {
  color: hsl(244, 29%, 19%);
  padding: 0 10px 0 50px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

@media (width>=1200px) {
  .aV4asNvz1Wz7dNRCQpQk {
    margin-top: 15px;
    margin-left: 75px;
    min-width: 180px;
  }
}

.kCSN0Czqzw30rCoWkr1s {
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  font-weight: 600;
  line-height: 14px;
  padding: 10px 0px;
}

.AyizJ6JpBaUYL3reLb7m {
  display: flex;
  align-items: center;
  font-family: Helvetica;
  font-size: 14px;
  padding-bottom: 20px;
  gap: 10px;
}

.SnwoQbJ9e54rpg2jqkXt {
  width: 24px;
  height: 24px;
}

.k5jTdvFAVc51O9IdeTPq {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.oh9QIYlXUNb9GMEOWq6G {
  margin: 5px 0 5px 5px;
  font-weight: 400;
  font-size: 12px;
}

.bNTRpKDUKN8hxReNN4zf {
  margin: auto;
  margin-top: 20px;
}
.X5ggNNZu0w4Dmcq6GORg {
  width: 100px;
  height: 35px;
  padding: 6px 14px;
  background-color: rgba(232, 240, 255, 1);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  color: #24223e;
  font-size: 12px;
  margin-right: 70px;
  cursor: pointer;
  border: none;
  border-radius: 24px; /* Fully rounded */
  transition: background-color 0.3s, box-shadow 0.3s;
}

.X5ggNNZu0w4Dmcq6GORg:hover {
  background-color: rgba(215, 230, 255, 1);
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.2);
}


.fkDZKRQxluOtnhiFWLHI{
  font-weight: 700;
}

.x4g4W9ultymbek_i6KBM{
  color: #007aff;
  font-weight: 700;
}

.s3v9TafrEXmoG6FjPoG4{
  display:flex;
  align-items:center;
  gap:5px;
}
.ZxqSue08rOYzycPU2Cl8 {
  margin-top: 5px;
  /* padding-right: 40px; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 0rem;
  column-gap: 1.5rem;
  justify-content: space-between;
}

.XoNA8quilBtZIE05VpgV {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
}

.vqBfeRA4BIZvGqAI2gef {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  font-weight: 500;
  font-family: Helvetica, sans-serif;
}

.CsHNIqN3bGjgR01g7Q0g {
  width: 24px;
  height: 22px;
}

.mIUXGVmMVgiCqIMhzdSm {
  cursor: pointer;
  background: none;
  font-size: 14px;
  font-weight: 700;
  border: none;
  font-family: Helvetica;
}

.AKrmzCpMyr8zhXkUge7G {
  font-size: 12px;
  font-weight: 400;
  margin-top: -2px;
  margin-bottom: 25px;
}

.zqZ0x_M_le1ot9oA4_gb {
  font-family: Roboto;
  margin-right: 20px;
  margin-top: 20px;
  min-width: 170px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
}

.oJF6htU3MXfdWLMu6FNj {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 4px;
  margin: 0;
  gap: 4px;
}

.B4k9bbPa3ZbnhZkB_GKV {
  cursor: pointer;
  padding: 0px !important;
}

.B4k9bbPa3ZbnhZkB_GKV a {
  width: 90%;
  display: flex;
  justify-content: space-between;
  color: #636363;
  text-decoration: none;
  box-sizing: border-box;
  padding: 10px;
  font-weight: 700;

}

.B4k9bbPa3ZbnhZkB_GKV a.od7d73Fuk1GZeIzNvFgZ {
  background: #007bff;
  color: white;
  border-radius: 10px;
}

.B4k9bbPa3ZbnhZkB_GKV a:hover {
  background: #007bff;
  color: white;
  border-radius: 10px;
}

.WF9dF1_LbbAhUFNwJLqu {
  width: 90%;
}
.d0sUDxdtLWQBGik2UvIF {
  font-size: 14px;
  font-family: Helvetica;
  font-weight: 900;
  line-height: 18px;
  color: #292d34;
}

.gfiHvJU_i1YNPeuW0Vh7 {
  display: grid;
  grid-template-columns: repeat(3, 90px);
  gap: 20px;
  justify-items: center;
  align-items: center;
  padding: 30px;
  margin-top: 30px;
}

.r_eM4KvDfkHNoazXPHh7 {
  display: block;
  width: 50px;
}

.sxODBtmEUwPnJZ8CYuLR {
  width: 100%;
  height: 250px;
  border-radius: 10%;
}

.pzbU53VoZvATFff0Ff67 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.QIHYp4ZpHHMc3rab9FVQ {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 700;
}

.wTk0T1CrujINiU3_jqX6 {
  font-size: 12px;
  font-family: Roboto;
  font-weight: 400;
  color: #24223e;
  padding: 10px 0px;
}

.KkVLLu7dqGqE78TDZGIZ {
  color: #292d34;
  font-size: 16px;
  font-family: Helvetica;
  font-weight: 900;
  padding-top: 10px;
  line-height: 18px;
}
.KqUVHGdUzu5Mh4267Nak {
  margin: auto;
  margin-top: 20px;
}
.BPMUZ9DDuSIrYJuMtl5j {
  width: 120px;
  height: 40px;
  padding: 8px 16px;
  background-color: rgba(232, 240, 255, 1);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  color: #24223e;
  font-size: 14px;
  cursor: pointer;
  border: none;
  border-radius: 24px; /* Fully rounded */
  transition: background-color 0.3s, box-shadow 0.3s;
}

.BPMUZ9DDuSIrYJuMtl5j:hover {
  background-color: rgba(215, 230, 255, 1);
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.2);
}

.UigZuHrlpiJDkxULgPdx {
  text-align: center;
  width: 100%;
}

.PbAupiXflEdHZ08rGMsE {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  margin-top: 5px;
  gap: 1px;
}

.baBzhgGlaHBvwYW6j1QA {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 700;
  margin: 0px 5px;
}

.ciZAQ8mtLMYAGxoxJVs1 {
  display: flex;
  width: 130px;
  align-items: center;
  margin-bottom: 5px;
}

.MWrjSoZ2OKocm5ECTz4r {
  width: 75%;
  height: 50px;
  object-fit: cover;
  margin-right: 5px;
}

.slWIsidoHzgtnO7jGjcU {
  font-size: 12px;
  color: #24223e;
  font-weight: 400;
  line-height: 13px;
}
.OT2BzKLRs63NaN8nZOuQ {
  list-style: none;
  display: flex;
  justify-content: flex-end; /* Align items to the left */
  gap: 16px; 
  font-size: 14px;
  align-items: center;
  font-weight: 500;
  padding: 13px;
}

.OT2BzKLRs63NaN8nZOuQ li a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #24223e;
  gap: 6px; /* Space between icon and text */
}

.F0j_IQa2diCrQbr6UfXw {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.KGc7990gotWKHkcXPcpH {
  display: flex;
  justify-content: space-between;
}

.HfzyfAbsrEEimrticwuJ {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  color: #24223e;
  font-size: 14px;
  margin-right: 20px;
  align-items: center;
  font-weight: 500;
}

.HfzyfAbsrEEimrticwuJ li a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.pDuMO70KYEzTHfApB0zQ {
  padding: 20px 0px 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 0 100px;
}

.URSz_E1Ani2K6bthLXL3 {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.alAR9pIAzmxG5uz6tIqL {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding-bottom: 40px;
}

.gncseQgQYGGRQfq237Xg {
  color: #24223e;
  font-size: 14px;
  font-family: Helvetica;
  font-weight: 700;
  margin-bottom: 10px;
}

.PTia0OLFQNzMRDTslFMg {
  display: block;
  cursor: pointer;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 400;
  color: #24223e;
}

.UIqSlbYF7q2_BlRKALd9 {
  display: flex;
  justify-content: space-between;
}

.DV4X38Kb_lwvXTGLaEJa {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.DeFqXfsJedEtpM_cvaTf {
  display: flex;
  margin-top: 10px;
  margin-left: 20px;
  max-width: 700px;
  flex-grow: 1;
}

.M0QH5EsE4O76ZY5j88Gf {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  color: #24223e;
  font-size: 14px;
  margin-right: 20px;
  align-items: center;
  font-weight: 500;
}

.M0QH5EsE4O76ZY5j88Gf li a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.AlGTi52f8WdUSXP1WHDl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 250px;
  padding-top: 20px;
}

.AqkbQd9aGlW7AG_MnKji {
  color: #24223e;
  text-decoration: none;
  font-family: Helvetica;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  padding-left: 12px; 
  display: inline-block;
  cursor: pointer;
  line-height: 1;
}

.AqkbQd9aGlW7AG_MnKji::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #007bff; 
  border-radius: 1px;
}

.AF3lRs5OQObzv80RwQgl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 300px;
}

.c11ntiewIbx54vHEgTEp {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.J7HIfyom4xGWobxAdJhU {
  color: #24223e;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  font-weight: 700;
  padding: 5px;
  cursor: pointer;
}

.Hz0uX0CHdGOMDbZHYU6A {
  text-decoration: none;
  display: block;
  padding: 5px;
  color: #24223e;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}

.hFBoMyMUnVlDeb7R_scA {
  position: absolute;
  top: 100%;
  /* width: 100%; */
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  border-radius: 24px;
  transform: translateY(-10px);
  opacity: 0;
  transition: opacity 1s ease, transform 0.3s ease;
  background-color: #ffffff;
  z-index: 1000;
  max-width: 1400px;
  z-index: 1000;
  width: calc(100% + 110px);
  left: -110px;

}

.hFBoMyMUnVlDeb7R_scA.q0AWFrfWt6RewTjxK5Gw {
  opacity: 1;
  transform: translateY(0);
}

@media (width<=1350px) {
  .hFBoMyMUnVlDeb7R_scA {
    display: none;
  }
}
.error-page-img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 100%;
}
.kyc-progress-box {
  font-size: 15px !important;
  font-weight: bold !important;
}
.complete-kyc-box {
  border: 3px solid rgb(1, 100, 254);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  font-weight: 600;
}
.complete-kyc-box2 {
  display: flex;
  align-items: center;
}
.kyc-progress-box3 {
  font-size: 16px;
  font-weight: bold !important;
  color: rgb(1, 100, 254);
}
.kyc-completion-btn {
  display: flex;
  align-items: center;
  background-color: rgb(1, 100, 254);
  color: white;
  border-radius: 50px;
  padding: 5px 15px 5px 15px;
  justify-content: center;
}
.MuiCircularProgress-colorPrimary {
  color: white !important;
}
.wms-card-box {
  padding: 15px;
}
.east-icon-box {
  float: right;
}
.kyc-progress-box-com {
  font-size: 15px !important;
  font-weight: bold !important;
  margin-left: 10px !important;
}
.img-org-logo {
  width: 10%;
  height: 10%;
}
.img-org-logo-subscribe-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-org-logo-subscribe {
  width: 50%;
  height: 50%;
  text-align: center;
}
.img-org-logo-subscribe-pos {
  width: 56%;
  height: 56%
}

.table-centralised {
  width: 0 auto;
}
.table-centralised th {
  text-align: left;
  width: auto;
}
.table-centralised td {
  text-align: left;
  width: auto;
}
.table {
  font-family: Arial, Helvetica, sans-serif;
}
.head-text-dec {
  text-decoration: underline;
}
.new-org-creation-btn {
  float: right;
}
.btn-org-create {
  background-color: rgb(1, 100, 254) !important;
}
.subscribe-button {
  width: 120px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.subscribe-button:hover {
  width: 150px
}
/* Container for the entire product cards section */
.product-cards-container {
  padding: 2rem 0;
  max-width: 1200px;
  margin: 0 auto;
}

/* Styled title for "Your Subscribed Products" */
.subscribed-products-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c3e50;
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.title-underline {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #007aff 0%, #0051d5 50%, #003d9c 100%);
  margin: 0.5rem auto 0;
  border-radius: 2px;
}

/* Grid container for cards */
.cards-grid {
  padding: 0 1rem;
  justify-content: center;
}

/* Individual product card styling */
.product-card {
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  border: 1px solid #f0f0f0 !important;
  overflow: hidden !important;
  height: 100%;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

.product-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
}

/* Card header with title and action button */
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  background: linear-gradient(135deg, #007aff 0%, #0051d5 50%, #003d9c 100%);
  color: white;
  position: relative;
}

.card-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: white !important;
  margin: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.card-action-btn {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.card-action-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.1);
}

.card-action-btn svg {
  color: white;
  font-size: 18px;
}

/* Main card content area */
.card-content {
  display: flex;
  padding: 1.5rem;
  gap: 1.5rem;
  align-items: flex-start;
}

/* Left side - Image section */
.card-image-section {
  flex-shrink: 0;
  width: 120px;
}

.image-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border: 3px solid #ffffff;
  position: relative;
  overflow: hidden;
}

.org-logo {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.image-wrapper:hover .org-logo {
  transform: scale(1.1);
}

/* Right side - Details section */
.card-details-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.detail-row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.detail-row:last-child {
  border-bottom: none;
}

.detail-label {
  font-size: 11px;
  font-weight: 600;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-value {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  word-break: break-word;
  line-height: 1.4;
}

/* Responsive design */
@media (max-width: 768px) {
  .subscribed-products-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .card-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
  }
  
  .card-image-section {
    width: auto;
  }
  
  .detail-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
  .detail-label {
    flex: 1;
    text-align: left;
  }
  
  .detail-value {
    flex: 1;
    text-align: right;
  }
}

/* Loading animation for images */
.org-logo {
  opacity: 0;
  animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Hover effects for the entire card */
.product-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.02) 0%, rgba(0, 81, 213, 0.02) 50%, rgba(0, 61, 156, 0.02) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.product-card:hover::before {
  opacity: 1;
}
/* home section */
.TQxfT_fzs_HAa2Dmz1Fh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.SxDFgAHKEzwawdrPtGYF {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
  text-transform: capitalize;
}

.KJi_tZwZHiX9GeCOEHbK {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.JAhNXc3lJvbwqxCCGOZk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  transition: box-shadow 0.3s ease;
}

.JAhNXc3lJvbwqxCCGOZk:hover {
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 122, 255, 0.7),
    0 0 20px rgba(0, 122, 255, 0.5),
    0 0 30px rgba(0, 122, 255, 0.3);
}

.qFeIJQax1qdS5fFmaVgQ {
  overflow: hidden;
  width: 90%;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TN9Io5Lg0t725a_m2XK7 {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 1.5rem;
}

@media screen and (max-width: 820px) {
  .SxDFgAHKEzwawdrPtGYF {
    max-width: 80%;
  }

  .KJi_tZwZHiX9GeCOEHbK {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .SxDFgAHKEzwawdrPtGYF {
    max-width: 100%;
  }

  .KJi_tZwZHiX9GeCOEHbK {
    max-width: 100%;
  }
}

/* New container for background + images */
.mIL2SYAhXkkkZ2oXO2qg {
  position: relative;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pUvSBEr2HYYu5mF10aXQ {
  position: absolute;
  top: 23%;
  right: 85%;
  width: 20%;
  z-index: 1;
  opacity: 0.5;
}

.yV86KY9ay_3SIrgTx6cT {
  position: absolute;
  top: 20%;
  right: 75%;
  width: 20%;
  height: auto;
  border-radius: 0.5rem;
  z-index: 2;
}

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

/* ✅ New Button Group for Sign In & Go Home */
.E95Z7ZAGPs0xPP7DtLQh {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.FHMXSpK7h8AHr5tchIvC {
  background-color: #f0f0f0;
  color: #333;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  font-size: 1rem;
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FHMXSpK7h8AHr5tchIvC:hover {
  background-color: #d9d9d9;
  cursor: pointer;
}

.I_rFhC9xHnEs4XwKeOsH {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 2rem;
}


@font-face {
  font-family: "Helvetica";
  src: url(/dist/06113bf748ae7dc33e05.ttf) format("truetype");
}

* {
  font-family: "Roboto" !important;
  font-weight: 400;
  margin: 0;
  padding: 0;
}


a {
  text-decoration: none;
  color: #24223e;
}

.payment-card-container {
  /* padding:0px !important; */
  border-radius: 1rem !important;
  background-color: #fff !important;
  -webkit-box-shadow: 0px 1px 5px -5px rgba(0, 0, 0, 0.59) !important;
  -moz-box-shadow: 0px 1px 5px -5px rgba(0, 0, 0, 0.59) !important;
  box-shadow: 0px 1px 5px -5px rgba(0, 0, 0, 0.59) !important;
}

.main_container {
  display: flex;
  justify-content: center;
}

.sub_container {
  width: 100%;
  max-width: 1600px;
  background-color: rgb(255, 255, 255);
}

.container_margin_LR {
  margin-left: 5rem;
  margin-right: 5rem;
}

@media (max-width: 1024px) {
  .container_margin_LR {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (max-width: 600px) {
  .container_margin_LR {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
/* Main Footer Styles */
.UH3fTxf24xqMkNB8WtJp {
  background-color: #007aff;
  padding: 5rem 4rem;
  display: flex;
  flex-direction: column;
  margin-top: 6rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px 5px rgba(0, 122, 255, 0.5);
  z-index: 1;
}

/* Gradient Overlay for Stylish Edge */
.UH3fTxf24xqMkNB8WtJp::before,
.UH3fTxf24xqMkNB8WtJp::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

/* Top-Left to Bottom-Right Overlay */
.UH3fTxf24xqMkNB8WtJp::before {
  top: 0;
  left: 0;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(0, 122, 255, 0.15) 50%,
      transparent 100%);
}

/* Bottom-Right to Top-Left Overlay */
.UH3fTxf24xqMkNB8WtJp::after {
  bottom: 0;
  right: 0;
  background: linear-gradient(-45deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(0, 122, 255, 0.15) 50%,
      transparent 100%);
}

/* Footer Content */
.GJRD898jqxVFIyiJFU28 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4rem;
  position: relative;
  z-index: 1;
  max-width: 1200px;
  /* Or another appropriate width */
  margin: 0 auto;
  width: 100%;
}


/* Responsive Adjustments */
@media (max-width: 991px) {
  .GJRD898jqxVFIyiJFU28 {
    flex-direction: column;
  }

  .UH3fTxf24xqMkNB8WtJp {
    flex-direction: column;
    width: auto;
    align-items: flex-start;
    padding: 2rem;
  }
}

@media (max-width: 640px) {
  .GJRD898jqxVFIyiJFU28 {
    flex-direction: column;
    gap: 2rem;
  }
}

/* Company Info */
.JRxdqYr5T0TonGFg81uz {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 640px) {
  .JRxdqYr5T0TonGFg81uz {
    gap: 10px;
  }
}

/* Logo */
.T25Whw6nhtyt9wbm4k5i {
  width: 114px;
  height: 29px;
}

/* Address Styles */
.yD4zjGsAPSviX8wYwHZd {
  color: #ffffff;
  width: 286px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* Social Heading */
.k7oyM3HIndxysQS7xwpV {
  color: #ffffff;
  font-family: Jost, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

/* Social Icons */
.DWhqYLDIv1lMEE_Y3ppL {
  display: flex;
  gap: 12px;
}

.ME9ZlsMGBdyNXAIeL44x {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.ME9ZlsMGBdyNXAIeL44x:hover {
  transform: scale(1.1);
}

/* Footer Column */
.HkEB7E_CeVz7uUQ37DDG {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 640px) {
  .HkEB7E_CeVz7uUQ37DDG {
    gap: 10px;
  }
}

/* Column Title */
.AzCefZ_8bJtCl80S08k0 {
  color: #ffffff;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

@media (max-width: 640px) {
  .AzCefZ_8bJtCl80S08k0 {
    font-size: 16px;
  }
}

/* Link List */
.T4BdNcOgn2yEa7dKMge5 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media (max-width: 640px) {
  .T4BdNcOgn2yEa7dKMge5 {
    gap: 10px;
  }
}

/* Links */
.MyeDy50ERh3YFh4_0eTP {
  margin: 0;
  padding: 0;
}

.SYabyWue1OvqJv7nPr_a {
  color: #ffffff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.3s;
}

.SYabyWue1OvqJv7nPr_a:hover {
  color: #e0e0e0;
}

@media (max-width: 640px) {
  .SYabyWue1OvqJv7nPr_a {
    font-size: 10px;
  }
}

.dmjDPiiDi8BhKzZqVeo5 {
  width: 100%;
  text-align: center;
  margin-top: 3rem;
}

._H6uCgJIA7eKsSZ_CWGg {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 auto 1rem;
  max-width: 1200px;
  width: 100%;
}

.j1FdaG059itSqRyiNYc2 {
  color: #ffffff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

.bBHwAMciuWlncc6TEvut {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem 2rem;
  margin-top: 2rem;
  max-width: 1000px;
}

.gKAKogsDuTRVxAbL3U8_ {
  color: #ffffff;
  font-family: Jost, sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  text-decoration: none;
  transition: color 0.3s ease;
  flex: 0 1 calc(25% - 2rem);
}

.gKAKogsDuTRVxAbL3U8_:hover {
  color: #e0e0e0;
}

.gKAKogsDuTRVxAbL3U8_:nth-child(n + 9) {
  flex: 0 1 calc(25% - 2rem);
}

@media (max-width: 640px) {
  .bBHwAMciuWlncc6TEvut {
    flex-direction: column;
    gap: 0.5rem;
  }

  .gKAKogsDuTRVxAbL3U8_ {
    flex: none;
    width: 100%;
    font-size: 15px;
  }
}

.OTCnDSH5oDbex2xwzoVQ {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 50px;
}

.Wv7yKuq2UpvJ5AzNOqSw {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 20px;
}
.dP12bWCoFkzpPr9Kc5lu {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
}
.ytJJgUS8Mp5rwXa8QPwC {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}
.AEOw1MBsAwAHmSuHGS9S {
  font-size: 16px;
  color: #24223e;
  width: 90%;
}

.XvCCJa8wIGoGPjZPiVxj {
  width: 50%;
}

.JZuHTEfo2TVvEY4Toqys {
  border-radius: 26px;
  width: 100%;
}

@media (width<781px) {
  .XvCCJa8wIGoGPjZPiVxj {
    width: 90%;
  }
  .Wv7yKuq2UpvJ5AzNOqSw {
    align-items: center;
  }
  .AEOw1MBsAwAHmSuHGS9S {
    text-align: center;
  }
}

.CyFVqO02chMJCiaWoi6E {
  display: none;
}
.teNWLQtc3aOYBohlgWNM {
  display: flex;
  justify-content: end;
  margin-top: 200px;
  position: relative;
}
@media (width<1300px) {
  .teNWLQtc3aOYBohlgWNM {
    display: none;
  }
  .CyFVqO02chMJCiaWoi6E {
    display: block;
  }
}
.shnjHFyQAxyAraXHlOTk {
  position: absolute;
  width: 100%;
  left: 8%;
  top: -21%;
  max-width: 474px;
}
.aSKmMQ3DmC0g0UtbsSbZ {
  border-radius: 50%;
  width: 100%;
}

.KmBgyfGxaBYIuwpgOTVX {
  width: 67%;
  background-color: #007aff;
  margin-right: 70px;
  border-radius: 24px;
}
.l020JlRjJ2JpWFiElCZq {
  width: 67%;
  position: relative;
  margin-left: 30%;
}

.BvqU1iaAhNNJ_BbENmza {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #ffffff;
  padding: 40px 0;
}

.Ot09Ly7cRd_0iL7S8Moq {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 40px;
}
.U6JBUVyy1BIN6WdX5nhS {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 70px;
}

@media (width<1300px) {
  .Ot09Ly7cRd_0iL7S8Moq,
  .U6JBUVyy1BIN6WdX5nhS {
    text-align: center;
  }
}

.tOVhBScREUEOvdxmwWew {
  box-sizing: border-box;
  width: 90%;
  background-color: #007aff;
  border-radius: 24px;
  padding: 50px;
  margin: auto;
  margin-top: 100px;
}

.uuNB_RmrM9OMNDeDs2Vg {
  font-size: 34px;
  text-align: center;
  font-family: Helvetica;
  font-weight: 900;
  color: #ffffff;
  padding: 20px 0 50px 0;
}

._i8Zp4mbNwaKt3XLM6yQ {
  display: flex;
  margin-top: 100px;
  justify-content: space-around;
}

.KUSEznoyVkzstFsT9M4g {
  width: 50%;
  padding: 60px;
}
.EeawNllnjwIoOZN803qU {
  width: 50%;
  padding: 60px;
}

.hE1n2eaCyTqKBWtPhsVB {
  border-radius: 24px;
  width: 100%;
}

.dUXr1m_pnI13glSYNtU8 {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.TpJdCACYrjIlO6g4VCrt {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 500;
  margin-bottom: 15px;
  font-weight: 900;
  color: #0d0d0d;
}

.oPd6rMVbGwK3dR4d4EOc {
  font-size: 16px;
  color: #424242;
  margin-bottom: 20px;
  color: #24223e;
}

@media (width<1300px) {
  ._i8Zp4mbNwaKt3XLM6yQ {
    flex-direction: column;
    align-items: center;
  }
  .KUSEznoyVkzstFsT9M4g {
    width: 90%;
  }
  .EeawNllnjwIoOZN803qU {
    width: 90%;
  }
  .EeawNllnjwIoOZN803qU {
    padding: 0;
    margin: 50px 0;
  }
  .KUSEznoyVkzstFsT9M4g {
    padding: 0;
  }
  
  .dUXr1m_pnI13glSYNtU8,
  .TpJdCACYrjIlO6g4VCrt,
  .oPd6rMVbGwK3dR4d4EOc {
    text-align: center;
  }
}

.yFhnUt9ARyro2zclCcZW {
  background-color: #c8edfd;
  display: flex;
  justify-content: center;
}

.mB3gYVkO4Da23Da30PPg {
  padding: 40px;
}

.vfciGCLzPDZ_zpnCtnP7 {
  width: 78px;
  height: 2px;
  background-color: #007aff;
  border-radius: 2px;
}

.Ry0GsSoJ94z4I1pSbmA5 {
  text-align: center;
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
}

.huGfugkUAJLynRZkJI3H {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 60px 0;
}

.doAJ5RHHrnTZjGNV69l8 {
  width: 60%;
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
}

@media (width<1200px) {
  .doAJ5RHHrnTZjGNV69l8 {
    width: 80%;
  }
}

@media (width<800px) {
  .doAJ5RHHrnTZjGNV69l8 {
    width: 100%;
  }
}

.Ql_QwIP4Y4bm33XCfiTQ {
  display: flex;
  margin-top: 50px;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.A1GuG49ZXjBwwv4GDbtg {
  display: flex;
  height: 20px;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.X6KkfxAgPadcPAOvMraF {
  width: 78px;
  height: 2px;
  background-color: #007aff;
  border-radius: 2px;
}

.DJIXA9PfIt3P7a8LGHAk {
  font-size: 34px;
  font-weight: 900;
  font-family: helvetica;
  color: #0d0d0d;
}

.PnADtY_DAjYfF23e6IUh {
  font-size: 24px;
  font-weight: 600;
  color: #007aff;
}

.pjvcGsv7KHd8tXikaM3H {
  font-size: 14px;
  color: #24223e;
}

.pD1Va14cZmBsTHenIFGz {
  margin-top: -10px;
  padding: 0 20px;
}

.XP4w1NiLDbFX1UYviksY {
  margin-bottom: 30px;
}

@media (width<1200px) {
  .Ql_QwIP4Y4bm33XCfiTQ {
    flex-direction: column;
    align-items: center;
  }
  .X6KkfxAgPadcPAOvMraF {
    display: none;
  }
  .PnADtY_DAjYfF23e6IUh {
    text-align: center;
    margin-bottom: 10px;
  }
  .pjvcGsv7KHd8tXikaM3H {
    text-align: center;
  }
}

.YG52PQE2hMoNcKxEO87y {
  padding: 0 60px;
}

.JPLSipUtDPPgWmWY0VaZ {
  font-size: 34px;
  font-family: helvetica;
  font-weight: 900;
  color: #0d0d0d;
  margin-bottom: 10px;
}

.sGx5VznGmc0jTIQKSU6p {
  font-size: 14px;
  color: #24223e;
}

.vT4rYo8Z1PjttDQrFfnu {
  font-size: 14px;
  color: #007aff;
  font-weight: 600;
}

@media (width<1200px) {
  .JPLSipUtDPPgWmWY0VaZ {
    text-align: center;
  }
  .sGx5VznGmc0jTIQKSU6p {
    text-align: center;
  }
}

@media (width<600px) {
  .YG52PQE2hMoNcKxEO87y {
    padding: 0 20px;
  }
}


.ZNHqugALF554j2mCQtCh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.cMHQbOG9rCw5BlgUgfJP {
  display: flex;
}

.lgtSm6ilwkObjIBHETpA {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
.YRoEiAz2cJ4HkalLFBfU {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 16px;
  padding: 10px;
}

.WBuk5UVz2T5fEY75tY7q {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  text-align: center;
  margin-bottom: 16px;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: -22px;
  color: #007aff;
}


@media (width<600px) {
  .cMHQbOG9rCw5BlgUgfJP {
    flex-direction: column;
  }
  .WBuk5UVz2T5fEY75tY7q {
    margin-top: -30px;
    margin-left: 0px;
  }
}

.dTvcEOhGeZU7PF9OvvY8 {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}

.ZWPmj39NhrcO3bsS6vlI {
  font-size: 16px;
  width: 80%;
  text-align: center;
  color: #24223e;
}

.xgpG_FP3oACbHMIx_xMm {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 50px 0 50px 0;
}
.CpjqA4udFmWS_6PE_Ewx {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 20px 0 50px 0;
}

.A5yOVz_baiAnNJajAIWa {
  color: #007aff;
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
}

.e2lKFRXjJKfwjDOhJ5eW {
  max-width: 100%;
}

.Cj9dER80Tqea0JCdxlJi {
  display: flex;
  justify-content: center;
}
.uPJ0if9kZLIzPxm8XfYd {
  width: 70%;
}

@media (width<600px) {
  .uPJ0if9kZLIzPxm8XfYd {
    width: 90%;
  }
}

.zJdIkahJnjGImhgmQrE2 {
  margin-bottom: 100px;
  padding: 0 100px;
}

.vhWJAZEFWApGoZu6jCW1 {
  margin-bottom: 100px;
}
.p5MKiOgizXHrjwq0fuZQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}
.NV6X0i2P0BlJGYVdE1V1 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.E0uTWEKjDESMtQ8CJiDE {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
}

.i4azgr62GO5Y1escEN3w {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.TZ__GnbAe5W9Zc3Twm0u {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}

@media (width<600px) {
  .E0uTWEKjDESMtQ8CJiDE {
    font-size: 24px;
  }
  .i4azgr62GO5Y1escEN3w {
    font-size: 24px;
  }
}

.Plgb5o1WzGv_Pm42RNpd {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: start;
}
@media (width<600px) {
  .Plgb5o1WzGv_Pm42RNpd {
    font-size: 16px;
    text-align: center;
    width: 90%;
  }
}
.n3G4376NMhbqCm3MEdD5 {
  display: flex;
  padding: 0 20px;
}

@media (width<1000px) {
  .n3G4376NMhbqCm3MEdD5 {
    padding: 0;
  }
  .zJdIkahJnjGImhgmQrE2 {
    padding: 0;
  }
  .NV6X0i2P0BlJGYVdE1V1 {
    align-items: center;
  }
}

.Uvv9BnkRXrq3_DvKs5Dt {
  display: none;
}

@media (width<1100px) {
  .n3G4376NMhbqCm3MEdD5 {
    display: none;
  }
  .Uvv9BnkRXrq3_DvKs5Dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.Wi9RIGsXDk2ufsa4UgYg {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
}

.TB7V_jenYUgeXMgS9l_j {
  width: 4px;
  height: 100%;
  background: rgb(200, 237, 253);
  padding: px;
  margin-left: 20px;
}

@media (width<500px) {
  .TB7V_jenYUgeXMgS9l_j {
    width: 8px;
  }
}

.Jtx9ngfjnCH0DJdmKZhH {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

.Hb7eruydXaavoJ9rynZp {
  font-size: 14px;
  color: #24223e;
}

@media (width<600px) {
  .Jtx9ngfjnCH0DJdmKZhH {
    font-size: 18px;
  }

  .Hb7eruydXaavoJ9rynZp {
    font-size: 14px;
  }
}
.GCW3XXnCxNBAb2NU33Hw {
  padding-right: 10px;
}

.nvBUEwL0_aAaCeXF4OaU {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 10px;
  margin-top: 20px;
}

.PhWTEXy6R64S7D1EMDmL {
  font-size: 14px;
  color: #24223e;
}

@media (width<1100px) {
  .n3G4376NMhbqCm3MEdD5 {
    flex-direction: column;
    justify-content: center;
  }

  .GCW3XXnCxNBAb2NU33Hw {
    width: 90%;
  }
  .PhWTEXy6R64S7D1EMDmL {
    margin-bottom: 60px;
  }
}

.RG19FQYHDUw4kkmIuHIp {
  background-color: #c8edfd;
  margin-bottom: 100px;
}

.ViaxIvRe992RvlvyOO_r {
  padding: 50px;
  margin: auto;
  margin-bottom: 50px;
}
.ZSu3kRb84zax9sXUxnUc {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center;
  color: #0d0d0d;
}

.z_pz9vPilsX4otL00xxS {
  font-size: 16px;
  text-align: center;
  width: 80%;
  margin: auto;
  color: #24223e;
}

@media (width<600px) {
  .z_pz9vPilsX4otL00xxS {
    width: 100%;
  }
}

.XvEKb5LR3Xe7CTmEsXbA {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}
@media (width<600px) {
  .ZSu3kRb84zax9sXUxnUc,
  .XvEKb5LR3Xe7CTmEsXbA {
    font-size: 24px;
  }
}
.vHOkeMmQEuVlNrB1s3ks {
  margin-right: 30px;
}
.Eb1lo9d9_vJwDZU9XXDR {
  max-width: 100%;
  height: auto;
}

.mJry2_iwAg9ol1k1JB8A {
  padding: 0 100px;
}

@media (width<1000px) {
  .mJry2_iwAg9ol1k1JB8A {
    padding: 0;
  }
}
.doXAROYa5uVynn5Q9n6a {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  margin-bottom: 30px;
  padding: 10px;
}

.qeZO1wapcwiL338PcF7r {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  text-align: start;

  color: #0d0d0d;
}

@media (width<600px) {
  .qeZO1wapcwiL338PcF7r {
    font-size: 24px;
  }
}

@media (width<1000px) {
  .qeZO1wapcwiL338PcF7r {
    text-align: center;
  }
  .doXAROYa5uVynn5Q9n6a {
    align-items: center;
  }
}

.Jmpg60FTqmCCNYI7hbQh {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

@media (width<600px) {
  .Jmpg60FTqmCCNYI7hbQh {
    font-size: 24px;
  }
}

.Leb6PuBZqNh1mliwDhJy {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  margin-bottom: 50px;
}
@media (width<600px) {
  .qeZO1wapcwiL338PcF7r.i4azgr62GO5Y1escEN3w {
    font-size: 24px;
  }
  .Leb6PuBZqNh1mliwDhJy {
    text-align: center;
    width: 80%;
  }
}
.xRfhWw3g1l42NWZHSqv4 {
  display: flex;
}

.cHiq9I7sT4I_VZaaZ4eq {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uq_fADZnI_srabEVxfvT {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.KbQTSw241567I8QP2eg8 {
  width: 70%;
}
.sTVOPMX9x_rpi7j4MkNv {
  width: 60%;
}
@media (width<1300px) {
  .sTVOPMX9x_rpi7j4MkNv {
    width: 70%;
  }
}

@media (width<800px) {
  .sTVOPMX9x_rpi7j4MkNv {
    width: 90%;
  }
}

.pRknPcAd4gCPDVRAf5CJ {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 36px;
  margin-top: 50px;
}

._8y35m0WZ1giSU5ol8xo {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 36px;
  margin-top: 50px;
}

.isu8ghm3GGsPXJt4FZRE {
  font-size: 14px;
  color: #24223e;
  width: 100%;
}

.b_TFFJ4hZ5arykB8sZl5 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.MQQSEUJyE36JPmce5oMN {
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 10px 0;
  cursor: pointer;
}

.hR1fOAuFuz5bdU8JA4yW {
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (width>1000px) {
  .isu8ghm3GGsPXJt4FZRE {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
  }
  .b_TFFJ4hZ5arykB8sZl5:hover .isu8ghm3GGsPXJt4FZRE {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
  .MQQSEUJyE36JPmce5oMN:hover .isu8ghm3GGsPXJt4FZRE {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
  .hR1fOAuFuz5bdU8JA4yW:hover .isu8ghm3GGsPXJt4FZRE {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

@media (width<1000px) {
  .xRfhWw3g1l42NWZHSqv4 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .MQQSEUJyE36JPmce5oMN {
    padding: 20px 0;
  }
}
.B0W3gvsTvHooPzCJFu8V {
  transform: rotate(90deg);
}

.HQNvy2UWWEh0KjgFsSae {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

.TQUfkYkGxuau0oGZuIJQ {
  font-size: 14px;
  color: #24223e;
}

@media (width<600px) {
  .HQNvy2UWWEh0KjgFsSae {
    font-size: 18px;
  }
  .TQUfkYkGxuau0oGZuIJQ {
    font-size: 14px;
  }
  .isu8ghm3GGsPXJt4FZRE {
    font-size: 14px;
  }
}
.cChw2P7oaQq5IpO6_LBc {
  position: relative;
  background-color: #f0f0f0;
  margin-bottom: 50px;
  min-height: 500px;
}
@media (width<600px) {
  .cChw2P7oaQq5IpO6_LBc {
    min-height: 580px;
  }
}
.DoOjJuVPD5htzVSWtHFw {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wZ2wPfRXLWQLUl67Y25B {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin-right: 40px;
}

@media (width<1000px) {
  .wZ2wPfRXLWQLUl67Y25B {
    align-items: start;
  }
}

.WXF4VrTRG8AbVYRUroQm {
  display: flex;
  justify-content: start;
  align-items: baseline;
  width: 100%;
  height: 100%;
}

@media (width<1000px) {
  .DoOjJuVPD5htzVSWtHFw {
    justify-content: start;
  }
}

.GIAf9piXo2wKLRHLTNmy {
  width: 60%;
  position: relative;
  bottom: -8vw;
}

.RhS_JTF5A2Mo4pVz8rG9 {
  width: 80%;
}

.WFdNHslebaciYtcoMDBw {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  padding-top: 20px;
}

.FG8wi1Br8fzl7UnU2TRN {
  width: 60%;
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}
@media (width<600px) {
  .WFdNHslebaciYtcoMDBw {
    font-size: 24px;
  }
}
.aOMTEn7wYaik5ocxrC4Q {
  padding: 0 100px;
  margin-top: 200px;
}

@media (width<1200px) {
  .GIAf9piXo2wKLRHLTNmy {
    display: none;
  }
  .aOMTEn7wYaik5ocxrC4Q {
    margin-top: 100px;
  }
}

@media (width<1000px) {
  .aOMTEn7wYaik5ocxrC4Q {
    padding: 0;
  }
}

._oMESVrTs1qN9Tjfg05x {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  padding: 0 20px;
}

@media (width<1000px) {
  ._oMESVrTs1qN9Tjfg05x {
    align-items: center;
  }
}

.Ero2RRrGwoZEox89OESV {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
  text-align: center;
}
.nx1NJs5PWf2iN2qLwDvc {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
}
.sPDVwDTS5TNzHRDExC3t {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}
.VrP7AyMKbMrYwMl5k9dB {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.rjbFSmGExwUmhlojVVst {
  font-size: 14px;
  color: #24223e;
  margin-top: 10px;
  padding: 20px;
}

@media (width<600px) {
  .Ero2RRrGwoZEox89OESV,
  .nx1NJs5PWf2iN2qLwDvc,
  .VrP7AyMKbMrYwMl5k9dB {
    font-size: 24px;
  }
  .rjbFSmGExwUmhlojVVst {
    font-size: 14px;
  }
}
.Vc3pll7QOoVM7qLkYHug {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.uqdnh8Ag9TAJ5jYel6ew {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Iz2CdrCRum37HZVdTGrB {
  display: flex;
  align-items: center;
  width: 50%;
}
.GDXoBOvs8jqD7nnMd3Os {
  width: 70%;
}

@media (width<700px) {
  .Iz2CdrCRum37HZVdTGrB {
    justify-content: center;
  }

  .uqdnh8Ag9TAJ5jYel6ew {
    justify-content: center;
  }
  ._oMESVrTs1qN9Tjfg05x {
    padding: 0 40px;
  }
}

.SY5A2iHm_S6sSLl7SUDg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}
.cqQofpH7EZPKQQ3EbQMW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

@media(width<600px){
  .cqQofpH7EZPKQQ3EbQMW{
    padding: 0 20px;
  }
}

.oydaggOxbL3v7OMQPCHh {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
}

.pjoiC2jZAtlg1yHm7KIR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.HL2nkpsLltPyKq3qB3Z1 {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 16px;
  padding: 10px;
}

.RKAlxccF1XOBPkPViX5q {
  font-size: 16px;
  width: 50%;
  text-align: center;
  color: #24223e;
}
@media (width<600px) {
  .HL2nkpsLltPyKq3qB3Z1 {
    font-size: 24px;
  }
}

.O2pSxkeErJraVUoJHS80 {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}

.PLQLvZADzosiGgq1l8QA {
  display: flex;
  gap: 10px;
}

.PLQLvZADzosiGgq1l8QA img {
  height: 20px;
}

.PLQLvZADzosiGgq1l8QA p {
  font-size: 14px;
  font-family: Roboto;
}

.point-of-sale-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  
}

.point-of-sale-block1-header {
  display: flex;
  justify-content: space-between;
}

.point-of-sale-block1-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.point-of-sale-block1-heading h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.point-of-sale-block1-heading h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  /* width: 300px; */
  font-size: 18px;
  font-weight: 500;
}
.point-of-sale-block1-heading p {
  font-family: "poppins";
  color: #31302d;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
}

.point-of-sale-block1-header img {
  width: 40%;
  height: 300px;
}

.point-of-sale-block1-footer {
  margin: auto;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.point-of-sale-block1-footer button,
.point-of-sale-try-now-btn {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.point-of-sale-block1-footer button:hover {
  width: 180px;
}
#point-of-sale-try-now {
  width: 200px;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
#point-of-sale-try-now:hover, .point-of-sale-try-now-btn:hover {
  width: 230px
}

.point-of-sale-contact-sales {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}

.point-of-sale-block2 {
  width: 100%;
  height: 100px;
  margin-top: 30px;
  background-color: #2954a5;
  color: #fcfeff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block2 p {
  font-family: "poppins";
}

.point-of-sale-block3 {
  margin-top: 50px;
}
.point-of-sale-block3-heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block3-heading h2 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
}
.point-of-sale-content {
  margin-top: 20px;
  display: flex;
  gap: 40px;
}

.point-of-sale-content img {
  width: 50%;
  /* height: 500px; */
}

.point-of-sale-points {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.point-of-sale-single-point {
  display: flex;
  gap: 20px;
}

.point-of-sale-single-point p {
  font-family: "poppins";
  margin-bottom: 30px;
  color: #525252;
  font-weight: 400;
}
.point-of-sale-block3 {
  margin-top: 50px;
  margin-bottom: 40px;
}

.point-of-sale-content-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: auto;
}

.point-of-sale-content-footer h3 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
}

.point-of-sale-content-footer p {
  font-family: "poppins";
  margin-bottom: 30px;
  color: #525252;
  font-weight: 400;
  text-align: center;
}

.point-of-sale-content-footer button {
  width: 200px;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.point-of-sale-video-block {
  display: flex;
  justify-content: center;
  width: 100%;
}
.point-of-sale-block5 {
  margin-top: 50px;
}
.point-of-sale-block5-main-contentdiv {
  width: 100%;
  height: 200px;
  background-color: #EBF8FA;
  color: #31302d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block5-main-contentdiv h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
}

.point-of-sale-block5-main-contentdiv p {
  font-family: "poppins";
  margin-bottom: 30px;
}
.point-of-sale-industry-type button {
  width: 200px;
  color: #2954a5;
  border: 1px solid #2954a5;
  border-radius: 8px;
  background-color: #ffffff;
}
.point-of-sale-industry-type button:hover {
  width: 250px;
}
.point-of-sale-block5-span {
  font-family: "poppins";
  padding: 20px 80px;
  color: #525252;
  font-weight: 400;
  /* margin-top: 20px; */
  display: block;
}
.point-of-sale-block6 {
  margin-top: 70px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.point-of-sale-block6-written-content {
  padding: 0px 20px;
}
.point-of-sale-block6-written-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.point-of-sale-block6-written-content p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.point-of-sale-block6-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block6-content a {
  font-size: 12px;
  color: #2954a5;
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.point-of-sale-block6-content a:hover {
  font-size: 14px;
}
.point-of-sale-block6-image-content {
  display: flex;
  flex-direction: column;
  /* background-image: url("https://media-public.canva.com/E6vFE/MAD29ZE6vFE/1/t.png"); */
}
.point-of-sale-block6-image-content img {
  width: 450px;
  height: 200px;
  transform: rotate(4deg);
}
#shadow-image {
  margin-top: -160px;
  opacity: 0.2;
}
.point-of-sale-block7 {
  margin-top: 50px;
  background-color: #2954a5;
  width: 100%;
  height: 450px;
}
.point-of-sale-block7-main-header {
  padding-top: 30px;
}
.point-of-sale-block7-main-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.point-of-sale-block7-main-content {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.point-of-sale-block7-single-div {
  width: 20%;
  height: 250px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  border-top-right-radius: 25%;
  border-bottom-left-radius: 25%;
}
.point-of-sale-block7-single-div img {
  width: 150px;
  height: 150px;
}
.point-of-sale-block7-single-div h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #31302d;
  margin-top: 10px;
}
.point-of-sale-block7-single-div p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-top: 10px;
  text-align: center;
}
.point-of-sale-block8 {
  margin-top: 50px;
  background-color: #EBF8FA;
  padding: 20px 0px;
}
.point-of-sale-block8 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  text-align: center;
  color: #31302d;
  margin-bottom: 20px;
}
.point-of-sale-block8-main-content {
  margin-left: 160px;
  margin-right: 160px;
}
.point-of-sale-block8-main-content-single-point {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  align-items: center;
}
.point-of-sale-block8-main-content-single-point p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-top: 10px;
  margin-top: -2px;
}
.point-of-sale-block8-picture-div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.point-of-sale-block8-picture-div img {
  width: 350px;
  height: 250px;
}
.explore-all-features {
  margin-left: 150px;
  margin-top: 15px;
}
.explore-all-features p {
  font-size: 13px;
  font-family: "poppins";
  color: #2954a5;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.explore-all-features p:hover {
  font-size: 15px;
}
.point-of-sale-block9 {
  margin-left: 160px;
  margin-right: 160px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.point-of-sale-block9 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
}
.point-of-sale-block9 p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-bottom: 20px;
}
.point-of-sale-block9 button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  background-color: #2954a5;
  color: #ffffff;
  border: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.point-of-sale-block9 button:hover {
  width: 200px;
}

@media (max-width: 950px) {
  .point-of-sale-block5-main-contentdiv {
    height: 220px;
  }
  .point-of-sale-industry-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
  }
  .point-of-sale-block6 {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block6-image-content {
    margin-top: 30px;
  }
  .point-of-sale-block6-image-content img {
    width: 350px;
  }
}

@media (max-width: 550px) {
  .point-of-sale-block5-main-contentdiv {
    height: 350px;
    text-align: center;
  }
  .point-of-sale-block5-main-contentdiv h2 {
    font-size: 25px;
  }
  .point-of-sale-industry-type {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
  }
  .point-of-sale-block6-image-content img {
    width: 250px;
  }
  .point-of-sale-block7 {
    height: 100%;
    padding-bottom: 20px;
  }
  .point-of-sale-block7-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .point-of-sale-block8-picture-div img {
    width: 250px;
  }
}

@media (max-width: 750px) {
  .point-of-sale-block1-heading h1 {
    font-size: 30px;
  }
  .point-of-sale-block1-heading h4 {
    margin: 0px 30px;
    font-size: 15px;
  }
  .point-of-sale-block1-header {
    display: flex;
    flex-direction: column;
  }
  .point-of-sale-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block1-header img {
    width: 100%;
  }
  .point-of-sale-block1-heading {
    align-items: center;
  }
  .point-of-sale-block1-content {
    width: 100%;
  }
  .point-of-sale-block1-footer {
    flex-wrap: wrap;
    gap: 20px;
  }
  .point-of-sale-block3-heading,
  .point-of-sale-points {
    padding: 0px 30px;
  }
  .point-of-sale-block3-heading h2 {
    font-size: 25px;
  }
  .point-of-sale-content {
    display: flex;
    flex-direction: column;
  }
  .point-of-sale-content img {
    width: 90%;
  }
  .point-of-sale-content-footer {
    width: 100%;
    padding: 0px 30px;
  }
  .point-of-sale-block6-written-content h2 {
    font-size: 25px;
  }
  .point-of-sale-block7-main-header h2 {
    font-size: 25px;
  }
  .point-of-sale-block8 h2 {
    font-size: 25px;
  }
  .point-of-sale-block8-main-content {
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block9 h2 {
    font-size: 25px;
  }
  .point-of-sale-block9 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block7-single-div img {
    width: 100px;
    height: 100px;
  }
  .point-of-sale-block7-single-div {
    width: 50%;
  }
  .point-of-sale-block7-single-div h4 {
    text-align: center;
  }
  .point-of-sale-block8-picture-div {
    display: flex;
    flex-direction: column;
  }
  /* .point-of-sale-content-footer {
    margin-left: 30px;
    margin-right: 30px;
  } */
}

@media (max-width: 550px) {
  .point-of-sale-content-footer {
    padding: 0;
  }
  .point-of-sale-content-footer h3 {
    font-size: 20px;
  }
  .point-of-sale-content-footer p {
    font-size: 14px;
  }
}

.privacy-policy-section {
    margin-top: 80px;
    margin-left: 160px;
    margin-right: 160px;
}

.privacy-policy-image {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.privacy-policy-image img {
    width: 50%;
    height: 400px
}
.privacy-policy-image h1 {
    color: #31302D;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.privacy-policy-main-content {
    margin-top: 20px;
    text-align: justify;
}
.privacy-policy-date {
    margin-bottom: 20px;
}
.privacy-policy-p-tag {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #31302D;
    margin-bottom: 20px;
}
.privacy-policy-span {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #31302D;
    display: block;
    margin-bottom: 10px;
}
ol {
    margin-left: 20px;
}
ol li {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #31302D;
    margin-bottom: 20px;
}
@media (max-width: 800px) {
    .privacy-policy-image {
        display: flex;
        flex-direction: column;
    }
    .privacy-policy-section {
        margin-left: 30px;
        margin-right: 30px;
    }
    .privacy-policy-image h1 {
        font-size: 35px;
    }
    .privacy-policy-image img {
        width: 100%;
    }
}
/* .about-container {
    margin: 120px 0px
} */
.terms_and_conditions {
  margin-top: 100px;
  padding: 0px 20px 20px;
}
.terms_and_conditions h1 {
  margin-bottom: 10px;
  font-family: Montserrat;
  font-size: 50px;
  text-align: center;
  color: #31302D ;
}
.terms_and_conditions p {
  text-align: justify;
  font-size: 12px;
  line-height: 1.6;
  
}
.document_sections {
  padding: 10px 20px;
}
.terms_and_conditions ol{
  margin-left: 20px;
}
.terms_and_conditions ol li {
  font-size: 12px;
  line-height: 1.6;
}

.payment-processing-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  
}
.payment-processing-block1-main-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.payment-processing-block1-main-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.payment-processing-block1-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.payment-processing-block1-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  width: 60%;
}
.payment-processing-block1-button-div {
  display: flex;
  text-align: center;
}
.payment-processing-block1-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.payment-processing-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.payment-processing-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.payment-processing-block1-button-div .contact-sales-btn:hover,
.payment-processing-block1-button-div .get-started-btn:hover {
  width: 180px;
}
.payment-processing-block1-image img {
  width: 100%;
  height: 400px;
}

/* block2 */

.payment-processing-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.payment-processing-block2-main {
  border: 2px solid #2954a5;
  padding: 20px 0px;
  text-align: center;
  text-align: center;
  /* height: 120px; */
  width: 33%;
}
.payment-processing-block2-main h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  cursor: pointer;
}

.payment-processing-block2-main p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.payment-processing-block2-main-content span {
  font-size: 8px;
  font-family: "poppins";
  margin-top: 20px;
  margin-left: -20px;
}

/* block 3 */
.payment-processing-block3 {
  margin-top: 50px;
  height: 80px;
  background-color: #EBF8FA;
}
.payment-processing-block3 h4 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

/* block 4 */
.payment-processing-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.payment-processing-block4-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.payment-processing-block4-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.payment-processing-block4-main-content ul {
  list-style: none;
}
.payment-processing-block4-main-content ul li {
  display: flex;
  gap: 10px
}
.payment-processing-block4-main-content ul li p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.payment-processing-block4-image img {
  width: 100%;
  height: 400px;
}
.see-terms-and-conditions {
  font-size: 10px;
  font-family: "poppins";
  color: #31302d;
  cursor: pointer;
}

/* block 5 */
.payment-processing-block5-main-content {
  height: 110px;
  background-color: #EBF8FA;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
}
.payment-processing-block5-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.payment-processing-block5-p-div {
  text-align: center;
  padding-top: 30px;
  margin-left: 160px;
  margin-right: 160px;
  width: 60%;
  margin: auto;
}
.payment-processing-block5-p-div h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
/* block 6 */
.payment-processing-block6 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block6 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
  text-align: center;
}
.payment-processing-block6-main-content {
  display: flex;
}
.payment-processing-block6-written-single-point {
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  margin-top: 140px;
  margin-right: -100px;
  position: relative;
  cursor: pointer;
}

.payment-processing-block6-written-single-point h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.payment-processing-block6-image {
  height: 600px;
}
.payment-processing-block6-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-evenly;
  margin-top: 70px;
  gap: 50px;
}
.payment-processing-block6-footer-single {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 0px;
}
.payment-processing-block6-footer-single img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}
.payment-processing-block6-footer-single h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.payment-processing-block6-footer-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
  padding: 5px;
}

/* block 7 */
.payment-processing-block7 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
}
.payment-processing-block7 img {
  width: 40%;
  height: 400px;
}
.payment-processing-block7-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block7-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
  text-align: center;
}
.payment-processing-block7-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* block 8 */
.payment-processing-block8 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
}
.payment-processing-block8 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.payment-processing-block8 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}
.payment-processing-block8-main-content {
  border: 2px solid #2954a5;
  padding: 20px;
}
.payment-processing-block8-single-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #2954a5;
  cursor: pointer;
  margin-bottom: 15px;
  font-weight: 500;
}
.payment-processing-block8-heading p:hover {
  color: #31302d;
}
.payment-processing-block8-single-point:hover
   .payment-processing-block8-hidden-point {
  display: block;
}
.payment-processing-block8-hidden-point {
  display: none;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}
.payment-processing-block8-hidden-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  margin-left: 30px;
}
.payment-processing-block8-heading {
  display: flex;
  gap: 15px;
}
.payment-processing-block8-heading img {
  width: 25px;
  height: 25px;
  margin-top: -3px;
}
.payment-processing-block8-span {
  margin-left: 160px;
  display: block;
  margin-right: 120px;
  margin-top: 10px;
  font-size: 14px;
}

/* block 9 */

.payment-processing-block9 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block9 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
}
.payment-processing-block9 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}
.payment-processing-block9 button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.payment-processing-block9 button:hover {
  width: 180px;
}

/* block 10 */

.payment-processing-block10 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block10 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
}
.payment-processing-block10-main-content {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  gap: 20px;
}
.payment-processing-block10-single-block {
  width: 36%;
  height: 400px;
  border: 2px solid #525252;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}
.payment-processing-block10-single-block h4 {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
.payment-processing-block10-single-block p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  margin-bottom: 20px;
}

/* block 11 */
.block11 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.payment-processing-block1-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 10px;
}
.payment-processing-block1-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* media queries */
/* media query for 950px */
@media (max-width: 950px) {
  /* block 2 */
  /* .payment-processing-block2-main {
    height: 150px;
  } */
}

/* media query for 750px */
@media (max-width: 750px) {
  /* block1 */
  .payment-processing-block1 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block1-main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .payment-processing-block1-main-content p {
    width: 100%;
  }
  /* block 2 */
  .payment-processing-block2 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block2-main {
    width: 100%;
  }

  /* block 3 */
  .payment-processing-block3 h4 {
    padding-top: 5px;
  }

  /* block 4 */
  .payment-processing-block4 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block4-main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* block 5 */

  /* block 6 */
  .payment-processing-block6-footer {
    grid-template-columns: repeat(2, 1fr);
  }
  .payment-processing-block6-written-single-point {
    margin-top: 100px;
  }

  /* block 7 */
  .payment-processing-block7 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block7 img {
    width: 100%;
  }

  /* block 8 */

  /* block 9 */

  /* block 10 */
  .payment-processing-block10-main-content {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block10-single-block {
    width: 70%;
  }

  /* block 11 */
}

/* media query for 550px */
@media (max-width: 550px) {
  /* block1 */
  .payment-processing-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block1-main-content h1 {
    font-size: 35px;
  }
  .payment-processing-block1-main-content h4 {
    font-size: 14px;
  }
  .payment-processing-block1-main-content p {
    font-size: 12px;
  }
  .payment-processing-block1-button-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  /* block 2 */
  .payment-processing-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* .payment-processing-block2-main {
    height: 100px;
  } */
  .payment-processing-block2-main h4 {
    font-size: 14px;
  }

  .payment-processing-block2-main p {
    font-size: 12px;
  }
  /* block 3 */
  .payment-processing-block3 {
    height: 90px;
  }
  .payment-processing-block3 h4 {
    font-size: 14px;
  }

  /* block 4 */
  .payment-processing-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block4-main-content h2 {
    font-size: 25px;
  }
  .payment-processing-block4-main-content h4 {
    font-size: 14px;
  }
  .payment-processing-block4-main-content ul li p {
    font-size: 12px;
  }
  .see-terms-and-conditions {
    margin-top: 20px;
  }

  /* block 5 */
  .payment-processing-block5-main-content h2 {
    font-size: 25px;
  }
  .payment-processing-block5-p-div {
    margin-left: 30px;
    margin-right: 30px;
    width: 90%;
  }
  .payment-processing-block5-p-div h4 {
    font-size: 14px;
  }

  /* block 6 */
  .payment-processing-block6 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block6 h2 {
    font-size: 25px;
  }
  .payment-processing-block6-footer {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
  }
  .payment-processing-block6-written-single-point h4 {
    font-size: 14px;
  }
  .payment-processing-block6-footer-single h4 {
    font-size: 14px;
  }
  .payment-processing-block6-footer-single p {
    font-size: 12px;
  }
  
  .payment-processing-block6-written-single-point {
    display: none;
  }

  /* block 7 */
  .payment-processing-block7 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block7-main-content h2 {
    font-size: 25px;
  }
  .payment-processing-block7-main-content h4 {
    font-size: 14px;
  }

  /* block 8 */
  .payment-processing-block8 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .payment-processing-block8 h2 {
    font-size: 25px;
  }
  .payment-processing-block8 h4 {
    font-size: 14px;
  }
  .payment-processing-block8-single-point p {
    font-size: 12px;
  }
  .payment-processing-block8-hidden-point p {
    font-size: 12px;
  }
  .payment-processing-block8-span {
    font-size: 12px;
    margin-left: 50px;
  }

  /* block 9 */
  .payment-processing-block9 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block9 h2 {
    font-size: 25px;
  }
  .payment-processing-block9 h4 {
    font-size: 14px;
  }
  /* block 10 */
  .payment-processing-block10 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block10 h2 {
    font-size: 25px;
    text-align: center;
  }

  .payment-processing-block10-single-block {
    width: 100%;
  }
  /* block 11 */
  .payment-processing-block1-main-content h2 {
    font-size: 25px;
  }
}

.slideshow {
  margin: 0 auto;
  overflow: hidden;
  max-width: 100vw;
}

.slideshowSlider {
  white-space: nowrap;
  transition: ease 1000ms;
}

.slide {
  display: inline-block;
  margin-top: -40px;
  width: 100%;
}
@media (max-width: 750px) {
  .slide {
    margin-top: 20px;
  }
}

.go-to-top-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 0px;
    width: 0px;
  }
  
  .top-btn {
      font-size: 20px;
      width: 40px;
      height: 40px;
      color: #fff;
      background-color: #007aff;
      border-radius: 50%;
      position: fixed;
      bottom: 3rem;
      right: 2rem;
      z-index: 999;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
  }
  .top-btn--icon {
      animation: gototop 1.2s linear infinite alternate-reverse;
  
      @keyframes gototop {
          0% {
            transform: translateY(-0.5rem);
          }
          100% {
            transform: translateY(1rem);
          }
        }
  }
.self-ordering-kiosk-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
}
.self-ordering-kiosk-block1-main-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  
}

.self-ordering-kiosk-block1-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  /* align-items: center; */
}
.self-ordering-kiosk-block1-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.self-ordering-kiosk-block1-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.self-ordering-kiosk-block1-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.self-ordering-kiosk-block1-main-image img {
  width: 100%;
  height: 400px;
}
.self-ordering-kiosk-block1-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block1-footer p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.self-ordering-kiosk-block1-button-div {
  display: flex;
  gap: 30px;
}
.self-ordering-kiosk-block1-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.self-ordering-kiosk-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.self-ordering-kiosk-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.self-ordering-kiosk-block1-button-div .contact-sales-btn:hover,
.self-ordering-kiosk-block1-button-div .get-started-btn:hover {
  width: 180px;
}
/* block 2 */
.self-ordering-kiosk-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.self-ordering-kiosk-block2-main-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.self-ordering-kiosk-block2-single {
  border: 1px solid #2954a5;
  border-radius: 50%;
  padding: 20px;
  height: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #2954a5;
  cursor: pointer;
}
.self-ordering-kiosk-block2-single h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.self-ordering-kiosk-active {
  background-color: #2954a5;
  border: none;
  color: #ffffff;
  border-radius: 50%;
  padding: 20px;
  height: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
.self-ordering-kiosk-active h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.self-ordering-kiosk-block2-footer h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525252
}

/* block 3 */
.self-ordering-kiosk-block3 {
  margin-top: 50px;
  background-color: #EBF8FA;
  height: 240px;
  padding: 0 80px;
  display: flex;
  justify-content: space-evenly;
}
.self-ordering-kiosk-block3-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block3-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block3-main-content h4 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

/* block 4 */
.self-ordering-kiosk-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  border: 2px solid #2954a5;
  border-radius: 60px;
  height: 150px;
  padding: 80px;
  display: flex;
  justify-content: space-evenly;
}
.self-ordering-kiosk-block4-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block4-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-size:35px;
  font-weight: 500;
  color: #2954a5;
  text-align: center;
}
.self-ordering-kiosk-block4-main-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.self-ordering-kiosk-block4-main-content button:hover {
  width: 180px;
}
.self-ordering-kiosk-block4-image img {
  height: 300px;
  width: 100%;
  margin-top: -100px;
}

/* block 5 */
.self-ordering-kiosk-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block5 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.self-ordering-kiosk-block5-main-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.self-ordering-kiosk-block5-single-card {
  height: 200px;
  width: 250px;
  background-color: #2954a5;
  perspective: 1000px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  
}
.self-ordering-kiosk-block5-single-card:hover .self-ordering-kiosk-block5-flip-card-inner {
    transform: rotateY(180deg);
}
.self-ordering-kiosk-block5-flip-card-front h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  
}
.self-ordering-kiosk-block5-flip-card-front, .self-ordering-kiosk-block5-flip-card-back {
    position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-back {
  background-color: #ffffff;
  border: 1px solid #2954a5;
  color: #2954a5;
  transform: rotateY(180deg);
  padding: 20px;
  
}
.self-ordering-kiosk-block5-flip-card-back h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  
}


/* block 6 */
.self-ordering-kiosk-block6 {
    margin-top: 50px;
    margin-left: 160px;
    margin-right: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.self-ordering-kiosk-block6-image img {
    width: 100%;
    height: 400px;
}
.self-ordering-kiosk-block6-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.self-ordering-kiosk-block6-main-content h2 {
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block6-main-content h4 {
    font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  text-align: center;
}
.self-ordering-kiosk-block6-main-content button {
    width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #ffffff;
  color: #2954a5;
  border: 1px solid #2954a5;
}
.self-ordering-kiosk-block6-main-content button:hover {
    width: 180px;
}

/* block 7 */
.self-ordering-kiosk-block7 {
    margin-top: 50px;
    background-color: #EBF8FA;
    height: 350px;
    padding: 0 80px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 50px;
}
.self-ordering-kiosk-block7-image img {
    width: 100%;
    height: 350px;
}
.self-ordering-kiosk-block7-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.self-ordering-kiosk-block7-main-content h2 {
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block7-main-content h4 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #31302d;
    text-align: center;
}
/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
  /* block */
}

/* media query at 750px */
@media (max-width: 750px) {
  /* block 1 */
  .self-ordering-kiosk-block1-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
   
  }
  .self-ordering-kiosk-block1-content {
    width: 100%
  }

  /* block 2 */
  .self-ordering-kiosk-block2-main-content {
    grid-template-columns: repeat(2, 1fr);
  }

  /* block 3 */
  .self-ordering-kiosk-block3 {
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
  }

  /* block 4 */
  .self-ordering-kiosk-block4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 450px;
    padding: 40px;
  }
  .self-ordering-kiosk-block4-image img {
    margin-top: 0;
  }
  /* block 5 */ 
  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(2, 1fr);
  }
  /* block 6 */
  .self-ordering-kiosk-block6 {
    display: flex;
    flex-direction: column;
  }
   /* block 7 */
   .self-ordering-kiosk-block7 {
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  /* block 1*/
  .self-ordering-kiosk-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block1-content h1 {
    font-size: 35px;
  }
  .self-ordering-kiosk-block1-content h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block1-footer p {
    font-size: 12px;
  }

  /* block 2 */
  .self-ordering-kiosk-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block2-main-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .self-ordering-kiosk-block2 h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block2-single h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-active h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block2-footer h4 {
    font-size: 14px;
  }
  /* block 3 */
  .self-ordering-kiosk-block3-main-content h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block3-main-content h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block1-button-div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .self-ordering-kiosk-block1-button-div .contact-sales-btn {
    margin-top: 20px;
  }

  /* block 4 */
  .self-ordering-kiosk-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block4-main-content h2 {
    font-size: 25px;
  }
  /* block 5 */ 
  .self-ordering-kiosk-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block5 h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block5 h4 {
    font-size: 14px;
  }

  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .self-ordering-kiosk-block5-single-card {
    width: 200px;
  }
  .self-ordering-kiosk-block5-flip-card-front h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block5-flip-card-back h4 {
    font-size: 14px;
  }
  /* block 6 */
  .self-ordering-kiosk-block6 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block6-main-content h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block6-main-content h4 {
    font-size: 14px;
  }
  /* block 7 */
  .self-ordering-kiosk-block7-main-content h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block7-main-content h4 {
    font-size: 14px;
  }

}

.contact-us-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.contact-us-block1-header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 100px;
}
.contact-us-block1-header img {
  height: 300px;
}
.contact-us-block1-header h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.contact-us-block1 p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
  width: 60%;
}

/* block 2 */
.contact-us-block2 {
  /* margin-top: 50px; */
  margin-left: 5rem;
  margin-right: 5rem;
  /* display: flex;
  flex-wrap: wrap; */
  /* grid-template-columns: repeat(2, 1fr); */
  /* gap: 40px;
  justify-content: center; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 1150px) {
  .contact-us-block2 {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media (max-width: 650px) {
  .contact-us-block2 {
    grid-template-columns: 1fr;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.contact-us-block2-main-single {
  width: 250px;
  box-sizing: border-box;
  /* height: 230px; */
  border-radius: 1rem;
  padding: 1rem;
  border: 1px solid #007aff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.contact-us-block2-main-single:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}
.contact-us-block2-main-single h4 {
  color: #333;
  /* font-family: "Poppins", sans-serif; */
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.contact-us-block2-main-single p {
  font-size: 1rem;
  /* font-family: "poppins"; */
  color: #333;
  text-align: center;
}
.contact-us-block2-main-single button {
  /* width: 150px; */
  width: 210px;
  box-sizing: border-box;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #007aff;
  color: #ffffff;
  border: none;
}
/* .contact-us-block2-main-single button:hover {
  width: 180px;
} */

/* block 3 */
.contact-us-block3 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
}
.contact-us-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.contact-us-block3 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

/* block 4 */
.contact-us-block4 {
  margin-top: 50px;
  height: 70px;
  background-color: #ebf8fa;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.contact-us-block4 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.contact-heading-h1-new {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0;
  color: #333 !important;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.contact-heading-p-new {
  font-size: 1rem !important;
  margin: 0.25rem 0;
  color: #6B6B6B !important;
  text-align: center;
}

.contact-us-p-new {
  font-size: 1rem !important;
  margin: 0.25rem 0;
  color: #6B6B6B !important;
  text-align: left !important;
}

/* media Queries */
@media (max-width: 1024px) {
  .contact-us-block1 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* media query at 950px */
@media (max-width: 950px) {
}

/* media query at 750px */
@media (max-width: 850px) {
  .contact-us-block1-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .contact-us-block1 p {
    width: 100%;
  }
  /* block 2 */
  .contact-us-block2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-us-block3 {
    margin-left: 80px;
    margin-right: 80px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  .contact-us-block1-header img {
    height: 200px;
  }
  .contact-us-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .contact-us-block1-header h1 {
    font-size: 35px;
  }
  .contact-us-block1 p {
    font-size: 12px;
  }
  /* block 2 */
  .contact-us-block2 {
    margin-left: 30px;
    margin-right: 30px;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-items: center;
  }
  .contact-us-block2-main-single h4 {
    font-size: 14px;
  }
  .contact-us-block2-main-single p {
    font-size: 12px;
  }

  /* block 3 */
  .contact-us-block3 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .contact-us-block3 h2 {
    font-size: 25px;
  }
  .contact-us-block3 h4 {
    font-size: 14px;
  }
  /* block 4 */
  .contact-us-block4 h4 {
    font-size: 14px;
  }
}

.cEbYy1Ff4gydC_nuaPsS {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.BhjvfEA0nP4x6aTqetYG {
  opacity: 0;
  transform: translateY(80px) scale(0.95);
  filter: blur(8px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform, filter;
}

.BhjvfEA0nP4x6aTqetYG.KWtzfXz5sYCHXjc3u6pW {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0px);
}
.retail-operating-system-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.retail-operating-system-block1-main-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.retail-operating-system-block1-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.retail-operating-system-block1-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.retail-operating-system-block1-button-div {
  display: flex;
  text-align: center;
}
.retail-operating-system-block1-button-div button {
  width: 180px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.retail-operating-system-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.retail-operating-system-block1-button-div .contact-sales-btn:hover,
.retail-operating-system-block1-button-div .get-started-btn:hover {
  width: 210px;
}
.retail-operating-system-block1-image img {
  width: 100%;
  height: 400px;
}

/* block 2 */
.retail-operating-system-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block2-main-content {
  display: flex;
  justify-content: space-around;
  gap: 40px;
}
.retail-operating-system-block2-main-single {
  width: 280px;
  height: 250px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block2-main-single img {
  width: 100px;
  height: 100px;
}
.retail-operating-system-block2-main-single h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-operating-system-block2-main-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}

/* block 3 */
.retail-operating-system-block3 {
  margin-top: 50px;
  height: 220px;
  background-color: #EBF8FA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.retail-operating-system-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block3 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-operating-system-block3-button-div {
  display: flex;
  gap: 30px;
  text-align: center;
}
.retail-operating-system-block3-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block3-button-div button:hover {
  width: 180px;
}
.retail-operating-system-block3-button-div a {
  font-size: 14px;
  color: #2954a5;
  margin-top: 10px;
  cursor: pointer;
}
.retail-operating-system-block3-button-div a:hover {
  font-size: 16px;
}
/* block 4 */
.retail-operating-system-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block4 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block4-main-header {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.retail-operating-system-block4-single {
  width: 150px;
  height: 50px;
  background-color: #ffde59;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #525252;
  cursor: pointer;
}
.retail-operating-system-block4-single-active {
  width: 150px;
  height: 50px;
  background-color: #2954a5;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
}
.retail-operating-system-block4-single h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
/* block 5 */
.retail-operating-system-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #2954a5;
  height: 250px;
  border-radius: 30px;
  padding: 20px;
  /* gap: 100px; */
}
.retail-operating-system-block5-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block5-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block5-main-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525252;
}
.retail-operating-system-block5-image img {
  height: 300px;
}
/* block 6 */
.retail-operating-system-block6 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  gap: 100px;
  align-items: center;
}
.retail-operating-system-block6-main-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  width: 130%;
}
.retail-operating-system-block6-main-content {
 
  border: 1px solid #2954a5;
  padding: 20px;
  width: 90%;
  padding-top: 40px;
}
.retail-operating-system-block6-single {
  margin-bottom: 10px;
}
.retail-operating-system-block6-single-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.retail-operating-system-block6-single-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2954a5;
}
.retail-operating-system-block6-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  margin-left: 20px;
}

/* block 7 */
.retail-operating-system-block7 {
  margin-top: 50px;
  /* margin-left: 160px;
  margin-right: 160px; */
  margin-bottom: 150px;
}
.ros-block7-main-div {
  margin-left: 120px;
  margin-right: 120px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.ros-block7-box1 {
  width: 220px;
  height: 200px;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}

.ros-block7-box1 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.ros-block7-box2,
.ros-block7-box3 {
  width: 220px;
  height: 250px;
  background-color: #2954a5;
  color: #ffffff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}

.ros-block7-box2:hover .hidden-text1 {
  display: block;
}

.ros-block7-box3:hover .hidden-text2 {
  display: block;
}

.ros-block7-box4:hover .hidden-text3 {
  display: block;
}

.ros-block7-box5:hover .hidden-text4 {
  display: block;
}

.ros-block7-box6:hover .hidden-text5 {
  display: block;
}

.ros-block7-box7:hover .hidden-text6 {
  display: block;
}

.ros-block7-box8:hover .hidden-text7 {
  display: block;
}

/* .ros-block7-box8:hover + .ros-block7-box8 h2 {
  color: #31302d;
} */

.ros-block7-box2 h2,
.ros-block7-box3 h2,
.ros-block7-box4 h2,
.ros-block7-box5 h2,
.ros-block7-box6 h2,
.ros-block7-box7 h2,
.ros-block7-box8 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  margin-bottom: 10px;
}
.ros-block7-box3 {
  background-color: #ffde59;
  color: #31302d;
}
.ros-block7-box4 {
  width: 220px;
  height: 200px;
  background-color: #ffde59;
  color: #31302d;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  border-radius: 30px;
}
.ros-block7-box5 {
  width: 220px;
  height: 300px;
  background-color: #2954a5;
  color: #ffffff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  margin-top: -50px;
}
.ros-block7-box6 {
  width: 220px;
  height: 250px;
  background-color: #ffde59;
  color: #31302d;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.ros-block7-box7 {
  width: 220px;
  height: 250px;
  background-color: #2954a5;
  color: #ffffff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.ros-block7-box8 {
  width: 220px;
  height: 300px;
  color: #31302d;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  margin-top: -50px;
  border: 1px solid #2954a5;
}
.hidden-text1,
.hidden-text2,
.hidden-text3,
.hidden-text4,
.hidden-text5,
.hidden-text6,
.hidden-text7 {
  display: none;
  text-align: center;
}
.hidden-text1 p,
.hidden-text4 p,
.hidden-text6 p {
  font-size: 14px;
  font-family: "poppins";
  color: #ffffff;
  text-align: center;
}
.hidden-text2 p,
.hidden-text3 p,
.hidden-text5 p,
.hidden-text7 p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}

/* block 8 */


/* block 9 */
.retail-operating-system-block9 {
  margin-top: 50px;
  margin-left: 160x;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block9 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block9 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  text-align: center;
  width: 60%
}
.retail-operating-system-block9 button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block9 button:hover {
  width: 180px
}
.retail-operating-system-block9-main-content {
  width: 60%;
  height: 300px;
  margin-top: 20px;
  margin-left: 100px;
}


/* block 10 */

.retail-operating-system-block10 {
  margin-top: -180px;
  margin-left: 120px;
  margin-right: 120px;
}
.ros-image {
  display: flex;
  justify-content: flex-end;
  margin-top: 100px;
  margin-right: 50px;
}
.ros-image div {
  width: 200px;
  height: 200px;
  border: 5px solid #ffde59;
}
.retail-operating-system-block10-main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}
.retail-operating-system-block10-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px
}
.retail-operating-system-block10-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 30px;
  color: #31302d;
  
}
.retail-operating-system-block10-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  
}
.retail-operating-system-block10-header button {
  width: 300px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block10-header button:hover {
  width: 330px;
}

.ros-vertical-line {
  height: 470px;
  width: 1px;
  background-color: #ffde59;
  content: "";
  border: 1px solid #ffde59;
}
.retail-operating-system-block10-image img {
  height: 370px
}
.retail-operating-system-block10-footer {
  height: 50px;
  background-color: #EBF8FA;
  display:flex;
  justify-content:center;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
  gap: 20px;
  border-radius: 20px;
}
.retail-operating-system-block10-footer h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}

/* block 11 */
.retail-operating-system-block11 {
  margin-top: 100px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 90%;
  text-align: center;
}
.retail-operating-system-block11 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
  width: 80%
}
.retail-operating-system-block11 p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
  width: 80%
}
.retail-operating-system-block11 img {
  height: 400px;
}
.ros-10-horizontal-line {
  height: 1px;
  width: 80%;
  background-color: #ffde59;
  border: 1px solid #ffde59;
}
.ros-carousel {
  width: 100%;
  height: 300px;
  margin-top: -40px;
}


/* block 12 */
.retail-operating-system-block12 {
  background-color: #EBF8FA;
  /* height: 400px; */
  padding: 50px
}
.retail-operating-system-block12-main-div {
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.retail-operating-system-block12-main-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 70%
}
.retail-operating-system-block12-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.retail-operating-system-block12-main-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.retail-operating-system-block12-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.ros-block12-points {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  cursor: pointer;
}
.ros-block12-ver-line {
  height: 30px;
  border: 1px solid #2954a5;
  content: "";
  background-color: #2954a5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.ros-bloxk12-content h4 {
  margin-bottom: 10px;
}
.ros-block12-content-hidden {
  display: none;
}
.ros-block12-content-hidden a {
  font-size: 12px;
  color: #2954a5;
  margin-top: 10px;
}
.ros-block12-points:hover .ros-block12-content-hidden  {
 display: block;
}
.ros-block12-points:hover .ros-block12-ver-line {
  height: 80px;
  background-color: #ffde59;
  border: 1px solid #ffde59;
  content: "";
}
.ros-block12-img img {
  height: 200px;
  margin-top: 200px;
}


/* block 13 */
.ros-block13-block {
  display: flex;
  justify-content: flex-end;
}
/* .ros-block13-block div {
  width: 300px;
  height: 300px;
  background-color: #EBF8FA;
} */
.retail-operating-system-block13 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 120px;
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}
.retail-operating-system-block13-integrations {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  
}
.retail-operating-system-block13-single img {
  width: 150px;
  height: 150px;
  /* border: 1px solid red; */
}
.retail-operating-system-block13-single-content img {
  width: 150px;
  height: 150px;
  /* border: 1px solid red; */
}
.retail-operating-system-block13-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin-left: 250px; */
  background-color: #ffffff;
  /* margin-top: -300px;
  z-index: 1; */
  width: 40%;
  gap: 20px;
}
.retail-operating-system-block13-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
}
.retail-operating-system-block13-main-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  text-align: center;
}
.retail-operating-system-block13-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block13-main-content button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block13-main-content button:hover {
  width: 230px;
}
.retail-operating-system-block13-image img {
  height: 500px;
  /* margin-left: 600px;
  margin-top: -250px; */
  z-index: -2;
}



/* block 14 */
.retail-operating-system-block14 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block14 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block14 button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block14 button:hover {
  width: 230px
}

/* block medium */
.retail-operating-system-block-medium {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 30px
}
.retail-operating-system-block-medium-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
.retail-operating-system-block-medium-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.ros-block-medium-p-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ros-block-medium-p-content div {
  content: "";
  height: 40px;
  width: 1px;
  border: 1px solid #ffde59;
  background-color: #ffde59;
}
.retail-operating-system-block-medium-header p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.retail-operating-system-block-medium-header button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block-medium-header button:hover {
  width: 230px
}
.retail-operating-system-block-medium-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.retail-operating-system-lock-medium-point {
  width: 300px;
  height: 250px;
  padding: 20px;
  background-color: #EBF8FA;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  
}
.retail-operating-system-header-point {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.retail-operating-system-header-point img {
  width: 40px;
  height: 40px
}
.retail-operating-system-header-point h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2954a5;
  
}
.retail-operating-system-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
}
.retail-operating-system-content-single-point {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 80px;
}
.retail-operating-system-content-single-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: right;
}
#margin-top {
  margin-top: 200px;
}
.ros-block-medium-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
.ros-block-medium-footer p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}



/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
  /* block 5 */
  .retail-operating-system-block5 {
    height: 550px;
    flex-direction: column;
    gap: 10px;
    border: none;
  }
  /* block 6 */
  /* .retail-operating-system-block6-main-content {
    height: 320px;
  } */
  /* block 7 */
  .ros-block7-main-div {
    margin-left: 0px;
    margin-right: 0px;
    grid-template-columns: repeat(2, 1fr);
  }
  .ros-block7-box1,
  .ros-block7-box2,
  .ros-block7-box3,
  .ros-block7-box4,
  .ros-block7-box5,
  .ros-block7-box6,
  .ros-block7-box7,
  .ros-block7-box8 {
    height: 250px;
  }
  .ros-block7-box5,
  .ros-block7-box8 {
    margin-top: 0px;
  }
  /* block 8 */
 

  /* block 10 */
  .ros-image {
    display: none;
  }
  .retail-operating-system-block10 {
    margin-top: 50px;
  }
  .retail-operating-system-block10-main-content {
    flex-direction: column;
  }
  .retail-operating-system-block10-header {
    align-items: center;
  }
  .ros-vertical-line {
    width: 800px;
    height: 1px
  }
}

/* media query at 750px */
@media (max-width: 750px) {
  /* block 1 */

  .retail-operating-system-block1 {
    display: flex;
    flex-direction: column;
  }
  .retail-operating-system-block1-main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* block 2 */
  .retail-operating-system-block2-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* block 4 */
  .retail-operating-system-block4-main-header {
    grid-template-columns: repeat(3, 1fr);
  }
  /* block 6 */
  .retail-operating-system-block6 {
    flex-direction: column;
    gap: 20px;
  }
  .retail-operating-system-block6-main-header h2 {
    width: 100%;
  }
  .retail-operating-system-block6-main-content {
    width: 100%;
    /* height: 400px */
  }
  /* block 7 */
  .ros-block7-main-div {
    grid-template-columns: repeat(1, 1fr);
  }
 

  /* block 10 */
  .ros-vertical-line {
    width: 500px;
    height: 1px
  }
  .retail-operating-system-block10-image img {
    height: 300px
  }
  .retail-operating-system-block10-footer {
    display: none;
  }

  /* block 12 */
  /* .retail-operating-system-block12 {
    height: 600px
  } */
  .retail-operating-system-block12-main-div {
    flex-direction: column;
    gap: 20px;
  }
  .retail-operating-system-block12-main-content {
    width: 100%

  }
  .ros-block12-img img {
    margin-top: 0px;
  }
  /* block 13 */
  .retail-operating-system-block13 {
   flex-direction: column;
   gap: 20px
  }
  .retail-operating-system-block13-main-content {
    width: 100%
  }
  .retail-operating-system-block13-image img {
    height: 300px
  }

  /* block medium */
  .retail-operating-system-block-medium {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .retail-operating-system-block-medium-header {
    align-items: center;
  }
  .retail-operating-system-block-medium-header h2 {
    text-align: center;
  }
  .retail-operating-system-block-medium-header p {
    text-align: center;
  }

  #margin-top {
    margin-top: 0px;
  }
}

@media (max-width: 700px) {
  .ros-block12-img {
    display: none;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  /* block1 */
  .retail-operating-system-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block1-main-content h1 {
    font-size: 35px;
  }
  .retail-operating-system-block1-main-content h4 {
    font-size: 14px;
  }

  .retail-operating-system-block1-button-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  /* block 2 */
  .retail-operating-system-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block2 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block2-main-single h4 {
    font-size: 14px;
  }
  .retail-operating-system-block2-main-single p {
    font-size: 12px;
  }

  /* block 3 */
  .retail-operating-system-block3 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block3 h4 {
    font-size: 14px;
  }
  .retail-operating-system-block3-button-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  /* block 4 */
  .retail-operating-system-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block4 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block4-main-header {
    grid-template-columns: repeat(1, 1fr);
  }
  .retail-operating-system-block4-single h4 {
    font-size: 14px;
  }
  /* block 5 */
  .retail-operating-system-block5 {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 150px;
  }
  .retail-operating-system-block5-main-content h2 {
    font-size: 25px;
  }
  .retail-operating-system-block5-main-content h4 {
    font-size: 14px;
  }
  .retail-operating-system-block5-image img {
    width: 100%;
  }
  /* block 6 */
  .retail-operating-system-block6 {
    margin-left: 30px;
    margin-right: 30px;
    height: 350px;
  }
  .retail-operating-system-block6-main-header h2 {
    font-size: 25px;
  }
  .retail-operating-system-block6-single-header h4 {
    font-size: 14px;
  }
  .retail-operating-system-block6-single p {
    font-size: 12px;
  }
  /* block 7 */
  .retail-operating-system-block7 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .ros-block7-box1 h4 {
    font-size: 14px;
  }
  .ros-block7-box2 h2,
  .ros-block7-box3 h2,
  .ros-block7-box4 h2,
  .ros-block7-box5 h2,
  .ros-block7-box6 h2,
  .ros-block7-box7 h2,
  .ros-block7-box8 h2 {
    font-size: 25px;
  }
  .hidden-text1 p,
  .hidden-text2 p,
  .hidden-text3 p,
  .hidden-text4 p,
  .hidden-text5 p,
  .hidden-text6 p,
  .hidden-text7 p {
    font-size: 12px;
  }
  .hidden-text1 a,
  .hidden-text2 a,
  .hidden-text3 a,
  .hidden-text4 a,
  .hidden-text5 a,
  .hidden-text6 a,
  .hidden-text7 a {
    font-size: 10px;
  }

  /* block 8 */
  .retail-operating-system-main-content h2 {
    font-size: 25px;
  }
  .retail-operating-system-main-content h4 {
    font-size: 14px;
  }
  .retail-operating-system-main-content p {
    font-size: 12px;
  }
  .retail-operating-system-block8-image img {
    width: 100%;
  }
  /* block 9 */
  .retail-operating-system-block9 {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 50px;
  }
  .retail-operating-system-block9 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block9 h4 {
    font-size: 14px;
    width: 100%;
  }
  .retail-operating-system-block9-main-content {
    width: 100%;
  }

  /* block 10 */
  .retail-operating-system-block10 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .ros-vertical-line {
    width: 300px
  }
  .retail-operating-system-block10-header h2 {
    font-size: 25px;
  }
  .retail-operating-system-block10-header h4 {
    font-size: 14px;
  }
  .retail-operating-system-block10-footer h4 {
    font-size: 14px;
  }
  .retail-operating-system-block10-image img {
    height: 180px;
    
  }

  /* block 11 */
  .retail-operating-system-block11 {
    margin-left: 30px;
    margin-right: 30px;
    width: 100%;
  }
  .retail-operating-system-block11 h2 {
    font-size: 25px;
    width: 100%
  }
  .retail-operating-system-block11 p {
    font-size: 12px;
    width: 100%
  }
  .retail-operating-system-block11 img {
    height: 180px
  }

  /* block 12 */
  .retail-operating-system-block12-main-div {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block12-main-content h2 {
    font-size: 25px;
  }
  .retail-operating-system-block12-main-content h4 {
    font-size: 14px;
  }
  .retail-operating-system-block12-main-content p {
    font-size: 12px;
  }
   /* block 13 */
   .retail-operating-system-block13 {
    margin-left: 30px;
    margin-right: 30px;
   }
   .retail-operating-system-block13-main-content h2 {
    font-size: 25px;
   }
   .retail-operating-system-block13-main-content h4 {
    font-size: 14px;
   }
   .retail-operating-system-block13-main-content p {
    font-size: 12px;
   }

  /* block 14 */
  .retail-operating-system-block14 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block14 h2 {
    font-size: 25px;
  }

  /* block medium */
  .retail-operating-system-block-medium {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block-medium-header h2 {
    font-size: 25px;
  }
  .retail-operating-system-block-medium-header p {
    font-size: 12px;
  }
}

.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
@font-face{font-family:"revicons";fallback:fallback;src:url(/dist/e8746a624ed098489406.woff) format('woff'),url(/dist/57fd05d4ae650374c8de.ttf) format('ttf'),url(/dist/a77de540a38981833f9e.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
.ros-business-item {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}
.ros-business-item img {
  width: 120px;
  height: 120px;
  border: 1px solid #0869fe;
  padding: 10px;
  border-radius: 50%;
}
.ros-business-item h4 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #525252;
  text-align: center;
}

.carousel-ros-main-section {
  width: 280px;
  height: 210px;
  border: 1px solid #2954a5;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 0px 20px;
  padding: 20px;
  cursor: pointer;
  transition: transform .2s;
}
.carousel-ros-main-section h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2954a5;
}
.carousel-ros-main-section p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.carousel-ros-main-section h4 {
  background-image: linear-gradient(
    to right,
    #ffde59,
    #ffde59 50%,
    #2954a5 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.carousel-ros-main-section h4:before {
  content: '';
  background: #ffde59;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.carousel-ros-main-section h4:hover {
 background-position: 0;
}

.carousel-ros-main-section h4:hover::before {
  width:100%;
}
.carousel-ros-main-section:hover {
  transform: scale(1.1)
}
.hyperlocal-main-div {
  /* margin: 120px 80px; */
  /* font-size: 13px; */
  /* color: #31302d;
  font-family: "poppins"; */
  line-height: 1.6;
}
.hero-img {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}
/* .hyperlocal-section-1  */
.hyperlocal-section-1 {
  /* background-color: #2954a5; */
  margin: 120px 80px 0px;
  /* display: flex;
  justify-content: center; */
  /* justify-content: flex-start; */
  /* align-items: flex-start; */
  /* align-items: center;
  flex-direction: column; */
}

.hyperlocal-section-1 h1 {
  font-family: "poppins";
  font-size: 50px;
  text-align: center;
  font-weight: 500;
  color: #31302d;
  margin-top: 0px;
  margin-bottom: 10px;

  /* margin-left: 200px; */
}
.hyperlocal-section-1 > img {
  /* width: 100%; */
  width: 80%;
  /* height: 80%; */
  background-size: cover;
  background-repeat: no-repeat;
}
.hyperlocal-section-1-div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

/* hyperlocal-section-1-div-box1 */
.hyperlocal-section-1-div-box1 {
  /* width: 35%; */
  /* width: 60%; */
  /* position: absolute; */
}

/*hyperlocal-section-2  */
.hyperlocal-section-2-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  color: #ffffff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}

.hyperlocal-section-2 {
  /* margin-top: 50px;      too much white space no not using it here  */
  margin: auto 80px;
}

.hyperlocal-section-2 img {
  width: 100%;
}
.hyperlocal-section-2 h2 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #31302d;
}
.hyperlocal-section-2 h4 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #525252;
}
/* hyperlocal-section-2-Box-1  */
.hyperlocal-section-2-Box-1,
.hyperlocal-section-2-Box-2 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

/* for big screen set to 50% width  */
.hyperlocal-section-2-div {
  width: 50%;
}

/* hyperlocal-section-3-heading */
.hyperlocal-section-3-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  color: #31302d;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}

/* hyperlocal-section-3 */
.hyperlocal-section-3 {
  margin: 50px 80px;
}
.hyperlocal-section-3 button {
  padding: 10px 0px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  color: #525252;
  width: 250px;
  cursor: pointer;
}

/* active button  */
.not_active {
  border: 1px solid gainsboro;
  background-color: #ffffff !important;
  color: #31302d;
}
.active {
  background-color: #2954a5;
  color: #ffffff !important;
  border: 1px solid #2954a5;
}

/* hyperlocal-section-4  */
.hyperlocal-section-4-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  color: #31302d;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}
.hyperlocal-section-4 {
  margin: 50px 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.hyperlocal-section-4 ul {
  padding: auto;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding: 0px;
  gap: 20px;
  line-height: 1.6;
}

.hyperlocal-section-4-div-1 li {
  display: flex;
  font-size: 13px;
  font-family: "poppins";
  color: hsl(45, 4%, 18%);
  /* justify-content: center; */
  justify-content: left;
  align-items: center;
  gap: 30px 20px;
}

.hyperlocal-section-4-div-3 li {
  display: flex;
  font-size: 13px;
  font-family: "poppins";
  color: hsl(45, 4%, 18%);
  /* justify-content: center; */
  justify-content: right;
  align-items: center;
  gap: 30px 20px;
}

/* hyperlocal-section-4-div-4 start here -currently not using */
/* .hyperlocal-section-4-div-2 {
  text-align: center;
}
.hyperlocal-section-4-div-4 {
  text-align: center;
} */
/* div_inside_mock_smartphone */
/* .div_inside_mock_smartphone {
  top: 60px;
  left: 38%;
} */
/* hyperlocal-section-4-div-4 end here  */

/* small screen  */
@media screen and (max-width: 480px) {
  .hyperlocal-main-div {
    margin: 120px 30px;
  }

  /* .hero-img { */
  .hero-img {
    /* width: 100%; */
    width: 300px;
    height: auto;
    /* height: 500px; */
  }
  .hyperlocal-section-1 {
    /* background-color: #2954a5; */
    margin: 120px 0px 0px;
  }
  /* .hyperlocal-section-1-div { */
  .hyperlocal-section-1-div {
    flex-wrap: wrap;
  }

  /* .hyperlocal-section-1 h1 { */
  .hyperlocal-section-1 h1 {
    font-size: 35px;
    margin-top: auto;
    margin-bottom: auto;
  }

  /* hyperlocal-section-1-div-box1 */
  .hyperlocal-section-1-div-box1 {
    width: 100%;
  }

  .hyperlocal-section-2 {
    /* margin-top: 50px;      too much white space no not using it here  */
    margin: auto 30px;
  }

  .hyperlocal-section-2-heading {
    font-size: 25px;
  }

  .hyperlocal-section-2-Box-1,
  .hyperlocal-section-2-Box-2 {
    flex-wrap: wrap;
  }
  .hyperlocal-section-2-div {
    width: 100%;
  }

  .hyperlocal-section-2 h2 {
    font-size: 25px;
  }

  .hyperlocal-section-2 h4 {
    font-size: 14px;
  }

  /* hyperlocal-section-3 */
  .hyperlocal-section-3 {
    margin: 50px 30px;
  }

  /* hyperlocal section 3  */
  .hyperlocal-section-3-heading {
    font-size: 25px;
  }

  .hyperlocal-section-3 button {
    font-size: 14px;
    width: 200px;
  }

  /* .hyperlocal-section-4-heading { */
  .hyperlocal-section-4-heading {
    font-size: 25px;
    height: auto;
  }

  /* .hyperlocal-section-4  */
  .hyperlocal-section-4 {
    margin: 50px 30px;
    justify-content: center;
    align-items: center;
  }

  /* .hyperlocal-section-4-div-1  */
  .hyperlocal-section-4-div-1 {
    width: 20%;
  }

  .hyperlocal-section-4-div-1 {
    width: 100%;
  }
  .hyperlocal-section-4-div-2 {
    width: 100%;
  }
  .hyperlocal-section-4-div-3 {
    width: 100%;
  }
  .hyperlocal-section-4-div-4 {
    width: 100%;
  }
  /* div_inside_mock_smartphone */
  .div_inside_mock_smartphone {
    top: 60px;
    left: 41.5%;
  }
}

/* 481 pixels to 991 pixels */
@media screen and (min-width: 481px) and (max-width: 991px) {
  .div_inside_mock_smartphone {
    top: 60px;
    left: 37%;
  }
}

.our_mission {
  display: flex;
  justify-content: center;
  align-items: center;
}
.our_mission ul {
  list-style: none;
}
.our_mission ul li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #525252;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .our_mission {
    flex-wrap: wrap;
  }
  .our_mission ul li {
    font-size: 14px;
  }
}

.what_you_can_avoid {
  display: flex;
  justify-content: center;
  align-items: center;
}
.what_you_can_avoid ul {
  list-style: none;
}
.what_you_can_avoid ul li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #525252;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .what_you_can_avoid {
    flex-wrap: wrap;
  }
  .what_you_can_avoid ul li {
    font-size: 14px;
  }
}

/* hyperlocal-section-5  */
.hyperlocal-section-5 {
  margin: 50px auto;
}
.hyperlocal-section-5-div-1 {
  margin: 50px 80px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  /* width: 100%; */
}
.hyperlocal-section-5-div-1 h3 {
  font-family: "Poppins", serif;
  font-size: 25px;
  color: #31302d;
  font-weight: bold;
}

/* hyperlocal-section-5-div-2 */
.hyperlocal-section-5-div-2 {
  /* margin: 0px 80px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  background-color: #ffde59;
  padding: 50px 5px;
}

/* hyperlocal-section-5-div-2 h2 */
.hyperlocal-section-5-div-2 h2 {
  font-family: "Poppins", serif;
  font-size: 35px;
  color: #ffffff;
  font-weight: bold;
}

/* animation for icons */
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce_button {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.bounce_button:hover {
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}
/* end of animation  */

/* text transition  */
.wrapper-box-section-5 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  row-gap: 20px;
}

/* end of transition  */

.wrapper-box-section-5 .bold_text {
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
}

.wrapper-box-section-5 ul li {
  border-radius: 1rem;
  padding: 20px 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.wrapper-box-section-5 ul li span {
  font-weight: bold;
}
.wrapper-box-section-5 h3 {
  font-size: 35px;
  color: #2954a5;
}
/* other transition  */

.flip {
  height: 50px;
  /* position: relative; */
  overflow: hidden;
  font-size: 18px;
}
.unFlip {
  /* height: 50px; */
  /* position: relative; */
  /* overflow: hidden;
  font-size: 18px; */
  display: none;
}
.flip > div > div {
  /* color: #fff; */
  /* padding: 4px 12px; */
  height: 45px;
  margin-bottom: 45px;
  display: inline-block;
}

.flip div:first-child {
  animation: show 7s linear infinite;
}

.whats_for_customer_no_transition {
  display: none;
}

@keyframes show {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
/* end  */

/* media queries here */
/* small screen  */
@media screen and (max-width: 480px) {
  .hyperlocal-section-5-div-1 {
    margin: 50px 30px;
    display: flex;
    justify-content: center;
    row-gap: 30px;
    align-items: center;
    flex-wrap: wrap;
    /* width: 100%; */
  }
  .hyperlocal-section-5-div-1 h3 {
    font-family: "Poppins", serif;
    font-size: 18px;
    color: #31302d;
    font-weight: bold;
    text-align: center;
  }
  /* .hyperlocal-section-5-div-2 h2 { */
  .hyperlocal-section-5-div-2 h2 {
    font-size: 25px;
  }
  .flip {
    display: none;
  }
  .unFlip {
    /* height: 50px; */
    /* position: relative; */
    /* overflow: hidden;
    font-size: 18px; */
    display: block;
  }
  .wrapper-box-section-5 {
    margin: 50px 30px;
    flex-wrap: wrap;
  }
  /* .wrapper-box-section-5 h3 {
    font-size: 25px;
    text-align: center;
  } */
  /* remove text_transition_box from viewport */
  .whats_for_customer_transition {
    display: none;
  }
  /* display whats_for_customer_no_transition box  */
  .whats_for_customer_no_transition {
    display: block;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

.card{
  border-radius: 2rem;
  /* width: { sm: "100%", md: "15%", lg: "15%", xl: "15%" }, */
  text-align: center;
  color: #2954a5;
  background-color: #FFFFFF;
  height:200px;
  padding: 20px 10px;
}
.card h4 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", serif;
  color: #525252;
}

.card-description {
  font-size: 14px;
  color: #31302d;
  font-size: 14px;
  font-family: "Roboto", serif;
}

/* small screen  */
@media screen and (max-width: 480px) {
  .card{
    margin: 0px 30px;
    height: auto;
    padding: 20px 5px;
  }
  .card h4 {
    font-size: 14px;
  }
  .card-description {
    font-size: 12px;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

/* body {
    font-size: 0;
    color: #999;
    background: #fafafa;
    font-weight: 300;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  } */
.stationary {
  line-height: 36px;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* margin: 0 10px 0 0; */
  margin: 0;
  padding: 0;

  font-size: 25px;
  color: #2954a5;
  display: block;
}
.scrolling .bold_text {
  font-weight: bold;
  margin-right: 10px;
  /* display: block; */
}
.scroll-window {
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  overflow-y: hidden;
  margin: 10px auto;
}
.scroll-container {
  animation: scroll infinite ease-in-out;
  animation-duration: 20s;
} 
.scrolling {
  line-height: 36px;
  margin-bottom: 5px;
  font-size: 18px;
}
@-moz-keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}
@-o-keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}

/* media queries  */
/* 950px, 750px , 550px */
@media screen and (max-width: 550px) {
  /* .scroll-window {
    height: 50px;
  }
  .scrolling {
    line-height: 26px;
  } */
  .scroll-container{
    display: none;
  }
}

/* @media screen and (min-width: 481px) and (max-width: 991px) {
} */

.section-6-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  /* color: #ffffff; */
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}

.challenge-faced {
  margin: 50px 80px;
}

.challenge-faced h2 {
  font-family: "Poppins", serif;
  font-size: 35px;
  color: #31302d;
  text-align: center;
  font-weight: 500;
  text-align: center;
}

.challenge-faced h3 {
  font-family: "Poppins", serif;
  font-size: 25px;
  color: #31302d;
  text-align: center;
  font-weight: 500;
  text-align: center;
}

.challenge-faced ul {
  padding-left: 0px;
}

.challenges_solution_div {
  display: flex;
  justify-content: space-around;
  gap: 50px;
  /* // flexWrap: { sm: "wrap", md: "nowrap", lg: "nowrap", xl: "nowrap" }, */
}

@media screen and (max-width: 480px) {
  .section-6-heading {
    font-size: 25px;
  }

  .challenge-faced {
    margin-left: 30px;
    margin-right: 30px;
  }
  .challenge-faced h2 {
    font-family: "Poppins", serif;
    font-size: 25px;
  }
  .challenge-faced h3 {
    font-family: "Poppins", serif;
    font-size: 18px;
  }

  /* .challenges_solution_div{ */
  .challenges_solution_div {
    flex-wrap: wrap;
    gap: 20px;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

.section-7-heading {
  margin-top: 50px;
  text-align: center;
  background-color: #ffde59;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  color: #ffffff;
  font-weight: 500;
}

.section-7 {
  background-color: #2954a5;
}
.section-7-content {
  margin: 0px 80px;
  color: #ffffff;

  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 30px;
  /* flex-wrap: wrap; */
}

.section-7-content h3 {
  font-size: 25px;
  font-family: "Poppins", serif;
  /* color: #31302d; */
  font-weight: 500;
}
.section-7-content h3 + p {
  font-size: 18px;
  font-family: "Poppins", serif;
  /* color: #31302d; */
  font-weight: 500;
}

.section-7-content ul {
  padding: 0px;
}

.section-7-content li {
  margin: 10px auto;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  color: #ffffff !important;
  gap: 10px;
  font-family: "Roboto", serif;
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  .section-7-content {
    flex-wrap: wrap;
    margin: auto 30px;
  }
  .section-7-heading {
    margin-top: 50px 30px;
    font-size: 25px;
  }
  .section-7-content h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

.section-8-inner {
  margin: 50px 80px;
}
.section-8 h2 {
  font-size: 35px;
  font-family: "Poppins", serif;
  font-weight: 500;
}
.features-list {
  /* position: absolute; */
  top: 30px;
  left: 10px;
}
.features-list div {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.integrates {
  position: absolute;
  right: -60px;
  top: 50px;
}

@media screen and (max-width: 480px) {
  .section-8-inner {
    margin: 50px 30px;
  }
  .features-list {
    left: 10px;
  }
  .features-list div {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
  }
  .integrates {
    position: absolute;
    right: -10px;
    top: 100px;
  }
}

@media screen and (min-width: 700px) and (max-width: 1600px) {
  .features-list {
    left: 20%;
  }
}


.section-9-inner {
  margin: 50px 80px;
  /* flexWrap: { sm: "wrap", md: "nowrap", lg: "nowrap",xl:"nowrap" }, */
}

.section-9-inner label {
  width: 100px;
  text-align: start;
}

/* section-9-inner h2  */
.section-9-inner h2 {
  font-size: 25px;
  color: #31302d;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 1.3;
}

/* .section-9-inner h4{ */
.section-9-inner h4 {
  font-size: 18px;
  color: #31302d;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin: 10px auto;
}

.section-9-inner p {
  font-size: 14px;
  color: #31302d;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.agree {
  color: #2954a5;
}

.submit {
  color: #ffffff;
  background-color: #2954a5;
  font-size: 14px;
  font-family: "Roboto", serif;
  width: 120px;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .section-9-inner {
    margin: 50px 30px;
    flex-wrap: wrap;
  }
  .section-9-inner h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 700px) and (max-width: 1600px) {
}

.affiliateHeroSection {
  margin: 120px 80px;
}

.affiliateHeroSection h1 {
  font-size: 50px;
  font-family: "poppins";
  font-size: 50px;
  color: #31302d;
  margin-bottom: 0px;
}

.affiliateHeroSection u {
  text-underline-offset: 12px;
  color: #ffde59;
}

.affiliateHeroSection .text_underline_box {
  color: #2954a5;
}

.affiliateHeroSection-desc {
  margin: 30px auto;
  line-height: 1.6;
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", sans-serif;
}

/* media queries  */
/* 950px, 750px , 550px */
@media screen and (max-width: 550px) {
  .affiliateHeroSection {
    margin: 120px 30px 50px;
  }

  .affiliateHeroSection h1 {
    font-size: 35px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.affiliateButton {
  color: #ffffff;
  background-color: #2954a5;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 20px;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .affiliateButton {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
  .affiliateUnderline {
    width: 200px;
  }
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.affiliateUnderline {
  content: "";
  background: #ffde59;
  width: 270px;
  height: 3px;
  margin-left: 190px;
}

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

@media screen and (min-width: 551px) and (max-width: 750px) {
  .affiliateUnderline {
    display: none;
  }
}

@media screen and (min-width: 751px) and (max-width: 950px) {
  .affiliateUnderline {
    /* display: none; */
    width: 150px;
    margin-left: 0px;
  }
}

.whatIsPallet {
  margin: 50px 80px;
  text-align: center;
}

.whatIsPallet h2 {
  color: #2954a5;
  font-size: 35px;
  margin-bottom: 20px;
}

.whatIsPallet_desc {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.whatIsPallet u {
  text-underline-offset: 12px;
  color: #ffde59;
}

.whatIsPallet .text_underline_box {
  color: #2954a5;
}

@media screen and (max-width: 550px) {
  .whatIsPallet {
    margin: 50px 30px;
    text-align: center;
  }
  .whatIsPallet h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.howItWorks {
  margin: 50px 80px;

  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.howItWorks h4 {
  font-size: 18px;
  color: #525252;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.howItWorks .NumberBox {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2954a5;
  color: #ffffff;
  width: 50px;
  height: 50px;
  clip-path: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
  font-size: 18px;
}

.how_it_works_content {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 50px auto;
  column-gap: 50px;
}

.how_it_works_content .steps {
  font-weight: bold;
}

.how-it-works-highlight {
  color: #2954a5;
}

.NumberBox-sideline {
  position: absolute;
  margin-top: 22px;
  margin-left: 170px;
}

@media screen and (max-width: 550px) {
  .howItWorks {
    margin: 50px 30px;
  }
  .how_it_works_content {
    flex-wrap: wrap;
    row-gap: 30px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
  .NumberBox-sideline {
    margin-left: 100px;
  }
}

@media screen and (min-width: 751px) and (max-width: 950px) {
  .NumberBox-sideline {
    margin-left: 230px;
  }
}

.unlockLimitlessEarning {
  margin: 50px 0px;
  display: flex;
  text-align: center;
}

.unlockLimitlessEarning-left-box {
  background-color: #ffde59;
  padding: 30px 0px 30px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.unlockLimitlessEarning-left-box-inner {
  margin: 30px 30px 30px 80px;
}

.unlockLimitlessEarning-left-box-inner h2 {
  font-size: 35px;
  font-weight: 500;
  font-family: "Poppins", serif;
  padding-right: 100px;
}

.unlockLimitlessEarning-left-box-inner p {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
  padding: 0px 100px 0px 0px;
}

/* right box image one  */
.unlockLimitlessEarning-right-box-inner {
  margin-left: -100px;
  background: #ffffff;
  clip-path: polygon(9% 19%, 96% 28%, 95% 79%, 9% 68%);
}

.unlockLimitlessEarning-left-box-button {
  padding-right: 100px;
}

@media screen and (max-width: 550px) {
  .unlockLimitlessEarning {
    margin: 50px 0px;
    flex-wrap: wrap;
  }

  .unlockLimitlessEarning-left-box {
    padding: 50px 30px;
    /* padding: 30px 0px 30px 80px; */
  }

  .unlockLimitlessEarning-left-box-inner {
    margin: 0px;
  }

  .unlockLimitlessEarning-left-box-inner p {
    padding: 0px;
  }

  .unlockLimitlessEarning-left-box-inner h2 {
    font-size: 25px;
    padding-right: 0px;
  }

  /* right box image one  */
  .unlockLimitlessEarning-right-box-inner {
    margin: auto;
    background: #ffffff;
    /* clip-path: polygon(9% 19%, 96% 28%, 95% 79%, 9% 68%); */
    clip-path: none;
  }

  .unlockLimitlessEarning-left-box-button {
    padding: 0px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.whyBecomeAffiliate {
  margin: 50px 80px;
}

#whyToBecomeAffiliate {
  scroll-margin-top: 100px;
}

.whyBecomeAffiliate-inner {
  display: flex;
  justify-content: space-evenly;
  padding-top: 50px;
}

.whyBecomeAffiliate h4 {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
}

.whyBecomeAffiliate-inner p {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.whyBecomeAffiliate-inner h3 {
  font-size: 25px;
  color: #2954a5;
}

.whyBecomeAffiliate-inner-left {
  width: 40%;
}

.whyBecomeAffiliate-inner-right {
  width: 50%;
}

@media screen and (max-width: 550px) {
  .whyBecomeAffiliate {
    margin: 50px 30px;
  }
  .whyBecomeAffiliate-inner {
    flex-wrap: wrap;
  }
  .whyBecomeAffiliate-inner-left {
    width: 100%;
  }

  .whyBecomeAffiliate-inner-right {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.whoCanJoin {
  margin: 50px 80px;
  text-align: center;
}

.whoCanJoin h2 {
  color: #2954a5;
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.whoCanJoin p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}

.whoCanJoin u {
  text-underline-offset: 12px;
  color: #ffde59;
}

.whoCanJoin .text_underline_box {
  color: #2954a5;
}

@media screen and (max-width: 550px) {
  .whoCanJoin {
    margin: 50px 30px;
  }

  .whoCanJoin h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.startEarningExtra {
  text-align: center;
  background: #ffde59;
  padding: 50px 0px;
}

.startEarningExtra h2 {
  font-size: 35px;
  font-family: "Poppins", serif;
  font-weight: 500;
}

@media screen and (max-width: 550px) {
  .startEarningExtra h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.affiliate {
  line-height: 1.6;
}

/* .partnersProgram {

} */

.partnersProgramHeroSection {
  margin: 5rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .partnersProgramHeroSection {
    margin: 5rem 3rem;
  }
}

@media (max-width: 600px) {
  .partnersProgramHeroSection {
    margin: 3rem 1rem;
  }
}

/* .partnersProgramHeroSection h1 {
  font-size: 50px;
  font-family: "poppins";
  font-size: 50px;
  color: #31302d;
  margin-bottom: 0px;
}

.partnersProgramHeroSection h1:first-child {
  color: #2954a5;
} */

.partnersProgramHeroSection-desc {
  margin: 30px auto;
  line-height: 1.6;
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", sans-serif;
}

.partner_heading-h1-new {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #333 !important;
  text-align: center !important;
  max-width: 70%;
  text-transform: capitalize;
}

.partner_heading-p-new {
  font-size: 1rem !important;
  margin: 0.25rem 0 !important;
  color: #6B6B6B !important;
  text-align: center;
  max-width: 70%;
}

@media (max-width: 820px) {
  .partner_heading-h1-new {
    max-width: 90%;
  }
  
  .partner_heading-p-new {
    max-width: 90%;
  }
}

/* media queries  */
/* 950px, 750px , 550px */
/* @media screen and (max-width: 550px) {
  .partnersProgramHeroSection {
    margin: 120px 30px 50px;
  }

  .partnersProgramHeroSection h1 {
    font-size: 35px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
} */

.partnersProgramButton {
  /* color: #ffffff; */
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 20px;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .partnersProgramButton {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.ways_to_partnership {
  margin: 50px 80px;
}

.partner-sec2-h2-new {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

.ways_to_partnership h4 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", serif;
  color: #525252;
}

.ways_to_partnership_card_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media (max-width: 850px) {
  .ways_to_partnership_card_box {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 550px) {
  .ways_to_partnership {
    margin: 50px 30px;
  }
  /* .ways_to_partnership_card_box {
    flex-wrap: wrap;
  } */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}


.partnership_card {
  border-radius: 1rem;
  padding: 1rem;
  background: #fff;
  /* width: 40%; */
  width: 400px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  box-sizing: border-box;
  justify-content: space-between;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

@media (max-width: 850px) {
  .partnership_card {
    width: 350px;
    height: auto;
  }
}

.partnership_card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.partnership-card-outer-par-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
  flex: 1;
}

.partnership-card-h-new {
  font-size: 1.5rem;
  font-weight: 500;
  color: #007aff;
  margin: 0;
  text-align: center;
}

.partnership-card-p-new {
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  margin: 0;
}

.partnership-card-img-par-new {
  height: 150px;
  width: 70%;
  overflow: hidden;
  border-radius: 0.5rem;
}

.partnership-card-img-par-new img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.partner-card-btn-new1 {
  background-color: #007aff;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #007aff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
}

/* .partnership_card h4{
  color: #ffffff;
} */

/* .partnership_card p {
  font-family: "Roboto", serif;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
} */

/* .partnership_card p:last-child {
  color: #2954a5;
} */

@media screen and (max-width: 550px) {
  /* .partnership_card {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    padding: 20px;
  } */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.benefits_main {
  margin: 50px 80px;
}

.benefits_main h2 {
  font-size: 35px;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.benefits_main h4 {
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.section-sec3-par-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.partner-contact-btn-new1 {
  background-color: #007aff;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #007aff;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .benefits_main {
    margin: 50px 30px;
  }
  .benefits_main h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

/* for number font  */
/* @import url("https://fonts.googleapis.com/css2?family=Train+One&display=swap"); */

/* @import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); */

.benefitsCard {
  display: flex;
  width: 400px;
  background-color: #ffffff;
  border: 2px solid #2954a5;
  padding: 30px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.benefitsCard h3 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
  color: #31302d;
}

.benefitsCard p {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.number {
  font-family: "Ubuntu", sans-serif;
  /* font-family: "Train One", cursive; */
  font-size: 100px;
  color: #2954a5;
  position: absolute;
  left: -49px;
  top: -50px;
  z-index: -1000;
}

.card-sec3-par-new2 {
  width: 600px;
  max-width: 70%;
  border: 1px solid #007aff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card-sec3-par-new2:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

@media (max-width: 650px) {
  .card-sec3-par-new2 {
    width: 85%;
    max-width: 100%;
  }
}

.card-sec3-h-new {
  font-size: 1.5rem;
  color: #333;
  font-weight: 500;
  margin: 0;
}

.card-sec3-sub-h-new {
  font-size: 1rem;
  color: #333;
  font-weight: normal;
  margin: 0;
}

@media screen and (max-width: 550px) {
  .benefitsCard {
    width: 80%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.solutionSectors {
  margin: 120px 0px 0px 80px;
}

.solutionSectors_inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.solutionSectors_inner_left_box {
  width: 40%;
}

.solutionSectors_inner_right_box {
  width: 50%;
}

.solutionSectors_inner_left_box h1 {
  font-size: 50px;
  font-family: "Montserrat", serif;
  color: #2954a5;
  font-weight: 500;
}

.solutionSectors_inner_left_box h4 {
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
  line-height: 1.6;
  font-weight: 500;
}

.solutionSectors_inner_right_box {
  padding: 5px 5px 5px 10px;
  border: 5px solid #2954a5;
  border-right: none;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

/* media queries  */
/* 950px, 750px , 550px */
@media screen and (max-width: 550px) {
  .solutionSectors {
    margin: 120px 30px;
  }

  .solutionSectors_inner {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .solutionSectors_inner_left_box h1 {
    font-size: 35px;
  }
  .solutionSectors_inner_left_box h4 {
    font-size: 14px;
  }

  .solutionSectors_inner_left_box {
    width: 100%;
  }

  .solutionSectors_inner_right_box {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.featuresDeliverExperiences_header {
  margin-top: 50px;
  background-color: #2954a5;
  color: #ffffff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Poppins", serif;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.featuresDeliverExperiences_inner {
  margin: 50px 80px;
}

/* media queries  */
@media screen and (max-width: 550px) {
  .featuresDeliverExperiences_inner {
    margin: 50px 30px;
  }

  .featuresDeliverExperiences_header {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.carouselBox {
  display: flex;
  justify-content: space-evenly;
  /* align-items: center; */
  /* border: 1px solid; */
}

/* .carouselBox-inner-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid;
  gap: 50px;
} */
.carouselBox-inner-left {
  /* border: 1px solid; */
  width: 40%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  justify-content: center;
  /* align-items: center; */
}

.carouselBox-inner-left-single-img {
  width: 40%;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  align-items: center;
}
.carouselBox-inner-left-single-img img {
  width: 350px;
}

.carouselBox-inner-left-box1 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-start;
  /* border: 1px solid; */
  padding-left: 50px;
}

.carouselBox-inner-left-box2 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-end;
  /* border: 1px solid; */
  padding-right: 50px;
}

.carouselBox-inner-right {
  width: 50%;
}

/* list items inside slideshow */

.carouselBox li {
  display: flex;
  column-gap: 40px;
  margin-bottom: 40px;
}

.carouselBox li:nth-child(2) {
  margin-left: 40px;
}

.carouselBox li:nth-child(3) {
  margin-left: 80px;
}

.carouselBox li:nth-child(4) {
  margin-left: 120px;
}

/* end of list items inside slideshow  */

.carouselBox-inner-right h4 {
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.carouselBox-inner-right p {
  font-size: 14px;
  color: #31302d;
  font-family: "Roboto", serif;
}

/* text animation inside slideshow*/

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.carouselBox-inner-right li {
  /* display: inline-block; */
  opacity: 0;
  filter: blur(4px);
}

.carouselBox-inner-right li:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox-inner-right li:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox-inner-right li:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox-inner-right li:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

/* end of text animation inside slideshow*/

/* media queries  */
@media screen and (max-width: 550px) {
  .carouselBox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    /* align-items: center; */
    /* border: 1px solid; */
  }
  .carouselBox-inner-left {
    /* border: 1px solid; */
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
  }
  .carouselBox-inner-right {
    width: 100%;
  }

  /* list items inside slideshow */
  .carouselBox li:nth-child(2) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(3) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(4) {
    margin-left: auto;
  }
  /* end of list items inside slideshow */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.solutions-grocery-supermarket-slider {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solutions-grocery-supermarket-slider h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  background-color: #2954a5;
  height: 60px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .solutions-grocery-supermarket-slider img {
    height: 650px;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 160px;
    margin-right: 160px;
    margin: auto;
  } */

@media (max-width: 850px) {
  .solutions-grocery-supermarket-slider {
    width: 100%;
  }
  .solutions-grocery-supermarket-slider h2 {
    height: 100px;
  }
}

@media (max-width: 550px) {
  .solutions-grocery-supermarket-slider h2 {
    font-size: 18px;
  }
  /* .solutions-grocery-supermarket-slider img {
          width: 100%;
          height: 300px;
          margin-left: 0px;
          margin-right: 0px;
        } */
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/dist/3d3eb30384470a0a5f6d.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/dist/a4e97f5a2a64f0ab1323.eot);
    src: url(/dist/a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/dist/295183786cd8a1389865.woff) format('woff'), url(/dist/c94f7671dcc99dce43e2.ttf) format('truetype'), url(/dist/291c348c601174db561e.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.comprehensiveSolutions_header {
  margin-top: 50px;
  color: #2954a5;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Poppins", serif;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.comprehensiveSolutions_inner {
  /* margin: 50px 80px; */
}

/* all images inside comprehensiveSolutions_inner */
.comprehensiveSolutions_inner img {
  width: 300px;
}

.comprehensiveSolutions_inner h3 {
  font-size: 25px;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 20px;
  /* color: #2954a5; */
}

.comprehensiveSolutions_inner h4 {
  font-size: 18px;
  font-family: "Poppins", serif;
  /* color: #ffffff; */
  font-weight: 500;
  line-height: 1.6;
}

/* .comprehensiveSolutions_inner_box */
.comprehensiveSolutions_inner_box {
  display: flex;
  justify-content: space-between;
  /* border: 1px solid black; */
}

/* left  */
.comprehensiveSolutions_inner_box_left {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: left;
  align-items: center;
  padding: 50px 0px;
}

.comprehensiveSolutions_inner_box_without_outline {
  width: 40%;
}

/* left outline  */
.comprehensiveSolutions_inner_box_left_outline {
  width: 60%;
  border: 2px solid white;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  padding: 60px 30px 60px 80px;
  border-left: none;
  position: relative;
}

/* right  */
.comprehensiveSolutions_inner_box_right {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: right;
  align-items: center;
  /* border: 1px solid black; */
  padding: 50px 0px;
}

/* right outline  */
.comprehensiveSolutions_inner_box_right_outline {
  width: 60%;
  border: 2px solid white;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 30px;
  padding: 60px 80px 60px 30px;
  border-right: none;
  position: relative;
}

@media screen and (max-width: 550px) {
  .comprehensiveSolutions_header {
    font-size: 25px;
    text-align: center;
    padding: 0px 30px !important;
  }

  .comprehensiveSolutions_inner_box {
    flex-wrap: wrap;
  }

  .comprehensiveSolutions_inner_box:nth-child(odd) {
    /* flex-wrap: wrap; */
    flex-direction: column-reverse;
  }

  /* left  */
  .comprehensiveSolutions_inner_box_left {
    width: 100%;
  }

  /* left outline  */
  .comprehensiveSolutions_inner_box_left_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* right  */
  .comprehensiveSolutions_inner_box_right {
    width: 100%;
  }

  /* right outline  */
  .comprehensiveSolutions_inner_box_right_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* without outline  */
  .comprehensiveSolutions_inner_box_without_outline {
    width: 100%;
    padding: 30px 0px;
  }

  /* all images inside comprehensiveSolutions_inner */
  .comprehensiveSolutions_inner img {
    width: 100%;
  }

  /* .comprehensiveSolutions_inner h3 {
    font-size: 25px;
    font-family: "Poppins", serif;
    font-weight: 500;
    margin-bottom: 20px;
  } */

  .comprehensiveSolutions_inner h4 {
    font-size: 14px;
    font-family: "Poppins", serif;
    /* color: #ffffff; */
    font-weight: 500;
    line-height: 1.6;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.comprehensive_solutions_form_section {
  margin: 50px 80px;
}

.comprehensive_solutions_form_section_inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}

.comprehensive_solutions_form_section_inner_right {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.comprehensive_solutions_form_section_inner_right p {
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
  font-weight: 500;
}

.comprehensive_solutions_form_section_inner_right img {
  width: 200px;
}

@media screen and (max-width: 550px) {
  .comprehensive_solutions_form_section {
    margin: 50px 30px;
  }

  .comprehensive_solutions_form_section_inner {
    flex-wrap: wrap;
  }

  .comprehensive_solutions_form_section_inner_right {
    width: 100%;
    padding: 0px;
  }
  .comprehensive_solutions_form_section_inner_right img {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.comprehensive_solution_form {
}

.comprehensive_solution_form h2 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.comprehensive_solution_form h4 {
  font-family: "Poppins", serif;
  color: #525252;
  font-size: 18px;
  font-weight: 500;
}

.comprehensive_solution_form_label_input_box {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;

  /* display: "flex",
  justifyContent: "start",
  flexWrap: "wrap",
  alignItems: "center",
  marginBottom: "10px", */
}

.comprehensive_solution_form label {
  /* width: 100%; */
  text-align: left;
}

.comprehensive_solution_form_box label {
  width: 100px;
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.comprehensive_solution_form_box input {
  width: 100%;
}

@media screen and (max-width: 550px) {
  .comprehensive_solution_form label {
    width: 100%;
    text-align: left;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.handheld-pos-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.handheld-pos-block1-main-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.handheld-pos-block1-main-header {
  width: 50%;
}
.handheld-pos-block1-main-header h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.handheld-pos-block1-main-header h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.handheld-pos-block1-image img {
  width: 100%;
  height: 500px;
}
.handheld-pos-block1-footer {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.handheld-pos-block1-footer p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.handheld-pos-block1-button-div {
  display: flex;
  text-align: center;
  gap: 30px
}
.handheld-pos-block1-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.handheld-pos-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.handheld-pos-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.handheld-pos-block1-button-div .contact-sales-btn:hover,
.handheld-pos-block1-button-div .get-started-btn:hover {
  width: 180px;
}

/* block 2 */
.self-ordering-kiosk-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block5 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.self-ordering-kiosk-block5-main-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.self-ordering-kiosk-block5-single-card {
  height: 200px;
  width: 250px;
  background-color: #2954a5;
  perspective: 1000px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.self-ordering-kiosk-block5-single-card:hover
  .self-ordering-kiosk-block5-flip-card-inner {
  transform: rotateY(180deg);
}
.self-ordering-kiosk-block5-flip-card-front h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.self-ordering-kiosk-block5-flip-card-front,
.self-ordering-kiosk-block5-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-back {
  background-color: #ffffff;
  border: 1px solid #2954a5;
  color: #2954a5;
  transform: rotateY(180deg);
  padding: 20px;
}
.self-ordering-kiosk-block5-flip-card-back h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* block 3 */
.handheld-pos-block3 {
  margin-top: 50px;
  height: 200px;
  background-color: #EBF8FA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.handheld-pos-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.handheld-pos-block3 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

/* block 4 */
.handheld-pos-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.handheld-pos-block4 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.handheld-pos-block4-single {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 50px;
  margin-bottom: 20px;
}
.handheld-pos-block4-single-image img {
  height: 250px;
  width: 120%;
}
.handheld-pos-block4-single-content {
  width: 50%;
}
.handheld-pos-block4-single-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.handheld-pos-block4-single-content-point {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.handheld-pos-block4-single-content-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
b {
  font-weight: 600;
}

/* block 5 */

/* blcok 6 */
.handheld-pos-block6 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  border: 1px solid #2954a5;
  border-radius: 30px;
  /* height: 290px; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.handheld-pos-block6-image img {
  height: 320px;
  width: 120%;
}
.handheld-pos-block6-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.handheld-pos-block6-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.handheld-pos-block6-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* block 7 */
.handheld-pos-block7 {
  margin-top: 50px;
  height: 180px;
  background-color: #EBF8FA;
  padding: 20px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.handheld-pos-block7-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.handheld-pos-block7-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.handheld-pos-block7-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-left: 20px;
}
.handheld-pos-block7-main-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.handheld-pos-block7-main-content button:hover {
  width: 180px;
}

/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
}

/* media query at 750px */
@media (max-width: 750px) {
  /* block 1 */
  .handheld-pos-block1-main-content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .handheld-pos-block1-main-header {
    width: 100%;
  }

  /* block 2 */
  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(2, 1fr);
  }

  /* block 4 */
  .handheld-pos-block4-single {
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }
  .handheld-pos-block4-single-content {
    width: 100%;
  }
  /* block 6 */
  .handheld-pos-block6 {
    /* height: 620px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .handheld-pos-block6-image img {
    margin-left: 0;
    height: 290px;
    width: 100%;
  }
 
}

/* media query at 550px */
@media (max-width: 550px) {
  /* block 1 */
  .handheld-pos-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .handheld-pos-block1-main-header h1 {
    font-size: 35px;
  }
  .handheld-pos-block1-main-header h4 {
    font-size: 14px;
  }
  .handheld-pos-block1-footer p {
    font-size: 12px;
  }

  .handheld-pos-block1-button-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  /* block 2 */
  .self-ordering-kiosk-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block5 h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block5 h4 {
    font-size: 14px;
  }

  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .self-ordering-kiosk-block5-single-card {
    width: 200px;
  }
  .self-ordering-kiosk-block5-flip-card-front h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block5-flip-card-back h4 {
    font-size: 14px;
  }

  /* block 3 */
  .handheld-pos-block3 h2 {
    font-size: 25px;
  }
  .handheld-pos-block3 h4 {
    font-size: 14px;
  }
  /* block 4 */
  .handheld-pos-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .handheld-pos-block4 h2 {
    font-size: 25px;
  }
  .handheld-pos-block4-single-image img {
    width: 100%;
  }
  .handheld-pos-block4-single-content h4 {
    font-size: 14px;
  }
  .handheld-pos-block4-single-content-point p {
    font-size: 12px;
  }

  /* block 6 */
  .handheld-pos-block6 {
    /* height: 700px; */
    margin-left: 30px;
    margin-right: 30px;
  }
  .handheld-pos-block6 h2 {
    font-size: 25px;
  }
  .handheld-pos-block6 h4 {
    font-size: 14px;
  }
  .handheld-pos-download {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
   /* block 7 */
   .handheld-pos-block7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 250px;
    gap: 20px
  }

   .handheld-pos-block7 h4 {
    font-size: 14px;
  }
  .handheld-pos-block7 p {
    font-size: 12px;
  }
}

.marketplace-pattern1 {
  margin-top: 100px;
  margin-left: 30px;
  margin-bottom: -100px;
}

.marketplace-block1 {
  margin-top: 120px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.marketplace-block1-main-content {
  width: 50%;
}
.marketplace-block1-main-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  margin-bottom: 20px;
}
.marketplace-block1-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
.marketplace-block1-points {
  margin-top: 40px;
}
.marketplace-block1-single-point {
  background-color: #ffde59;
  height: 20px;
  border-radius: 20px;
  padding: 10px 20px;
  width: fit-content;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #31302d;
}
.marketplace-block1-main-content button {
  background-color: #2954a5;
  margin-top: 20px;
  padding: 15px 25px;
  border-radius: 20px;
  width: fit-content;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
}
.marketplace-block1-image img {
  height: 600px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.marketplace-pattern2 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -180px;
}
.marketplace-pattern3 {
  margin-left: 30px;
  margin-top: 50px;
  margin-bottom: -100px;
}

/* block 2 */
.marketplace-block2 {
  margin-top: 50px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-block2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.marketplace-block2-main-categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.marketplace-block2-category1,
.marketplace-block2-category2,
.marketplace-block2-category3,
.marketplace-block2-category4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.marketplace-block2-category2 {
  margin-top: 50px;
}
.marketplace-block2-category3 {
  margin-top: 100px;
}
.marketplace-block2-category4 {
  margin-top: 150px;
}
.marketplace-block2-single-category {
  width: 150px;
  height: 150px;
  background-color: #ffde59;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #525252;
}
.marketplace-block2-single-category h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.marketplace-block2-single-category img {
  width: 150px;
  height: 120px;
  margin-bottom: -80px;
}

/* block 3 */
.marketplace-block3 {
  margin-top: 150px;
  width: 100%;
  height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* block 4 */
.marketplace-block4 {
  margin-top: 50px;
}
.marketplace-block4-header {
  background-color: #EBF8FA;
  height: 80px;
  padding: 20px;
  color: #31302d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketplace-block4-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.marketplace-block4-main-content {
  margin-top: 50px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.marketplace-block4-main-content1,
.marketplace-block4-main-content2,
.marketplace-block4-main-content3 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 20px;
}
.marketplace-block4-main-content2 {
  margin-left: 420px;
}
.marketplace-block4-main-content3 {
  margin-left: 620px;
}
.piggy-image {
  display: flex;
  justify-content: flex-end;
}
.piggy-image img {
  width: 250px;
  height: 250px;
  margin-top: -150px;
  margin-right: 230px;
}
.marketplace-block4-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border: 1px solid #2954a5;
  border-radius: 30px;
  padding: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.block4-img img {
  height: 350px;
  margin-top: -550px;
  margin-left: 80px;
}

/* block 5 */
.marketplace-block5 {
  margin-top: 100px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.marketplace-block5 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.marketplace-block5-main-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.marketplace-block5-image img {
  height: 400px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.number {
  font-family: 'Train One', cursive;
  margin-left: -40px;
  margin-bottom: -100px;
  font-size: 70px;
  color: #525252;
}
.marketplace-block5-single-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  color: #2954a5;
  border: 1px solid #ffde59;
  padding: 20px;
}
.marketplace-block5-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.marketplace-block5-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525252;
}


.marketplace-block55 {
  margin-top: 50px;
  display: flex;
  padding: 20px;
  justify-content: space-around;
  align-items: center;
  background-color: #EBF8FA;
  color: #31302d;
  height: 300px;
}
.marketplace-block55-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-block55-content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  font-weight: 500;
  text-align: center;
  color: #525252;
}
.marketplace-block55-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.marketplace-block55-content button:hover {
  width: 180px;
}
.marketplace-block55-image img {
  height: 350px;
}

/* block 6 */
.marketplace-block6 {
  margin-top: 100px;
  margin-bottom: 50px;
}
.marketplace-block6-customer {
  display: flex;
  align-items: center;
}
.marketplace-block6-seller {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.marketplace-block6-customer-image {
  background-color: #2954a5;
  padding: 40px;
  width: 40%;
  border-top-right-radius: 45%;
  border-bottom-right-radius: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.marketplace-block6-customer-image h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.marketplace-block6-customer-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.marketplace-block6-seller-content h2,
.marketplace-block6-seller-image h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.marketplace-block6-customer-image img,
.marketplace-block6-seller-image img {
  height: 300px;
}
.marketplace-block6-customer-content {
  margin-left: 100px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-block6-customer-content button {
  background-color: #ffde59;
  padding: 15px 25px;
  border-radius: 20px;
  width: fit-content;
  color: #31302d;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
  font-weight: 600;
}
.marketplace-block6-seller-content button {
  background-color: #ffde59;
  padding: 15px 25px;
  border-radius: 20px;
  width: fit-content;
  color: #31302d;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
  font-weight: 600;
  margin-top: 20px;
}
.marketplace-block6-customer-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.marketplace-block6-seller-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.marketplace-block6-seller-image {
  border: 1px solid #ffde59;
  padding: 40px;
  width: 40%;
  border-top-left-radius: 45%;
  border-bottom-left-radius: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

/* media queries */
/* media query at 950px */
@media (max-width: 1300px) {
  .block4-img img {
    margin-top: 0;
  }
}
@media (max-width: 950px) {
  .marketplace-block6-customer,
  .marketplace-block6-seller {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-left: 30px;
    margin-right: 30px;
  }
  .marketplace-block6-customer-image {
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0;
  }
  .marketplace-block6-seller-image {
    padding: 10px;
    margin: 0;
  }
  .marketplace-block6-seller-image img {
    width: 300px;
  }
  .marketplace-block6-customer-image img {
    width: 300px
  }
  .marketplace-block6-customer-image h2 {
    color: #31302d;
  }
  .marketplace-block6-seller {
    margin-top: 20px;
  }
  .marketplace-block6-customer-content button {
    margin-top: 0px;
    margin-left: 0px;
  }
  .marketplace-block6-customer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .marketplace-block6-seller-content {
    margin: 0;
  }
  
}

/* media query at 750px */
@media (max-width: 750px) {
  .marketplace-block1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .marketplace-block1-main-content {
    width: 100%;
  }
  /* block 2 */
  .marketplace-block2-main-categories {
    grid-template-columns: repeat(2, 1fr);
  }
  .marketplace-block2-category3 {
    margin-top: 0;
  }
  .marketplace-block2-category4 {
    margin-top: -150px;
  }
  /* block 3 */
  .marketplace-block3 {
    height: 600px;
  }
  /* block 4 */
  .marketplace-block4-main-content1,
  .marketplace-block4-main-content2,
  .marketplace-block4-main-content3 {
    flex-direction: column;
  }
  .marketplace-block4-main-content2,
  .marketplace-block4-main-content3 {
    margin-left: 0;
  }
  .marketplace-block4-main-content3 {
    margin-bottom: 20px;
  }
  .block4-img img {
    width: 70%;
  }
  .marketplace-block4-header {
    height: 100px;
    padding: 10px;
  }

  .marketplace-block55-image img {
    width: 100%
  }
  /* block 6 */
  .marketplace-block6-seller-image {
    border: 1px solid #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    padding: 0px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  .marketplace-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .marketplace-block1-main-content h1 {
    font-size: 35px;
  }
  .marketplace-block1-main-content h4 {
    font-size: 14px;
  }
  .marketplace-block1-image img {
    width: 80%;
  }
  /* block 2 */
  .marketplace-block2-main-categories {
    grid-template-columns: repeat(1, 1fr);
  }
  .marketplace-block2-category4 {
    margin-top: 0px;
  }
  /* block 4 */
  .marketplace-block4-header h4 {
    font-size: 14px;
  }
  .marketplace-block4-main-content {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* block 5 */
  .marketplace-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .marketplace-block5 h2 {
    font-size: 25px;
  }
  .marketplace-block5-main-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .marketplace-block5-content h2 {
    font-size: 25px;
  }
  .marketplace-block5-content h4 {
    font-size: 14px;
  }
  .marketplace-block55 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 520px;
  }
  .marketplace-block55-content h4 {
    font-size: 14px;
  }

  /* block 6 */
  .marketplace-block6 h2 {
    font-size: 25px;
  }
}

.marketplace-slider {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-slider h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  background-color: #2954a5;
  height: 60px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marketplace-slider img {
  height: 650px;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 160px;
  margin-right: 160px;
  margin: auto;
}

@media(max-width: 850px) {
    .marketplace-slider {
        width: 100%;
    }
    .marketplace-slider h2 {
        height: 100px;
    }
}

@media(max-width: 550px) {
    .marketplace-slider h2 {
        font-size: 18px;
    }
    .marketplace-slider img {
        width: 100%;
        height: 300px;
        margin-left: 0px;
        margin-right: 0px;
      }
}
.careers-block1 {
  display: flex;
  align-items: center;
}
.careers-block1-image img {
  height: 700px;
}
.careers-block1-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.careers-block1-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.careers-block1-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.careers-block1-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.careers-block1-content button:hover {
  width: 180px;
}

/* block 2 */
.careers-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.careers-block2-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.careers-block2-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.careers-block2-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.careers-block2-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.careers-block2-content button:hover {
  width: 180px;
}
.careers-block2-image img {
  height: 300px;
}

/* block 3 */
.careers-block3 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.careers-block3-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.careers-button {
  width: 200px;
  background-color: #2954a5;
  color: #ffffff;
  padding: 20px 40px;
  height: 60px;
  font-size: 18px;
  font-family: "poppins";
  cursor: pointer;
  border: none;
  letter-spacing: 1;
}
.careers-button-active {
  border: 2px solid gainsboro;
  width: 200px;
  padding: 20px 40px;
  height: 60px;
  font-size: 18px;
  font-family: "poppins";
  cursor: pointer;
  color: #2954a5;
  background-color: #ffffff;
  letter-spacing: 1;
}
.careers-block-main-content {
  margin-top: 40px;
}


/* block 4 */
.careers-block4 {
  margin-top: 50px;
  color: #31302d;
}
.careers-block4-h2 {
  background-color: #EBF8FA;
  height: 70px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.careers-block4-h2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.careers-block4-header {
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.careers-block4-header-image {
    position: relative;
}
.careers-block4-header-image img {
  height: 300px;
  
}
.careers-block4-header-content {
  width: 40%;
}
.careers-block4-header-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}


/* block 5 */
.careers-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 50px;
}
.careers-block5-yellow-block {
  width: 200px;
  height: 1200px;
  background-color: #ffde59;
  margin-left: 500px;
}
.careers-block5-image {
  margin-top: -1000px;
  margin-left: 600px;
}
.careers-block5-image img {
  height: 400px;
  z-index: -1;
}
.careers-block5-header-block {
  width: 400px;
  height: 200px;
  background-color: #2954a5;
  margin-top: -500px;
  margin-left: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.careers-block5-header-block h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.careers-block5-main-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 250px;
  margin-left: 160px;
  margin-right: 160px;
}
.careers-block5-single {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  background-color: #ffffff;
  color: #31302d;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 20px;
}
.careers-block5-single h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* media queries */

/* media queries at 950px */
@media (max-width: 950px) {
}

/* media queries at 750px */
@media (max-width: 750px) {
    .careers-block1 {
        margin-top: 120px;
        margin-left: 80px;
        margin-right: 80px;
        justify-content: center;
    }
  .careers-block1-image img {
    display: none;
  }
  /* block 2 */
  .careers-block2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .careers-block2-content {
    width: 100%;
  }
  /* block 4 */
  .careers-block4-header {
    flex-direction: column;
    gap: 20px;
  }
  .careers-block4-header-content {
    width: 100%;
  }
  /* block 5 */
  .careers-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .careers-block5-yellow-block {
    margin-left: 100px;
  }
  .careers-block5-image {
    margin-left: 120px;
  }
  .careers-block5-image img {
    height: 300px;
  }
  .careers-block5-header-block {
    margin-left: 20px;
    width: 200px;
  }
  .careers-block5-main-content {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 30px;
    margin-right: 30px;
    gap: 10px;
  }
  .careers-block5-single {
    width: 150px;
    height: 150px;
    padding: 10px;
  }
}

/* media queries at 550px */
@media (max-width: 550px) {
  /* block 2 */
  .careers-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .careers-block2-content h2 {
    font-size: 25px;
  }
  .careers-block2-content h4 {
    font-size: 14px;
  }

  /* block 3 */
  .careers-block3 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .careers-block3-buttons {
    flex-direction: column;
  }

  /* block 4 */
  .careers-block4-h2 h2 {
    font-size: 25px;
  }
  .careers-block4-header-content h4 {
    font-size: 14px;
  }
  .careers-block4-header {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* block 5 */
  .careers-block5-header-block h2 {
    font-size: 25px;
  }
  .careers-block5-single h4 {
    font-size: 14px;
  }
  .careers-block5-header-block {
    margin-left: 100px;
  }
  .careers-block5-main-content {
    grid-template-columns: repeat(1, 1fr);
    margin-left: 30px;
    margin-right: 30px;
    gap: 10px;
    margin-top: 320px;
  }
  .careers-block5-image {
    margin-left: 30px;
  }
  .careers-block5-image img {
    height: 280px;
  }
  .careers-block5-header-block {
    background-color: #ffffff;
  }
  .careers-block5-header-block h2 {
    color: #31302d;
  }
}

.full-time-main-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.full-time-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 200px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position: relative;
}
.full-time-single h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.full-time-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.full-time-single button {
    width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-family: "poppins";
  cursor: pointer;
  border: 1px solid #ffde59;
  color: #31302d;
  border-radius: 30px;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.full-time-single button:hover {
    width: 180px
}
.full-time-single::before {
  position: absolute;
  width: 60px;
  height: 60px;
  content: "";
}
.full-time-single::before {
  left: 0;
  top: 0;
  border-left: 6px solid #ffde59;
  border-top: 6px solid #ffde59;
}

@media (max-width: 950px) {
    .full-time-main-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
      }
}

@media (max-width: 750px) {
    .full-time-main-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
      }
}
.internship-block h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}

.become-seller-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
 
}
.become-seller-block1-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.become-seller-block1-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}

.become-seller-block1-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.become-seller-block1-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.become-seller-block1-content button:hover {
  width: 180px;
}
.become-seller-block1-image img {
  height: 400px;
}

/* block 2 */
.become-seller-block2 {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.become-seller-block2-header {
  background-color: #EBF8FA;
  height: 70px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.become-seller-block2-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.become-seller-block2-main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-left: 160px;
  margin-right: 160px;
  gap: 10%;
}
.become-seller-block2-content-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.become-seller-block2-content-tag h1 {
    color: #31302d;
    font-size: 50px;
    font-family: "poppins";
    font-weight: 500;
    text-align: center;
}
.become-seller-block2-content-tag button {
  width: 280px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.become-seller-block2-content-tag button:hover {
  width: 310px;
}
/* .become-seller-block2-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 80px;
    margin-right: 80px;
    background-color: transparent;
}
.become-seller-block2-lower {
    display: flex;
    align-items: center;
    gap: 10px;
   

}


.become-seller-block2-lower img {
    width: 300px;
    height: 250px
}
.become-seller-block2-single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    padding: 20px;
    height: 250px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.become-seller-block2-single h4 {
    color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.become-seller-block2-single p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
} */

/* .become-seller-block2-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.become-seller-block2-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 250px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.flip-card-back {
  background-color: #ffffff;
  color: #31302d;
  transform: rotateY(180deg);
}
.flip-card-front img, .flip-card-back img {
  width: 300px;
  height: 250px;
}
.flip-card-back h4, .flip-card-front h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.flip-card-back p, .flip-card-front p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
} */
.become-seller-block2-content {
  background-color: transparent;
  width: 650px;
  height: 500px;
  perspective: 1000px;
}
.become-seller-block2-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.become-seller-block2-content:hover .become-seller-block2-inner {
  transform: rotateY(180deg);
}
.become-seller-block2-front , .become-seller-block2-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.become-seller-block2-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.become-seller-block2-column {
  width: 300px;
  height: 250px
}
.become-seller-block2-column img {
  width: 300px;
  height: 250px
}
.become-seller-block2-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  width: 260px;
  height: 210px;
  padding: 20px;
}
.become-seller-block2-data h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.become-seller-block2-data p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.become-seller-block2-back {
  transform: rotateY(180deg);
}


/* block 3 */
.become-seller-block3 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.become-seller-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.become-seller-block3 h4 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.become-seller-block3-main-steps {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 100px;
}
.become-seller-block3-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.become-seller-block3-step-icon {
  display: flex;
  align-items: center;
  gap: -10px
}
.become-seller-block3-step-icon h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 70px;
  text-align: center;
  color: #2954a5;
  margin-left: 10px;
}
.become-seller-block3-step-icon img {
  width: 100px;
  height: 100px
}
.become-seller-block3-step h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* block 4 */
.become-seller-block4-heading {
  margin-top: 50px;
  background-color: #EBF8FA;
  height: 70px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.become-seller-block4 {
 
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/seller6.jpg");
  height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: baseline;
  align-items: center;
}
.become-seller-block4-heading h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  text-align: center;
  
}
.become-seller-block4-main-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-left: 160px;
  margin-right: 160px;
  column-gap: 50px;
}
.become-seller-block4-single {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 200px;
}
.become-seller-block4-single img {
  height: 100px
}
.become-seller-block4-single h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
/* block 5 */
.become-seller-block5 {
  margin-top: 50px;
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/fotor_2023-5-24_13_6_11.jpg");
  background-repeat: no-repeat;
  /* background-size: cover; */
  height: 800px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.become-seller-block5-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 160px;
  margin-right: 160px;
  
}
.become-seller-block5-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
  background-color: #ffffff;
  padding: 10px 20px;
}
.become-seller-block5-header button {
  background-color: #2954a5;
  margin-top: 20px;
  padding: 15px 25px;
  border-radius: 20px;
  width: 150px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.become-seller-block5-header button:hover {
  width: 180px;
}
.become-seller-block5-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-right: 80px;

}
.become-seller-block5-single {
  height: 60px;
  padding: 10px;
  width: 300px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.become-seller-block5-single h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* block 6 */
.become-seller-block6 {
  margin-top: 50px;
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/fotor_2023-5-24_15_44_38.jpg");
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.become-seller-block6-header {
  background-color: #ffffff;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}
.become-seller-block6-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
}
.become-seller-block6-content {
  background-color: #2954a5;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  
}
.become-seller-block6-call {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.become-seller-block6-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.become-seller-block6-icon h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
}
.become-seller-block6-call p {
  font-size: 14px;
  font-family: "poppins";
  color: #ffffff;
}

/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
  .become-seller-block2-main-content {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
}

/* media query at 750px */
@media (max-width: 750px) {
  .become-seller-block1 {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
  .become-seller-block1-content {
    width: 100%;
  }

  /* block 2 */
  .flip-card {
    width: 200px;
    height: 200px;
  }
  .flip-card-front img, .flip-card-back img {
    width: 200px;
    height: 200px;
  }
  /* block 3 */
  .become-seller-block3-main-steps {
    gap: 50px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  .become-seller-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block1-content h1 {
    font-size: 35px;
  }
  .become-seller-block1-content h4 {
    font-size: 14px;
  }
  /* block 2 */
  .become-seller-block2-header h2 {
    font-size: 25px;
  }
  .become-seller-block2-main-content {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block2-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .become-seller-block2-content {
    width: 300px;
    height: 300px;
  }
  .become-seller-block2-column {
    width: 150px;
    height: 150px
  }
  .become-seller-block2-column img {
    width: 150px;
    height: 150px
  }
  .become-seller-block2-data {
    padding: 0;
    width: 150px;
    height: 150px
  }
  .become-seller-block2-data h4 {
    font-size: 14px;
  }
  .become-seller-block2-data p {
    font-size: 12px;
  }
  .become-seller-block2-content-tag h1 {
    font-size: 25px;
  }
  /* block 3 */
  .become-seller-block3-main-steps {
    flex-direction: column;
    justify-content: center;
    gap: 20px
  }

  /* block 4 */
  .become-seller-block4-heading h2 {
    font-size: 25px;
  }
  .become-seller-block4-main-content {
    margin-left: 30px;
    margin-right: 30px;
    grid-template-columns: repeat(1, 1fr);
    margin: auto;
  }
  .become-seller-block4 {
    height: 1200px;
  }
  .become-seller-block4-single {
    width: 150px
  }
  .become-seller-block4-single img {
    height: 80px;
  }
  .become-seller-block4-single h4 {
    font-size: 14px;
  }

  /* block 5 */
  
  .become-seller-block5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 900px;
  }
  .become-seller-block5-header {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block5-content {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block5-header h2 {
    font-size: 25px;
  }
  .become-seller-block5-single {
    width: 200px;
  }
  .become-seller-block5-single h4 {
    font-size: 14px;
  }
  /* block 6 */
  .become-seller-block6 {
    flex-direction: column;
  }
}

.solutionSectors {
    margin: 120px 0px 0px 80px;
  }
  
  .solutionSectors_inner {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  
  .solutionSectors_inner_left_box {
    width: 40%;
  }
  
  .solutionSectors_inner_right_box {
    width: 50%;
  }
  
  .solutionSectors_inner_left_box h1 {
    font-size: 50px;
    font-family: "Montserrat", serif;
    color: #2954a5;
    font-weight: 500;
  }
  
  .solutionSectors_inner_left_box h4 {
    font-size: 18px;
    font-family: "Poppins", serif;
    color: #525252;
    line-height: 1.6;
    font-weight: 500;
  }
  
  .solutionSectors_inner_right_box {
    padding: 5px 5px 5px 10px;
    border: 5px solid #2954a5;
    border-right: none;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  
  /* media queries  */
  /* 950px, 750px , 550px */
  @media screen and (max-width: 550px) {
    .solutionSectors {
      margin: 120px 30px;
    }
  
    .solutionSectors_inner {
      flex-wrap: wrap;
      row-gap: 20px;
    }
    .solutionSectors_inner_left_box h1 {
      font-size: 35px;
    }
    .solutionSectors_inner_left_box h4 {
      font-size: 14px;
    }
  
    .solutionSectors_inner_left_box {
      width: 100%;
    }
  
    .solutionSectors_inner_right_box {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 551px) and (max-width: 750px) {
  }
  
  @media screen and (min-width: 751px) and (max-width: 950px) {
  }
  
.featuresDeliverExceptionalDining_header {
    margin-top: 50px;
    background-color: #2954a5;
    color: #ffffff;
    font-weight: 500;
    font-size: 35px;
    font-family: "Poppins", serif;
    height: 90px;
  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .featuresDeliverExceptionalDining_inner {
    margin: 50px 80px;
  }
  
  /* media queries  */
  @media screen and (max-width: 550px) {
    .featuresDeliverExceptionalDining_inner {
      margin: 50px 30px;
    }
  
    .featuresDeliverExceptionalDining_header {
      font-size: 25px;
    }
  }
  
  @media screen and (min-width: 551px) and (max-width: 750px) {
  }
  
  @media screen and (min-width: 751px) and (max-width: 950px) {
  }
  
.carouselBox {
  display: flex;
  justify-content: space-evenly;
  /* align-items: center; */
  /* border: 1px solid; */
}

/* .carouselBox-inner-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid;
    gap: 50px;
  } */
.carouselBox-inner-left {
  /* border: 1px solid; */
  width: 40%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  justify-content: center;
  /* align-items: center; */
}

.carouselBox-inner-left-single-img {
  width: 40%;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  align-items: center;
}
.carouselBox-inner-left-single-img img {
  width: 350px;
}

.carouselBox-inner-left-box1 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-start;
  /* border: 1px solid; */
  padding-left: 50px;
}

.carouselBox-inner-left-box2 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-end;
  /* border: 1px solid; */
  padding-right: 50px;
}

.carouselBox-inner-right {
  width: 50%;
}

/* list items inside slideshow */

.carouselBox li {
  display: flex;
  column-gap: 40px;
  margin-bottom: 40px;
}

.carouselBox li:nth-child(2) {
  margin-left: 40px;
}

.carouselBox li:nth-child(3) {
  margin-left: 80px;
}

.carouselBox li:nth-child(4) {
  margin-left: 120px;
}

/* end of list items inside slideshow  */

.carouselBox-inner-right h4 {
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.carouselBox-inner-right p {
  font-size: 14px;
  color: #31302d;
  font-family: "Roboto", serif;
}

/* text animation inside slideshow*/

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.carouselBox li {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

.carouselBox li:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox li:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox li:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox li:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

/* end of text animation inside slideshow*/

/* media queries  */
@media screen and (max-width: 550px) {
  .carouselBox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    /* align-items: center; */
    /* border: 1px solid; */
  }
  .carouselBox-inner-left {
    /* border: 1px solid; */
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
  }
  .carouselBox-inner-right {
    width: 100%;
  }

  /* list items inside slideshow */
  .carouselBox li:nth-child(2) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(3) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(4) {
    margin-left: auto;
  }
  /* end of list items inside slideshow */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.solutions-restaurants-slider {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solutions-restaurants-slider h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  background-color: #2954a5;
  height: 60px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .solutions-restaurants-slider img {
      height: 650px;
      width: 70%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 160px;
      margin-right: 160px;
      margin: auto;
    } */

@media (max-width: 850px) {
  .solutions-restaurants-slider {
    width: 100%;
  }
  .solutions-restaurants-slider h2 {
    height: 100px;
  }
}

@media (max-width: 550px) {
  .solutions-restaurants-slider h2 {
    font-size: 18px;
  }
  /* .solutions-restaurants-slider img {
            width: 100%;
            height: 300px;
            margin-left: 0px;
            margin-right: 0px;
          } */
}

.restaurantsComprehensiveSolutions_header {
  margin-top: 50px;
  color: #2954a5;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Poppins", serif;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.restaurantsComprehensiveSolutions_inner {
  /* margin: 50px 80px; */
}

/* all images inside restaurantsComprehensiveSolutions_inner */
.restaurantsComprehensiveSolutions_inner img {
  width: 300px;
}

.restaurantsComprehensiveSolutions_inner h3 {
  font-size: 25px;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 20px;
  /* color: #2954a5; */
}

.restaurantsComprehensiveSolutions_inner h4 {
  font-size: 18px;
  font-family: "Poppins", serif;
  /* color: #ffffff; */
  font-weight: 500;
  line-height: 1.6;
}

/* .restaurantsComprehensiveSolutions_inner_box */
.restaurantsComprehensiveSolutions_inner_box {
  display: flex;
  justify-content: space-between;
  /* border: 1px solid black; */
}

/* left  */
.restaurantsComprehensiveSolutions_inner_box_left {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: left;
  align-items: center;
  padding: 50px 0px;
}

.restaurantsComprehensiveSolutions_inner_box_without_outline {
  width: 40%;
}

/* left outline  */
.restaurantsComprehensiveSolutions_inner_box_left_outline {
  width: 60%;
  border: 2px solid white;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  padding: 60px 30px 60px 80px;
  border-left: none;
  position: relative;
}

/* right  */
.restaurantsComprehensiveSolutions_inner_box_right {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: right;
  align-items: center;
  /* border: 1px solid black; */
  padding: 50px 0px;
}

/* right outline  */
.restaurantsComprehensiveSolutions_inner_box_right_outline {
  width: 60%;
  border: 2px solid white;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 30px;
  padding: 60px 80px 60px 30px;
  border-right: none;
  position: relative;
}

@media screen and (max-width: 550px) {
  .restaurantsComprehensiveSolutions_header {
    font-size: 25px;
    text-align: center;
    padding: 0px 30px !important;
  }

  .restaurantsComprehensiveSolutions_inner_box {
    flex-wrap: wrap;
  }

  .restaurantsComprehensiveSolutions_inner_box:nth-child(odd) {
    /* flex-wrap: wrap; */
    flex-direction: column-reverse;
  }

  /* left  */
  .restaurantsComprehensiveSolutions_inner_box_left {
    width: 100%;
  }

  /* left outline  */
  .restaurantsComprehensiveSolutions_inner_box_left_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* right  */
  .restaurantsComprehensiveSolutions_inner_box_right {
    width: 100%;
  }

  /* right outline  */
  .restaurantsComprehensiveSolutions_inner_box_right_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* without outline  */
  .restaurantsComprehensiveSolutions_inner_box_without_outline {
    width: 100%;
    padding: 30px 0px;
  }

  /* all images inside restaurantsComprehensiveSolutions_inner */
  .restaurantsComprehensiveSolutions_inner img {
    width: 100%;
  }

  /* .restaurantsComprehensiveSolutions_inner h3 {
      font-size: 25px;
      font-family: "Poppins", serif;
      font-weight: 500;
      margin-bottom: 20px;
    } */

  .restaurantsComprehensiveSolutions_inner h4 {
    font-size: 14px;
    font-family: "Poppins", serif;
    /* color: #ffffff; */
    font-weight: 500;
    line-height: 1.6;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.restaurants_comprehensive_solutions_form_section {
    margin: 50px 80px;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner_right {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner_right p {
    font-size: 18px;
    font-family: "Poppins", serif;
    color: #525252;
    font-weight: 500;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner_right img {
    width: 200px;
  }
  
  @media screen and (max-width: 550px) {
    .restaurants_comprehensive_solutions_form_section {
      margin: 50px 30px;
    }
  
    .restaurants_comprehensive_solutions_form_section_inner {
      flex-wrap: wrap;
    }
  
    .restaurants_comprehensive_solutions_form_section_inner_right {
      width: 100%;
      padding: 0px;
    }
    .restaurants_comprehensive_solutions_form_section_inner_right img {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 551px) and (max-width: 750px) {
  }
  
  @media screen and (min-width: 751px) and (max-width: 950px) {
  }
  
.restaurants_comprehensive_solution_form {
}

.restaurants_comprehensive_solution_form h2 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.restaurants_comprehensive_solution_form h4 {
  font-family: "Poppins", serif;
  color: #525252;
  font-size: 18px;
  font-weight: 500;
}

.restaurants_comprehensive_solution_form_label_input_box {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;

  /* display: "flex",
  justifyContent: "start",
  flexWrap: "wrap",
  alignItems: "center",
  marginBottom: "10px", */
}

.restaurants_comprehensive_solution_form_box label {
  width: 100px;
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.restaurants_comprehensive_solution_form_box input {
  width: 100%;
}

.restaurants_comprehensive_solution_form_box .submit {
  color: #ffffff;
  background-color: #2954a5;
  font-size: 14px;
  font-family: "Roboto", serif;
  width: 120px;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  font-weight: 500;
}

.restaurants_comprehensive_solution_form label {
  text-align: left;
}

@media screen and (max-width: 550px) {
  .restaurants_comprehensive_solution_form label {
    width: 100%;
    text-align: left;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.kitchen_display_system {
  margin: 120px 80px;
  line-height: 1.6;
}

.kitchen-display-system-inner h1 {
  font-size: 50px;
  font-family: "Monsterrat", serif;
  /* color: #31302d; */
  color: #2954a5;
}

.kitchen-display-system-inner img {
  width: 250px;
}

.kitchen-display-system-inner_flexBox {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.kitchen-display-system-inner_flexBox_left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.kitchen-display-system-inner_flexBox_right {
  width: 70%;
}

.kitchen-display-system-inner h4 {
  color: #525252;
  font-size: 18px;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 5px;
}

.kitchen-display-system-inner p {
  color: #31302d;
  font-family: "Roboto", serif;
  font-size: 14px;
}

/* bottom div / last div */

.kitchen-display-system-inner_last {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.kitchen-display-system-inner_last_left {
  padding: 30px 30px;
  width: 50%;
  background-color: #2954a5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kitchen-display-system-inner_last_left p {
  color: #ffffff;
}

.kitchen-display-system-inner_last_right {
  padding: 30px 20px;
  width: 50%;
}

.kitchen-display-system-inner_last_right h3 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
  margin-bottom: 10px;
}

.kitchen-display-system-inner_last_right a {
  text-decoration: none;
  color: #2954a5;
}

@media screen and (max-width: 550px) {
  .kitchen_display_system {
    margin: 120px 30px;
  }
  .kitchen-display-system-inner h1 {
    font-size: 35px;
  }

  .kitchen-display-system-inner_flexBox {
    flex-wrap: wrap;
  }

  .kitchen-display-system-inner_flexBox_left {
    width: 100%;
  }

  .kitchen-display-system-inner_flexBox_right {
    width: 100%;
  }

  /* bottom div / last div */
  .kitchen-display-system-inner_last {
    flex-wrap: wrap;
  }
  .kitchen-display-system-inner_last_left {
    width: 100%;
  }

  .kitchen-display-system-inner_last_right {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.partners_portal_box_main {
  display: flex;
  justify-content: space-around;
  padding: 20px;
  gap: 20px;
  margin: 120px 80px;
}
.partners_portal_box_left {
  width: 50%;
}
.partners_portal_box_left h1 {
  font-size: 50px;
  font-family: "Montserrat", serif;
  /* color: #31302d; */
  color: #2954a5;
  font-weight: 500;
}

.partners_portal_box_left p {
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
  font-weight: 500;
  line-height: 1.6;
}

.partners-portal-form-block1 {
  margin-top: 120px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.partners-portal-form-block1 h1 {
  color: #2954a5;
  /* font-size: 50px; */
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}
.partners-portal-form-block1 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.partners-portal-form-form {
  /* height: 800px; */
  height: auto;
  /* width: 60%; */
  width: 350px;
  border: 1px solid #007aff;
  border-radius: 1rem;
  padding: 2rem;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
}
.partners-portal-form-form h4 {
  /* color: #525252; */
  /* font-family: "Poppins", sans-serif; */
  font-size: 1.5rem;
  font-weight: 500;
  text-align: start;
  margin: 0;
  margin-top: 10px;
}
.partners-portal-form-single {
  margin-top: 20px;
}
.partners-portal-form-single p {
  margin-bottom: 10px;
}
.blue-color-span {
  color: #2954a5;
}
.partners-portal-form-form p {
  margin-top: 20px;
  margin-bottom: 4px;
  /* margin: 5px 0px 20px; */
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
/* helper text  */
.partners-portal-form-form .helper-text {
  margin: 5px 0px 20px;
  color: #525252;
  font-size: 13px;
}
.partners-portal-form-form .submit {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #007aff;
  color: #fcfeff;
  border: none;
  margin: 20px auto;
}
.partners-portal-form-form .prev {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #2954a5;
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
}
.partners-portal-form-form .prev:hover {
  opacity: 1;
}
.partners-portal-form-form .next {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 5px 20px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #007aff;
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
}
.partners-portal-form-form .next:hover {
  opacity: 1;
}
.partners-portal-form-form .nextBox {
  display: flex;
  /* justify-content: space-between; */
  justify-content: flex-end;
}
.partners-portal-form-form .submit:hover {
  width: 180px;
}
.re-captcha-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
/* media queries */
@media (max-width: 750px) {
  .partners-portal-form-block1 h4 {
    width: 100%;
  }
  .partners-portal-form-inner-block {
    display: flex;
    flex-direction: column;
  }
  .partners-portal-form-block2 {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .partners-portal-form-form {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .partners_portal_box_main {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 0px;
    margin: 120px 30px;
    flex-wrap: wrap;
  }
  .partners-portal-form-form {
    width: 300px;
  }
  .partners-portal-form-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .partners-portal-form-block2-header {
    margin-left: -50px;
    margin-right: -50px;
  }
  .partners-portal-form-block1 h1 {
    font-size: 35px;
  }
  .partners-portal-form-block1 h4,
  .partners-portal-form-block2-header h4,
  .partners-portal-form-form h4 {
    font-size: 14px;
  }
  .partners-portal-form-section h3 {
    font-size: 18px;
  }
  .partners-portal-form-block2-header h2 {
    font-size: 25px;
  }

  /* .partners_portal_box_left { */
  .partners_portal_box_left {
    width: 100%;
    margin-bottom: 50px;
  }
  .partners_portal_box_left h1 {
    font-size: 35px;
  }
}

.form_heading_h1_new1 {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0;
  color: #333 !important;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.seller_registration_landing {
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/sellerRegistrationlandingPage.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* object-fit: scale-down; */
  width: 100%;
  height: 100vh;
  object-fit: scale-down;
}

.seller_registration_landing_content {
  margin-top: 120px;
  margin-left: 80px;
  width: 50%;
  position: absolute;
}

.seller_registration_landing_content h1 {
  color: #ffffff;
  font-weight: 500;
  font-family: "Montserrat", serif;
  font-size: 50px;
}

.seller_registration_landing_content {
  color: #ffffff;
  font-size: 18px;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.seller_registration_landing_highlight {
  color: #ffde59;
}

.seller_registration_get_started_btn {
  color: #2954a5;
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 30px;
  cursor: pointer;
}

/* Breakpoints:  950px, 750px , 550px */

@media screen and (max-width: 550px) {
  .seller_registration_landing_content h1 {
    font-size: 35px;
  }
  .seller_registration_landing_content {
    margin:120px 30px;
    width: 80%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

/* .seller_registration_main {
  margin: 120px 80px;
} */

/* Breakpoints:  950px, 750px , 550px */

.fw-bold{
  font-weight: bold;
}

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

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

.slide_1_signup_page_content {
  width: 400px;
  margin: auto;
}

.slide_1_signup_page_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_1_signup_page_btn {
  background-color: #007AFF;
  color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 30px;
  cursor: pointer;
  width: 100%;
}

.slide_1_signup_page_sign_in_link {
  color: #007AFF;
  text-decoration: none;
}

.prev_next_box {
  position: absolute;
  bottom: 0px;
  right: 80px;
  display: flex;
  gap: 20px;
}


/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  /* position: absolute; */
}

.slide_2_otp_page_content {
  width: 400px;
  margin: auto;
}

.slide_2_otp_page_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_2_otp_page_btn {
  background-color: #007AFF;
  color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 30px;
  cursor: pointer;
  width: 100%;
}

.slide_2_otp_page_sign_in_link {
  color: #007AFF;
  text-decoration: none;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}


/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.slide_3_tell_about_your_business_page_content {
  width: 400px;
  margin: auto;
}

.slide_3_tell_about_your_business_page_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_3_tell_about_your_business_page_content_main {
  /* height: 400px; */
  height: 350px;
  overflow: hidden;
  overflow-y: scroll;
}

.slide_3_tell_about_your_business_page_content_main::-webkit-scrollbar {
  display: none;
}

.slide_3_tell_about_your_business_page_content_business_type {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}

.slide_3_tell_about_your_business_page_content_business_pan_verify_btn {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #007AFF;
  color: #ffffff;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  cursor: pointer;
  border-radius: 0.5rem;
}

/* to remove default mui button disabled background color  */

.Mui-disabled {
  background-color: #ffffff !important;
}
/* .slide_3_tell_about_your_business_page_content_seller_name_and_email {
} */

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* media queries  */
@media screen and (max-width: 550px) {
  .slide_3_tell_about_your_business_page_content_business_type {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}




.slide_4_select_categories_content {
  width: 400px;
  margin: auto;
}

.slide_4_select_categories_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

#categoriesSelectBox {
  position: relative !important;
  /* width: 100% !important; */
  height: auto !important;
  /* padding: 0px 0px; */
  /* scroll-snap-type-x: none; */
  top: 0 !important;
  /* border-radius: 0px !important; */
  max-width: auto !important;
}

#menu- .css-1ka5eyc-MuiPaper-root-MuiMenu-paper-MuiPopover-paper {
  /* position: relative !important;
  height: auto !important;
  max-width: auto !important;
  top: 0 !important; */
  position: relative !important;
  max-width: fit-content !important;
  width: fit-content !important;
  top: 299px !important;
}

/* position: relative !important; */
/* width: 100% !important; */
/* height: 100vh !important; */
/* padding: 0px 0px; */
/* scroll-snap-type-x: none; */
/* top: 81px !important; */
/* border-radius: 0px !important; */
/* max-width: calc(100% - 0px) !important;



/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.slide_6_tell_more_about_your_business_2_content {
  width: 400px;
  margin: auto;
}

.slide_6_tell_more_about_your_business_2_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.slide_7_serviceability_content {
  width: 400px;
  margin: auto;
}

.slide_7_serviceability_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
/* font family for number in modal page */

.fullfilled_by_pallet_modal_content {
  position: absolute;
  top: 50px;
  left: 10%;
  /* //   transform: "translate(-50%, -50%)", */
  width: 70%;
  /* background-color: "background.paper", */
  background-color: whitesmoke;
  border: 2px solid #2954a5;
  border: none;
  box-shadow: 24;
  padding: 32px;
}

.fullfilled_by_pallet_modal_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 25px;
}

.fullfilled_by_pallet_modal_content h3 {
  color: #31302d;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 18px;
  padding-right: 150px;
}

.fullfilled_by_pallet_modal_content h4 {
  color: #525252;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 14px;
  /* border: 1px solid black; */
  /* padding: 10px ;
  margin-left: 0px; */
}

.fullfilled_by_pallet_modal_content_left {
  width: 60%;
}

.fullfilled_by_pallet_modal_content_left_number {
  font-family: "Slabo 13px", serif;
  font-size: 30px;
  font-weight: bold;
  width: 50px;
  text-align: center;
}

.fullfilled_by_pallet_modal_content_right {
  width: 40%;
}

@media screen and (max-width: 550px) {
  .fullfilled_by_pallet_modal_content {
    left: 6%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

.slide_8_mode_of_shipping_content {
  /* background-color: #2954a5; */
  background-color: #007AFE;
  padding: 0px 80px;
  /* height: 100vh; */
  
  /* height: calc(100vh - 120px);
  position: relative; */
}

.slide_8_mode_of_shipping_content h2 {
  padding-top: 20px;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_8_mode_of_shipping_content_flexbox {
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.slide_8_mode_of_shipping_content_flexbox_items {
  width: 30%;
}

.modeOfShippingBtn {
  padding: 10px 20px;
  border-radius: 1px 30px 1px;
  border: none;
  /* color: #2954a5; */
}
/* .slide_8_mode_of_shipping_content button p { */
/* color: #2954a5; */
/* } */
.seller_registration_form_submit_btn {
  padding: 10px 20px;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  background-color: #ffffff;
  margin-bottom: 20px;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* media queries  */

@media screen and (max-width: 550px) {
  .slide_8_mode_of_shipping_content {
    padding: 0px 30px;
    height: auto;
  }
  .slide_8_mode_of_shipping_content_flexbox {
    display: flex;
    flex-wrap: wrap;
  }
  .slide_8_mode_of_shipping_content_flexbox_items {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

.slide_control_page_main {
  display: flex;
  /* margin-top: 120px; */
  /* margin-top: 70px; */
  /* overflow: hidden; */
  /* height: calc(100vh - 120px); */
  position: relative;
  margin-bottom: 50px;
}

/* slide_control_page_left */
.slide_control_page_left {
  /* width: 50%;
  padding: 0px 80px;
  padding-top: 50px;
  background-color: #2954a5; */

  padding: 60px;
  width: 60%;
  /* padding: 10px; */
  /* padding-top: 10px; */
  /* background-color: #2954a5; */
  /* height: 100vh !important; */
}

.slide_control_page_right {
  /* background-color: blue; */
  padding: 60px 80px;
  /* padding-top: 50px; */
  /* padding-top: 60px; */
  width: 40%;
  position: relative;
  /* height: 100vh; */
}

.slide_control_page_left_in_0th_slide {
  width: 50%;
  padding: 0px 80px;
}

.slide_control_page_left_in_0th_slide h1 {
  font-weight: 500;
  font-family: "Montserrat", serif;
  font-size: 50px;
}

.slide_control_page_right_in_0th_slide {
  padding: 0px 80px 0px 0px;
  width: 50%;
}

.slide_control_page_left_in_0th_slide_highlight {
  color: #2954a5;
}

.slide_control_page_right_in_8th_slide {
  width: 100%;
}

.prev_next_box {
  position: absolute;
  top: 95%;
  right: 70px;
  /* display: flex; */
  gap: 20px;
  height: 30px;
  /* background-color: white; */
}

.prev_next_box {
  cursor: pointer;
}

.relative-position {
  position: relative;
}

.absolute-img {
  position: absolute;
  left: -20px;
  top: -50px;
}

@media screen and (max-width: 550px) {
  .slide_control_page_main {
    height: auto;
    flex-wrap: wrap;
  }
  .slide_control_page_left {
    /* width: 100%; */
    display: none;
  }
  .slide_control_page_right {
    /* width: 100%; */
    /* display: none; */
    padding: 0px 30px;
    /* padding-top: 50px; */
    width: 100%;
    padding-top: 20px;
  }
  .prev_next_box {
    right: 0;
    bottom: 0;
  }
  .seller_registration_landing_content h1 {
    font-size: 35px;
  }
  .seller_registration_landing_content {
    margin: 120px 30px;
    width: 80%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

/* transition code  */
.slider-container {
  position: relative;
  height: 300px;
}

.slider-transition {
  transition: opacity 0.5s;
}

.slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.slider-transition:not(.slider-transition-appear) .slider-slide {
  opacity: 0;
}

.contact_sales_box_main {
  display: flex;
  justify-content: space-between;
  /* padding: 20px; */
  gap: 20px;
  /* margin: 120px 80px; */
  margin: 5rem 5rem;
}
@media (max-width: 1024px) {
  .contact_sales_box_main {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (max-width: 600px) {
  .contact_sales_box_main {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.contact_sales_box_left {
  width: 50%;
}

@media (max-width: 820px) {
  .contact_sales_box_main {
    justify-content: center;
    align-items: center;
    padding: 0px;
    flex-direction: column;
  }
  .contact_sales_box_left {
    width: 100%;
  }
}
.contact_sales_box_left h1 {
  font-size: 50px;
  font-family: "Montserrat", serif;
  /* color: #31302d; */
  color: #2954a5;
  font-weight: 500;
}

.form_heading-h1-new {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0;
  color: #333 !important;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.form_heading-p-new {
  font-size: 1rem;
  margin: 0.25rem 0;
  color: #6B6B6B;
  text-align: left;
}

.contact-sales-form-block1 {
  margin-top: 120px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-sales-form-block1 h1 {
  color: #2954a5;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}
.contact-sales-form-block1 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.contact-sales-form-form2 {
  /* height: 800px; */
  height: auto;
  /* width: 60%; */
  width: 350px;
  border: 1px solid #007aff;
  border-radius: 1rem;
  padding: 30px;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
}
.form-sales-h4-new {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  margin: 0.75rem 0;
}
.contact-sales-form-form2 h4 {
  /* color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  font-weight: 500;
  text-align: start;
  margin-top: 10px; */
}
.contact-sales-form-single {
  margin-top: 20px;
}
.contact-sales-form-single p {
  margin-bottom: 4px;
}
.blue-color-span {
  color: #2954a5;
}
.contact-sales-form-form2 p {
  margin-top: 20px;
  margin-bottom: 4px;
  /* margin: 5px 0px 20px; */
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
/* helper text  */
.contact-sales-form-form2 .helper-text {
  margin: 5px 0px 20px;
  color: #525252;
  font-size: 13px;
}
.contact-sales-form-form2 .submit {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #007aff;
  color: #fcfeff;
  border: none;
  margin: 20px auto;
}
.contact-sales-form-form2 .prev {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #2954a5;
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
}
.contact-sales-form-form2 .prev:hover {
  opacity: 1;
}
.contact-sales-form-form2 .next {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 5px 20px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #007aff;
  /* opacity: 0.9; */
  color: #ffffff;
  cursor: pointer;
}
.contact-sales-form-form2 .next:hover {
  opacity: 1;
}
.contact-sales-form-form2 .nextBox {
  display: flex;
  /* justify-content: space-between; */
  justify-content: flex-end;
}
.contact-sales-form-form2 .submit:hover {
  width: 180px;
}
.re-captcha-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
/* media queries */
@media (max-width: 820px) {
  .contact-sales-form-block1 h4 {
    width: 100%;
  }
  .contact-sales-form-inner-block {
    display: flex;
    flex-direction: column;
  }
  .contact-sales-form-block2 {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .contact-sales-form-form2 {
    width: 80%;
  }
}
@media (max-width: 550px) {
  /* .contact_sales_box_main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 0px;
    margin: 120px 30px;
    flex-wrap: wrap;
  } */
  /* .contact-sales-form-form2 {
    width: 300px;
  } */
  .contact-sales-form-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .contact-sales-form-block2-header {
    margin-left: -50px;
    margin-right: -50px;
  }
  .contact-sales-form-block1 h1 {
    font-size: 35px;
  }
  .contact-sales-form-block1 h4,
  .contact-sales-form-block2-header h4,
  .contact-sales-form-form2 h4 {
    font-size: 14px;
  }
  .contact-sales-form-section h3 {
    font-size: 18px;
  }
  .contact-sales-form-block2-header h2 {
    font-size: 25px;
  }

  /* .contact_sales_box_left { */
  .contact_sales_box_left {
    width: 100%;
    margin-bottom: 50px;
  }
  .contact_sales_box_left h1 {
    font-size: 35px;
  }
}


.form-top-margin {
padding: 8px 5px;
border-radius: 4px;
}
.contact-sales-form-block1 {
  margin-top: 5rem;
  /* margin-left: 80px;
  margin-right: 80px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.contact-sales-form-block1 h1 {
  color: #2954a5;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}
.contact-sales-form-block1 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.contact-sales-form-inner-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.contact-sales-form-card-new {
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  /* border: 1px solid #007AFF; */
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.contact-sales-form-card-new:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}
.contact-sales-form-card-new-inner {
  background-color: #E8F0FF;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 1rem;
}
.contact-sales-form-card-new-h {
  font-size: 1.5rem;
  color: #007aff;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.contact-sales-form-card-new-p {
  font-size: 1rem;
  color: #333;
  font-weight: normal;
  margin: 0;
  text-align: center;
}

.contact-sales-form-section {
  width: 300px;
  height: 200px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffde59;
}
.contact-sales-form-section h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 25px;
  color: #31302d;
  text-align: center;
}
.contact-sales-form-section h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.contact-sales-form-block2 {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column-reverse;
}
.contact-sales-form-block2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.contact-sales-form-block2-header h2 {
  font-weight: 500;
  font-size: 2rem;
  color: #333;
  text-align: center;
  margin: 0;
}
.contact-sales-form-block2-header h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.contact-sales-form-form {
  /* height: 800px; */
  width: 500px;
  max-width: 50%;
  border: 1px solid #007aff;
  border-radius: 1rem;
  padding: 1.5rem;
}
@media (max-width: 1024px) {
  .contact-sales-form-form {
    width: 500px;
    max-width: 60%;
  }
}
@media (max-width: 820px) {
  .contact-sales-form-form {
    width: 500px;
    max-width: 90%;
  }
}

.contact-sales-form-form h4 {
  color: #333;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.contact-sales-form-single {
  margin-top: 20px;
}
.contact-sales-form-single p {
  margin-bottom: 10px;
}
.blue-color-span {
  color: #2954a5
}
.contact-sales-form-form p {
  margin-top: 20px;
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.contact-sales-form-form button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #007aff;
  color: #fff;
  border: none;
  margin: 20px auto;
}
.contact-sales-form-form button:hover {
  width: 180px
}
.re-captcha-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

/* media queries */
@media (max-width: 750px) {
  .contact-sales-form-block1 h4 {
    width: 100%
  }
  .contact-sales-form-inner-block {
    display: flex;
    flex-direction: column;
  }
  .contact-sales-form-block2 {
    flex-direction: column-reverse;
    gap: 30px
  }
  .contact-sales-form-form {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .contact-sales-form-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
.contact-sales-form-block2-header {
  margin-left: -50px;
  margin-right: -50px;
}
  .contact-sales-form-block1 h1 {
    font-size: 35px;
  }
  .contact-sales-form-block1 h4, .contact-sales-form-block2-header h4,  .contact-sales-form-form h4 {
    font-size: 14px;
  }
  .contact-sales-form-section h3 {
    font-size: 18px;
  }
  .contact-sales-form-block2-header h2 {
    font-size: 25px;
  }

}

.contact-salers-form-heading-new {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0 0 1rem;
  color: #333 !important;
  text-align: center !important;
  max-width: 70%;
  text-transform: capitalize;
}

.contact-salers-form-new-subtext {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}
.faqs-div {
  margin-top: 50px;
  margin-left: 80px;
  margin-right: 80px;
  margin-bottom: 50px;
}
/* .accordian-question {
    margin-bottom: 10px;
    border: none;
} */
.faq-question h6 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.faqs-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.faqs-header h1 {
  color: #2954a5;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  margin-bottom: 20px;
}

.pricing_table thead th {
  border-top: 1px solid rgba(224, 224, 224, 1);
  border-left: 1px solid rgba(224, 224, 224, 1);
  border-right: 1px solid rgba(224, 224, 224, 1);
}

/* remove the border from last td in tr and exclude the last and second last tr's last td */
.pricing_table
  tr
  td:last-child:not(.pricing_table tr:nth-last-child(2) td:last-child,.pricing_table tr:nth-last-child(1) td:last-child) {
  border-bottom: none;
}

/* set bottom border of second last tr last child td */


/* remove border from last tr's td  */
.pricing_table tr:last-child td {
  font-size: 10px;
  border-left: none;
  border-right: none;
}

/* set left border last tr first child td  */
.pricing_table tr:last-child td:first-child {
  border-left: 1px solid rgba(224, 224, 224, 1);
}

/* set right and bottom border of last tr last child td */
.pricing_table tr:last-child td:last-child { 
  border-right: 1px solid rgba(224, 224, 224, 1);
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.pricing_table tr td {
  border-left: 1px solid rgba(224, 224, 224, 1);
  border-right: 1px solid rgba(224, 224, 224, 1);
  padding: 10px 20px;
}

/* make the text centered to all td in tr except */
.pricing_table tr td:not(td:nth-child(2)) {
  text-align: center;
}

/* set padding left and right of tr 2nd's td */
.pricing_table tr td:nth-child(2) {
  padding: 10px 0px;
}

/* set padding left and right of th 2nd's td */
.pricing_table tr th:nth-child(2) {
  padding: 10px 0px;
}

/* remove the border from these table cell below */
.pricing_table thead th:first-child {
  border-right: none !important;
}

.pricing_table thead th:nth-child(2) {
  border-left: none !important;
}

.pricing_table tr td:first-child {
  padding: 10px 0px;
  border-right: none !important;
}

.pricing_table tr td:nth-child(2) {
  border-left: none !important;
}

/* ::-webkit-scrollbar {
  display: none;
} */

.css-ahj2mt-MuiTypography-root {
  font-size: 14px !important;
}

/* pricing page get started btn  */
.pricing_page_get_started_btn,
.pricing_page_contact_us_btn {
  background-color: #2954a5;
  color: #ffffff;
  padding: 10px;
  border-radius: 3rem;
  border: 1px solid #2954a5;
}

.pricing_page_get_started_btn:hover,
.pricing_page_contact_us_btn:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #2954a5;
}

/* pricing page contact us btn  */
/* .pricing_page_contact_us_btn {
  background-color: #2954a5;
  color: #ffffff;
  padding: 10px;
  border-radius: 3rem;
  border: 1px solid #2954a5;
}

.pricing_page_contact_us_btn:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #2954a5;
} */

/* tmp  */
/* starter: <CloseIcon sx={{ color: "red" }} />,
standard: <CheckIcon sx={{ color: "#2954A5" }} />, */

.pricing_main {
  /* margin-left: 160px !important;
  margin-right: 160px !important;
  margin: 30px; */
  margin-top: 120px;
}
.pricing_main h1,
.pricing_main h2,
.pricing_main h3,
.pricing_main h4,
.pricing_main h5,
.pricing_main h6,
.pricing_main p,
.pricing_main span {
  font-family: "Poppins", sans-serif;
}

.monthly_div {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #2954a5;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
}

.annually_div {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #2954a5;
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
}

.monthly_div,
.annually_div:hover {
  cursor: pointer;
}

strong {
  position: relative;
}

strong::before {
  /* Highlight color */
  background-color: yellow;

  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: 30%;
  left: -2px;
  bottom: 0;
  z-index: -1;
  transform: rotate(-2deg);
}

@media screen and (max-width: 600px) {
  .pricing_table_in_smartphone {
    overflow-x: scroll;
    /* to set sticky in small screen  */
    /* height: 100vh; */
  }

  .pricing_main {
    margin: 120px 30px 0px 30px !important;
  }
}

.jsH3tekSgLN1aMoWLGyz {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.b02lzmPZb1XT2Vmx5RDV {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .b02lzmPZb1XT2Vmx5RDV {
    right: -400px;
  }
}
@media (width<600px) {
  .b02lzmPZb1XT2Vmx5RDV {
    right: -450px;
  }
}

@media (width>1400px) {
  .b02lzmPZb1XT2Vmx5RDV {
    display: none;
  }
}

.aMfL9xs5fcxcLJHr6zun {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 20px;
  margin: 50px 0 10px 0;
  gap: 10px;
}

@media (width<557px) {
  .aMfL9xs5fcxcLJHr6zun {
    padding: 10px;
  }
}

.rDoNZ0yY1xuKh5UKSga7 {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1300px) {
  .rDoNZ0yY1xuKh5UKSga7 {
    margin-left: 0;
  }
}

.aMfL9xs5fcxcLJHr6zun img {
  height: 20px;
}

.KAWNvfunhm5LRYEU_eUg {
  color: #007aff;
  font-family: Helvetica;
}

.ZJxGcAMwbRN6Imr4T6jy {
  font-size: 18px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: bold;
}
.aMlVflKzmi1rk2CXmRQz {
  font-weight: 500;
}

.JtqbmdZgHHMuTCEHRXwW {
  color: #7f7f7f;
  font-weight: 900;
  font-size: 14px;
}

.pGU49M0HgIKgouZi_3ua {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
}

@media (width<1300px) {
  .pGU49M0HgIKgouZi_3ua {
    flex-direction: column;
  }
}

.HllAbIjuTVVI0DS0K06A {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #0d0d0d;
}
.vgeKPaeBicG8JuBxtpF6 {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.hsff9gD7igT1GdwvKyh3 {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #0d0d0d;
}

@media (width<1300px) {
  .HllAbIjuTVVI0DS0K06A {
    text-align: center;
  }
  .hsff9gD7igT1GdwvKyh3{
    text-align: center;
  }
}

.sMv8BifKFjCkh23CWl9s {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}
.mdnnSQ4F1cSIeMuuTwr8 {
  font-size: 14px;
  color: #24223e;
  text-align: center;
  line-height: 1.5;
}

.a6r2gsaPpDC_QwwOi7uE {
  font-size: 14px;
  color: #24223e;
}
.SpOucMcur_3dHSTqxwjF {
  font-size: 14px;
  color: #24223e;
}

.qCgYVeW8_WCawOAJ6ghh{
  position: relative;
}


.N3uE3QiyYXedRX9frIRf {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.WMomiuoxDgZ26InY0hRg {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.A1WLT1T5Hh6eegu_thfM {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 120px;
}

.BorbQZnJC0NA0AmC1hfZ {
  cursor: pointer;
  border: none;
  background: none;
}

.EsfgZ5isXF_djPqHBW7h {
  width: 150px;
  height: 4px;
  background-color: #ff2d55;
}

.zhsPMf9TAf6VT9wrRf6i {
  padding: 50px 20px;
  border-radius: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  background-color: #f2f2f2;
  align-items: start;
  margin-top: 30px;
  margin-bottom: 30px;
}

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

@media (width<1300px) {
  .r6yjbLCpRoxLjF1VcpRG {
  }
}

.QHtIxK6hWBdnVtCKVwyx {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  line-height: 1.5;
}

.zTBdrdqthhx9xgPfdxk7 {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  margin-top: 30px;
  text-align: center;
}

.c5jsjDZEDz_VBbdH0lJG {
  font-size: 14px;
  color: #24223e;
  font-weight: 500;
  cursor: pointer;
}

@media (width<1300px) {
  .A1WLT1T5Hh6eegu_thfM {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.jsrafpnJdDRTWCPkM2p3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.yncckoN6Zgoriocdof6r {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}

.MGz0oc_Y7fDg9QFK20rw {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 40px;
}

.huhVekzghQdVDtqOvHZz {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .huhVekzghQdVDtqOvHZz {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.U5yCC2zzR7wUFzJY36CQ {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  /* padding: 50px ; */
  margin-bottom: 150px;
}
@media (width<1300px) {
  .U5yCC2zzR7wUFzJY36CQ {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }
}

@media (width<1300px) {
  .yncckoN6Zgoriocdof6r {
    justify-content: center;
    align-items: center;
  }
  .MGz0oc_Y7fDg9QFK20rw {
    justify-content: center;
    align-items: center;
  }
}

.HbeMp5LhkCBmFxmwl3cz {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}

.N0fewO1W2hCLfECUJ5FR {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.MekLe9X9skP7dDcsIyT_ {
  text-align: end;
}

.bqa6DXYQBgImwLy3xJz7 {
  margin: 20px 0 20px 0;
}

.jOWvKKCbOdo2tvA8ZhWg {
  font-weight: 900;
}

.DRt0j_YGVpFh6oBhqBBy {
  font-weight: 900;
  margin-bottom: 20px;
}

.BXs4S3D5AhzumeH9yJCL {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.ChiGpGkfPStq_byQ5bZC {
  position: relative;
  right: -12%;
  max-width: 700px;
}
.jPcjOz_avYgggrAo5GRF {
  position: relative;
  right: -8%;
  max-width: 600px;
}

.uDw0hD32FbKUsvM0NFDg {
  position: relative;
  max-width: 600px;
}

@media (width<1300px) {
  .ChiGpGkfPStq_byQ5bZC {
    right: 0;
    width: 80vw;
    margin-top: 20px;
  }
  .jPcjOz_avYgggrAo5GRF {
    right: 0;
    width: 90vw;
    margin-top: 20px;
  }
  .uDw0hD32FbKUsvM0NFDg {
    width: 80vw;
    margin-top: 20px;
  }
}

.SvqwYQKXFf1pu8vWOOgh {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffeeaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.OXWjwSbTsX1I7pNvM93Q {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #c7c7f1;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.qfoEoo66j5aDYNwIPPhL {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffb9c6;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.RixW0D1dkR6rNOy5lMxZ {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c3f2cb;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.Qmn_3RuWyh3bDYS5J2Sp {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c8edfd;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.CJfG9UbLMWpAuYXzsFDg {
  bottom: -15%;
  right: -40%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffdcaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

@media (width<1300px) {
  .SvqwYQKXFf1pu8vWOOgh,
  .Qmn_3RuWyh3bDYS5J2Sp,
  .RixW0D1dkR6rNOy5lMxZ,
  .qfoEoo66j5aDYNwIPPhL,
  .OXWjwSbTsX1I7pNvM93Q,
  .Qmn_3RuWyh3bDYS5J2Sp,
  .CJfG9UbLMWpAuYXzsFDg {
    max-width: 700px;
    left: -10%;
    right: -10%;
  }
}
@media (width<852px) {
  .ChiGpGkfPStq_byQ5bZC {
    left: 0;
  }
  .jPcjOz_avYgggrAo5GRF {
    left: 0;
  }
}

.THBLxAXGSZs1m_ZoEqQH {
  max-width: 100%;
}

.n5PvCzSR3dLoQxPqm9K0 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .n5PvCzSR3dLoQxPqm9K0 {
    justify-content: center;
    width: 100%;
  }
  .MekLe9X9skP7dDcsIyT_ {
    text-align: center;
  }
  .N0fewO1W2hCLfECUJ5FR {
    text-align: center;
  }
}

.DTVR055xkiSmbakvijAc {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .DTVR055xkiSmbakvijAc {
    left: 0;
  }
}

@media (width<852px) {
  .DTVR055xkiSmbakvijAc {
    left: 0;
  }
}

.tQ5VCdJRuZB0ioe7TJbg {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.AoRKiudCDEqUWLtyDmoe {
  margin-bottom: 20px;
}

@media (max-width: 1300px) {
  .oNhSL38pSyrxZIpchXGt {
    order: 2;
  }
}

.BwvXywADWr_dzwsBzHzW {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
}

.t8DGd6EdZ80pnWIqhDwa {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  height: 60px;
  gap: 20px;
  overflow: hidden;
  height: 100%;
}

.wHvI44CEfzAhZ2bNyhBX {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  overflow: hidden;
  margin-left: -40px;
  height: 60px;
  gap: 20px;
  height: 100%;
}

.NOt9ySqwBaGcBjPiTVCv {
  background: #ffffff;
  border-radius: 10px;
  min-width: 170px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  min-height: 50px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.W_zBoUu1Umv4WL_Vi64X {
  border-radius: 10px;
}

.sjCT3nAAW3x8KOoikrBU {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .sjCT3nAAW3x8KOoikrBU {
    margin-bottom: 100px;
  }
}

@media (width<800px) {
  .sjCT3nAAW3x8KOoikrBU {
    margin-bottom: 50px;
  }
}

@media (width<600px) {
  .sjCT3nAAW3x8KOoikrBU {
    width: 80%;
    margin-bottom: 50px;
  }
}

.WkJE9txHiLwCDsoHaEP_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

@media (width<900px) {
  .WkJE9txHiLwCDsoHaEP_ {
    font-size: 16px;
    margin: 60px 0 10px 0;
  }
}

.qWVlQSv6UTRTekzOnSwm {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.DNIpPvXZ2DbqD1gfobMA {
  display: flex;
  gap: 10px;
}

.DNIpPvXZ2DbqD1gfobMA img {
  height: 20px;
}

.DNIpPvXZ2DbqD1gfobMA p {
  font-size: 14px;
}

.nChGNaRZOK5yhCArjo9l {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.add-card-btn {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.payment-type {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 0 1rem 0;
}

.saved-card {
    margin: 1rem;
    padding: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.cvv-pay-btn {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}

.add-card-container {
    margin: 1rem;
}

.card-form-inputs {
    display: flex;
    flex-direction: column;
    width: 90vw;
    align-self: center;
    margin: 0.2rem 0;
}
.add-card {
    flex: 1;
    display: flex;
    align-items: center;
    margin:0.5rem;
}
.btn{
    margin:.5rem 1rem !important;
    /* padding: .2rem .5rem; */
    color:'#fff' !important;
    font-size: 14 !important;
    font-weight: 700 !important;
    background-color: #0f8241 !important;
}
.btn:hover{
    background-color: #0f8241 !important;
}
.additional-methods{
    display: flex;
    flex:1 ;
    flex-direction: row ;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 2px rgb(213, 209, 209) dotted; */
    margin:.2rem 0;
    padding:0.5rem;
}
.additional-method-icon{
    display: flex;
    /* flex:0.1; */
}
.additional-method-text-view{
    display: flex;
    flex:0.8;
    flex-direction: column;
    margin:0 0.3rem;
}
.upi-container{
    flex:1;
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
}
.add-upi-container{
    display: flex;
    flex:1;
    flex-direction: column;
    padding:1rem;
}
.upi-app-card{
    display: flex;
    flex: 1;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: space-between; */
    margin:0.2rem 0;
}
.checkBoxRow{
    display: flex;
    flex:1;
    align-items: center;
    margin-bottom: 1rem;
}
.saved-vpa-card{
    display: flex;
    flex:1;
    align-items: center;
    justify-content: space-between;
    padding:0.5rem;
    margin:0.5rem;
}

.bankCard{
    display: flex;
    flex: 1;
    padding: 0.3rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem;
}
.container{
    flex:1;
    display: flex;
    padding:1rem;
    flex-direction: column;
}
.bgColor{
    background-color: #F4F7FC;
}
.NyR_aQNLN2pwUWwbrL8h {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.lBxLhyzgRp3AqBDu6KWO {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .lBxLhyzgRp3AqBDu6KWO {
    right: -400px;
  }
}
@media (width<600px) {
  .lBxLhyzgRp3AqBDu6KWO {
    right: -450px;
  }
}

@media (width>1400px) {
  .lBxLhyzgRp3AqBDu6KWO {
    display: none;
  }
}

.l_2PnM0Rgdjil7nNU6ZX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 20px;
  margin: 50px 0 10px 0;
  gap: 10px;
}

@media (width<557px) {
  .l_2PnM0Rgdjil7nNU6ZX {
    padding: 10px;
  }
}

.cZeGH6Mg7TSFhlzCXRIX {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1300px) {
  .cZeGH6Mg7TSFhlzCXRIX {
    margin-left: 0;
  }
}

.l_2PnM0Rgdjil7nNU6ZX img {
  height: 20px;
}

.Zaabr4BC4bws6AduAAzs {
  color: #007aff;
  font-family: Helvetica;
}

.VKyg4VL_FLdRsFwzVCj4 {
  font-size: 18px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: bold;
}

.U5RhgfFefMK31kwmcBWd {
  font-weight: 500;
}

.JDQqtF5P2RuWgDw_HIKA {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
}

@media (width<1300px) {
  .JDQqtF5P2RuWgDw_HIKA {
    flex-direction: column;
  }
}

.SPCJtCPw8PrDQ1czHeMH {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #0d0d0d;
}

.i72iFWkXYNbJIRQSmGav {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #0d0d0d;
}

@media (width<1300px) {
  .SPCJtCPw8PrDQ1czHeMH,
  .i72iFWkXYNbJIRQSmGav,
  .RnYHxl80K1pGVP83jPuv {
    text-align: center;
  }
}

.NlO1TQKPBb6UXAj44kM8 {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}
.RAP22NsBH7YCUxSuoclC {
  font-size: 14px;
  color: #24223e;
  text-align: center;
  line-height: 1.5;
}

.q5G1a_pGKMIwYku6reSF {
  font-size: 14px;
  color: #24223e;
}
.tXQWV5cbSoBNz74Vc3VM {
  font-size: 14px;
  color: #24223e;
}

.e731qKyVUn3VYr0wqBjg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.QXH98i56CWUs4UvofMIe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 120px;
}

.xoHsXGMEd4HnoajAKg4d {
  padding: 50px 20px;
  border-radius: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  background-color: #f2f2f2;
  align-items: start;
  margin-top: 30px;
  margin-bottom: 30px;
}

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

@media (width<1300px) {
  .wOT6okrs6gscE48_DyLW {
  }
}

.RnYHxl80K1pGVP83jPuv {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  line-height: 1.5;
}

.c001LlIo95hvONkZQ4WH {
  color: #7f7f7f;
  font-weight: 900;
  font-size: 14px;
}

.WbIi8dssj6fFtemvjy6y {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  margin-top: 30px;
  text-align: center;
}

.ggvwwToSw80BZYwagNEh {
  font-size: 14px;
  color: #24223e;
  font-weight: 500;
  cursor: pointer;
}

@media (width<1300px) {
  .QXH98i56CWUs4UvofMIe {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.Tfu4p_I7NYWEcBQKxlK6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.LPP0b6rS7FVCETmO_BvH {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 40px;
}
.MlS7fA2ebVKzbvOj1lDm {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 20px;
}

.y9RDc7axLMIvVluo6Ekg {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .y9RDc7axLMIvVluo6Ekg {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.rQJuHgSulGtejTNCWkbs {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  /* padding: 50px ; */
  margin-bottom: 150px;
}
@media (width<1300px) {
  .rQJuHgSulGtejTNCWkbs {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }
}

@media (width<1300px) {
  .MlS7fA2ebVKzbvOj1lDm {
    justify-content: center;
    align-items: center;
  }
  .LPP0b6rS7FVCETmO_BvH {
    justify-content: center;
    align-items: center;
  }
}

.NSwG5EwPGhZEXzRzHlw2 {
  color: #002aff;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
}

.w1IywTLmOACaiLxVj8M_ {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.eus88Fvl3TS6WHZcCFBr {
  text-align: end;
}

.Z2XVrBAPUA9Ki98a52Ww {
  margin: 20px 0 20px 0;
}

.dRAmIEYXzVf2JLUOTTTJ {
  font-weight: 900;
}

.w0yVHfDG8cl2M_ckOYeu {
  font-weight: 900;
  margin-bottom: 20px;
}

.AcTmeY9yvCmqXy7pXR4g {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.IRjPzS6lm8RLlD_yUmhN {
  position: relative;
  right: -12%;
  max-width: 700px;
}
.d3H4CPiONcc_utH7U1Si {
  position: relative;
  right: -8%;
  max-width: 600px;
}

.pcd0k6Y5Yz1k1xmvg31Z {
  position: relative;
  max-width: 600px;
}



.SR5F81nvN7vXL07dSHl3{
position: relative;
}


@media (width<1300px) {
  .IRjPzS6lm8RLlD_yUmhN {
    right: 0;
    width: 70vw;
    margin-top: 20px;
  }
  .d3H4CPiONcc_utH7U1Si {
    right: 0;
    width: 90%;
    margin-top: 20px;
  }
  .pcd0k6Y5Yz1k1xmvg31Z {
    width: 80vw;
    margin-top: 20px;
  }
}

.uSoSJh9uQJK1j7ean1A3 {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffeeaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.sc3lmFI0PE11Sdm4bEJp {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #c7c7f1;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.raqlOBoA9qMdc2v59Yj1 {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffb9c6;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.F1rI76QmMdVoJLZWLi6Q {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c3f2cb;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.B2Tp8NhH7QAdThZNBXnk {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c8edfd;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.h2VqNadJMZNejQL0WzR9 {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffdcaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

@media (width<1300px) {
  .uSoSJh9uQJK1j7ean1A3,
  .B2Tp8NhH7QAdThZNBXnk,
  .F1rI76QmMdVoJLZWLi6Q,
  .raqlOBoA9qMdc2v59Yj1,
  .sc3lmFI0PE11Sdm4bEJp,
  .B2Tp8NhH7QAdThZNBXnk,
  .h2VqNadJMZNejQL0WzR9 {
    max-width: 700px;
    left: -10%;
    right: -10%;
  }
}
@media (width<852px) {
  .IRjPzS6lm8RLlD_yUmhN {
    left: 0;
  }
  .d3H4CPiONcc_utH7U1Si {
    left: 0;
  }
}

.lAlWem6tyiCcScMQt7Lw {
  max-width: 100%;
}

.d7Au7DGnnq1TdHnaRx4W {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .d7Au7DGnnq1TdHnaRx4W {
    justify-content: center;
    width: 100%;
  }
  .eus88Fvl3TS6WHZcCFBr {
    text-align: center;
  }
  .w1IywTLmOACaiLxVj8M_ {
    text-align: center;
  }
}

.zhcRQXVFXuwV5siWSS_k {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .zhcRQXVFXuwV5siWSS_k {
    left: 0;
    width: 50vw;
  }
}

@media (width<852px) {
  .zhcRQXVFXuwV5siWSS_k {
    left: 0;
  }
}

.ufh1LFieYYdrlT5nTQis {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.qsXvKT8AjKcaWV7l27mV {
  margin-bottom: 20px;
}

@media (max-width: 1300px) {
  .uxK1xonJRbEvq7ulRpdv {
    order: 2;
  }
}

.Pe06pz9BAZOAnTg1aDV4 {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
}

.f0CTLREJ15V7A09kyi6g {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  height: 60px;
  gap: 20px;
  overflow: hidden;
  height: 100%;
}

.i_NgT02YVbrnxqgYFIQo {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  overflow: hidden;
  margin-left: -40px;
  height: 60px;
  gap: 20px;
  height: 100%;
}

.VaVA0gGliY3Kro2IzGgl {
  background: #ffffff;
  border-radius: 10px;
  min-width: 170px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  min-height: 50px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hsQsHddWoa3eMA7cB1bA {
  border-radius: 10px;
}

.zOCgWG3qvr5dl9IYKHYO {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .zOCgWG3qvr5dl9IYKHYO {
    margin-bottom: 100px;
  }
}

@media (width<800px) {
  .zOCgWG3qvr5dl9IYKHYO {
    margin-bottom: 50px;
  }
}
@media (width<600px) {
  .zOCgWG3qvr5dl9IYKHYO {
    width: 80%;
    margin-bottom: 50px;
  }
}

.Yv0qlt3xU9tpXScHEpJj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

@media (width<900px) {
  .Yv0qlt3xU9tpXScHEpJj {
    font-size: 16px;
    margin: 60px 0 10px 0;
  }
}

.s89Jc9Q1EX41wUIW6nwm {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.Lwcve3T3FvfGkCJzPWX_ {
  display: flex;
  gap: 10px;
}

.Lwcve3T3FvfGkCJzPWX_ img {
  height: 20px;
}

.Lwcve3T3FvfGkCJzPWX_ p {
  font-size: 14px;
}

.lNMPdG9cwUXZgZz8SKIC {
  cursor: pointer;
  border: none;
  background: none;
}

._hcyETEUqI4JmgFe7qP_ {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.mcm3vmhGSUm1AQgQpCIN {
  width: 150px;
  height: 4px;
  background-color: #ff2d55;
}

.GMbw_FufIeVeUUUBqDC2 {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.K8S46CkycXZdk4q7gWxj {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.R00jl1VHl5R6w_KDglpe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.eELWlpWPhOofJasujIn2 {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .eELWlpWPhOofJasujIn2 {
    right: -400px;
  }
}
@media (width<600px) {
  .eELWlpWPhOofJasujIn2 {
    right: -450px;
  }
}

@media (width>1400px) {
  .eELWlpWPhOofJasujIn2 {
    display: none;
  }
}

.ii1CNLnTHoE1MIKdtw5F {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 20px;
  margin: 50px 0 10px 0;
  gap: 10px;
}

@media (width<557px) {
  .ii1CNLnTHoE1MIKdtw5F {
    padding: 10px;
  }
}

.OzFmW9HnxE6pX5A49pAf {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1300px) {
  .OzFmW9HnxE6pX5A49pAf {
    margin-left: 0;
  }
}

.ii1CNLnTHoE1MIKdtw5F img {
  height: 20px;
}

.D_TYXc6uGtGFbUrT4K3L {
  width: 150px;
  height: 4px;
  background-color: #ffcc00;
}

.O9zoxz8zeWf_gkzrLQ3Q {
  position: relative;
}

.nLzB3DeFfQvm_bkX8wMe {
  color: #007aff;
  font-family: Helvetica;
}

.mF7v8v1KqGy2DFjF3vvu {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 14px;
  color: #0d0d0d;
}

@media (width<1300px) {
  .mF7v8v1KqGy2DFjF3vvu {
    text-align: center;
  }
}

.tuD2YnI0MpqONfpRFFdJ {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
  display: block;
}
.CTGt1sIM5GdjiKN4FnYs {
  font-size: 14px;
  color: #24223e;
  text-align: center;
}

.pK4seKi7vhHQzocnTCnc {
  font-size: 14px;
  color: #24223e;
}
.L6kfJQhAxk8BZVbYFh5H {
  font-size: 14px;
  color: #24223e;
}

.m9pL1H0NtDTqAZopSEzw {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.eL7GNuFTGhU9ceK4PyaH {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 70px;
}

.c0AQtmP7QrCEBqBzWxSS {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.lfS3dnXVfx1pMjye7vog {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
@media (width<1300px) {
  .eL7GNuFTGhU9ceK4PyaH {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.WZAEUtyf4vfoIfFoGUtL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.MNVbjOEsVaBPRWbVMukg {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}
.r9kEPaRocxKPY4CtEqBQ {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}

@media (width<1300px) {
  .MNVbjOEsVaBPRWbVMukg {
    justify-content: center;
    align-items: center;
  }
  .r9kEPaRocxKPY4CtEqBQ {
    justify-content: center;
    align-items: center;
  }
}

.Exwc1X4tXO0acPmuoAPv {
  color: #002aff;
  font-size: 14px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 500;
}

.xeOgGkV4KpAQ768CRF7Q {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.UWLWJ4lmSeyH4xuMEU3U {
  text-align: end;
}

.F7X6KeYfEb_Ul5I6Aumx {
  margin: 20px 0 20px 0;
}

.SJjQHvVuvLnajU3km1bU {
  font-weight: 900;
}

.BCNXMEihmIsjXG2_u0Xs {
  font-weight: 900;
  margin-bottom: 20px;
}

.ZXSNIvj7GQjEEL0pNfuA {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.VKT1BQelSBNdG1zQSELY {
  position: relative;
  right: -12%;
  max-width: 700px;
}

.dDTZ0A9U4q9u4xu8sNVf {
  position: relative;
  right: -8%;
  max-width: 600px;
}

.eTgy4asgJf65BVbKP3y_ {
  position: relative;
  max-width: 600px;
}

@media (width<1300px) {
  .VKT1BQelSBNdG1zQSELY {
    right: 0;
    width: 80vw;
    margin-top: 20px;
  }
  .dDTZ0A9U4q9u4xu8sNVf {
    right: 0;
    width: 90vw;
    margin-top: 20px;
  }
  .eTgy4asgJf65BVbKP3y_ {
    width: 80vw;
    margin-top: 20px;
  }
}

.vvb42EuRdrq_iDe3RujC {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffeeaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.HelXGG_wSijTzARfYZk_ {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c7c7f1;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.W3f508DbZAV2_aAHctKR {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffb9c6;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.SHYjCJ1nehJFe4oo4jvz {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c3f2cb;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}
.VP2OFGzr3YdRwN93Jf6c {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #5ac8fa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.BLLBhwTaEUd43KMJJU1B {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffdcaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

@media (width<1300px) {
  .BLLBhwTaEUd43KMJJU1B,
  .VP2OFGzr3YdRwN93Jf6c,
  .SHYjCJ1nehJFe4oo4jvz,
  .W3f508DbZAV2_aAHctKR,
  .HelXGG_wSijTzARfYZk_,
  .vvb42EuRdrq_iDe3RujC {
    max-width: 700px;
    left: -10%;
    right: -10%;
  }
}
@media (width<852px) {
  .VKT1BQelSBNdG1zQSELY {
    left: 0;
  }
  .dDTZ0A9U4q9u4xu8sNVf {
    left: 0;
  }
}

.AX3_9N_1o_A4v8GS_4UT {
  max-width: 100%;
}

.XZsNTUW17JP76HIHUKzv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .XZsNTUW17JP76HIHUKzv {
    justify-content: center;
    width: 100%;
  }
  .UWLWJ4lmSeyH4xuMEU3U {
    text-align: center;
  }
  .xeOgGkV4KpAQ768CRF7Q {
    text-align: center;
  }
}

.dzh4jUkzLjALV5bhSOLL {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

@media (width<852px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

.ZJ7En1KKMkFEzpS6c2nh {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.dfUgjETpIPBWO73qvcjw {
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  .Hz_XFo4ddjFMY7jIk1cY {
    order: 2;
  }
}

.OtMTlzgFzLMN48wQ_eXl {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
  position: relative;
}

.OtMTlzgFzLMN48wQ_eXl::before,
.OtMTlzgFzLMN48wQ_eXl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  pointer-events: none;
}

.OtMTlzgFzLMN48wQ_eXl::before {
  left: 0;
  background: linear-gradient(
    to right,
    rgb(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  z-index: 1;
}

.OtMTlzgFzLMN48wQ_eXl::after {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
}

.piRY39fRIqxiPORcl4xq {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Wdc3q6pr_7m8dTnWgrD8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

@keyframes PjIJE_l2091f8KkgOcfg {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes _Uv7nL8TP7wgOXWa46K1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.R00jl1VHl5R6w_KDglpe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.eELWlpWPhOofJasujIn2 {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .eELWlpWPhOofJasujIn2 {
    right: -400px;
  }
}
@media (width<600px) {
  .eELWlpWPhOofJasujIn2 {
    right: -450px;
  }
}

@media (width>1400px) {
  .eELWlpWPhOofJasujIn2 {
    display: none;
  }
}

.ixb5JA3WrQ3W0uPxOuKw {
  font-size: 16px;
  line-height: 1.5;
  color: #24223e;
}

.OzFmW9HnxE6pX5A49pAf {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1200px) {
  .OzFmW9HnxE6pX5A49pAf {
    margin-left: 0;
  }
}

.ii1CNLnTHoE1MIKdtw5F img {
  height: 20px;
}

.vNpp9Xlcg8adv0Oqy9As {
  color: #7f7f7f;
  font-weight: 900;
  font-size: 14px;
}

.OOpNKGonuRnaabbgGEss {
  color: #007aff;
  font-family: Helvetica;
  font-size: 18px;
  font-weight: bold;
}

.KemCd7ToLbS6zYeS7LdA {
  font-weight: 500;
}

.nLzB3DeFfQvm_bkX8wMe {
  color: #007aff;
  font-family: Helvetica;
}
.K1KffaWUkGNdDQoeNKlV {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #0d0d0d;
}
@media (width<1300px) {
  .K1KffaWUkGNdDQoeNKlV {
    text-align: center;
  }
}
.mF7v8v1KqGy2DFjF3vvu {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #0d0d0d;
}

@media (width<1200px) {
  .mF7v8v1KqGy2DFjF3vvu {
    text-align: center;
  }
}

.tuD2YnI0MpqONfpRFFdJ {
  color: #007aff;
  font-family: Helvetica;
}
.CTGt1sIM5GdjiKN4FnYs {
  font-size: 14px;
  color: #24223e;
  text-align: center;
}

.pK4seKi7vhHQzocnTCnc {
  font-size: 14px;
  color: #24223e;
}
.L6kfJQhAxk8BZVbYFh5H {
  font-size: 14px;
  color: #24223e;
}

.eL7GNuFTGhU9ceK4PyaH {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 120px;
}

.lfS3dnXVfx1pMjye7vog {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  margin-top: 30px;
  line-height: 1.5;
}
@media (width<1300px) {
  .eL7GNuFTGhU9ceK4PyaH {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.WZAEUtyf4vfoIfFoGUtL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.MNVbjOEsVaBPRWbVMukg {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}

@media (width<1300px) {
  .MNVbjOEsVaBPRWbVMukg {
    justify-content: center;
    align-items: center;
  }
  .r9kEPaRocxKPY4CtEqBQ {
    justify-content: center;
    align-items: center;
  }
}

.Exwc1X4tXO0acPmuoAPv {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.xeOgGkV4KpAQ768CRF7Q {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.UWLWJ4lmSeyH4xuMEU3U {
  text-align: end;
}

.F7X6KeYfEb_Ul5I6Aumx {
  margin: 20px 0 20px 0;
}

.SJjQHvVuvLnajU3km1bU {
  font-weight: 900;
}

.BCNXMEihmIsjXG2_u0Xs {
  font-weight: 900;
  margin-bottom: 20px;
}

.ZXSNIvj7GQjEEL0pNfuA {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.VKT1BQelSBNdG1zQSELY {
  position: relative;
  right: -12%;
  max-width: 700px;
}

.eTgy4asgJf65BVbKP3y_ {
  position: relative;
  max-width: 600px;
}

@media (width<1300px) {
  .VKT1BQelSBNdG1zQSELY {
    right: 0;
    width: 80vw;
    margin-top: 20px;
  }
  .dDTZ0A9U4q9u4xu8sNVf {
    right: 0;
    width: 90vw;
    margin-top: 20px;
  }
  .eTgy4asgJf65BVbKP3y_ {
    width: 80vw;
    margin-top: 20px;
  }
}

@media (width<852px) {
  .VKT1BQelSBNdG1zQSELY {
    left: 0;
  }
}

.AX3_9N_1o_A4v8GS_4UT {
  max-width: 100%;
}

.XZsNTUW17JP76HIHUKzv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .XZsNTUW17JP76HIHUKzv {
    justify-content: center;
    width: 100%;
  }
  .UWLWJ4lmSeyH4xuMEU3U {
    text-align: center;
  }
  .xeOgGkV4KpAQ768CRF7Q {
    text-align: center;
  }
}

.dzh4jUkzLjALV5bhSOLL {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

@media (width<852px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

.ZJ7En1KKMkFEzpS6c2nh {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.dfUgjETpIPBWO73qvcjw {
  margin-bottom: 20px;
}

@media (max-width: 1300px) {
  .Hz_XFo4ddjFMY7jIk1cY {
    order: 2;
  }
}

.OtMTlzgFzLMN48wQ_eXl {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
}

.piRY39fRIqxiPORcl4xq {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (width<1300px) {
  .piRY39fRIqxiPORcl4xq {
    margin-bottom: 100px;
  }
}

@media (width<800px) {
  .piRY39fRIqxiPORcl4xq {
    margin-bottom: 50px;
  }
}

@media (width<600px) {
  .piRY39fRIqxiPORcl4xq {
    width: 80%;
    margin-bottom: 50px;
  }
}
.Wdc3q6pr_7m8dTnWgrD8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

/* @keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-101.6%);
  }
}

@keyframes slide2 {
  from {
    transform: translateX(-101.6%);
  }
  to {
    transform: translateX(0);
  }
} */

@keyframes PjIJE_l2091f8KkgOcfg {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes _Uv7nL8TP7wgOXWa46K1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.Hg2QumYO_JDIRpQQeoy5 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.i1nFTzDPiuuNdqstTY0k {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.cqAykFjbENDXRTfrtteK {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  height: 60px;
  padding: 15px;
  gap: 20px;
  height: 100%;
  animation: 40s PjIJE_l2091f8KkgOcfg linear infinite;
  flex-shrink: 0;
}

.Ldm90KApA8KrYS0lKtJ4 {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  height: 60px;
  gap: 20px;
  padding: 15px;
  height: 100%;
  animation: 40s _Uv7nL8TP7wgOXWa46K1 linear infinite;
  flex-shrink: 0;
}

.FbVbc1pQhbj3iwbSb_zt {
  background: #ffffff;
  border-radius: 10px;
  min-width: 60px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  min-height: 50px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xi7bQcJOpPDhCfU7kW7n {
  border-radius: 10px;
  width: 60%;
}

@media (width<900px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 14px;
    width: 60%;
    margin: 20px 0 10px 0;
  }
}
@media (width<600px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 12px;
    width: 70%;
    margin: 20px 0 10px 0;
  }
}

.SbA5Wn6bUm93PSD6rEYO {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o {
  display: flex;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o img {
  height: 20px;
}

.FbqUQz2uhaBp59c5Eu6o p {
  font-size: 14px;
}

.i1nFTzDPiuuNdqstTY0k {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.NWZ7MTHcrBH6grMh8o9f {
  width: 20px;
  flex-shrink: 0;
}

@media (width<900px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 14px;
    width: 60%;
    margin: 20px 0 10px 0;
  }
}
@media (width<600px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 12px;
    width: 70%;
    margin: 20px 0 10px 0;
  }
}

.SbA5Wn6bUm93PSD6rEYO {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o {
  display: flex;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o img {
  height: 20px;
}

.FbqUQz2uhaBp59c5Eu6o p {
  font-size: 14px;
}

.T3KFCmu1Y63ekVffUGz4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.iKOBY1c4RrCFMMQWygao {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.Or0YGhkWHb32zbERCtfB {
  cursor: pointer;
  border: none;
  background: none;
}

.bC1KJIszlI7seMA135oU {
  color: #002aff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}

@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay100ms: 100ms;
  --animate-delay200ms: 200ms;
  --animate-delay300ms: 300ms;
  --animate-delay300ms: 320ms;
  --animate-delay300ms: 330ms;
  --animate-delay400ms: 400ms;
  --animate-delay500ms: 500ms;
  --animate-delay600ms: 600ms;
  --animate-delay700ms: 700ms;
  --animate-delay800ms: 800ms;
  --animate-delay900ms: 900ms;
  --animate-delay1100ms: 1100ms;
  --animate-delay1200ms: 1200ms;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-100ms {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-delay: var(--animate-delay100ms);
  animation-delay: var(--animate-delay100ms);
}
.animate__animated.animate__delay-200ms {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
  -webkit-animation-delay: var(--animate-delay200ms);
  animation-delay: var(--animate-delay200ms);
}
.animate__animated.animate__delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-delay: var(--animate-delay300ms);
  animation-delay: var(--animate-delay300ms);
}
.animate__animated.animate__delay-320ms {
  -webkit-animation-delay: 320ms;
  animation-delay: 320ms;
  -webkit-animation-delay: var(--animate-delay320ms);
  animation-delay: var(--animate-delay320ms);
}
.animate__animated.animate__delay-330ms {
  -webkit-animation-delay: 330ms;
  animation-delay: 330ms;
  -webkit-animation-delay: var(--animate-delay330ms);
  animation-delay: var(--animate-delay330ms);
}
.animate__animated.animate__delay-400ms {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
  -webkit-animation-delay: var(--animate-delay400ms);
  animation-delay: var(--animate-delay400ms);
}
.animate__animated.animate__delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-delay: var(--animate-delay500ms);
  animation-delay: var(--animate-delay500ms);
}
.animate__animated.animate__delay-600ms {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
  -webkit-animation-delay: var(--animate-delay600ms);
  animation-delay: var(--animate-delay600ms);
}
.animate__animated.animate__delay-700ms {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
  -webkit-animation-delay: var(--animate-delay700ms);
  animation-delay: var(--animate-delay700ms);
}
.animate__animated.animate__delay-800ms {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  -webkit-animation-delay: var(--animate-delay800ms);
  animation-delay: var(--animate-delay800ms);
}
.animate__animated.animate__delay-900ms {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
  -webkit-animation-delay: var(--animate-delay900ms);
  animation-delay: var(--animate-delay900ms);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-1100ms {
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
  -webkit-animation-delay: var(--animate-delay1100ms);
  animation-delay: var(--animate-delay1100ms);
}
.animate__animated.animate__delay-1200ms {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
  -webkit-animation-delay: var(--animate-delay1200ms);
  animation-delay: var(--animate-delay1200ms);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 1.1);
  animation-duration: calc(1s * 1.1);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.1);
  animation-duration: calc(var(--animate-duration) * 1.1);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slowest {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

.animatecharacter {
  background-image: linear-gradient(
    -225deg,
    #ffffff 0%,
    #80d0ff 50%,
    #007aff 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}

@keyframes textclip {
  to {
    background-position: -200% center;
  }
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.DmrRLpp8tnXDxUa3gGeO {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.uDzpEV9scKAJbk6zCjxV {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 70px;
}

.gsxUHqebJsFMDzp4CDQN {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.b1pyywEjyGHaetl2ioDR {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
}

.KtzGpfoWPL16_hri6U5y {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.gpMjmAxNsespd1TGVxgv {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  color: #24223e;
  margin-bottom: 20px;
  text-align: center;
}
.AbWt0VjuCmWlE6Wnb7BA {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #24223e;
}


.K2rsRCPaCU8HoF8qxUgN {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  color: #24223e;
  margin-bottom: 30px;
  padding: 30px;
}

.aBlEtiJISwhCI9ijb7h5 {
  font-family: helvetica;
  font-weight: 900;
  color: #24223e;
  padding: 30px;
  font-size: 34px;
  margin-bottom: 30px;
  text-align: center;
}

._s_rG7Sv4QexX6bTJGrj {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.x0bsT6BrHZrkZ1BUfdbL {
  font-size: 14px;
  font-family: Roboto;
}

.yUp7c3Ic6EfJa9aNKZ8H {
  font-size: 16px;
  font-family: Roboto;
  color: #24223e;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.VChZqu3_wzgHWlwpD0xy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

.YpK0h3NAY8ZwtAbk1dgV {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 90%;
  height: 51px;
  padding: 30px;
  /* margin: 0 0 10px 0; */
}
@media (width<557px) {
  .VChZqu3_wzgHWlwpD0xy {
    font-size: 16px;
    margin: 20px 0 10px 0;
  }
}

.mW2ax_aHUoN0AecYXR07 {
  color: #007aff;
  font-family: Helvetica;
}

.R6bbEhJQ5JTI9zck_ydo {
  max-width: 100%;
}

.llxfTV617iCiXn8FAfRO {
  font-size: 14px;
  font-family: Roboto;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1200px) {
  .llxfTV617iCiXn8FAfRO {
    margin-left: 0;
  }
}

.bOQwsi4Yfr38n0RMf7Bm {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.ZSaRO8pI9GsIqKXggBFQ {
  width: 70%;
}

@media(width<600px){
  .ZSaRO8pI9GsIqKXggBFQ {
    width: 90%;
  }
}

.o4_qR5OXDcvpTIzOKLMh {
  position: absolute;
  top: 16px;
  left: 40px;
}

.zg3Y5emj7sQ7ACeXxUEL {
  width: 94%;
}

.Uh0yE6rAvEsXuCmTSwCV {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (width<1000px) {
  .Uh0yE6rAvEsXuCmTSwCV {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width<700px) {
  .Uh0yE6rAvEsXuCmTSwCV {
    grid-template-columns: repeat(1, 300px);
  }
}
@media (width<450px) {
  .Uh0yE6rAvEsXuCmTSwCV {
    grid-template-columns: repeat(1, 250px);
  }
}

.A37VkCWj_rcO2ApVwxGS {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.FMZsA9bWBhgFwcjxD4ul {
  border: 1px solid #007aff;
  width: 20%;
  border-radius: 50%;
}

.FJEZ5bODXRa5yACdngv7 {
  width: 100%;
}

.ycavPJ4iN3Sk9bjf4AkS {
  text-align: center;
  font-size: 24px;
  color: #24223e;
  font-family: Helvetica;
  padding: 20px;
  font-weight: 700;
}

.e1IZ_dRAS0ur_KkCxE6Z {
  text-align: center;
  font-size: 14px;
  color: #424242;
  font-family: Roboto;
}

.V1d4NUSObM61AixpqI9S {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-evenly;
  gap: 100px;
}

.WT7jWNbcFESGWs5fhn3w {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  font-size: 12px;
  font-family: Roboto;
  background-color: #c8edfd;
  border-radius: 50%;
  position: relative;
}
.RGxCWmNT0B9UfZLid_05 {
  width: 100px;
  height: 100px;
  background-color: #c8edfd;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  font-size: 12px;
  font-family: Roboto;
}

@media (width<1000px) {
  .V1d4NUSObM61AixpqI9S {
    flex-direction: column;
    align-items: start;
    /* gap: 120px; */
  }
  .WT7jWNbcFESGWs5fhn3w {
    transform: rotate(90deg);
  }
  .x0bsT6BrHZrkZ1BUfdbL {
    text-align: center;
  }
  .EPZ9MYIwlkSOFWOBb7Sd {
    transform: rotate(270deg);
  }
  .WT7jWNbcFESGWs5fhn3w {
    width: 50px;
    height: 50px;
  }
  .RGxCWmNT0B9UfZLid_05 {
    width: 50px;
    height: 50px;
  }
  .V1d4NUSObM61AixpqI9S {
    gap: 0px;
  }
}

.WT7jWNbcFESGWs5fhn3w::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 100px);
  height: 1px;
  background-color: #2c3e50;
  left: 100%;
  z-index: -1;
}

@media (width<1000px) {
  .WT7jWNbcFESGWs5fhn3w::before {
    width: calc(100% + 20px);
  }
}

.zMApxN7D5XyJoWqyAMpE {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 10px;
}

.Apz3iFUzHJN_ezCSHizY {
  display: flex;
  gap: 10px;
}

.Apz3iFUzHJN_ezCSHizY img {
  height: 20px;
}

.Apz3iFUzHJN_ezCSHizY p {
  font-size: 14px;
  font-family: Roboto;
}

.U1x2Obya0xj7MLfkWmqE {
  display: flex;
  flex-direction: column;
  height: 180px;
  gap: 10px;
  align-items: center;
}

@media (width<1000px) {
  .U1x2Obya0xj7MLfkWmqE {
    flex-direction: row;
    height: 120px;
  }
  .Mriy6a2qOFhAnvNuKIoq {
    display: flex;
    flex-direction: column;
  }
}

.eSkrvJ10Om7WqkveZDtS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.XAIjsJAmL7fvagmRU6Rr {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.V7X_SeutFTBgGhbU3Ekk {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
.VGeaqiub_X2ErCE2GKAj {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 25px;
  padding: 10px;
}

.h4hXa4jaMeHLpXYg79dM {
  margin-top: -35px;
}

.e3x1kOqQk9tv5vQyyDDw {
  width: 50%;
}
.V00uxbcZnjNGQa_dLrTV {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}



.uDcG0CRUKN4fCjX8yPzk {
  font-size: 16px;
  width: 560px;
  text-align: center;
  color: #24223e;
  margin-top: 10px;
}

@media (width<600px) {
  .uDcG0CRUKN4fCjX8yPzk {
    width: 90%;
  }
  .VGeaqiub_X2ErCE2GKAj {
    font-size: 34px;
  }
  .V00uxbcZnjNGQa_dLrTV {
    font-size: 34px;
  }
}

.l2l4qOBpNcGoh5KoK4ng {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 50px 0 50px 0;
}

.yOZHtQi3HbQUEgRuBWYe {
  color: #007aff;
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
}

.ptkUCfzrMPCj7j17wC0y {
  max-width: 100%;
}

.z70jycMKSpaasl9fQDl7 {
  display: flex;
  justify-content: center;
}
.FrmBJpH94fZZkwXrlFaB {
  width: 70%;
}

@media (width<600px) {
  .FrmBJpH94fZZkwXrlFaB {
    width: 90%;
  }
}

.fDkW4QzCn1r4kHSy1sgg {
  margin-bottom: 100px;
  padding: 0 100px;
}

.rxUHEHJ6uLLjeZMrKcCV {
  margin-bottom: 100px;
}
.CS1utbp96E9UDdZPNbp8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}
.tU6q4K_sK8uMJ9TkRauD {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.yAZc7IZPHfm99k2QVW81 {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
}

.PyIidTzCw8HTBM39SeNu {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.BQpgDxzTZT0M_867Ppgs {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}

@media (width<600px) {
  .yAZc7IZPHfm99k2QVW81,
  .PyIidTzCw8HTBM39SeNu {
    font-size: 24px;
  }
}

.UiImQ9JvgLVd_1fwRtmh {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: start;
}
._WqmcbGqL7u6Zpl_Uada {
  display: flex;
  padding: 0 20px;
}

@media (width<1000px) {
  ._WqmcbGqL7u6Zpl_Uada {
    padding: 0;
  }
  .fDkW4QzCn1r4kHSy1sgg {
    padding: 0;
  }
  .tU6q4K_sK8uMJ9TkRauD {
    align-items: center;
  }
}

.GpmTF7ESWGNiDgumbkIc {
  display: none;
}

@media (width<1100px) {
  ._WqmcbGqL7u6Zpl_Uada {
    display: none;
  }
  .GpmTF7ESWGNiDgumbkIc {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.JbRzVaaAh9RVTJlz96WL {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
}

.KoG15FygKUO5sUMyn_g2 {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

@media (width<600px) {
  .KoG15FygKUO5sUMyn_g2 {
    font-size: 18px;
  }
}

.nasFZlhuyIE0ikT2MLQX {
  font-size: 14px;
  color: #24223e;
}

.vnREPH8_UP2OMIxmH5jg {
  padding-right: 10px;
}

.RGB1HUjwylChRpSoMLBK {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 10px;
  margin-top: 20px;
}

.Ut3dQV5X3BnyM3LKBfnP {
  font-size: 14px;
  color: #24223e;
}

@media (width<1100px) {
  ._WqmcbGqL7u6Zpl_Uada {
    flex-direction: column;
    justify-content: center;
  }

  .vnREPH8_UP2OMIxmH5jg {
    width: 90%;
  }
  .Ut3dQV5X3BnyM3LKBfnP {
    margin-bottom: 60px;
  }
}

.QA_teXLWmctaYoh7H2Cu {
  width: 100%;
  display: flex;
}

.GyjwNU8HzilgRtnqGTHM {
  width: 90%;
  margin: auto;
}

.pbTSBRdEbcgZCqGuTp34 {
  margin-top: 100px;
}
.RFZUvTtY6muuhlmUgmXY {
  margin-top: 50px;
}

.YqH72oxqGe5_kuhw0orQ {
  background-color: #c8edfd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
}

.hG_xcdF7pjxQsm5fa3Vr {
  position: relative;
  width: 80%;
  bottom: -100px;
  border-radius: 30px;
}
.U8OPj0t_mdrdrkphO0pS {
  width: 100%;
}

.TRTUJPzkVWGINYPgXWfe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
}

.CeE7QC_rtngUCpBcQ9sx {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<800px) {
  .CeE7QC_rtngUCpBcQ9sx {
    font-size: 24px;
  }
}

.g2z_QJM3dypMSXTPwI4d {
  font-size: 16px;
  color: #24223e;
  text-align: center;
  width: 80%;
}

.Mb9PttDYtK26gRm0vvlQ {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
  margin-top: 100px;
}

.GUcprGXXcOgkk6VE4rvb {
  position: relative;
  width: 80%;
  bottom: -100px;
}
.mMOAf4n0c8rPf_G7cat3 {
  width: 100%;
}
@media (width<600px) {
  .GUcprGXXcOgkk6VE4rvb {
    width: 90%;
  }
}

.W4EHUES80NZkKX4UEyh4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 30px;
}

.RX8b9zLR_2eH54wjYcdA {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

.H76JNhspFQfgynqEZSTP {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<600px) {
  .RX8b9zLR_2eH54wjYcdA,
  .H76JNhspFQfgynqEZSTP {
    font-size: 24px;
  }
}
.vRcPNyWoYerKApSFebBI {
  font-size: 16px;
  color: #24223e;
  text-align: center;
  width: 80%;
}

.cqfh8iui905wC3wvPD0R {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.pV20PSvcZdKfiqxWVTk7 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
._nvnl19L3997WtU733su {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 25px;
  padding: 10px;
}

.rN9b_ho2vJR7I6ByCazo {
  margin-top: -35px;
}

.WSyWLP0QQiyajgalIokW {
  width: 50%;
}
.CKfZ5z6pb8Dj3aHEGe6F {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}


.qFILwUztoxZZt_afW3wt {
  font-size: 16px;
  width: 560px;
  text-align: center;
  color: #24223e;
  margin-top: 10px;
}

@media (width<600px) {
  .qFILwUztoxZZt_afW3wt {
    width: 90%;
  }
  ._nvnl19L3997WtU733su {
    font-size: 34px;
  }
  .CKfZ5z6pb8Dj3aHEGe6F {
    font-size: 34px;
  }
}

.vmvC3clbkQUWwtL9qUre {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 50px 0 50px 0;
}

.RUHkp9kZEKIWvROUs6cO {
  color: #007aff;
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
}

.PCks51VelkInScONMxpg {
  max-width: 100%;
}

.gmpF8xHTehONZutMi7Nr {
  display: flex;
  justify-content: center;
}
.jUF0TimFC0aIS4XmZU53 {
  width: 70%;
}

@media (width<600px) {
  .jUF0TimFC0aIS4XmZU53 {
    width: 90%;
  }
}

.DbDfmHv6MSPF0cmH0qGj {
  margin-bottom: 100px;
  padding: 0 100px;
}

.lNaEdGK64JJ0JVdd5SZN {
  margin-bottom: 100px;
}
.ofVcyMrD5K9xcW8ddtDA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}
.DHS2w0e8j1a05vzNTpiH {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.FWz1dUEJeuk4QfQAS5gT {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
}

.KFLCxoz80W9Omf6j3DRg {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

@media (width<600px) {
  .FWz1dUEJeuk4QfQAS5gT,
  .KFLCxoz80W9Omf6j3DRg {
    font-size: 24px;
  }
}

.OKoCWuSuXQA3e04ctQK2 {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}

.UZTBzzEgdAtAyV6OXBmA {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: start;
}
.z26rojVfJySBsGxhuZpL {
  display: flex;
  padding: 0 20px;
}

@media (width<1000px) {
  .z26rojVfJySBsGxhuZpL {
    padding: 0;
  }
  .DbDfmHv6MSPF0cmH0qGj {
    padding: 0;
  }
  .DHS2w0e8j1a05vzNTpiH {
    align-items: center;
  }
}

.Unc4ODWD43oNjWvxiJ6K {
  display: none;
}

@media (width<1100px) {
  .z26rojVfJySBsGxhuZpL {
    display: none;
  }
  .Unc4ODWD43oNjWvxiJ6K {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.DNiGx7oRU86N8ZrHvOG2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
}

.FZEa1qYCELf34I4J5JL2 {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

@media (width<600px) {
  .FZEa1qYCELf34I4J5JL2 {
    font-size: 18px;
  }
}
.moHrY2G7ftFjCzb1Uwgd {
  font-size: 14px;
  color: #24223e;
}

.nOXrYWmSt45QMzMXH8dl {
  padding-right: 10px;
}

.q3Uvn2bO_i6finvzokvd {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 10px;
  margin-top: 20px;
}

.CXEb_w1smkY63M8ZQ7ey {
  font-size: 14px;
  color: #24223e;
}

@media (width<1100px) {
  .z26rojVfJySBsGxhuZpL {
    flex-direction: column;
    justify-content: center;
  }

  .nOXrYWmSt45QMzMXH8dl {
    width: 90%;
  }
  .CXEb_w1smkY63M8ZQ7ey {
    margin-bottom: 60px;
  }
}

.TP2cGzCFA4gIfLGuvm6L {
  width: 100%;
  display: flex;
}
.DIxc7ZLf81jt5h_zap0a {
  width: 100%;
  display: flex;
}

.gCftPdX7TI8n64jGeVjt {
  width: 90%;
  margin: auto;
}
.Xr75OoiWv7tl15UQO7fc {
  width: 76%;
  margin: auto;
}

@media (width<1000px) {
  .Xr75OoiWv7tl15UQO7fc {
    width: 90%;
  }
}

.TQMO0cxC75CngSLHZNSa {
  margin-top: 100px;
}
.pxXDgcdo0nyiLZA3F2t_ {
  margin-top: 50px;
}

.H9g76tvWFDU9BuEE3rLz {
  background-color: #c8edfd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}

@media (width<1000px) {
  .H9g76tvWFDU9BuEE3rLz {
    min-height: 800px;
  }
}
@media (width<600px) {
  .H9g76tvWFDU9BuEE3rLz {
    min-height: 720px;
  }
}

.e9VnQcJb03qXWJTLJiS2 {
  position: relative;
  width: 80%;
  bottom: -100px;
  border-radius: 30px;
}
.kpKxjvLLa4QROWAGgwTV {
  width: 100%;
}

.pfq3bqC0571VMZzaDsng {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 50px;
}

.n_0MxZectzW1kzV4f1gS {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<600px) {
  .n_0MxZectzW1kzV4f1gS {
    font-size: 24px;
  }
}

.kG1nIq_iMMq_5oBEISCS {
  font-size: 16px;
  color: #24223e;
  text-align: center;
}

.NfI9wdCwtUrigKwQiDDk {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
  margin-top: 100px;
}

.MVh2sDHlD9Otl9pmvAou {
  position: relative;
  width: 80%;
  bottom: -100px;
}
.dUGpzhgV0D6_CIqRYkWY {
  width: 100%;
}
@media (width<800px) {
  .MVh2sDHlD9Otl9pmvAou {
    width: 90%;
  }
}

.Bc95cn0EvXK1jgpoobnV {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 20px;
}

.x4SKUUkcHokZmcL_Ir0Z {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<600px) {
  .x4SKUUkcHokZmcL_Ir0Z {
    font-size: 24px;
  }
}

.WkFfCiZfD62mfaEQg6Sh {
  font-size: 16px;
  color: #24223e;
  text-align: center;
}

.gHl40NHmniD8UUQZo8wU {
  display: flex;
}

@media (width<1000px) {
  .gHl40NHmniD8UUQZo8wU {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.un7pgeCSS6d2Hv4lxc6K {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mvUeb0fegc294a8WpN4g {
  width: 70%;
}

.BnDQEYufpqAnJoW6oOns {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 36px;
  margin-top: 50px;
}

.kzyONIUggdoeSqDe4bUA {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.Vaew5fJulJrA6yOQHTN_ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

.YqKFysxpSFgJpqOCXsLy {
  font-size: 14px;
  color: #24223e;
}

@media (width>1000px) {
  .YqKFysxpSFgJpqOCXsLy {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
  }
  .kzyONIUggdoeSqDe4bUA:hover .YqKFysxpSFgJpqOCXsLy {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

.N3JwxNISHvMXitV7N0sc {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

@media (width<600px) {
  .N3JwxNISHvMXitV7N0sc {
    font-size: 18px;
  }
}

.NmWBv9JHwAbPlEiy06uq {
  font-size: 14px;
  color: #24223e;
}

@media (width>1000px) {
  .YqKFysxpSFgJpqOCXsLy {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
  }
  .kzyONIUggdoeSqDe4bUA:hover .YqKFysxpSFgJpqOCXsLy {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

.jRqG567_pczLdwiZr4Gy {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lzfbDPrLvr67637aiibm {
  font-family: helvetica;
  text-align: center;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #24223e;
}
@media (width<600px) {
  .lzfbDPrLvr67637aiibm {
    font-size: 24px;
  }
}

.MMMc30RC_E0YJDXIlrpN {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.k4tnaSW6sWBMGsGcxOSa {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (width<1000px) {
  .k4tnaSW6sWBMGsGcxOSa {
    grid-template-columns: repeat(2, 300px);
  }
}

@media (width<700px) {
  .k4tnaSW6sWBMGsGcxOSa {
    grid-template-columns: repeat(1, 250px);
  }
}

.yCg9rjy1VTdAqjISI_il {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (width<700px) {
  .yCg9rjy1VTdAqjISI_il {
    padding: 20px;
  }
}

@media (width<600px) {
  .k4tnaSW6sWBMGsGcxOSa {
    grid-template-columns: repeat(1, 220px);
  }
}

.feXnt6lYIrPqTcQD7z4Y {
  text-align: center;
  font-size: 24px;
  color: #24223e;
  font-family: Helvetica;
  padding: 20px;
}

._Br5oJbJL6eKr769GJoo {
  text-align: center;
  font-size: 14px;
  color: #424242;
  font-family: Roboto;
}
.twcrLkVGSwdF_aaYKSV_ {
  width: 30%;
  margin-bottom: 30px;
}

.b87ggFh4z8_M_fxmDFvD {
  width: 100%;
}

.EjG3I54eQbM1ZOMbAkDA {
  font-size: 16px;
  color: #424242;
  text-align: center;
}

/* retail business card */
.NrNp2qWaFU0KnLqNWep1 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 350px;
  flex-direction: column;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.z585w5v80YLTjUry_578 {
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #d9d9d9;
}

.IRAOFMJHkgTGbMVzez57 {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.h_GGJz6WMNJgbzbOZXlJ {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.N4y833RFQpR4BnoWM7SS {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.LnawVBmuVxGRMNkaNDNk {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

/* key highlights cards */
.E9kclBzX2ILD6_gnQBYg {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 350px;
  max-width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.G3sfW0mnXdQpSIudS5bN {
  height: 130px;
  width: 180px;
  overflow: hidden;
  border-radius: 1rem;
  padding: 0.8rem;
  box-sizing: border-box;
  background: var(--Blue, #e8f0ff);
}

.ZDMEVl95LK3e86f9HSLV {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.KO5tKcDtQbDW3oTRsTQU {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fMGP411hYcu5fMUiWQ0c {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
._mg7JDj9g0cBb64oxhkX {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}
.FySg1j4wApHfMxTyMPY3 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

@media (max-width: 1024px) {
  .FySg1j4wApHfMxTyMPY3  {
    width: 90%;
  }
}
.HDTGlcx8mnYThpV6zCIX {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 85%;
}

@media (max-width: 1024px) {
  .HDTGlcx8mnYThpV6zCIX  {
    width: 90%;
  }
}
.BB3DwLwUkv2vNDEMljSW {
  justify-content: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 2rem;
}

.SmXNylw4toy5eopHTdAh {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 991px) {
  .SmXNylw4toy5eopHTdAh {
    max-width: 100%;
  }
}

.zUaaKm7Ui3iSPVNdlw8u {
  color: #333333;
  font-size: 2rem;
  font-weight: 700;
  width: 70%;
  text-align: center;
}

@media (max-width: 991px) {
  .zUaaKm7Ui3iSPVNdlw8u {
    width: 90%;
  }
}

.AH5_2b8mRxEYlnMyhugI {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 991px) {
  .AH5_2b8mRxEYlnMyhugI {
    width: 90%;
  }
}

.CyUjmsTy764r7S0Hs7Xn {
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: start;
  padding: 2rem;
  margin-top: 1rem;
  gap: 1rem;
  background-color: var(--White, #fff);
}

@media (max-width: 991px) {
  .CyUjmsTy764r7S0Hs7Xn {
    padding: 1rem;
  }
}

/* Step Container & Steps */
.oy1v4DY1Eh4Fd83Zt5On {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.TS1fu1wnyB5pgoswF5mL {
  display: flex;
  align-items: center;
}

.Y4umwoHr8iLIVq41W39u {
  width: 3rem;
  height: 3rem;
  background-color: #e0e0e0;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  color: #fff;
}

.Y4umwoHr8iLIVq41W39u:hover {
  background-color: #0056b3;
}

.cdI2ZsewcMJDTP2JsK8N {
  background-color: var(--Blue-4, #007aff);
  border: 2px solid #0056b3;
  color: #fff;
}

/* Horizontal line between steps */
.tabAiX9o3jvdvd_Dmeo8 {
  height: 6px;
  width: 40px;
  background: var(--Blue-4, #007aff);
  border-radius: 3px;
}

@media (max-width: 991px) {
  .Y4umwoHr8iLIVq41W39u {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
  }

  .tabAiX9o3jvdvd_Dmeo8 {
    width: 20px;
    height: 4px;
  }
}

.TRVOcZ8RUl0eiaVQaUHW {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
}

@media (max-width: 991px) {
  .TRVOcZ8RUl0eiaVQaUHW {
    max-width: 100%;
  }
}

.TaZSx1PrEQPG1mBGDTBU {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .TaZSx1PrEQPG1mBGDTBU {
    max-width: 100%;
  }
}

.eGWB9VkKDrhOX1SzVLw1 {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}

@media (max-width: 991px) {
  .eGWB9VkKDrhOX1SzVLw1 {
    max-width: 100%;
  }
}

.HasLmw2hU3vlWmw08Fk3 {
  border-radius: 1rem;
  background-color: #d9d9d9;
  display: flex;
  min-height: 331px;
  width: 100%;
}

@media (max-width: 991px) {
  .HasLmw2hU3vlWmw08Fk3 {
    max-width: 100%;
  }
}
@keyframes bUTQw3PszFZgRiYbbARP {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.zPswkWgkua8CpzsytBOw {
  animation: bUTQw3PszFZgRiYbbARP 0.4s ease;
}

/* home section */
.ZnBPFhIYszZDHsmoc7uD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.Adyv5HGeDN0nXUGEKdwG {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.BVv3tuvnpHUzlc7lgUk_ {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.pjx5cJsZQLez7kAwv7nI {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);  
}

.pjx5cJsZQLez7kAwv7nI:hover {
  cursor: pointer;
}

.FNXOk9HAPfFvYwKMBPwU {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.q_S7uYKhGEuJynK_e08x {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .Adyv5HGeDN0nXUGEKdwG {
    max-width: 80%;
  }
  .BVv3tuvnpHUzlc7lgUk_ {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .Adyv5HGeDN0nXUGEKdwG {
    max-width: 100%;
  }
  .BVv3tuvnpHUzlc7lgUk_ {
    max-width: 100%;
  }
}

/* key highlights section */
.V6ydIeGKYys59oEpqV1O {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.Vkqim8NpJv5t3LgDomQ5 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

.kCJb6JPWTtan2U4V2jQS {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

/* section 3 */
.n8zJ9P0bz0WsvoINlHyq {
  margin: 5rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 75%;
}

@media (max-width: 600px) {
  .n8zJ9P0bz0WsvoINlHyq {
    width: 95%;
  }
}

/* retail business section */
.xI0kZPEFx53sAFHWCW4c {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

.ba7xwNrM5blfPsuytGz_ {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 50%;
}

.NXn1_04fLAQydgSz08VC {
  display: flex;
  gap: 2rem;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .ba7xwNrM5blfPsuytGz_ {
    width: 80%;
  }
}

/* section 6 */
.aTLDp7oKtC3HzKFindlQ {
  margin: 5rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.XP7wtqB4rnYor_H61riw {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 70%;
}

.JSf7KFLMpFjWQyegceGg {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.BCNwWGpcKPBDqQm443Dw {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
  column-gap: 3rem;
  flex-wrap: wrap;
  color: #010509;
  font-size: 1.25rem;
  cursor: pointer;
}

.BCNwWGpcKPBDqQm443Dw p {
  margin: 0;
  transition: color 0.25s linear; 
}

.BCNwWGpcKPBDqQm443Dw p:hover {
  /* cursor: pointer; */
  color: #007AFF;
}

@media (max-width: 600px) {
  .XP7wtqB4rnYor_H61riw {
    width: 90%;
  }
  .JSf7KFLMpFjWQyegceGg {
    max-width: 90%;
  }
  .BCNwWGpcKPBDqQm443Dw {
    flex-direction: column;
    row-gap: 0.5rem;
  }
}

.uzcW_rckrTKmJkdm31IO {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .uzcW_rckrTKmJkdm31IO {
    grid-template-columns: 1fr;
  }
}
/* home section */
.fXR10N3o6HSuUxxQ_x4M {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.sJDu8_DoYywwaIqnWIlQ {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
  text-transform: capitalize;
}

.iw6XSbIyLpujR_a_Tkvw {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.qPOg_Z6sbWmWb535oGv8 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  transition: box-shadow 0.3s ease;
}

.qPOg_Z6sbWmWb535oGv8:hover {
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 122, 255, 0.7),
    0 0 20px rgba(0, 122, 255, 0.5),
    0 0 30px rgba(0, 122, 255, 0.3);
}

.zdekJ56ycSOd5zlMk3pg {
  overflow: hidden;
  width: 90%;
  border-radius: 0.75rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  /* Remove fixed height to let image determine container size */
  display: flex;
  align-items: center;
  justify-content: center;
}

.Vzwyr4TtO2lWqt3IbaC5 {
  width: 100%;
  height: auto; /* Changed from 100% to auto */
  object-fit: cover;
  display: block; /* Remove any default inline spacing */
  border-radius: 0.75rem; /* Match parent border-radius */
}

@media screen and (max-width: 820px) {
  .sJDu8_DoYywwaIqnWIlQ {
    max-width: 80%;
  }

  .iw6XSbIyLpujR_a_Tkvw {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .sJDu8_DoYywwaIqnWIlQ {
    max-width: 100%;
  }

  .iw6XSbIyLpujR_a_Tkvw {
    max-width: 100%;
  }
}

/* New container for background + images */
._2y1wwQY5nUkOy_FRefF7 {
  position: relative;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional background color block (40% of image size) */
.xHih4yye7mim0fClQQ5_ {
  position: absolute;
  top: 23%;
  right: 85%;
  width: 20%;
  /* border-radius: 1rem; */
  z-index: 1;
  opacity: 0.5;
}

/* overlay small image on top-right of the main image */
.aGc400ppRLn5NH2GEDxg {
  position: absolute;
  top: 23%;
  right: 85%;
  width: 20%;
  height: auto;
  border-radius: 0.5rem;
  z-index: 2;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 600px) {
  .aGc400ppRLn5NH2GEDxg {
    display: none;
  }
}
.um579Wm0aPErsinylXYG {
  display: flex;
  gap: 1rem;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  align-items: stretch;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.um579Wm0aPErsinylXYG:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.vICljCuQ_q0oVDlBcBhs {
  min-height: 100px;
  width: 3.2rem;
  box-sizing: border-box;
  border-radius: 1rem;
  /* background-color: #D9D9D9; */
  overflow: hidden;
}

.emV8MS6Qbmp5PpNhfp5V {
  height: 2.5rem;
  width: 2.5rem;
  object-fit: cover;
}

.Y3i1wXKrSdulAVHMZZoK {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.LyveXX8OqhjpRW_8hKDQ {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.i13fO1XrGYif01GiVHRw {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}
.rzk3xPsOgBOR1_pyWMX_ {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.rzk3xPsOgBOR1_pyWMX_:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.JKUPoDI92oniUpMIS00J {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.kiXNjMEWXsAAPncvA6v2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  background: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.ySjx_UHKjT1cpKl0NFwQ {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}

.ySjx_UHKjT1cpKl0NFwQ svg {
  color: #007AFF;
  font-size: 24px;
}

.EKCV3aPunkc3Wj11NAWv {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.LMZYVSRQeyYbYvLebZVn {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .LMZYVSRQeyYbYvLebZVn {
    width: 90%;
  }
}

.Of91pviyiwsjnqIgP46e {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1rem;
  overflow: hidden;
  /* Removed min-height and background-color to eliminate spacing */
  display: flex;
  align-items: center;
  justify-content: center;
}

.SHg8xz25RDB6pr4W4BTa {
  object-fit: cover;
  height: auto;
  width: 100%;
  display: block; /* Remove any default inline spacing */
  border-radius: 1rem; /* Match parent border-radius */
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.OAZfEizeTe4hFQHTH6YR {
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333;
}
/* home section */
.MVycyBTCfaw4rIu1x9tB {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.vENmTGka2bWrgy2zSQBP {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.Z__6exj8PY79WCryWuE0 {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.zpRCRXHpGxYHHDREGoxh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);  
}

.zpRCRXHpGxYHHDREGoxh:hover {
  cursor: pointer;
}

.zmhaV6xI9MOsarfrfXdd {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.LOaxAdoYDssB2Fej9bkl {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .vENmTGka2bWrgy2zSQBP {
    max-width: 80%;
  }
  .Z__6exj8PY79WCryWuE0 {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .vENmTGka2bWrgy2zSQBP {
    max-width: 100%;
  }
  .Z__6exj8PY79WCryWuE0 {
    max-width: 100%;
  }
}

/* key benifits section */
.dggwPx0gIySbXwPxab9s {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.vLRGfQwdlTkZqbk5jcxE {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

.y5xYTSCS7u6Ty7gerCno {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.Bt6YzCywnfMnFFLWd8uJ {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
  background: #FFF;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  padding: 1rem;
  width: 100%;
  min-width: 250px;
  flex: 1;
}

.HTw2DxVoDs0fjXdzovzK {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.pXasezj96yajU45DepmE {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

.nDWdMFBe2SdTgOPlFd2C {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
  background: #FFF;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.SwjhgWq3Y8A57oMN5BJi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3rem;
  row-gap: 2rem;
}

.L_S8xtUhqDjtW_v49IN3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.qtNS1LASLR2I9VqEP_Mv {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.qtNS1LASLR2I9VqEP_Mv svg {
  color: #007AFF;
}

.wsM9uQM9ad6mgDGoBUv0 {
  margin: 0;
  font-size: 1.25rem;
  color: #6B6B6B;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .y5xYTSCS7u6Ty7gerCno {
    justify-content: center;
  }
  .Bt6YzCywnfMnFFLWd8uJ {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    flex: 1;
  }
  .SwjhgWq3Y8A57oMN5BJi {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* section 3 */

.D_ohd2z1cnVgQyn9nHjg {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.Pib698DU40lInoSLMclD {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.AiKB5d_bLcUe38bRKW_H {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
  text-align: center;
  width: 60%;
}

@media (max-width: 820px) {
  .Pib698DU40lInoSLMclD {
    width: 80%;
  } 
  .AiKB5d_bLcUe38bRKW_H {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .Pib698DU40lInoSLMclD {
    width: 90%;
  } 
  .AiKB5d_bLcUe38bRKW_H {
    width: 90%;
  }
}

.Txehlibb4cooPI5bdNGJ {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

.cAIZ5gng8N_T81S70yWz {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.VDx4qWhqoofyyeO2EseJ {
  display: flex;
  align-items: stretch;
  justify-content: center;
  box-sizing: border-box;
  gap: 2rem;
  flex-wrap: wrap;
}

.pbmLO18fAlP_arus0i8B {
  margin: 0;
  color: #6B6B6B;
  font-size: 1rem;
  text-align: center;
  width: 60%;
}

.tWGG7MaBJ4VY5JgFT58x {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
}

.ZK3P25aBnjHTQDwXbLy0 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.UtsEqHtdILGJB3YFWBbQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

.yvZAFNesnypIF3MwriCp {
  display: flex;
  align-items: stretch;
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

.zoRMtp3EzZPbeU8OxQwI {
  border-radius: 1rem;
  background: #D9D9D9;
  width: 50%;
  height: 450px;
  overflow: hidden;
  box-sizing: border-box;
}

.FUB04F59kB11CPpAUJF3 {
  height: 100%;
  width: auto;
  object-fit: cover;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .zoRMtp3EzZPbeU8OxQwI {
    width: 100%;
    height: auto;
  }

  .FUB04F59kB11CPpAUJF3 {
    height: auto;
    width: 100%;
  }
}

.u7OxZ9G88jYdTrGpkH0I {
  margin: 0;
  color: #6B6B6B;
  font-size: 1rem;
  text-align: center;
  width: 60%;
}

@media (max-width: 820px) {
  .cAIZ5gng8N_T81S70yWz, 
  .pbmLO18fAlP_arus0i8B,
  .ZK3P25aBnjHTQDwXbLy0,
  .u7OxZ9G88jYdTrGpkH0I {
    width: 80%;
  }
  .yvZAFNesnypIF3MwriCp {
    flex-direction: column;
  }

}

.sdfdUyQPeknHJvssIBrj {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .sdfdUyQPeknHJvssIBrj {
    grid-template-columns: 1fr;
  }
}

.LUgYbswgFDDc_doG6WlP {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .LUgYbswgFDDc_doG6WlP {
    grid-template-columns: 1fr;
  }
}
/* order processing card */
.O2ungLolk7MHBo_3qQwI {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 350px;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.WtczGmPFtc8hpELuJGqD {
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #d9d9d9;
}

.HYo6cNNlt9O3luTAJZah {
  height: 100%;
  width: auto;
  object-fit: cover;
}

._G4J43tSGuBCIdzMx6As {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ANYjkO6qr3fY31lgbAIN {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.Xgu2JBy1CU7eW1zZ83dA {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

/* lynx solution card */
.gMFBWamMWgDVebUc3oSk {
  border-radius: 1rem;
  border: 1px solid #E8F0FF;
  background: #FFF;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  width: 50%;
  box-sizing: border-box;
}

.lAaCvXilVep2jaP41yob {
  margin: 0 5px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.V7MDVlphb27xqUwUVekE {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #007AFF;
}

.V7MDVlphb27xqUwUVekE svg {
  height: 3rem;
  width: 3rem;
}

.hTe7YtpR7Tdn3UaXrVch {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

@media (max-width: 820px) {
  .gMFBWamMWgDVebUc3oSk {
    width: 100%;
  }  
}
.Wib5yb_P0jEmO6IZr757 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.ETHuNIHs9gIJtPIbjWFD {
  width: 30px; /* adjust as needed */
  height: 30px;
  object-fit: contain;
  border-radius: 8px; /* optional */
}

.Wib5yb_P0jEmO6IZr757:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.igGJm8xfxyKNi0fnBYFQ {
  width: 8px;
  border-radius: 8px;
  height: 90%;
  background-color: #007AFF;
  box-sizing: border-box;
  min-height: 2.5rem;
}

.A7fh_s4nJEPvlRK_BdMA {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}
.UD8NIKB8tzGa2M9aGAmv {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}


.okYIqUduX9K6bNSRXXtV {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.x5EUx5z7KtNwnZ_ZuvOK {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}
.QSNQ9hZweCFQOysG2Oy0 {
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.QSNQ9hZweCFQOysG2Oy0:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.TFYEJ5POiBLxiQOcKe6K {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}

.xwkkVe6jUj6aHsXzTEI9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.DQhztbYecObVFgtmU8ey {
  display: flex;
  gap: 0.5rem;
}

.e1aGnMxKPK8bXuY3gbeu {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #007AFF;
  font-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.e1aGnMxKPK8bXuY3gbeu:hover {
  transform: scale(1.15);
}

.YPCkgxX74BqSM0QH3yya {
  width: 28px;
  height: 28px;
  object-fit: contain;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

.YPCkgxX74BqSM0QH3yya:hover {
  transform: scale(1.15);
}

.wlshkrkYrsUHuvNQrBgy {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.o9jMTduBb1ZB9Q3eWqbw {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

@media (max-width: 1024px) {
  .o9jMTduBb1ZB9Q3eWqbw {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .o9jMTduBb1ZB9Q3eWqbw {
    grid-template-columns: 1fr;
  }
}

.lp9QTmsGMwGY2GUz0Lp9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

@media (max-width: 820px) {
  .lp9QTmsGMwGY2GUz0Lp9 {
    grid-template-columns: 1fr;
  }
}

.plwkg3hVyvztlVYkOJc3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

@media (max-width: 820px) {
  .plwkg3hVyvztlVYkOJc3 {
    grid-template-columns: 1fr;
  }
}

.BpK4POBHzmjv76ICv7Q8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

.ctKxY8TR39pZZb2LijEg {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 1rem;
  color: #6B6B6B;
  font-size: 1rem;
}

.uRIBvEJLumv2bopc4G84 {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
}

.f1DajBawc8XwoggpFiRM {
  color: #007AFF;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f1DajBawc8XwoggpFiRM svg {
  font-size: 1.25rem;
}

.pqQPd_wAFn4NRbNefnle {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.pqQPd_wAFn4NRbNefnle:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.FNqYx0wEQtk9RQB7KOeb {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}
.KBNRGiadQGYF0aaocEUA {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  background: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.mCdQkzq_JSudf2NE7Fnr {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}
.mCdQkzq_JSudf2NE7Fnr svg {
  color: #007AFF;
  font-size: 24px;
}

.zDJ5ds7SLo3W7h_WxuIx {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  
}

.VAkKRH63Is_ep4H1d9c2 {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .VAkKRH63Is_ep4H1d9c2 {
    width: 90%;
  }
}

.Ehf4LhPckuqkn0TtfsZw {
  width: 100%;
  box-sizing: border-box;
  height: 150px;
  border-radius: 1rem;
  background-color: #D9D9D9;
  overflow: hidden;
}

.W6vp4DaXZciC6m_8U7Mf {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.mC0zyBz2aCs4t3IyeX5D {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.mC0zyBz2aCs4t3IyeX5D:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.SycgRN1VdsiyiGCcPgpW {
  height: 4rem;
  width: 4rem;
  border-radius: 8px;
  background-color: #E8F0FF;
  box-sizing: border-box;
  color: #007AFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SycgRN1VdsiyiGCcPgpW svg {
  font-size: 1.5rem;
}

.vsS57DF0JpfC2Z6HXpxw {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}

.pBbe6uemTWSaTKqEKLrW {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.zNZ3QvEwPFY0Dy4XxwmA {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}
.tSsga3nwju_1r7o8brV8 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 400px;
  max-width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.v3BZL5ys7YpFP3kvu1LO {
  /* height: 150px; */
  width: 200px;
  min-width: 150px;
  overflow: hidden;
  border-radius: 1rem;
  box-sizing: border-box;
  background: #e8f0ff;
}

.vhLeQIBWpWhLUtqoH6bo {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.Ft3LC1LQiRIgB6iWasME {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.L6I1MHzOy0ksT1pvnh8K {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.QVggcx_9fnrAywRvTzP0 {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

@media (max-width: 600px) {
  .tSsga3nwju_1r7o8brV8 {
    width: 95%;
  }
}

/* card 2 */
.mORTseDp5lvB0lwXLbQg {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.S0gZfylEUz3YRw1dCDNj {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.h6R5Yv0qDJ3JdqCkf_Fs {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

/* card 3 */
.WK4ztbHFlyzD2BnKaF73 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.D8EpxjFdVper7Kod8sWH {
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #d9d9d9;
}

.h54ix48XtXV0LKh8psF0 {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.VT4qKP4S1gd8A_ufZpYC {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.QAgr4lHzJMXRVYGmG6cw {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.pHd4CbL10fWoutMgirKw {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}
/* home section */
._71diXx7JqMan8Uk7v2BA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.kEOhA8zw_huWmuPK4u4t {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.Tp3D8qEYJjcoEUu3yhSy {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.U8o_bzqQqyKYdrgRTvQZ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
}

.U8o_bzqQqyKYdrgRTvQZ:hover {
  cursor: pointer;
}

.Ibiydjlh9AlLDQJmojVJ {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.Rmp3Li1uSmzjbkM8W5B0 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .kEOhA8zw_huWmuPK4u4t {
    max-width: 80%;
  }

  .Tp3D8qEYJjcoEUu3yhSy {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .kEOhA8zw_huWmuPK4u4t {
    max-width: 100%;
  }

  .Tp3D8qEYJjcoEUu3yhSy {
    max-width: 100%;
  }
}

/* section 2 */
.NGgBHYsLBKkRKSBN4iXI {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
}

.BE3uKIVtE1vIICbX6oCw {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.CuCJlWUdNIw14FcOUMLu {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
  text-align: center;
  width: 60%;
}

.fZbcd5XfpMGC7oen6VlO {
  margin-top: 2rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

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

  .BE3uKIVtE1vIICbX6oCw,
  .CuCJlWUdNIw14FcOUMLu {
    width: 80%;
  }
}

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

  .BE3uKIVtE1vIICbX6oCw,
  .CuCJlWUdNIw14FcOUMLu {
    width: 95%;
  }
}

/* section 3 */
.EJfp7oVMOVtEWnVKXlAS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.TrQLAQ_J7Ldw6Ga3b05W {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.v44DpElFCvt1KAyr6oWd {
  color: #333;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 500;
}

.hBDaWH9N2oNSwYqhVfpD {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 2rem;
}

.rHwX7AlcEj1vLLifT_1H {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

.F11mAj0fvPdjLlFr3LVP {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;

  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

.EKdT_h93gkLQOQezYWkL {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;

  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

@media (max-width: 820px) {
  .rHwX7AlcEj1vLLifT_1H,
  .EKdT_h93gkLQOQezYWkL {
    grid-template-columns: 1fr 1fr;
    background-image: linear-gradient(to top, #7BBAFF 70%, transparent 30%);
    padding: 0 3rem 5rem;
  }

  .F11mAj0fvPdjLlFr3LVP {
    grid-template-columns: 1fr;
    padding: 0 3rem 5rem;
  }
}

@media (max-width: 600px) {
  .rHwX7AlcEj1vLLifT_1H,
  .EKdT_h93gkLQOQezYWkL,
  .F11mAj0fvPdjLlFr3LVP {
    grid-template-columns: 1fr;
    padding: 0 2.25rem 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .hBDaWH9N2oNSwYqhVfpD {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .hBDaWH9N2oNSwYqhVfpD {
    grid-template-columns: 1fr;
  }
}

/* section 4 */
.afoTnnTDVhSC9W_9gO4G {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
}

.oqAeXa_36Ak0Kat3nSvo {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  align-items: stretch;
}

@media screen and (max-width: 1024px) {
  .oqAeXa_36Ak0Kat3nSvo {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .oqAeXa_36Ak0Kat3nSvo {
    grid-template-columns: 1fr;
  }
}

.C3ubbexqc8dQmq5NimR1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.UP5RuT24SgSfFeWNjSNW {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .UP5RuT24SgSfFeWNjSNW {
    grid-template-columns: 1fr;
  }
}

._11o5Xe5aTrSm6Lh6R23D {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  ._11o5Xe5aTrSm6Lh6R23D {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  ._11o5Xe5aTrSm6Lh6R23D {
    grid-template-columns: 1fr;
  }
}
/* home section */
.RY5q7dfdoKtyFeSE43mY {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.Fz6yqh_PE6LONWFfRVVG {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.X8C0rMjv2GuwkgqoSxs5 {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.ktgNmO075crxyL5nRzr0 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);  
}

.ktgNmO075crxyL5nRzr0:hover {
  cursor: pointer;
}

.DeUDaqE8SXR3UGepATKw {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.gNgBCPEyRnbVGAs_LgL6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .Fz6yqh_PE6LONWFfRVVG {
    max-width: 80%;
  }
  .X8C0rMjv2GuwkgqoSxs5 {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .Fz6yqh_PE6LONWFfRVVG {
    max-width: 100%;
  }
  .X8C0rMjv2GuwkgqoSxs5 {
    max-width: 100%;
  }
}

.sO1W37oVmY5lIP4dabjL {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.s9ds4qFcdZXzxeMqLJPd {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.Jt0k6PMNRzuwp7Hk0qqL {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.yRxo99Jj_wiauXCkqqhj {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 1024px) {
  .yRxo99Jj_wiauXCkqqhj {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 820px) {
  .s9ds4qFcdZXzxeMqLJPd {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .s9ds4qFcdZXzxeMqLJPd {
    width: 95%;
  }
  .Jt0k6PMNRzuwp7Hk0qqL {
    grid-template-columns: 1fr;
  }
  .yRxo99Jj_wiauXCkqqhj {
    grid-template-columns: 1fr;
  }
}

.bxsF_3vO5Sn5rlQ1pESP {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 90%;
}

.CyL8cOFRwYocjxUpSmd3 {
  color: #6B6B6B;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  width: 90%;
}

.rlkhNxnwGPNWEp3dyc63 {
  margin-top: 5rem;
}

.lCEdoobRvINOgmtzHxMg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .lCEdoobRvINOgmtzHxMg {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .lCEdoobRvINOgmtzHxMg {
    grid-template-columns: repeat(1, 1fr);
  }
}

.mvOV3ysCyPCvYcpKI4ef {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .mvOV3ysCyPCvYcpKI4ef {
    grid-template-columns: repeat(1, 1fr);
  }
}
.uuEJzculwSsg4mZHJbKl {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 400px;
  max-width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.dohx9TwGwDhjzwEPi7ZB {
  /* height: 150px; */
  width: 200px;
  min-width: 150px;
  overflow: hidden;
  border-radius: 1rem;
  box-sizing: border-box;
  background: #e8f0ff;
}

.dmNRqJou3_MFg3aDqY3C {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.q0cYCG5kSRQ5dwJv7Dl0 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.vIDwnOOFK4zserIaB9wP {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.GsGoLSHElRPe4373H9Nw {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

@media (max-width: 600px) {
  .uuEJzculwSsg4mZHJbKl {
    width: 95%;
  }
}

/* card 2 */
.SovKLmRYy6SpG2R5EIcT {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.L4pivjM22h4uwoEAeavS {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.C6zXcO5puc6hfeYDR3mg {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

/* card 3 */
.TDAv8PeFBX9zGIwUoCV5 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.oylK8nEayLIMS95OHkYj {
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #d9d9d9;
}

.y5yFF1W1MX0UB35HGtqh {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.dPEIXXmUYum0KaoJ_n1X {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mN6QRGpYBd4ce66xooWY {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.cecOGdvtSVZFoWLL3AEr {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}
.turjXZiH61olGXR5U54b {
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 2rem;
  padding: 1rem;
}

.HnglcEJ5tRQuTb58nZNR {
  align-self: stretch;
  display: flex;
  width: 50%;
  flex-direction: column;
  color: #333333;
  text-transform: capitalize;
  justify-content: center;
}
@media (max-width: 991px) {
  .turjXZiH61olGXR5U54b {
    flex-direction: column;
  }
  .HnglcEJ5tRQuTb58nZNR {
    width: 100%;
  }
}
.FxgZzwyew_z02wsM8LRY {
  width: 100%;
  font-size: 2rem;
  color: #333;
}

.LMdZgPvrJjJrhrOV5sGT {
  align-self: stretch;
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .LMdZgPvrJjJrhrOV5sGT {
    width: 100%;
  }
  .FxgZzwyew_z02wsM8LRY {
    text-align: center;
  }
}
.KNhC4nN48LWTF17YcqCA {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  border: 2px solid var(--Surface-White, #fff);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  width: 100%;
  gap: 2rem;
  padding: 1rem;
  background-color: var(--White, #fff);
  box-sizing: border-box;
}

.TxctPkyHi3Gh2rHvxrqg {
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  align-self: stretch;
  display: flex;
  min-height: 5rem;
  flex-direction: column;
  width: 5rem;
  height: 5rem;
  background-color: var(--Blue, #e8f0ff);
  margin: auto 0;
}
.ZQeVKh704BgFFG3FNg5i {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 1.5rem;
}
.BSVhMC8ouNFri6xC7EN_ {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  margin: auto 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .KNhC4nN48LWTF17YcqCA {
    gap: 1rem;
  }
  .TxctPkyHi3Gh2rHvxrqg {
    min-height: 2rem;
    width: 2rem;
    height: 2rem;
    background-color: var(--Blue, #e8f0ff);
    margin: auto 0;
  }
  .ZQeVKh704BgFFG3FNg5i {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 1rem;
  }
}
.jasVcEBAhEnFxZOGVx9B {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.SOEj5IGlR7JnJU_2e5lA {
  color: var(--Black-4, #6b6b6b);
  margin-top: 0.5rem;
  font-size: 1rem;
}

.zKLFgbUgqqh_n7pJVqG4 {
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  border: 2px solid var(--Surface-White, #fff);
  opacity: 0.6;
  background-color: rgba(255, 255, 255, 0.32);
  display: flex;
  margin-top: 1.75rem;
  width: 100%;
  gap: 2rem;
  box-sizing: border-box;
  padding: 1rem;
}
@media (max-width: 991px) {
  .zKLFgbUgqqh_n7pJVqG4 {
    gap: 1rem;
  }
}
.UWnI0sE2N0bErqINjBgg {
  border-radius: 0.5rem;
  align-self: stretch;
  display: flex;
  width: 1rem;
  height: 5rem;
  background-color: var(--Blue, #e8f0ff);
  margin: auto 0;
}
.G84SQWwKmEoqB9Faf54D {
  align-self: stretch;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  box-sizing: border-box;
  margin: auto 0;
}

.QyjzAIXEinMAhkSRjig4 {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.x4mxGT2bRO69JHp3Cfh1 {
  color: var(--Black-4, #6b6b6b);
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}
.IRRnUJNtlkRLJEVweteE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background-color: #e8f0ff;
  gap: 2rem;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .IRRnUJNtlkRLJEVweteE {
    padding: 1rem;
    gap: 1.25rem;
  }
}
.HoG76w5M7ofrfav8F0U8 {
  text-align: center;
  color: #333;
  font-size: 2rem;
  font-weight: 700;
}

.jZxbXMYVLtZlb6jp1gxg {
  display: flex;
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .jZxbXMYVLtZlb6jp1gxg {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.S0j7r93T7VGfN9N6VIYK {
  flex: 1;
  padding: 1rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
}

.ycOAExHbGgmyg1CCC717 {
  color: #333;
  font-size: 1.5rem;
  font-weight: 500;
}
.rdlKg7JoinE5otqErpFR {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
}
.TRpDeAxWbzJuMEkCRKk_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .TRpDeAxWbzJuMEkCRKk_ {
    gap: 1.25rem;
  }
}
.njQ0x_Vw5KQh8As7GYDy {
  text-align: center;
  color: #333;
  font-size: 2rem;
  font-weight: 700;
  width: 60%;
  box-sizing: border-box;
  margin: 0;
}
@media (max-width: 640px) {
  .njQ0x_Vw5KQh8As7GYDy {
    width: 90%;
  }
}

.pMOxsZT2wpCAmvNygMWV {
  text-align: center;
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
  width: 60%;
}
@media (max-width: 640px) {
  .pMOxsZT2wpCAmvNygMWV {
    width: 90%;
  }
}
.oSbDXR9_3u2nE1wWmXFl {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  box-sizing: border-box;
}
.LTmq7wmfnZPytcWJ0NRj {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  box-sizing: border-box;
  gap: 1rem;
  width: 30%;
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
}
@media (max-width: 991px) {
  .LTmq7wmfnZPytcWJ0NRj {
    width: 45%;
  }
}
@media (max-width: 640px) {
  .LTmq7wmfnZPytcWJ0NRj {
    width: 100%;
  }
}
.iIW0egIlfe6iMRlhAG7H {
  color: #333;
  font-size: 1.5rem;
  font-weight: 700;
}
.V1TKE7ThpuiXiOS1za26 {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
}
.jLCjVF5aV_09QBxXjSh4 {
  justify-content: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.m6FZBfwtcOMf0p2_65gL {
  align-self: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: start;
  gap: 2rem;
  width: 60%;
}
.RwXMzDP6Rjx8xispjqAl {
  color: #333333;
  text-align: center;
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
}
.X4eaZAI3dlpOXW30FmuR {
  color: var(--Surface-G4, #6b6b6b);
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
}

.iS59uBv0JEiluC4BwrLn {
  align-items: center;
  display: flex;
  margin-top: 2rem;
  width: 100%;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .m6FZBfwtcOMf0p2_65gL {
    width: 90%;
  }
}
.IuD0_4MQjPLcsBsZrVKa {
  border-radius: var(--Numbers-20, 20px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  align-self: stretch;
  display: flex;
  min-width: 240px;
  flex-direction: column;
  justify-content: start;
  /* flex: 1; */
  padding: 1rem;
  background-color: var(--White, #fff);
  box-sizing: border-box;
  gap: 1rem;
  width: 40%;
}
@media (max-width: 820px) {
  .IuD0_4MQjPLcsBsZrVKa {
    max-width: 100%;
    width: 100%;
  }
}
.YIsljR3f8uYJjykxhKXx {
  border-radius: 0.5rem;
  background-color: #d9d9d9;
  display: flex;
  min-height: 192px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .YIsljR3f8uYJjykxhKXx {
    max-width: 100%;
  }
}
.X8GZhqiYHGl91i_5_OtA {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}
.qJoI43e1ZGCrgOqc64XL {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}
.HR4DVkRyS0DydmDJOxYU {
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  box-sizing: border-box;
}
@media (max-width: 820px) {
  .HR4DVkRyS0DydmDJOxYU {
    flex-direction: column;
  }
}
.aiHHQhXW29DbCI7Bg6Sp {
  align-self: stretch;
  width: 50%;
  color: #333333;
  flex: 1;
  margin: auto 0;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .aiHHQhXW29DbCI7Bg6Sp {
    width: 100%;
    text-align: center;
  }
}
.TVXNKJKqjMtSo_CyvUls {
  align-self: stretch;
  display: flex;
  width: 50%;
  flex-direction: column;
  overflow: hidden;
  justify-content: start;
  margin: auto 0;
  gap: 2rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .TVXNKJKqjMtSo_CyvUls {
    width: 100%;
  }
}

.B3xCg0EC4S7F0zOxHsAV {
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  border: 2px solid var(--Surface-White, #fff);
  box-shadow: 0px 6px 12px 4px rgba(112, 160, 255, 0.18);
  display: flex;
  box-sizing: border-box;
  width: 100%;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--White, #fff);
}

.UOMMbxrNaePyAJtsTn8G {
  align-self: stretch;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  gap: 1rem;
  margin: auto 0;
}
.rPxnue2JwsHafv3iqevB {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}
.MjOyFXhLpmj0pEjexH5l {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}
.yzs0tgiSLzHG3Bkd4Ji4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  background-color: #E8F0FF;
  margin: 0 -5rem;
  padding: 3rem 5rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .yzs0tgiSLzHG3Bkd4Ji4 {
    grid-template-columns: 1fr;
    margin: 0 -3rem;
    padding: 2rem 3rem;
  }
}

@media (max-width: 600px) {
  .yzs0tgiSLzHG3Bkd4Ji4 {
    grid-template-columns: 1fr;
    margin: 0 -1rem;
  }
}

.YdWviaudbJIDi35Ubd8D {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-left: 2rem;
  border-radius: 1rem;
  background-repeat: no-repeat;
  /* background-position: center; */
  /* background-image: url("https://storage.googleapis.com/twinleaves_bucket/Pallet%20New%20Images/Pallet%20website%20Images/Background-img-2.png"); */
}

/* @media (max-width: 1024px) {
  .heading_sec_par {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-left: 0;
    border-radius: 0;
    background-image: none;
  }
} */

.jPRR8hVo0IpZ2yUJ0Tlz {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ydP8joS_1BnDl0KaVab6 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  border: 1px solid #fff;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.ydP8joS_1BnDl0KaVab6:hover {
  border: 1px solid #007AFF;
  /* transition: 0.5ms smooth; */
  /* transform: translateY(-5px); */
  transform: scale(1.05); 
  box-shadow:
  0px -9px 38px 6px rgba(112, 160, 255, 0.18),
  0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.sZVNRnAVHuHZ0W6e_yl5 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
}

.itH7134pdXEbok7gdglx {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

._P71U08lc4oTmYF3STX9 {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}
/* home section */
.i3PO1Bluag5ILF35Tuqn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.SY9SSQzwoS0X2jduTBM7 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.ME0DmKgFirmlmAQZMw6o {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.lkBRc0QyWCiP_YePpW5t {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);  
}

.lkBRc0QyWCiP_YePpW5t:hover {
  cursor: pointer;
}

.I4F9VAo_D4oYyfohh4Ho {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.fKa3IyoagqnqNUBBUBtQ {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .SY9SSQzwoS0X2jduTBM7 {
    max-width: 80%;
  }
  .ME0DmKgFirmlmAQZMw6o {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .SY9SSQzwoS0X2jduTBM7 {
    max-width: 100%;
  }
  .ME0DmKgFirmlmAQZMw6o {
    max-width: 100%;
  }
}

.sxtjZ9KXvy7VVJS2Rp9n {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.M4VpGhu5DqUqtspeBUCd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.VW4bhr9ccztcnVpNg4IH {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 90%;
}

.NPFmlg6XxfYL8eA82o39 {
  color: #6B6B6B;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  width: 90%;
}

.ZMy1cFv8qWqAbcFrt3wR {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .ZMy1cFv8qWqAbcFrt3wR {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .ZMy1cFv8qWqAbcFrt3wR {
    grid-template-columns: 1fr;
  }
}

.DVvpbFi8OxoMqS9yszmG {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 1200px) {
  .DVvpbFi8OxoMqS9yszmG {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 820px) {
  .DVvpbFi8OxoMqS9yszmG {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .DVvpbFi8OxoMqS9yszmG {
    grid-template-columns: 1fr;
  }
}

.m0lJvd4PtRAin7ctZsx2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .m0lJvd4PtRAin7ctZsx2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .m0lJvd4PtRAin7ctZsx2 {
    grid-template-columns: 1fr;
  }
}
.r4TXGFuqXkXjbbKNDqj3 {
  justify-content: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 2rem;
}
@media (max-width: 991px) {
  .r4TXGFuqXkXjbbKNDqj3 {
    flex-direction: column;
  }
}
.cYP3qj2YsoiY3sDG6x5q {
  aspect-ratio: 1.56;
  object-fit: cover;
  object-position: center;
  width: 100%;
  border-radius: 1rem;
  align-self: stretch;
  min-width: 240px;
  flex: 1;
  flex-basis: 0%;
  margin: auto 0;
}
@media (max-width: 991px) {
  .cYP3qj2YsoiY3sDG6x5q {
    max-width: 100%;
  }
}
.KjyjvM8nUboXppndtvH5 {
  align-self: stretch;
  display: flex;
  min-width: 240px;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  flex-basis: 0%;
  gap: 1rem;
  margin: auto 0;
}
@media (max-width: 991px) {
  .KjyjvM8nUboXppndtvH5 {
    max-width: 100%;
  }
}
.A7SOcHGSzsYvQBhCB6n9 {
  color: #333333;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .A7SOcHGSzsYvQBhCB6n9 {
    text-align: center;
  }
}
.YTpZxJu4FosSz2gwg11l {
  display: flex;
  width: 100%;
  flex-direction: column;
  color: var(--Black-4, #6b6b6b);
  justify-content: start;
  gap: 1rem;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .YTpZxJu4FosSz2gwg11l {
    max-width: 100%;
  }
}
.UXEidvxCgYOcukh2hJUV {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
}
@media (max-width: 991px) {
  .UXEidvxCgYOcukh2hJUV {
    max-width: 100%;
  }
}
.o3sFpP2u0d81iWrfd4DU {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
}
@media (max-width: 991px) {
  .o3sFpP2u0d81iWrfd4DU {
    max-width: 100%;
  }
}
.ycTl6uTMWpQgYUGvAaW7 {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
}
@media (max-width: 991px) {
  .ycTl6uTMWpQgYUGvAaW7 {
    max-width: 100%;
  }
}
.tAEg9NNWPl0Z3XiTyqNF {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 2rem;
  box-sizing: border-box;
}
.CD6QbCIBCFNi0nzTYHfG {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.X0EbIxKf9S2L9CLvt5EM {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  gap: 2rem;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .X0EbIxKf9S2L9CLvt5EM {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .X0EbIxKf9S2L9CLvt5EM {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tQD8fOmKYz_mRDNENV3S {
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  min-width: 240px;
  flex-direction: column;
  justify-content: start;
  /* flex: 1; */
  padding: 1rem;
  background-color: var(--White, #fff);
  box-sizing: border-box;
  width: 100%;
}

.J9FRZIBk1vBJf20ps8BC {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}
.ZX1OZjElb9yVkpivDy5L {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
}
.HhiTdYNvd4rv9Vtv96gy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  box-sizing: border-box;
  gap: 2rem;
}

.Pv61yS4fzrYhUqZOabwZ {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.SLjpzPw5kNTN44baXRE2 {
  color: #333333;
  font-size: 2rem;
  font-weight: 700;
  width: 60%;
  text-align: center;
}

.jp4RPhzgk0C2VcpcWCln {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 991px) {
  .SLjpzPw5kNTN44baXRE2 {
    width: 90%;
  }
  .jp4RPhzgk0C2VcpcWCln {
    width: 90%;
  }
}

.xSYr2N_L7bV9P7do9PRD {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 2rem;
  flex-wrap: wrap;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .xSYr2N_L7bV9P7do9PRD {
    max-width: 100%;
  }
}
.dtXMw0FPJy1zhvwUt75g {
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  min-width: 240px;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  padding: 1rem;
  background-color: var(--White, #fff);
  box-sizing: border-box;
  gap: 1rem;
}

.t9u7Emvs_a9Z84isqhRb {
  border-radius: 1rem;
  background-color: #d9d9d9;
  display: flex;
  height: 180px;
  width: 100%;
  /* flex: 1; */
}
.RdPddpM1X2WSrDA9Bf5n {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
}
.Xehnd3icE6brvcatx5T6 {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 700;
}
.RupD8RXi6e8zM0Y2Ugvi {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}
.u0XxuQOt0HKwwq8qSdd5 {
  justify-content: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 2rem;
}

.gPCVzOVf5TgxGRlDYGX9 {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 991px) {
  .gPCVzOVf5TgxGRlDYGX9 {
    max-width: 100%;
  }
}

.OKNtNew4Cfl856uKyriO {
  color: #333333;
  font-size: 2rem;
  font-weight: 700;
  width: 70%;
  text-align: center;
}

@media (max-width: 991px) {
  .OKNtNew4Cfl856uKyriO {
    width: 90%;
  }
}

.m4W8lsnQ8nrYAw4S2bJd {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 991px) {
  .m4W8lsnQ8nrYAw4S2bJd {
    width: 90%;
  }
}

.rvGDuo5QWoMmbFP9FWuZ {
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: start;
  padding: 2rem;
  margin-top: 1rem;
  gap: 1rem;
  background-color: var(--White, #fff);
}

@media (max-width: 991px) {
  .rvGDuo5QWoMmbFP9FWuZ {
    padding: 1rem;
  }
}

/* Step Container & Steps */
.LkG9y5UTMheoI1whkijg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.THjoz7l39zpZeo57XGkg {
  display: flex;
  align-items: center;
}

.r4APSiZkwMBlNNWaqgHo {
  width: 3rem;
  height: 3rem;
  background-color: #e0e0e0;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  color: #fff;
}

.r4APSiZkwMBlNNWaqgHo:hover {
  background-color: #0056b3;
}

.RliybOKjRNZhW3obGZkU {
  background-color: var(--Blue-4, #007aff);
  border: 2px solid #0056b3;
  color: #fff;
}

/* Horizontal line between steps */
.pkN_4edO0l0SkIRr8Gyl {
  height: 6px;
  width: 40px;
  background: var(--Blue-4, #007aff);
  border-radius: 3px;
}

@media (max-width: 991px) {
  .r4APSiZkwMBlNNWaqgHo {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
  }

  .pkN_4edO0l0SkIRr8Gyl {
    width: 20px;
    height: 4px;
  }
}

.UgdK1CBQiBdTIr3yjRUm {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
}

@media (max-width: 991px) {
  .UgdK1CBQiBdTIr3yjRUm {
    max-width: 100%;
  }
}

.xbnjBGNzTTSMxnqcZMqF {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .xbnjBGNzTTSMxnqcZMqF {
    max-width: 100%;
  }
}

.ry6Ft2IxngvfeVqPnSx2 {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}

@media (max-width: 991px) {
  .ry6Ft2IxngvfeVqPnSx2 {
    max-width: 100%;
  }
}

.uwfLYAp_F9z9Eg6zkvke {
  border-radius: 1rem;
  background-color: #d9d9d9;
  display: flex;
  min-height: 331px;
  width: 100%;
}

@media (max-width: 991px) {
  .uwfLYAp_F9z9Eg6zkvke {
    max-width: 100%;
  }
}
@keyframes MPd0G_Os4cIsur7LlJ2n {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.hg99i0l4LWBdHxOcZA2o {
  animation: MPd0G_Os4cIsur7LlJ2n 0.4s ease;
}

/* home section */
.xN8IDPvN_TMv_0iksup0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.tiRJ8n2AM2Wup6906kjx {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.oThlgzzS2_HAMMLwTW2a {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.roT861DRmFhCx14qrFms {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);  
}

.roT861DRmFhCx14qrFms:hover {
  cursor: pointer;
}

.iVeuKN7S3lkdwrc54eCV {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.YTU0jyI4NXJ0HkgHcJYg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .tiRJ8n2AM2Wup6906kjx {
    max-width: 80%;
  }
  .oThlgzzS2_HAMMLwTW2a {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .tiRJ8n2AM2Wup6906kjx {
    max-width: 100%;
  }
  .oThlgzzS2_HAMMLwTW2a {
    max-width: 100%;
  }
}

.SrGoTH6Jytokvc0M0bTb {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.S21oaqDoZxe2ez8AUmaz {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .S21oaqDoZxe2ez8AUmaz {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .S21oaqDoZxe2ez8AUmaz {
    grid-template-columns: 1fr;
  }
}
.piokXzX_mzauwGRzpUNQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
._4k63yhULC398o4qM6l_A {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 90%;
}

.nCoplpUP8xDOQcfSsuRw {
  color: #6B6B6B;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  width: 90%;
}

.WT2UijPlbfbC9hTGYHuQ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .WT2UijPlbfbC9hTGYHuQ {
    grid-template-columns: 1fr;
  }
}

.mcn8bCBcajelhXx3sz0v {
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
  background-color: var(--White, #fff);
}

.qy1PJEyOhrAes17yAEFU {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
}
@media (max-width: 991px) {
  .qy1PJEyOhrAes17yAEFU {
    max-width: 100%;
  }
}
.HUq8LSCEEROveXc2eUsR {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 700;
}
.s4qfN0rfiWV2gT4BBpIU {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
}
.nZdINCx1o11N5Lf2juvD {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
  font-size: 1rem;
  color: var(--Black-4, #6b6b6b);
}
.f7v8GMOYyapU5L9Prt3b {
  display: grid;
  width: 100%;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1100px) {
  .f7v8GMOYyapU5L9Prt3b {
    grid-template-columns: 1fr;
  }  
}
.YRAELb2GhjXq1tNZ0mXb {
  display: flex;
  align-items: start;
  gap: 6px;
}
.YRAELb2GhjXq1tNZ0mXb svg {
  color: #007AFF;
  margin-top: 2px;
  height: 2rem !important;
  width: 2rem !important;
}



.phshBQ2hCyPIJTKH6hrH {
  display: flex;
  min-width: 240px;
  gap: 10px;
  justify-content: start;
  flex: 1;
  flex-basis: 0%;
}
.w3GjIPIbUqwTKCxTiP5E {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 24px;
  margin: auto 0;
}
.VHenTIkonZirA9BtiNkO {
  color: var(--Black-4, #6b6b6b);
  flex: 1;
  flex-basis: 0%;
  font: var(--16, 16px) var(--Inter, Inter);
}
.vj77Lk8OOjQgQeWzW2Aq {
  display: flex;
  margin-top: 10px;
  width: 100%;
  align-items: start;
  gap: 10px;
  justify-content: start;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .vj77Lk8OOjQgQeWzW2Aq {
    max-width: 100%;
  }
}
.ieEkKJx3IQrljDf6Qkdw {
  display: flex;
  min-width: 240px;
  align-items: center;
  gap: 10px;
  justify-content: start;
  flex: 1;
  flex-basis: 0%;
}
.ar4OXfBgEupc_YZzYkfX {
  color: var(--Black-4, #6b6b6b);
  align-self: stretch;
  flex: 1;
  flex-basis: 0%;
  margin: auto 0;
  font: var(--16, 16px) var(--Inter, Inter);
}
.mz3lMAkYMcT141aTN7Nw {
  display: flex;
  min-width: 240px;
  align-items: center;
  gap: 10px;
  justify-content: start;
  flex: 1;
  flex-basis: 0%;
}
.KMkmU8h5U2SJXOOIul3G {
  color: var(--Black-4, #6b6b6b);
  align-self: stretch;
  flex: 1;
  flex-basis: 0%;
  margin: auto 0;
  font: var(--16, 16px) var(--Inter, Inter);
}
.PIT5jiwEUxfUPbayl6Fo {
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 2rem;
  padding: 1rem;
}

.OMXHS4sGVNV5qxBnpYBq {
  align-self: stretch;
  display: flex;
  width: 50%;
  flex-direction: column;
  color: #333333;
  text-transform: capitalize;
  justify-content: center;
}
@media (max-width: 991px) {
  .PIT5jiwEUxfUPbayl6Fo {
    flex-direction: column;
  }
  .OMXHS4sGVNV5qxBnpYBq {
    width: 100%;
  }
}
.b8CRhtQp5Kc9fbUeGlrW {
  width: 100%;
  font-size: 2rem;
  color: #333;
  margin: 0;
}

.wgEm6zR2RyGcmea1uoxW {
  align-self: stretch;
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .wgEm6zR2RyGcmea1uoxW {
    width: 100%;
  }
  .b8CRhtQp5Kc9fbUeGlrW {
    text-align: center;
  }
}
.MdIuF86YXgIdAgf9JWzj {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  border: 2px solid var(--Surface-White, #fff);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  width: 100%;
  gap: 2rem;
  padding: 1rem;
  background-color: var(--White, #fff);
  box-sizing: border-box;
}

.ILsvBlWYTrW4h_X8XoWD {
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  align-self: stretch;
  display: flex;
  min-height: 5rem;
  flex-direction: column;
  width: 5rem;
  height: 5rem;
  background-color: var(--Blue, #e8f0ff);
  margin: auto 0;
}
.lFEJRhBG_cHoVcOG1BUL {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 1.5rem;
}
.dRaBtAMfoQvlaDb1RGah {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  margin: auto 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .MdIuF86YXgIdAgf9JWzj {
    gap: 1rem;
  }
  .ILsvBlWYTrW4h_X8XoWD {
    min-height: 2rem;
    width: 2rem;
    height: 2rem;
    background-color: var(--Blue, #e8f0ff);
    margin: auto 0;
  }
  .lFEJRhBG_cHoVcOG1BUL {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 1rem;
  }
}
.fNjCmbb2D3PIzH5CY8Hs {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.V8u4WIdecGvF1zN7oXG3 {
  color: var(--Black-4, #6b6b6b);
  margin-top: 0.5rem;
  font-size: 1rem;
}

.SGPqvb4euhzFffmkT57C {
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  border: 2px solid var(--Surface-White, #fff);
  opacity: 0.6;
  background-color: rgba(255, 255, 255, 0.32);
  display: flex;
  margin-top: 1.75rem;
  width: 100%;
  gap: 2rem;
  box-sizing: border-box;
  padding: 1rem;
}
@media (max-width: 991px) {
  .SGPqvb4euhzFffmkT57C {
    gap: 1rem;
  }
}
.USXspZTx0_I8xVEvY5lA {
  border-radius: 0.5rem;
  align-self: stretch;
  display: flex;
  width: 1rem;
  height: 5rem;
  background-color: var(--Blue, #e8f0ff);
  margin: auto 0;
}
.hK5dSZRzxIX6OWNy52R4 {
  align-self: stretch;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  box-sizing: border-box;
  margin: auto 0;
}

.RTNJ1CX7jzqHdxo4ejYM {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.YLG7icwAfhXANsHTld65 {
  color: var(--Black-4, #6b6b6b);
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}
.M_gH1Ub7DeW2GV_s7eor {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.Cj9JJHReGdHAyHXx7yMX {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.ZXvL0eBI6tS_LsmbsfFX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .Cj9JJHReGdHAyHXx7yMX {
    grid-template-columns: repeat(2, 1fr);
  }
  .M_gH1Ub7DeW2GV_s7eor {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .Cj9JJHReGdHAyHXx7yMX {
    grid-template-columns: 1fr;
  }
  .M_gH1Ub7DeW2GV_s7eor {
    width: 90%;
  }
}

.eX9tRSbDb8A1kBOAL53b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.FFk5WyHPD5Cv6dFfRAcx {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.GqgWnqF2vK0K9vyZLshw {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.zyHLKB_WcB20U42JAlJQ {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 600px) {
  .zyHLKB_WcB20U42JAlJQ {
    width: 90%;
  }
}
.RjmSYu1ow0CsxRjYKqDs {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.nap5Fk3sLTc1c4NDeZTh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .RjmSYu1ow0CsxRjYKqDs {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .RjmSYu1ow0CsxRjYKqDs {
    width: 90%;
  }
}

._6oo2CAyBsJr4Uy18GAZ {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  ._6oo2CAyBsJr4Uy18GAZ {
    width: 90%;
  }
}

.zTLXimPNnZYPaqAod85u {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1000px) {
  .zTLXimPNnZYPaqAod85u {
    grid-template-columns: 1fr;
  }
}


.sK2vuXQk2WHunlnEXKCL {
  border: 2px solid var(--White, #fff);
  background-color: #fff;
  border-radius: 1rem;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
  display: flex;
}

@media (width <=991px) {
  .sK2vuXQk2WHunlnEXKCL {
    gap: 1rem;
  }
}

.COiuOqgeXQApTgqSccTO {
  background-color: #e8f0ff;
  border-radius: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

@media (width <=991px) {
  .COiuOqgeXQApTgqSccTO {
    width: 3rem;
    height: 3rem;
  }
}

.bhXp4z2NExYWwYYhj91u {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 24px;
}

.FTTzXUyi3g9vJ0zk583d {
  flex: 30px;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}

@media (width <=991px) {
  .FTTzXUyi3g9vJ0zk583d {
    max-width: 100%;
  }
}

.uOGdYrQcWbUKP0QkIKmE {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

@media (width <=991px) {
  .uOGdYrQcWbUKP0QkIKmE {
    max-width: 100%;
  }
}

.YrkbZJLy96nDQuWlkE6h {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
}

@media (width <=991px) {
  .YrkbZJLy96nDQuWlkE6h {
    max-width: 100%;
  }
}
.RkYzVQCSZfe1XypjmxJ6 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.dLtLRwK_eGFvelHP5e64 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.SpWBCbgOmmeQdoyv_E9P {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .dLtLRwK_eGFvelHP5e64 {
    grid-template-columns: repeat(2, 1fr);
  }
  .RkYzVQCSZfe1XypjmxJ6 {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .dLtLRwK_eGFvelHP5e64 {
    grid-template-columns: 1fr;
  }
  .RkYzVQCSZfe1XypjmxJ6 {
    width: 90%;
  }
}

.oiubeJXrv4a56Nl2PogM {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.wXtHec2rt3oEsbMhrHxT {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.guLoXXT4VdjzeXx7PGo9 {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.fMmR2Uzn1CmfxgL3s9lA {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 600px) {
  .fMmR2Uzn1CmfxgL3s9lA {
    width: 90%;
  }
}
.Vig1IXTr_xY60BNuaxGF {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.wXHtj8XJS6GRzYB0742d {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.AR5kwV4dZLdW5GanmobY {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .Vig1IXTr_xY60BNuaxGF {
    width: 80%;
  }
}
@media (max-width: 800px) {
  .wXHtj8XJS6GRzYB0742d {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .Vig1IXTr_xY60BNuaxGF {
    width: 90%;
  }
}

.gCePOzZIwmj14qyIxJa7 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.dZNaeKkTCkTmmJJjgqzc {
  width: 16px;
  border-radius: 8px;
  height: 90%;
  background-color: #007AFF;
}

.TClE4ryL3SIvgsLZ6C1h {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
}

.J_FK4Ne2SB1cMs0p7hsy {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.V6GrVcKnygy_08zCHfqf {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.U1zaCgASYU2bK5iFJzQg {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 600px) {
  .U1zaCgASYU2bK5iFJzQg {
    width: 90%;
  }
}
.LsyuvXOgPc2GJEVYjLRy {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.fGXOAcIePhQak1jR5ftT {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.zmxEjFnsRsOgSVVNHTAC {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .fGXOAcIePhQak1jR5ftT {
    grid-template-columns: repeat(2, 1fr);
  }

  .LsyuvXOgPc2GJEVYjLRy {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .fGXOAcIePhQak1jR5ftT {
    grid-template-columns: 1fr;
  }

  .LsyuvXOgPc2GJEVYjLRy {
    width: 90%;
  }
}

.GS_DQR2PVUDucyGjBlKu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.f2cSrYOLg8kQ9MKNttvg {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.GO5a_hgA4mbIW0EgMdqy {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.KChk1okdkxtCCzFtfDRV {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
  margin-top: -1rem;
}

@media (max-width: 600px) {
  .KChk1okdkxtCCzFtfDRV {
    width: 90%;
  }
}

.Rbp8cjUxLy4w6jWDFNDU {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
  width: 100%;
  box-sizing: border-box;
}

.cGugfcorqgWFreZQQtk9 {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  width: 100%;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.QR0S18wTwJst2g386jht {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}

.nZ7Z_FYMBhOeM9HzL85v {
  border-radius: 1rem;
  background: #D9D9D9;
  height: 5rem;
  width: 6rem;
  box-sizing: border-box;
  overflow: hidden;
}

.gX439N0yrOYcCEhaTTZN {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 800px) {
  .gX439N0yrOYcCEhaTTZN {
    grid-template-columns: 1fr;
  }
}

.muNklawKis2y70668QUD {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.skeX_04YGfrIwOdNvgsm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .skeX_04YGfrIwOdNvgsm {
    grid-template-columns: 1fr;
  }
}

.tlSydzysdtt0w7uNz0hg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .tlSydzysdtt0w7uNz0hg {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .tlSydzysdtt0w7uNz0hg {
    grid-template-columns: 1fr;
  }
}
.crX6FDyR3lPNos5uROTe {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.h0GxRwi1XcBsqEOxxxbc {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.QnXBMcxO3hWZlInnJOxH {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.FZZxkYxJ8eMnoWZ7ld9Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .QnXBMcxO3hWZlInnJOxH {
    grid-template-columns: repeat(2, 1fr);
  }

  .crX6FDyR3lPNos5uROTe {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .QnXBMcxO3hWZlInnJOxH {
    grid-template-columns: 1fr;
  }

  .crX6FDyR3lPNos5uROTe {
    width: 90%;
  }
}

.TXgSwUcdaYzuDqX6zN_z {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.VX_w62yHxsBzZb6Ui_nV {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.Br79X3ayhfcSFpQsMAqq {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.whnRTEaFbxd334KhzpBT {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .whnRTEaFbxd334KhzpBT {
    width: 90%;
  }
}
.ztT_BQjDvTbf1alDqgDm {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.LiJvIsOt1LM3Z8K8c2xZ {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.JtIhoQ5Il2v6GI1XnqPA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.x5DU_2NgiRpq_gtNPUz5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .ztT_BQjDvTbf1alDqgDm {
    width: 80%;
  }
}
@media (max-width: 800px) {
  .JtIhoQ5Il2v6GI1XnqPA {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .ztT_BQjDvTbf1alDqgDm {
    width: 90%;
  }
}

.yVn0BGjk22SQrR593xlh {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.VQdgvwtZoZVG6I1qgUT4 {
  width: 16px;
  border-radius: 8px;
  height: 90%;
  background-color: #007AFF;
}

.SkrqVa4MldZf2O7vUiOl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
}

.uahR75nrnXyt0iHo68Db {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.YzD7dxxP6AQY5aa3kzYA {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.cXjnuE8KbxDmmRHyUguf {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 600px) {
  .cXjnuE8KbxDmmRHyUguf {
    width: 90%;
  }
}
.plIgk9BroUDrTf0_ZV00 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.AqqXhJz_O_cKtA9a4rlJ {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.OvnZSs8fo4TS5WHODenA {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.T1Nnh43LElOiHg00FoeT {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .OvnZSs8fo4TS5WHODenA {
    grid-template-columns: repeat(2, 1fr);
  }

  .plIgk9BroUDrTf0_ZV00 {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .OvnZSs8fo4TS5WHODenA {
    grid-template-columns: 1fr;
  }

  .plIgk9BroUDrTf0_ZV00 {
    width: 90%;
  }
}

.PZFxTHHgP3cT3Ape0Yvd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.dSfx5XnlLKMtM78vl17l {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}
.Xt714M6dpkUyXIhnkTM5 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
}

.bebRE7rjbUGoAHIer36m {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}
.bebRE7rjbUGoAHIer36m svg {
  color: #007AFF;
  font-size: 24px;
}

.ukQqOBK9TAunMkhhbvdo {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  
}

.W5hO6_vZAOGcEcADeGb9 {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .W5hO6_vZAOGcEcADeGb9 {
    width: 90%;
  }
}
.GLTunDqGjCCsZh8ybFpz {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.FlSrSo38V2HodOsBZ7Yx {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .GLTunDqGjCCsZh8ybFpz {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .GLTunDqGjCCsZh8ybFpz {
    width: 90%;
  }
}

.Ln5CdeNUdYEt0ma4ysXQ {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .Ln5CdeNUdYEt0ma4ysXQ {
    width: 90%;
  }
}

.iMqelT3v5hqU3TnudxtR {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1000px) {
  .iMqelT3v5hqU3TnudxtR {
    grid-template-columns: 1fr;
  }
}


.sY2NPAvBjALfyi_M4Ct2 {
  border: 2px solid var(--White, #fff);
  background-color: #fff;
  border-radius: 1rem;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
  display: flex;
}

@media (width <=991px) {
  .sY2NPAvBjALfyi_M4Ct2 {
    gap: 1rem;
  }
}

.q4CBKgO3alKPjpC37Obb {
  background-color: #e8f0ff;
  border-radius: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

@media (width <=991px) {
  .q4CBKgO3alKPjpC37Obb {
    width: 3rem;
    height: 3rem;
  }
}

.xvPSQVwdSdItlZOCjV2w {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 24px;
}

.qTtnRCiaT5vUt5a6b7GI {
  flex: 30px;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}

@media (width <=991px) {
  .qTtnRCiaT5vUt5a6b7GI {
    max-width: 100%;
  }
}

.JcLowzOiImmxl5xjmrrd {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

@media (width <=991px) {
  .JcLowzOiImmxl5xjmrrd {
    max-width: 100%;
  }
}

.XcxkJCnaq5t3fPpmDhkA {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
}

@media (width <=991px) {
  .XcxkJCnaq5t3fPpmDhkA {
    max-width: 100%;
  }
}
.Ou209KdatIamgAYOSJEA {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.RiLGBJy_KTkeqA6r4K0Z {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

.Yqm2Y1GWBR9BPTkiNW8D {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 80%;
}

@media (max-width: 1024px) {
  .RiLGBJy_KTkeqA6r4K0Z, 
  .Yqm2Y1GWBR9BPTkiNW8D  {
    width: 90%;
  }
}

.gHURKlvJf72dgVmHB9Qt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .gHURKlvJf72dgVmHB9Qt {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .gHURKlvJf72dgVmHB9Qt {
    grid-template-columns: 1fr;
  }
}

.TNKYfkoRstYeXcxQi2CO {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .TNKYfkoRstYeXcxQi2CO {
    grid-template-columns: 1fr;
  }
}
.dZOEs3anYrBEt4R3FXCn {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.vKuOPKcfD9zRgrIQdZwc {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.qPIrrQ2oH3vYyyo7SFnX {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.nYzfjwEAA2NlixqC0s7B {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .qPIrrQ2oH3vYyyo7SFnX {
    grid-template-columns: repeat(2, 1fr);
  }

  .dZOEs3anYrBEt4R3FXCn {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .qPIrrQ2oH3vYyyo7SFnX {
    grid-template-columns: 1fr;
  }

  .dZOEs3anYrBEt4R3FXCn {
    width: 90%;
  }
}

.gw9xfbgo5qp7zWxepGmN {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.aINTIM6y408tSFZUa1aq {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

._4ip1jPklnO3YuwAT8IX {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.IMcvXjnX3MRnTYaTbMjL {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .IMcvXjnX3MRnTYaTbMjL {
    width: 90%;
  }
}
.RoDD3NWSIku04bJcMY2p {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 70%;
}

.EFRSKzEGHwh0OjRDzHtN {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .RoDD3NWSIku04bJcMY2p {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .RoDD3NWSIku04bJcMY2p {
    width: 90%;
  }
}

.jgRpR8enVLgaexwkCdEB {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .jgRpR8enVLgaexwkCdEB {
    width: 90%;
  }
}

.m3eIImeJudh_AmPvscv5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1000px) {
  .m3eIImeJudh_AmPvscv5 {
    grid-template-columns: 1fr;
  }
}


.p7siquWucAHZ3q92tAwq {
  border: 2px solid var(--White, #fff);
  background-color: #fff;
  border-radius: 1rem;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
  display: flex;
}

@media (width <=991px) {
  .p7siquWucAHZ3q92tAwq {
    gap: 1rem;
  }
}

.FOVMdrg0xbkK2VVZ15Iv {
  background-color: #e8f0ff;
  border-radius: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

@media (width <=991px) {
  .FOVMdrg0xbkK2VVZ15Iv {
    width: 3rem;
    height: 3rem;
  }
}

.dFg4GT6y_0IgmVaiBfsC {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 24px;
}

.KqXyilypz5SmgpOK0uJl {
  flex: 30px;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}

@media (width <=991px) {
  .KqXyilypz5SmgpOK0uJl {
    max-width: 100%;
  }
}

.BnJufrtCbn819maHgWbi {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

@media (width <=991px) {
  .BnJufrtCbn819maHgWbi {
    max-width: 100%;
  }
}

.HTBytNFfY2lmmCwUV3x9 {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
}

@media (width <=991px) {
  .HTBytNFfY2lmmCwUV3x9 {
    max-width: 100%;
  }
}
.PhKB7QeGvWGitx6dpI3M {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.F_btv7F1uIR3QrAW9BPT {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.OuCEj5Ug29Z6pVOtUGXB {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.ysQjPY1duQ_jS9zXHxwF {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .OuCEj5Ug29Z6pVOtUGXB {
    grid-template-columns: repeat(2, 1fr);
  }

  .PhKB7QeGvWGitx6dpI3M {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .OuCEj5Ug29Z6pVOtUGXB {
    grid-template-columns: 1fr;
  }

  .PhKB7QeGvWGitx6dpI3M {
    width: 90%;
  }
}

.RhTxG2_47mDoupBZXCCq {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.JZGQcpV2KCgI5TfFWE5Q {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.w7h3qM_M04Krh_IMG4VJ {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.ZxdindaKDQG2EwJ649PU {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .ZxdindaKDQG2EwJ649PU {
    width: 90%;
  }
}
.fzVhDMvjsDc8euwdIZP2 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.tnkm6FKbrbUI4ovLU_mC {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .fzVhDMvjsDc8euwdIZP2 {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .fzVhDMvjsDc8euwdIZP2 {
    width: 90%;
  }
}

.LrvkmoeggcZ0dpLMlr6Z {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .LrvkmoeggcZ0dpLMlr6Z {
    width: 90%;
  }
}

.ZOfQ89s28rskVbMRPqx1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1000px) {
  .ZOfQ89s28rskVbMRPqx1 {
    grid-template-columns: 1fr;
  }
}


.FN6_6xdCp0RzAp2FmkPU {
  border: 2px solid var(--White, #fff);
  background-color: #fff;
  border-radius: 1rem;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
  display: flex;
}

@media (width <=991px) {
  .FN6_6xdCp0RzAp2FmkPU {
    gap: 1rem;
  }
}

.NNUNRb1s6UvPwQ5Z8Abo {
  background-color: #e8f0ff;
  border-radius: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

@media (width <=991px) {
  .NNUNRb1s6UvPwQ5Z8Abo {
    width: 3rem;
    height: 3rem;
  }
}

.QO_IRp3btZMG9gJ4zEQ3 {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 24px;
}

.BjYjaujEFmPyOH4HyexA {
  flex: 30px;
  align-self: stretch;
  margin-top: auto;
  margin-bottom: auto;
}

@media (width <=991px) {
  .BjYjaujEFmPyOH4HyexA {
    max-width: 100%;
  }
}

.Y_pYtpAIlkDDO7WXOkHx {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

@media (width <=991px) {
  .Y_pYtpAIlkDDO7WXOkHx {
    max-width: 100%;
  }
}

.jrHE8IsW8qwbyMnj78dr {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: normal;
}

@media (width <=991px) {
  .jrHE8IsW8qwbyMnj78dr {
    max-width: 100%;
  }
}
.tk5VH3UcrC8HTNGQ2Fer {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.jVM3Eze9JudMz07mwKe9 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

.Jdk6SuiG4J3Hgs5twmI8 {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 80%;
}

@media (max-width: 1024px) {
  .jVM3Eze9JudMz07mwKe9, 
  .Jdk6SuiG4J3Hgs5twmI8  {
    width: 90%;
  }
}

.TQafvlRGHmb3sc4MCWDR {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .TQafvlRGHmb3sc4MCWDR {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .TQafvlRGHmb3sc4MCWDR {
    grid-template-columns: 1fr;
  }
}

.Cbw3v9ixe4rxxsl8wgwt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .Cbw3v9ixe4rxxsl8wgwt {
    grid-template-columns: 1fr;
  }
}
.GXAj1mzgoBPiDmtOxL9P {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.DOrsjdz1z8zcRtoqh4Z1 {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.GCzG9oD1Cg_4Sh6c210e {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.ekQXw2hQsxdfwgHwHOs8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .GCzG9oD1Cg_4Sh6c210e {
    grid-template-columns: repeat(2, 1fr);
  }

  .GXAj1mzgoBPiDmtOxL9P {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .GCzG9oD1Cg_4Sh6c210e {
    grid-template-columns: 1fr;
  }

  .GXAj1mzgoBPiDmtOxL9P {
    width: 90%;
  }
}

.gzNjgSrihKXjG2QseGFL {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.yt9QTrjv6pgn05DfKuwR {
  border-radius: 1rem;
  background-color: #d9d9d9;
  display: flex;
  height: 180px;
  width: 100%;
}

.ttox2qHYIs_G2DSf6my6 {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.r9h7uR2Bp55CMj2EAto6 {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.X6afuKMlM0RRyGBcBxWi {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .X6afuKMlM0RRyGBcBxWi {
    width: 90%;
  }
}
.lacemVPY4QbpUCw9T1MG {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.GaaMvhVnbQGr3rIUTYNH {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.aic59Y4qifnsBcQpwaIv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.AF_hM89AC4i70WFuAlm5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .aic59Y4qifnsBcQpwaIv {
    grid-template-columns: repeat(2, 1fr);
  }

  .lacemVPY4QbpUCw9T1MG {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .aic59Y4qifnsBcQpwaIv {
    grid-template-columns: 1fr;
  }

  .lacemVPY4QbpUCw9T1MG {
    width: 90%;
  }
}

.PzZBtRCbhdmmPPbI_P6w {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.JC_TUzgjkFsHME6pKtDr {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.efBWtUi8C0Q6H_uHPmTT {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.kMrOyfdKMU2RMoWn1r6w {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .kMrOyfdKMU2RMoWn1r6w {
    width: 90%;
  }
}
.mdIirMeIzMlOb0VLgOSo {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.W5vmXjBghBya2UBFchdM {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

@media (max-width: 1024px) {
  .W5vmXjBghBya2UBFchdM  {
    width: 90%;
  }
}

.VOrfz2UN2uR16CnOq3qQ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .VOrfz2UN2uR16CnOq3qQ {
    grid-template-columns: 1fr;
  }
}

.u5aa03anhHtWMij_QsnV {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .u5aa03anhHtWMij_QsnV {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .u5aa03anhHtWMij_QsnV {
    grid-template-columns: 1fr;
  }
}
.MQ8TzZrn7y4cQNOYDR_1 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.hTGs_GnedqnqNFc4v8Os {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.r2Ui_40U4pJs0eTdaqgy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.xCvP5OP0HJ1efStENH0p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .r2Ui_40U4pJs0eTdaqgy {
    grid-template-columns: repeat(2, 1fr);
  }

  .MQ8TzZrn7y4cQNOYDR_1 {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .r2Ui_40U4pJs0eTdaqgy {
    grid-template-columns: 1fr;
  }

  .MQ8TzZrn7y4cQNOYDR_1 {
    width: 90%;
  }
}

.RKHtR8FH3tQtcmTmEaSB {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.Pkhr1V4ArAY2sdIE0xyc {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}
.p0S2XsErX29yBZPn5CNm {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  background: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.Cj2q7dD0VA70_GEjm4as {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}
.Cj2q7dD0VA70_GEjm4as svg {
  color: #007AFF;
  font-size: 24px;
}

.yB_wbGkfcGOvHsifwH1W {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  
}

.V21xC4LzVY1ZtlpZtp7g {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .V21xC4LzVY1ZtlpZtp7g {
    width: 90%;
  }
}
.vKLxCgosew3xBZ0Ruyrg {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.GIG9mk4yk2FzjAMTJNwB {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

.S57MFXEcUUgtDV8sNmY0 {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 85%;
}

@media (max-width: 1024px) {
  .GIG9mk4yk2FzjAMTJNwB, 
  .S57MFXEcUUgtDV8sNmY0  {
    width: 90%;
  }
}

.h6LR8jmcBtYQ_EtIFkMZ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .h6LR8jmcBtYQ_EtIFkMZ {
    grid-template-columns: 1fr;
  }
}
.LnRo0BjElmZMuda79Kuz {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.VQBnxjeb4V5AaLJc85xd {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 90%;
}

.vE9ilzKWImBjcMaaIiV0 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.P4qZ7UFpC2jWyXktEeF9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .LnRo0BjElmZMuda79Kuz {
    width: 80%;
  }
}
@media (max-width: 800px) {
  .vE9ilzKWImBjcMaaIiV0 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .LnRo0BjElmZMuda79Kuz {
    width: 90%;
  }
}

.Waw10GZDoBjOBxJMZWqV {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.S9nCtBUAAeB57necliE7 {
  width: 16px;
  border-radius: 8px;
  min-height: 4rem;
  height: 90%;
  background-color: #007AFF;
}

.vxPS7lWeTWW7G5zE5QYx {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}

.GkGewqV6FrqtYoavNxcT {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.RdglwIvAju_210fSS6CC {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.tbsr4epr9lLUbye26DPy {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 600px) {
  .tbsr4epr9lLUbye26DPy {
    width: 90%;
  }
}
.CJFXLW51nYG_Yl494ubf {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.l8mPtIE28SyqUlaBkkwF {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.yKxIauwmOqJzMWSJ7msY {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.Nm9qFNBZKKhU4fsLwwot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .yKxIauwmOqJzMWSJ7msY {
    grid-template-columns: repeat(2, 1fr);
  }

  .CJFXLW51nYG_Yl494ubf {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .yKxIauwmOqJzMWSJ7msY {
    grid-template-columns: 1fr;
  }

  .CJFXLW51nYG_Yl494ubf {
    width: 90%;
  }
}

.jqZRfwGsMeOk4Ad_E3YY {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.zzo_osWsjQtrQt3gM9GX {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.S3pCRAChEa1y8Z_WyckC {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.DHj7knvXlqdGnMDI9AAg {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .DHj7knvXlqdGnMDI9AAg {
    width: 90%;
  }
}
.FimF6enMbT024miD9OTu {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.w9XsEGe7K1iJiWgH2adU {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

._k6GTM3PlXDAiCQpsSQy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.tkHKMdFbC3oTwvqyIq02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  ._k6GTM3PlXDAiCQpsSQy {
    grid-template-columns: repeat(2, 1fr);
  }

  .FimF6enMbT024miD9OTu {
    width: 80%;
  }
}

@media (max-width: 600px) {
  ._k6GTM3PlXDAiCQpsSQy {
    grid-template-columns: 1fr;
  }

  .FimF6enMbT024miD9OTu {
    width: 90%;
  }
}

.x_2blu8M18NMjtEveaKy {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.xAm36Jr_wSPMKKxhlUC7 {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}
.uuXq465_6HDBLwar6EX5 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  background: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.wivMsb6pHgn2krWY85LO {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}
.wivMsb6pHgn2krWY85LO svg {
  color: #007AFF;
  font-size: 24px;
}

.Qv2AGZZRDsBr0ta5m1m2 {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  
}

.v3PfAIVW81dVmHz5jsNs {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .v3PfAIVW81dVmHz5jsNs {
    width: 90%;
  }
}
.EFoTe5n8LSCp7n_fFGpE {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.MkLsgzn_tavwiy7TV1tQ {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 90%;
}

.elFhL8mjOOtVj_80TcQa {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.CHCjCdB8CHXK8_hOYU3q {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .EFoTe5n8LSCp7n_fFGpE {
    width: 80%;
  }
}
@media (max-width: 800px) {
  .elFhL8mjOOtVj_80TcQa {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .EFoTe5n8LSCp7n_fFGpE {
    width: 90%;
  }
}

.L4AQVCPbrdyPvuRgN9NK {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.JDs3eIP36uo0yaQ4nQEr {
  width: 16px;
  border-radius: 8px;
  min-height: 4rem;
  height: 90%;
  background-color: #007AFF;
}

.wMVQuqKpK7nXq9XQaJn2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}

.VBZq0X1NaOO6fcDGaLy1 {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.SFqMkCkWRq2BGt7SBqPg {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.uDo9F8zFVNzoCaDTRcCY {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}
@media (max-width: 600px) {
  .uDo9F8zFVNzoCaDTRcCY {
    width: 90%;
  }
}
.Khv7qsuNfSTZa2j7Q85v {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.Bdp7I2noIwyIqbgJxVpy {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
}

.wLldbTF6XRG9gfHVKshS {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 1rem;
}

.LHoEx9GH8gC2CzhjG2wD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .wLldbTF6XRG9gfHVKshS {
    grid-template-columns: repeat(2, 1fr);
  }

  .Khv7qsuNfSTZa2j7Q85v {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .wLldbTF6XRG9gfHVKshS {
    grid-template-columns: 1fr;
  }

  .Khv7qsuNfSTZa2j7Q85v {
    width: 90%;
  }
}

.fswGU8AeHljqki5yThb2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.w1EkjljktDQy3sQAUphA {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

.XquLg5HRmHzgepnpun5E {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.yktYYCrLxgkD9mEWoKrH {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .yktYYCrLxgkD9mEWoKrH {
    width: 90%;
  }
}
.h00Fn2x2WvGUfnYrgzzh {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.keFp3j4zIgE0rdi5gzJL {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

.BcIo4eTuigwxl5DX642n {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 85%;
}

@media (max-width: 1024px) {
  .keFp3j4zIgE0rdi5gzJL, 
  .BcIo4eTuigwxl5DX642n  {
    width: 90%;
  }
}

.GU98fw55C25GAqgQfDgI {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .GU98fw55C25GAqgQfDgI {
    grid-template-columns: 1fr;
  }
}

.s8aNU17S9DAdO9gcQmGL {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .s8aNU17S9DAdO9gcQmGL {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .s8aNU17S9DAdO9gcQmGL {
    grid-template-columns: 1fr;
  }
}

.c2Ty5Z9WHdPt7HEOUAlS {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .c2Ty5Z9WHdPt7HEOUAlS {
    grid-template-columns: 1fr;
  }
}
.CVBqHsdv9HQqRbfhBWOY {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .CVBqHsdv9HQqRbfhBWOY {
    grid-template-columns: 1fr;
  }
}

.U36_OvkX2JsB_7G6Sc2p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .U36_OvkX2JsB_7G6Sc2p {
    grid-template-columns: 1fr;
  }
}

._IO0EU8w7PkFKhKrXqzi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  ._IO0EU8w7PkFKhKrXqzi {
    grid-template-columns: 1fr;
  }
}
.QAezW2dODWtH8MZDZ84o {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .QAezW2dODWtH8MZDZ84o {
    grid-template-columns: 1fr;
  }
}
.jiSHaOivjIQezD_DiPru {
  display: flex;
  align-items: center;
  gap: 2rem;
  box-sizing: border-box;
}

.shvFNDpBQY5uQSU86HQd {
  height: 350px;
  width: 40%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #D9D9D9;
}

.zLHHElXVrq0RLnaeQn32 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-sizing: border-box;
  width: 60%;
}

@media (max-width: 820px) {
  .jiSHaOivjIQezD_DiPru {
    flex-direction: column;
  }

  .shvFNDpBQY5uQSU86HQd {
    width: 90%;
  }

  .zLHHElXVrq0RLnaeQn32 {
    width: 90%;
  }
}

.BZnArgdSM_IQNTfHWvZo {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.X6_6s6W5iMJyUuRVgcHG {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .X6_6s6W5iMJyUuRVgcHG {
    grid-template-columns: 1fr;
  }
}

.XC8v7KmOcvwKKKIf0sux {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .XC8v7KmOcvwKKKIf0sux {
    grid-template-columns: 1fr;
  }
}

.sFkAmzlzgk6TpcEB2FmE {
  margin-top: 5rem;
  padding: 3rem;
  box-sizing: border-box;
  background-color: #E8F0FF;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.weOgy9ka3LvN8aoHkEFx {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 2rem;
}

@media (max-width: 820px) {
  .weOgy9ka3LvN8aoHkEFx {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media (max-width: 600px) {
  .weOgy9ka3LvN8aoHkEFx {
    grid-template-columns: 1fr;
  }
}

.NySNwgQPTBfAYK4eIx2Q {
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  box-sizing: border-box;
  font-size: 1rem;
  color: #333;
}
.btqbpM7kyfSKVp3DGfLX {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .btqbpM7kyfSKVp3DGfLX {
    grid-template-columns: 1fr;
  }
}

.f1MB61BM9IN39cnZ80x8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .f1MB61BM9IN39cnZ80x8 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .f1MB61BM9IN39cnZ80x8 {
    grid-template-columns: 1fr;
  }
}
.qxZ4efHS_E_G0cWavK7S {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .qxZ4efHS_E_G0cWavK7S {
    grid-template-columns: 1fr;
  }
}

.by6AmTjDs2YjgFtqNFWT {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .by6AmTjDs2YjgFtqNFWT {
    grid-template-columns: 1fr;
  }
}
.GUdqz6gXygkNYoxl0n7Q {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .GUdqz6gXygkNYoxl0n7Q {
    grid-template-columns: 1fr;
  }
}
.XZ6hXSl6HjRehCtBIZ39 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .XZ6hXSl6HjRehCtBIZ39 {
    grid-template-columns: 1fr;
  }
}
.kKlzxenSgtIqDvvcHtgK {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .kKlzxenSgtIqDvvcHtgK {
    grid-template-columns: 1fr;
  }
}
.CsC3H5vZq15jp21XcNxc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .CsC3H5vZq15jp21XcNxc {
    grid-template-columns: 1fr;
  }
}

.gVIjdFjozy_guszCgcsc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .gVIjdFjozy_guszCgcsc {
    grid-template-columns: 1fr;
  }
}
.uOzjz_RWORhLsr98XoiI {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .uOzjz_RWORhLsr98XoiI {
    grid-template-columns: 1fr;
  }
}

.jnfA5XmmDabw7EjcrWtP {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .jnfA5XmmDabw7EjcrWtP {
    grid-template-columns: 1fr;
  }
}
.sJL_NuvU4UDk5ZNX1bne {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .sJL_NuvU4UDk5ZNX1bne {
    grid-template-columns: 1fr;
  }
}

.D6HsHkbkBGNdhmEy1rEO {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .D6HsHkbkBGNdhmEy1rEO {
    grid-template-columns: 1fr;
  }
}

.hYIiDdupaxgkjM9rxkkQ {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}
.rG7DdyUi03M9YaFH5H9K {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .rG7DdyUi03M9YaFH5H9K {
    grid-template-columns: 1fr;
  }
}

.eUo5jcyAi_wWc2sbyam9 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .eUo5jcyAi_wWc2sbyam9 {
    grid-template-columns: 1fr;
  }
}
.jfELx8tHnNtlwoRdJfBg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .jfELx8tHnNtlwoRdJfBg {
    grid-template-columns: 1fr;
  }
}

.y6I7MVJSVmJlSTqelM0Z {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .y6I7MVJSVmJlSTqelM0Z {
    grid-template-columns: 1fr;
  }
}

.lg0Q1MHof7vYad2K_IqU {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.kQ4YZPKffEvWiySJFAZe {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.h7tVsaC_lv28lItTU91a {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .h7tVsaC_lv28lItTU91a {
    grid-template-columns: 1fr;
  }
}

.E_7ww3HrTaAH6ZP8Rt30 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .E_7ww3HrTaAH6ZP8Rt30 {
    grid-template-columns: 1fr;
  }
}
.wWZadLJOv90VL4maxall {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .wWZadLJOv90VL4maxall {
    grid-template-columns: 1fr;
  }
}

.u6d5Y6aPRh5we7uCzTOc {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .u6d5Y6aPRh5we7uCzTOc {
    grid-template-columns: 1fr;
  }
}
.Hl7t68Slcm3kYNeMG3mQ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .Hl7t68Slcm3kYNeMG3mQ {
    grid-template-columns: 1fr;
  }
}

.FYWnpFfK3rNFyoEKUn2O {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .FYWnpFfK3rNFyoEKUn2O {
    grid-template-columns: 1fr;
  }
}

.XbUtNXtR8cAjKiUwZJvg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .XbUtNXtR8cAjKiUwZJvg {
    grid-template-columns: 1fr;
  }
}
.s7ncgRAqvV2woLAwtn4W {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .s7ncgRAqvV2woLAwtn4W {
    grid-template-columns: 1fr;
  }
}

.akTbOeNtweKlho109yOP {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .akTbOeNtweKlho109yOP {
    grid-template-columns: 1fr;
  }
}
.LAzbSALl8y7A5Sdu296N {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .LAzbSALl8y7A5Sdu296N {
    grid-template-columns: 1fr;
  }
}

.OwElWmebOYUj_uJb6XRF {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .OwElWmebOYUj_uJb6XRF {
    grid-template-columns: 1fr;
  }
}
.p0_oCu_qpjO9U2RAaIJ7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .p0_oCu_qpjO9U2RAaIJ7 {
    grid-template-columns: 1fr;
  }
}

.fd7iQ4kgSBeRTOADneCA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .fd7iQ4kgSBeRTOADneCA {
    grid-template-columns: 1fr;
  }
}
.dT4tnqj8iGeIT5rWiqVM {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .dT4tnqj8iGeIT5rWiqVM {
    grid-template-columns: 1fr;
  }
}
.fSrizkgPIxSG8bequ9Jk {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .fSrizkgPIxSG8bequ9Jk {
    grid-template-columns: 1fr;
  }
}
.evHN8GAgElPXdlSQIMs5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .evHN8GAgElPXdlSQIMs5 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 820px) {
  .evHN8GAgElPXdlSQIMs5 {
    grid-template-columns: 1fr;
  }
}

.aK7jyOcDmrzSIf3XT29U {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .aK7jyOcDmrzSIf3XT29U {
    grid-template-columns: 1fr;
  }
}
.BcrLrYgl9nepDrFN7Hc5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .BcrLrYgl9nepDrFN7Hc5 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .BcrLrYgl9nepDrFN7Hc5 {
    grid-template-columns: 1fr;
  }
}

.GS5t0MaKoMQ1TflKNQ8k {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .GS5t0MaKoMQ1TflKNQ8k {
    grid-template-columns: 1fr;
  }
}
.nofJuR1iLdOEomTWvDgE {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .nofJuR1iLdOEomTWvDgE {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .nofJuR1iLdOEomTWvDgE {
    grid-template-columns: 1fr;
  }
}

.cawf7BmP0psY7nCi98rg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .cawf7BmP0psY7nCi98rg {
    grid-template-columns: 1fr;
  }
}
._wW2h6a1ABNDOWM6aBlx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  ._wW2h6a1ABNDOWM6aBlx {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  ._wW2h6a1ABNDOWM6aBlx {
    grid-template-columns: 1fr;
  }
}

.HgQzc0P1ICfmr2bxnd0Q {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .HgQzc0P1ICfmr2bxnd0Q {
    grid-template-columns: 1fr;
  }
}
.kykedzQL9g9YKKPS9tGw {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .kykedzQL9g9YKKPS9tGw {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .kykedzQL9g9YKKPS9tGw {
    grid-template-columns: 1fr;
  }
}

.ccpn1tG5ySEvZg4FvrHF {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .ccpn1tG5ySEvZg4FvrHF {
    grid-template-columns: 1fr;
  }
}
.Ly0Dmbne1sBsBbWZ8h8i {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .Ly0Dmbne1sBsBbWZ8h8i {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .Ly0Dmbne1sBsBbWZ8h8i {
    grid-template-columns: 1fr;
  }
}

.WWJ9Y0F7RZcXUtJJn0Jy {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .WWJ9Y0F7RZcXUtJJn0Jy {
    grid-template-columns: 1fr;
  }
}
.soDXUdljTaKGHVHU3Ler {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .soDXUdljTaKGHVHU3Ler {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .soDXUdljTaKGHVHU3Ler {
    grid-template-columns: 1fr;
  }
}

.gcu2yfH0VE36m94NYk1e {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .gcu2yfH0VE36m94NYk1e {
    grid-template-columns: 1fr;
  }
}
.llfEM4UhDR5fiaJQxgmq {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .llfEM4UhDR5fiaJQxgmq {
    grid-template-columns: 1fr;
  }
}

.ZRQMRqGnp9qUUgaIIo98 {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #D9D9D9;
}

.E4tXMYT9cRSig7Xyi6kI {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.zIjpb44nsAXEJAmrz04T {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .zIjpb44nsAXEJAmrz04T {
    grid-template-columns: 1fr;
  }
}

.iVLmR1N2ZbTNmN56DMyJ {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #D9D9D9;
}

.BaAfY13RkU_CFBfy85Wz {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.xt3JqBobvbO2cIVJwV8b {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .xt3JqBobvbO2cIVJwV8b {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .xt3JqBobvbO2cIVJwV8b {
    grid-template-columns: 1fr;
  }
}
.Lu_yQE7snaPizFxMrsrp {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .Lu_yQE7snaPizFxMrsrp {
    grid-template-columns: 1fr;
  }
}

.KTdmjrCNuBOZ3HzMyaga {
  display: flex;
  gap: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin-top: 5rem;
}

.lNr9CeduRlZjbdtCD_s5 {
  width: 48%;
  box-sizing: border-box;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.E4y6KzWLBUL507Uaa_er {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr);
  gap: 1rem;
  box-sizing: border-box;
  width: 49%;
  min-height: 400px;
  max-height: 600px;
}

@media (max-width: 1024px) {
  .KTdmjrCNuBOZ3HzMyaga {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .lNr9CeduRlZjbdtCD_s5 {
    width: 100%;
    align-items: center;
  }

  .E4y6KzWLBUL507Uaa_er {
    width: 100%;
  }
}

.WpbUGOxiUKaGwd5LeUxw {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.QLduZ3RjKcBH1ZMvDwst {
  background-color: #D9D9D9;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 1rem;
}

.j2LdDWJsRORNfHznhteu {
  grid-column: 1 / 7;
  grid-row: 1 / 7;
}

.ElgwSJqSwhCOUEQ9NJwW {
  grid-column: 7 / 11;
  grid-row: 1 / 5;
}

.A1ExkddS_wzbegxmHMZT {
  grid-column: 1 / 7;
  grid-row: 7 / 11;
}

._8vYQCFAVovj7oly4QbiT {
  grid-column: 7 / 11;
  grid-row: 5 / 11;
}

.qqjsUlJbWqFY7CfZhxIM {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: start;
  max-width: 100%;
  text-transform: capitalize;
}

.NEZzoLMZ8R_SZr4l5KMA {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: start;
  max-width: 100%;
}

.oztyvM5XzxHkHX0XTmUG {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  width: max-content;
}

.oztyvM5XzxHkHX0XTmUG:hover {
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .qqjsUlJbWqFY7CfZhxIM {
    max-width: 80%;
    text-align: center;
  }

  .NEZzoLMZ8R_SZr4l5KMA {
    max-width: 80%;
    text-align: center;
  }
}
.xIQWTagzgi4vFq6_U4k8 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .xIQWTagzgi4vFq6_U4k8 {
    grid-template-columns: 1fr;
  }
}

.HozBMRjXbP3hyTabBfaC {
  display: flex;
  gap: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin-top: 5rem;
}

.o4wvACEWJVJI79JGBkZJ {
  width: 48%;
  box-sizing: border-box;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.TPYM6YqMMv5Nnxv3tRYQ {
  box-sizing: border-box;
  width: 49%;
  /* min-height: 400px; */
}

.TnFyLi0G9TrYmeKiK6qE {
  height: auto;
  width: 80%;
  margin-left: 10%;
  object-fit: contain;
}

@media (max-width: 1024px) {
  .HozBMRjXbP3hyTabBfaC {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .o4wvACEWJVJI79JGBkZJ {
    width: 100%;
    align-items: center;
  }

  .TPYM6YqMMv5Nnxv3tRYQ {
    width: auto;
    height: 320px;
  }
}

.Blxpv0qqfoaINBWPuCWO {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: start;
  max-width: 100%;
  text-transform: capitalize;
}

.gqWI99mXZOqdW9qa3NE4 {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: start;
  max-width: 100%;
}

.g9z7PB1WoyrImDT3I2na {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  width: max-content;
}

.g9z7PB1WoyrImDT3I2na:hover {
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .Blxpv0qqfoaINBWPuCWO {
    max-width: 80%;
    text-align: center;
  }

  .gqWI99mXZOqdW9qa3NE4 {
    max-width: 80%;
    text-align: center;
  }
}
.bF6udZRAMvKWUpwidvwM {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;

  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

@media (max-width: 820px) {
  .bF6udZRAMvKWUpwidvwM {
    grid-template-columns: 1fr 1fr;
    background-image: linear-gradient(to top, #7BBAFF 70%, transparent 30%);
    padding: 0 3rem 5rem;
  }
}

@media (max-width: 600px) {
  .bF6udZRAMvKWUpwidvwM {
    grid-template-columns: 1fr;
    padding: 0 2.25rem 3rem;
  }
}

.zsv_X2LTpPFV8AWh5lkw {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .zsv_X2LTpPFV8AWh5lkw {
    grid-template-columns: 1fr;
  }
}
.home_tabs_section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  border-radius: 0.67281rem;
  width: 90%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none; 
  box-sizing: border-box;
  margin: 0 2rem;
}

.home_tabs_section::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1024px) {
  .home_tabs_section {
    justify-content: space-between;
  }
}

.home_tab {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.67281rem;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.3s;
  color: #6b6b6b;
}

.home_tab.active {
  background: linear-gradient(180deg, #007aff 0%, #004999 100%);
  color: white;
}

.tab-check-icon {
  width: 1rem;
  height: 1rem;
  color: white;
}

.home_section2_card_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

.home_img_parent {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 550px;
  border-radius: 16px;
  /* box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08); */
}

@media (max-width: 820px) {
  .home_img_parent {
    min-height: 300px;
  }
}

.home_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home_parent_section-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}


.card-type-7-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.card-wrapper-side-bar {
  display: flex;
  height: 250px;
  padding: 24px 10px;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: var(--32, 32px);
  border: 1px solid var(--Blue, #e8f0ff);
  background: var(--White, #fff);
}

.card-wrapper-main-div {
  display: flex;
  width: 100%;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 1rem;
  border: 1px solid #e8f0ff;
  background: #fff;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.card-wrapper-name-title {
  color: #333;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
}

.card-wrapper-name-subtext {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: 400;
}

.card-wrapper-points {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

.card-wrapper-points-icon {
  width: auto !important;
  height: 1.25rem !important;
  font-size: 1.25rem !important;
  color: #007AFF;
}

@media (max-width: 600px) {
  .card-wrapper-points {
    gap: 4px;
  }
  .card-wrapper-points-icon {
    width: auto !important;
    height: 1.25rem !important;
    font-size: 1.25rem !important;
  }
}

.card-wrapper-points-text {
  color: #6b6b6b;
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
}

.card-bullet-par1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.home_page_section-divide_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

.home_page_section_start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  width: 50%;
  box-sizing: border-box;
}

@media (max-width: 850px) {
  .home_page_section-divide_box {
    flex-wrap: wrap;
  }

  .home_page_section_start {
    width: 100%;
  }
}

.home_page_section_title {
  color: #333;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 65px */
  text-transform: capitalize;
}

.home_page_section_title-sub {
  color: #6b6b6b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 20.8px */
}

@media (max-width: 850px) {

  .home_page_section_title,
  .home_page_section_title-sub {
    text-align: center;
  }
}

.home_section_small_images_div {
  /* display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  width: 100%;
  box-sizing: border-box;
}

.home_section_small_images_img {
  width: auto;
  height: 5rem;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.home_section_truck_div {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.home_section_truck {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

@media (max-width: 850px) {
  .home_section_truck {
    height: 400px;
  }
}

@media (max-width: 600px) {
  .home_section_small_images_img {
    width: auto;
    height: 2.5rem;
  }

  .home_section_truck {
    height: 280px;
  }
}

.home_page_section_card {
  display: flex;
  padding: 1rem;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 1rem;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  border: 1px solid #fff;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.home_page_section_card:hover {
  border: 1px solid #007AFF;
  transform: scale(1.05);
  box-shadow:
    0px -9px 38px 6px rgba(112, 160, 255, 0.18),
    0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.home_page_icon_card {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 14px 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #e8f0ff;
  box-sizing: border-box;
}

.home_page_section_card_img {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.home_page_written_section {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.home_page_section_card_title {
  color: #333;
  font-size: 1.5rem;
  /* font-style: normal; */
  font-weight: 500;
  /* line-height: 130%; */
  /* 41.6px */
}

.home_page_section_card_subtext {
  color: #6b6b6b;
  font-size: 1rem;
  /* font-style: normal; */
  font-weight: 400;
  /* line-height: 130%; */
  /* 20.8px */
}

@media (max-width: 600px) {
  .home_page_section_card {
    padding: 0.75rem;
    gap: 0.75rem;
  }

  .home_page_icon_card {
    display: flex;
    width: auto;
    height: auto;
    padding: 0.5rem;
  }

  .home_page_section_card_img {
    width: 2rem;
    height: 2rem;
  }

  .home_page_section_card_title {
    line-height: normal;
  }

  .home_page_section_card_subtext {
    line-height: normal;
  }
}
.home_section_perfect_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.home_section_perfect_title2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.home_section_perfect_main-title {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 65px */
  text-transform: capitalize;
}

.home_section_perfect_subtitle {
  color: #6b6b6b;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.home_section_perfect_tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .home_section_perfect_tabs {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 1rem;
  }
}

.home-section-perfect_single-highlighted {
  display: flex;
  padding: 20px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #e6eeff;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  width: 180px;
  box-sizing: border-box;
}

.home_section_single_text {
  color: #010509;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.home-section-perfect_single {
  display: flex;
  padding: 20px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 180px;
  box-sizing: border-box;
}

@media (max-width: 600px) {

  .home-section-perfect_single-highlighted,
  .home-section-perfect_single {
    width: 80%;
  }
}

.pageName-div {
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  border: 1px solid #007AFF;
  font-size: 1rem;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.pageName-div:hover {
  cursor: pointer;
  border: 1px solid #007AFF;
  transform: scale(1.05); 
  box-shadow:
  0px -4px 8px 2px rgba(112, 160, 255, 0.18),
  0px 4px 8px 2px rgba(112, 160, 255, 0.18);
}

@media (max-width: 600px) {
  .pageName-div {
    padding: 0.75rem 1rem;
  }
}
.save_home_images_section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.save_home_img_box {
  width: 30%;
}

.save_home_img_box2 {
  width: 60%;
}

@media (max-width: 820px) {
  .save_home_images_section {
    flex-wrap: wrap;
  }

  .save_home_img_box {
    width: 100%;
  }

  .save_home_img_box2 {
    width: 100%;
  }
}

.save_home_img1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.save-time-sec1-par-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .save-time-sec1-par-wrapper {
    grid-template-columns: 1fr;
  }
}

.save-time-sec1-card1 {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.save-time-sec1-heading {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
  color: #333;
}

.save-time-sec1-para {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
}

.save-time-sec1-img-par {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.save-time-sec1-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.save-time-sec1-par-wrapper2 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}

@media (max-width: 820px) {
  .save-time-sec1-par-wrapper2 {
    grid-template-columns: 1fr;
  }
}

.save-time-sec1-div2-p {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  border-radius: 1rem;
  background-color: #E8F0FF;
  padding: 1rem 0.5rem;
}

.save-time-sec1-div2-par {
  display: flex;
  gap: 4px;
}

.save-time-sec1-div2-icon {
  font-size: 1.25rem;
  height: auto;
  width: 1.5rem;
  color: #007aff;
}

.save-time-sec1-div2-text-p {
  display: flex;
  flex-direction: column;
}

.save-time-sec1-div2-text-p1 {
  font-size: 1rem;
  font-weight: 500;
  color: #6B6B6B;
  margin: 0;
}

.save-time-sec1-div2-text-p2 {
  font-size: 1rem;
  font-weight: normal;
  color: #6B6B6B;
  margin: 0;
}

.save-time-sec1-div2-text-p3 {
  font-size: 10px;
  font-weight: normal;
  color: #6B6B6B;
  margin: 0;
}

.save-time-sec1-icon-par-out {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}

@media (max-width: 820px) {
  .save-time-sec1-icon-par-out {
    gap: 0.75rem;
  }
  .save-time-sec1-div2-p {
    gap: 0.5rem;
  }
}

.save-time-icon-div {
  color: #007aff;
  font-size: 2.5rem;
  width: 100%;
}

.save-time-icon-div svg {
  color: #007aff;
  font-size: 2.5rem;
  /* width: 100%; */
}
.SKJ43omZoTo8blhxvBFC {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
  text-transform: capitalize;
}

.Vfna7n7HgThgLjKpBV_3 {
  border: 1px solid #007AFF;
  background-color: #fff;
  display: flex;
  align-items: center;
  border-radius: 50px;
  width: 280px;
}

.aGdDvfOvVzHxaR3Z15rp {
  font-size: 1.25rem;
  color: #333;
  font-weight: 500;
  padding: 0.75rem 1rem;
  border-radius: 50px;
  cursor: pointer;
  width: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.UBc8jgWmsgeEnm25A0Kg {
  background-color: #007AFF;
  color: #fff;
}

.VY_GQsnIYDEYRs10uhIn {
  border: 1px solid #E8F0FF;
  background-color: #E8F0FF;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 0.5rem;
  /* border-color: lightgray; */
}

.XEVHYPzL4OiH85sOBMHe {
  font-size: 1rem;
  color: #333;
  font-weight: 500;
  padding: 0.25rem 0.75rem;
  border: 1px solid #E8F0FF;
  border-radius: 0.5rem;
  cursor: pointer;
}

.rGZtqlmaXPRCZRy0pegV {
  background-color: #fff;
  color: #333;
  border: 1px solid lightgray;
}

/* .select_par {
  display: flex;
  width: 100%;
  justify-content: center;
  box-sizing: border-box;
}

.select1 {
  position: relative;
  color: #333;
}

.select_ele {
  font-size: 1rem;
  color: #333;
}

.select_val_icon_par {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid #007AFF;
  font-size: 1rem;
  padding: 0.75rem;
  border-radius: 5px;
  cursor: pointer;
  width: 220px;
  box-sizing: border-box;
}

.feature_icon_dropdown {
  margin-top: 0.25rem;
  font-size: 1rem;
  cursor: pointer;
}

.dropdown_par {
  position: absolute;
  top: 51px;
  left: 0;
  border: 1px solid #007AFF;
  font-size: 1rem;
  width: 220px;
  box-sizing: border-box;
}

.dropdown_item {
  padding: 0.5rem;
}

.dropdownselect {
  background-color: #007AFF;
  color: #fff;
}

.dropdown_item:hover {
  background-color: #176ac2;
  color: #fff;
} */

.YKZRqeW3LgoV8afHI2uP {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 1200px) {
  .YKZRqeW3LgoV8afHI2uP {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .YKZRqeW3LgoV8afHI2uP {
    grid-template-columns: 1fr;
  }
}

.WcYjpbRs47J4XBFQnz2A {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.5rem 1rem 0;
  border-bottom: 1px solid #333;
  display: flex;
  cursor: pointer;
}

.L22LNb0THVPjTzGIF8RY {
  width: 4px;
  height: 4rem;
  background-color: #007AFF;
  border-radius: 1px;
}

.dXF_hhggkEmrmOYIcwb7 {
  padding: 0 0 0 1rem;
  box-sizing: border-box;
  width: 100%;
}

.fDu0M774PfEBjqO7I2Q_ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
}

.RdZMvM4hPF1BpE92XkR5 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
}

.JQ5GG_wiQkuUPeoxg0ZA {
  margin: 0.5rem 0 0;
  font-size: 1rem;
  font-weight: 400;
  color: #333;
}

.k009tuqDELBktewVkAFE {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  cursor: pointer;
}

/* planes table */
.orbaVEyfyW9q6G8GL4rw {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  grid-template-columns: minmax(200px, 1fr) minmax(360px, 3fr);
  gap: 1rem;
}

.K1YDhiCn0Pj7NUJXRMUU {
  margin: 2rem 0 -1rem;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  grid-template-columns: minmax(200px, 1fr) minmax(360px, 3fr);
  gap: 1rem;
  position: sticky;
  top: 3.5rem;
  background-color: #fff;
  padding: 1rem;
}

.dzbQcdCwTtxh2w38Ldt3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 1rem;
  overflow-x: auto;
}

@media (max-width: 600px) {
  .orbaVEyfyW9q6G8GL4rw {
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 3fr);
  }
  
  .K1YDhiCn0Pj7NUJXRMUU {
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 3fr);
  }

  .dzbQcdCwTtxh2w38Ldt3 {
    grid-template-columns: repeat(3, minmax(90px, 1fr));
  }
}

.FMmj5fG947RbRU6g1Rsv {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  text-align: center;
}

.AA2xJ6kqQHOegfTYXGcF {
  border: 1px solid lightgrey;
  border-radius: 0.5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.MaMe589pQCf24xGCklNS {
  width: 100%;
  box-sizing: border-box;
  color: #333;
}

.hlStP7Uy0yCeogOu0VeT {
  font-size: 1.25rem;
  color: #007AFF;
  margin: 0 0 0.5rem 0.25rem;
}

.Xx7wwlfHCPVEBVDQTU7b {
  font-size: 1rem;
  border-bottom: 1px solid transparent;
  padding: 1rem;
  height: 3rem;
  box-sizing: border-box;
}

.RCrIy9yWSQb7e7K1uIMa {
  padding: 1rem;
  height: 3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-bottom: 1px solid lightgrey;
}

@media (max-width: 600px) {
  .Xx7wwlfHCPVEBVDQTU7b {
    height: 3.75rem;
  }

  .RCrIy9yWSQb7e7K1uIMa {
    height: 3.75rem;
  }
}
.SuvKTW7hm81ewNKPAsig {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  /* border: 1px solid #007AFF; */
  width: 250px;
  height: 300px;
  padding: 0.75rem;
  align-items: center;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.SuvKTW7hm81ewNKPAsig:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.JEQ5L5CASLECiRXiIueJ {
  background-color: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  /* gap: 1rem; */
  width: 100%;
  box-sizing: border-box;
}

.gYDNXPg5F5eCAQqSS7G9 {
  font-size: 1.5rem;
  color: #007AFF;
  font-weight: 600;
  margin: 0;
}

.eP8OzEQ3TK3swwbJyJOe {
  margin: 1rem 0 0;
  font-size: 1rem;
  color: #333;
  text-align: center;
}

.Xy3zDEXPBityMEmjBese {
  font-size: 1.5rem;
  font-weight: 700;
}

.Es1d2Kurw7j9m6uSfHxP {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 1rem 0 0;
  color: #333;
  text-align: center;
}

.qEyj1EM3BaBEXrQ2WrwG {
  margin: 1rem 0 0;
  font-size: 1rem;
  color: #333;
  text-align: center;
}

.ZgiHwQ0EDzjTBoUgWeVD {
  color: #333;
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #007AFF;
  background-color: #007AFF;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 500;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.X8iG5SToGVFXf8SS1zwC {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .X8iG5SToGVFXf8SS1zwC {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .X8iG5SToGVFXf8SS1zwC {
    grid-template-columns: 1fr;
  }
}

.BvV3mevFO8fABbBCxNrq {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 2rem 0 0;
}

._LbtZKkwHBaSUe0MKxGg {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

.XtUMZ_1fiD5wk_JPB_pH {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.XtUMZ_1fiD5wk_JPB_pH:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.PT6P9Ib5OdIwf2KuTasd {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}
.Bd2M2ycfwvqFqqaS19yT {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  background: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.YQ3_Gz3XTLyyvVDdj3R8 {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}
.YQ3_Gz3XTLyyvVDdj3R8 svg {
  color: #007AFF;
  font-size: 24px;
}

.GuH6fHbIpgkKmEhposqj {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  
}

.SY0m8NvlS0kb1bulPIJ6 {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .SY0m8NvlS0kb1bulPIJ6 {
    width: 90%;
  }
}

.O7ttRRz4896JaHPoJjUc {
  width: 100%;
  box-sizing: border-box;
  /* height: 150px; */
  min-height: 150px;
  height: auto;
  border-radius: 1rem;
  background-color: #D9D9D9;
  overflow: hidden;
}

.rvi8hsJF06b2yVSUpqWV {
  object-fit: cover;
  /* height: 100%; */
  height: auto;
  width: 100%;
}

.xx9BbYM9EfwBYp2HkF0x {
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333;
}

.F1pLjYqZoaPwaYYBr4EK {
  margin-top: 5rem;
  margin-bottom: 5rem;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media (max-width: 820px) {
  .F1pLjYqZoaPwaYYBr4EK {
    grid-template-columns: 1fr;
  }
}

.ePxngZiiSxNWWhaJi2rT {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.tzitDE6eedBp0qyiZdoQ {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.JeSJ2cbxbq8El8o_5vfZ {
  font-size: 1rem;
  margin: 0.25rem 0;
  color: #6B6B6B;
  text-align: left;
}

.Nv4qP2OiBk6LPNYKRpia {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ZP1NBQegiys5YpZHVS6M {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
}

.hb8MWIURDzr4l2FwJGH3 {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}

.ZP1NBQegiys5YpZHVS6M svg {
  color: #007AFF;
  font-size: 24px;
}

.kCjBeZV_wau0mJCPF__q {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid #007AFF;
  border-radius: 1rem;
  padding: 2rem;
}

@media (max-width: 600px) {
  .kCjBeZV_wau0mJCPF__q {
    padding: 2rem 1rem;
  }
}

.IhdTIgOjSUIrkLu_9t1t {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.LFAVAJmYSoa0gs7Cw1fb {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.RNPV0bOH5BZgzrVn_0pf {
  margin: 0;
  font-size: 1rem;
  color: #333;
}

.hZEOGogW7YnTUVbM3H8H {
  padding: 0.5rem 2rem;
  border-radius: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
  background-color: #007AFF;
  margin: 2rem auto 0;
  border: 1px solid #c0c0eb;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
  transition: all 0.2s ease-in-out;
  width: 50%;
}