.newsletterSubscription {
  padding-top: 6.4583vw;
  color: #231815;
  max-width: 56.25vw;
  margin: 0 auto;
}

.newsletterSubscription h1 {
  margin-bottom: 4.1667vw;
  color: #231815;
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
}

#emailSubscriptionForm .form-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.0833vw;
}

#emailSubscriptionForm .col-md-6 {
  width: calc(50% - 1.0417vw);
  max-width: calc(50% - 1.0417vw);
  padding: 0;
}

.newsletterSubscription .customForm .form-control {
  font-size: 0.7292vw;
}

.newsletterSubscription .customForm .form-check .form-check-input[type=checkbox] {
  margin-top: 0.6771vw;
  cursor: pointer;
}

.newsletterSubscription .customForm .form-check label {
  font-size: 0.625vw;
  display: inline-block;
}

.newsletterSubscription .customForm .form-check label .text {
  color: #3A66FB;
  font-family: "Montserrat-SemiBold" !important;
}

.customForm .btn-primary:not(:disabled):not(.disabled).active,
.customForm .btn-primary:not(:disabled):not(.disabled):active,
.customForm .show>.btn-primary.dropdown-toggle {
  background: #3a66fb;
  border: 0.0521vw solid #3a66fb;
  color: #fff;
}

.newsletterSubscription #emailSubscriptionForm .form-country .form-control {
  font-family: "Montserrat" !important;
  color: #231815;
}

.newsletterSubscription #emailSubscriptionForm .form-control::placeholder {
  font-family: ''
}

.newsletterSubscription .unsubscribe {
  background: #FAFAFA;
  text-align: center;
  padding: 2.0833vw 0;
  margin-top: 4.1667vw;
  margin-bottom: 4.1667vw;
}

.newsletterSubscription .unsubscribe img {
  width: 2.0833vw;
  height: 2.0833vw;
}

.newsletterSubscription .unsubscribe p {
  text-align: center;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  margin-top: 0.8333vw;
}

.newsletterSubscription .unsubscribe p .text {
  color: #3A66FB;
  cursor: pointer;
}

.newsletterSubscription .modal-dialog {
  max-width: 27.0833vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: -webkit-fill-available;
}

.newsletterSubscription .modal-content {
  border-radius: 0.8333vw;
}

.newsletterSubscription .modal-header {
  border-bottom: none;
  padding: 0.7813vw 1.25vw 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.newsletterSubscription .modal-header .close {
  cursor: pointer;
}

.newsletterSubscription .modal-body {
  padding: 1.6667vw 4.1667vw 2.0833vw;
  text-align: center;
  color: #231815;
}

.newsletterSubscription .modal-body .iconfont {
  font-size: 2.0833vw;
  color: #3A66FB;
}

.newsletterSubscription .modal-body h3 {
  margin: 2.0833vw 0 0.8333vw;
  text-align: center;
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
}

.newsletterSubscription .modal-body p {
  text-align: center;
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.newsletterSubscription .modal-form .form-group {
  margin-bottom: 0;
}

.newsletterSubscription .modal-form {
  padding: 0 3.125vw;
  margin-top: -1.25vw;
}

.newsletterSubscription .modal-form .email-box input {
  width: 13.8542vw;
}

.newsletterSubscription .modal-form .email-box .verify {
  opacity: 0.6;
}

.newsletterSubscription .modal-form .form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.0833vw;
  margin-top: 1.1458vw;
}

.newsletterSubscription .modal-form .confirm-btn {
  padding: 0.4167vw 2.0833vw;
  border: 0.0521vw solid #231815;
  border-radius: 1.25vw;
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  margin: 0;
  cursor: pointer;
}

.newsletterSubscription .modal-form .btn-primary:disabled {
  background: #FFF;
}

.newsletterSubscription .modal-footer {
  border-top: none;
  align-items: center;
  justify-content: center;
  gap: 2.0833vw;
  padding-top: 0;
  padding-bottom: 4.1667vw;
}

.newsletterSubscription .modal-form .form-submit .close-btn,
.newsletterSubscription .modal-footer p {
  padding: 0.4167vw 2.0833vw;
  border: 0.0521vw solid #231815;
  border-radius: 1.25vw;
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  margin: 0;
  cursor: pointer;
}

.newsletterSubscription .modal-form .form-submit .close-btn:hover,
.newsletterSubscription .modal-footer p:hover {
  background: #3A66FB;
  border: 0.0521vw solid #3A66FB;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .newsletterSubscription {
    padding: 23.4667vw 6.4vw;
    max-width: unset;
  }

  .newsletterSubscription h1 {
    font-size: 8.5333vw;
    margin-bottom: 10.6667vw;
  }

  .newsletterSubscription .customForm .form-control {
    font-size: 3.7333vw;
  }

  .newsletterSubscription .customForm .form-check label {
    padding-left: 2.1333vw;
    font-size: 3.2vw;
  }

  .newsletterSubscription .form-country #arrow {
    font-size: 6.4vw;
    top: 3.2vw;
    right: 2.6667vw;
  }

  .newsletterSubscription #emailSubscriptionForm .form-country .form-control {
    font-family: unset;
  }

  #emailSubscriptionForm .form-box {
    flex-direction: column;
    gap: 0;
  }

  #emailSubscriptionForm .col-md-6 {
    width: 100%;
    max-width: 100%;
  }

  .customForm .btn-primary {
    width: 100%;
    font-size: 4.2667vw;
  }

  .newsletterSubscription .unsubscribe {
    padding: 10.6667vw 6.4vw;
    margin-bottom: 0;
    margin-top: 10.6667vw;
  }

  .newsletterSubscription .unsubscribe p {
    font-size: 3.7333vw;
  }

  .newsletterSubscription .unsubscribe img {
    width: 10.6667vw;
    height: 10.6667vw;
  }

  .newsletterSubscription .modal-header {
    padding: 6.4vw 6.4vw 0;
  }

  .newsletterSubscription .modal-header .close .iconfont {
    font-size: 6.4vw;
  }

  .newsletterSubscription .modal-body {
    padding: 8.5333vw 10.6667vw 10.6667vw;
  }

  .newsletterSubscription .modal-body .iconfont {
    display: block;
    height: 10.6667vw;
    line-height: 10.6667vw;
    font-size: 10.6667vw;
  }

  .newsletterSubscription .modal-body h3 {
    margin: 6.4vw 0 4.2667vw;
    font-size: 6.4vw;
  }

  .newsletterSubscription .modal-body p {
    font-size: 3.7333vw;
  }

  .newsletterSubscription .modal-form {
    padding: 0 10.6667vw;
  }

  .newsletterSubscription .modal-form .form-control {
    font-size: 3.2vw;
    padding-right: 2.6667vw !important;
  }

  .newsletterSubscription .modal-form .email-box input {
    width: calc(100% - 18.1333vw);
  }

  .customForm .email-box .verify {
    width: 18.1333vw;
    font-size: 3.2vw;
  }

  .newsletterSubscription .modal-form .form-submit {
    flex-direction: column;
    gap: 4.2667vw;
  }

  .newsletterSubscription .modal-footer {
    padding: 0 10.6667vw 10.6667vw;
  }

  .newsletterSubscription .modal-form .form-submit .close-btn,
  .newsletterSubscription .modal-footer p {
    width: 100%;
    font-size: 3.2vw;
    padding: 2.1333vw 6.4vw;
    border-radius: 6.4vw;
  }

  .customForm .btn-primary:hover {
    border: 0.2667vw solid #231815;
    color: #231815;
    background: #fff;
  }
}