@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-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;

  }

}