@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap");

* {
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  font-size: 15px;
}

/* Talk to Expert Section */
#talk-to-expert .btn-talk span {
  display:  none;
}

/* Hero Banner Section */
#hero-banner {
  background: url("./images/hero-banner.jpg");
  background-position: center;
  background-size: cover;
}

#hero-banner .banner-text {
  height: 600px;
  font-size: 28px;
}

/* Key Benifits Section */
#key-benifits .checkout-products-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #ddd;
  box-shadow: 0 0 15px 0px #ddd;
  border-radius: 10px;
}

#key-benifits .checkout-products-area .product-item-link {
  text-decoration: none;
  color: inherit;
}

#key-benifits .checkout-products-area .product-item-link:hover {
  scale: 1.05;
  transition: ease-in 0.1s;
}

#key-benifits .checkout-products-area .product-item {
  display: flex;
  /*align-items: center;*/
  font-size: 14px;
  border: 1px solid #ddd;
  box-shadow: 0 0 15px 0px #ddd;
  border-radius: 10px;
  padding: 8px;
}

#key-benifits .checkout-products-area .product-item img {
  width: 50px;
  height: 50px;
  margin-top: 3px;
}

/* Contact Us Section */
#contact-us {
  background: url("./images/contact-us-banner.png");
  background-size: cover;
  background-position: right;
}

#contact-us .contact-area {
  background-color: rgba(0, 0, 0, 0.9);
}

#contact-us .contact-area .contact-form form {
  margin: 0;
  max-width: 100%;
  color: #fff !important;
  background: none !important;
  padding: 0;
}

#contact-us .contact-area .contact-form form ._form_element {
  margin-bottom: 20px;
}

.contact-form form._form ._checkbox-radio {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  width: 100%;
  gap: 10px;
}

.contact-form form._form ._checkbox-radio input {
  margin-top: 5px;
}

#contact-us .contact-area .contact-form form button {
  padding: 5px 15px !important;
}

/*----------- ZOHO Form Design ------------*/

.zoho-form #crmWebToEntityForm {
  background-color: unset !important;
  max-width: unset !important;
  width: 100% !important;
  padding: unset !important;
  color: white !important;
}
.zoho-form #crmWebToEntityForm .zcwf_title {
  color: inherit !important;
  font-family: inherit !important;
  padding: 0;
  font-size: 1.2rem;
}
.zoho-form #crmWebToEntityForm .zcwf_row,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_lab,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld input,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld select,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld textarea { 
  width: 100%;
}
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_lab,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld {
  font-family: "Poppins", sans-serif;
  font-size: 14px !important;
  padding: 0 !important;
}
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld input,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld select,
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld textarea {
  padding: 6px;
}
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld input[role="button"] {
  font-size: 14px;
  text-align: center;
  padding: 6px;
  margin-right: 10px;
  border: none;
  border-radius: 4px;
}
.zoho-form #crmWebToEntityForm .zcwf_row .zcwf_privacy_txt {
  font-family: inherit !important;
  color: inherit !important;
}
.zoho-form #crmWebToEntityForm .zcwf_row a {
  color: #23AD5E !important;
}
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld input[type="submit"] { background: #23AD5E !important; }
.zoho-form #crmWebToEntityForm .zcwf_row > .zcwf_col_fld input[type="reset"] { background: #ddd8ee87 !important; }

/*----------- ZOHO Form Design ends ------------*/

/* Footer Section  */
#copyright {
  font-size: 14px;
}


/*
==============
Media Queries
==============
*/

@media (min-width:  992px) {
  #talk-to-expert .btn-talk span {
    display:  inline-block !important;
  }
}

@media (max-width: 992px) {
  #hero-banner .banner-text {
    height: 400px;
  }
}

@media (max-width: 768px) {
  #hero-banner .banner-text {
    height: 280px;
  }
  #copyright .powered-text {
    text-align: center;
    margin-bottom:  15px;
  }
}