/*
Theme Name:  Hello Elementor Child
Theme URL:   http://localhost/Conveyancing
Description: Write here theme description.
Author:      Techy Trion
Author URL:  http://localhost/Conveyancing
Template:    hello-elementor
Version:     1.0.0
*/

.page-header h1.entry-title {
  display: none;
}
.contact ul li {
  padding: 5px 0 !important;
}
.services h5:hover {
  color: #002848db !important;
}

/* main slider */
.main_slider .swiper-slide-contents {
  padding-left: 90px !important;
}
.main_slider h3 {
  font-size: 71px !important;
  font-weight: 700 !important;
  line-height: 71px !important;
  font-family: "Philosopher" !important;
}
.main_slider .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  border-radius: 0 !important;
  background-color: #fff0 !important;
  border: 1px solid #fff;
  opacity: inherit !important;
  padding: 6px !important;
}
.main_slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 15px !important;
}
/* custom form */
.aobform-main-section, 
.purchase_service_form_main,
.stamp_duty_form_main{
    margin: 0 auto !important;
}
.contract_price_form_inner h2, 
.aobform-header-section h2, 
.purchase_service_form_inner h2,
.stamp_duty_form_inner h2{
    font-family: Philosopher, sans-serif !important;
}
.contract_price_form_main .contract_price_form_field label, 
body .aobform-main-section label, 
body .purchase_service_form_main label,
body .stamp_duty_form_main label{
    font-weight: 400 !important;
    font-family: 'roboto' !important;
	}
	
/* faq */
.faq_accordion .elementor-accordion .elementor-tab-title {
    background-color: #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
}
.elementor video {
    max-width: 100% !important;
	display: flex;
    margin: 20px auto;
}

/* contact us */
.contact_us .wpforms-field-name-first,
.wpforms-field-name-last,
#wpforms-213-field_1,
.wpforms-field-medium {
  border: 0 !important;
  border-bottom: 1px solid #808080 !important;
  background-color: #ddd !important;
}
.contact_us div.wpforms-container-full input[type="text"]:focus,
div.wpforms-container-full input[type="email"]:focus,
div.wpforms-container-full textarea:focus {
  border: 1px solid var(--wpforms-button-background-color);
  box-shadow: none;
  outline: none;
}
.elementor-icon:hover {
    color: #fff !important;
}

/* newsletter*/
.wpforms-container .wpforms-field {
  padding-top: 0 !important;
}
.newsletter_forms .wpforms-field-medium {
  padding: 15px 10px !important;
  height: 45px !important;
  width: 100% !important;
  max-width: 80% !important;
  font-size: 16px !important;
  font-weight: 400;
  font-family: "roboto";
}
.newsletter_btn,
.contact_btn,
.enquiry_btn {
  background-color: #002848db !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  font-family: "roboto";
  line-height: 16px;
  padding: 18px 30px !important;
  border: none;
  border-radius: 5px !important;
  height: 50px !important;
}

/* media query */
/* laptop, tab */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .service_left_img,
  .service_right_form {
    width: 50% !important;
  }
	 .elementor video {
    max-width: 50% ;
    display: flex;
    margin: 4px auto;
}
	.faq_accordion{
		margin: 0 40px !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 425px) {
  .main_slider .swiper-slide-contents {
    padding-left: 15px !important;
  }
}
	@media screen and (max-width:768px) and (min-width:425px){
	.elementor video {
    max-width: 100% !important;
    display: flex;
    margin: 4px auto !important;
}
		.main_slider h3 {
    font-size: 60px !important;
    font-weight: 700 !important;
    line-height: 65px !important;
  }
	}
/* mobile */
@media screen and (max-width: 424px) {
  .main_slider .swiper-slide-contents {
    padding-left: 10px !important;
  }
  .main_slider h3 {
    font-size: 50px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
  }
	 .elementor video {
    max-width: 100% !important;
    display: flex;
    margin: 4px auto !important;
}
}