/* SUBSCRIBE FORM */

.sub_btn{background: #fff;padding: 5px 20px;outline: none;border: none;border-radius: 5px;}
#sub_model .modal-body{padding: 10px 15% 0px 15%;}
#sub_model h3{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
#sub_model p{font-size: 18px;text-align: center;}
#sub_model .sub_email input{border-radius: 5px;}
#sub_model .wpforms-submit-container{text-align: center;}
#sub_model .wpforms-submit{background: #0177b6;color: #fff;font-weight: bold;box-shadow: none;border: none;border-radius: 5px;}
#sub_model .modal-header{border:none;}
#sub_model .modal-header .close span{font-size: 30px;}
.tools{display: flex;align-items: center;}
.tools .sub_btn_div{margin-right: 15px;}
@media(max-width:768px){
  #sub_model .modal-body{padding: 10px 5% 0px 5%;}
}
@media (min-width: 992px){
  header .navbar .tools .human { margin-left: 1rem; }
}
@media(max-width:768px){
  .sub_btn_div{display:none;}
}


/*  SIGNUP FORM */

body{ margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; background-color: #e5e5e5!important; }
a:hover{ text-decoration:none; }

.desktop-view-popup .modal-dialog { max-width:640px; border-radius: 8px; }
.desktop-view-popup .modal-content {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
  border: 0;
}
.sign-up-desktop { padding: 32px; }
.sign-up-desktop-wapper {
  gap: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sign-up-close-d { text-align:right; cursor:pointer;line-height: 0; }
.sign-up-close-d img { width:16px; height:16px; margin:auto; }
.sign-up-desktop-img img {
  max-width: 100%;
  height: auto;
  margin: auto;
}
.sign-up-desktop-wapper h3{
  margin: 0;
  color: #2D2D2D;
  text-align: center;
  font-size: 24px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.sign-up-d-form { max-width:100%; width:100%; }
.sign-up-d-form .form-group { max-width:100%; width:100%; margin-bottom:16px; }
.sign-up-d-form .form-control {
  border-radius: 2px;
  border: 1px solid #E8F0F6;
  padding: 8px 16px;
  color: #2D2D2D;
  font-size: 14px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: 40px;
}
.sign-up-d-form .form-control:focus { outline:unset; box-shadow:unset; }
.sign-up-d-form .form-check { position:relative; margin-bottom:4px; }
.sign-up-d-form .form-check-input { position: absolute; z-index: -1; opacity: 0; }
.sign-up-d-form .form-check-label {
  color: #2D2D2D;
  font-size: 12px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 8px;
}
.sign-up-d-form .form-check-label:before, .sign-up-d-form .form-check-label:after {
  content: "";
  position: absolute;
  top: 67%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -10px;
}
.sign-up-d-form .form-check-label:before {
  left: 0;
  pointer-events: none;
  user-select: none;
  border-radius: 2px;
  border: 1px solid #E8F0F6;
}
.sign-up-d-form .form-check-label:after {
  left: 4px;
  width: 10px;
  height: 8px;
  border-radius: 0;
  opacity: 0;
  transition: opacity 0.3s;
  margin-top: -6px;
  background-image: url('../img/check-right.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sign-up-d-form .form-check-input:checked + .form-check-label:after { opacity: 1; }
.sign-up-d-btn { max-width: 100%; width: 100%; margin-top: 24px; }
.sign-up-d-btn a {
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 8px;
  background: #1F6CA8;
  padding: 14px 30px;
}

/* thankyou popup css start */

.thankyou-popup .modal-dialog { max-width:640px; border-radius: 8px; }
.thankyou-popup .modal-content {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
  border: 0;
}
.thankyou-popup-wapper { padding: 32px;}
.thankyou-close-d { text-align:right; cursor:pointer; }
.thankyou-close-d img { width:16px; height:16px; margin:auto; }

.thankyou-wapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  height: 380px;
}
.thankyou-wapper h3 {
  color: #2D2D2D;
  text-align: center;
  font-size: 24px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.thankyou-wapper a {
  color: #2D2D2D;
  text-align: center;
  font-size: 18px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: block;
}

.sidebar_subscribe{background: #fff;padding: 30px 20px 5px 20px;margin-top: 15px;border-radius: 5px;}
.sidebar_subscribe .sign-up-close-d{display: none;}
.sidebar_subscribe .sign-up-desktop-img{text-align: center;margin-bottom: 20px;}
.sidebar_subscribe .sign-up-desktop-img img{width: 75%;}
.sidebar_subscribe .sign-up-desktop-wapper h3{text-align: center;}
#wpforms-43416{margin: 5px auto 25px;}
#wpforms-43416 #wpforms-submit-43416{width: 100%;background: #1F6CA8;color: #fff;border: none;border-radius: 10px;}
#wpforms-form-43416 label.wpforms-field-label-inline{font-size: 12px !important; }
#wpforms-form-43416 .singup_chk{padding-bottom: 0;}
#wpforms-confirmation-43416{background: transparent;border: none;}

@media (max-width:991px){
  .sidebar_subscribe{display: none;}
}

@media (max-width:767px){
  .desktop-view-popup .modal-dialog { max-width:343px; width: 100%; margin: auto; }
  .sign-up-desktop { padding: 16px; }
  .sign-up-desktop-img { max-width:240.471px; height:56px; }
  .sign-up-desktop-img img { max-width:unset; width:100%; height:100%; margin:auto; object-fit:contain; }
  .sign-up-desktop-wapper h3 {
    color: #2D2D2D;
    text-align: center;
    font-size: 18px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }

  /* thankyou popup css start */

  .thankyou-popup .modal-dialog { max-width:343px; width: 100%; margin: auto; }
  .thankyou-popup-wapper { padding: 16px;}
  .thankyou-wapper { height:342px; }
  .thankyou-wapper h3 {
    color: #2D2D2D;
    text-align: center;
    font-size: 18px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
  .thankyou-wapper a {
    color: #2D2D2D;
    text-align: center;
    font-size: 14px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}