/* 
Theme Name: Reseal Bathrooms
Author: Synapse Worldwide team
Author URI: https://synapseworldwide.com/
Template: twentytwentyone
Version: 1.0
Text Domain: twentytwentyone
*/


/*
    Add your custom styles here
*/
/* width */
.toggle-section {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.toggle-section.visible {
  max-height: 300px; /* Adjust based on content height */
}


.menu-top {
  display: block;
  transition: opacity 0.3s ease;
}

.menu-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
}
.menu-sticky.active {
  opacity: 1;
  visibility: visible;
}

.menu-sticky{width:100% !important}
body{
    margin:0;overflow-x:hidden;
}

.header-call .elementor-heading-title a {
  background-image: linear-gradient(to right, #a4bade, #a4bade 50%, #fff 50%) !important;
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 0px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.header-call .elementor-heading-title a:before {
  content: "";
  background: #107ac0;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.header-call .elementor-heading-title a:hover {
  background-position: 0;
}

.header-call .elementor-heading-title a:hover::before {
  width: 100%;
}


.elementor-tab-content a, .elementor-image-box-title a {
  background-image: linear-gradient(to right, #a4bade, #a4bade 50%, #153055 50%);
	font-weight: 500;
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 0px 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.elementor-tab-content a:before, .elementor-image-box-title a:before  {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.elementor-tab-content a:hover, .elementor-image-box-title a:hover{
  background-position: 0;
}

.elementor-tab-content a:hover::before, .elementor-image-box-title a:hover::before {
  width: 100%;
}


.footer-section ul li a:before {
  content: "";
  background:#107ac0 !important;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}
.footer-bottom-section a{background-image: linear-gradient(to right, #a4bade, #a4bade 50%, #F6FAFC52 50%) !important;}
.footer-section ul li a:hover {
  background-position: 0;
}

.footer-section ul li a:hover::before {
  width: 100%;
}

.gform_button.button {
    width: 100% !important;
}

.faq-section .elementor-tab-content a {
    font-size: 15px;
    color: #153661;
    text-decoration: underline;
}
.faq-section .elementor-tab-content ul {
    padding: 0 25px;
}
.rplg-box a, .rplg-box span {
    font-family: "Poppins" !important;
}
.gform_button_select_files {
    font-family: "Poppins", Sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    border-radius: 5px 5px 5px 5px !important;
    background: #1a3660 !important;
    border: 1px solid #1a3660 !important;
}
.gform_validation_errors {
    display: none !important;
}
.uael-gf-style .uael-gf-select-custom:after {
    content: "" !important;
}
.gform-body.gform_body input:focus, .gform-body.gform_body textarea:focus, .gform-body.gform_body select:focus {
    box-shadow: none !important;
    border-left: 2px solid #1a3660 !important;
}
.gfield_select {
    height: 38px !important;
}.uael-gf-input-size-sm .uael-gf-style .ginput_container select {
    padding: 0 10px !important;
}
.gform_button.button {
    font-family: "Poppins", Sans-serif;
    font-size: 18px !important;
    font-weight: 600;
    border-radius: 5px 5px 5px 5px !important;
    padding: 16px 38px 16px 38px !important;
    background: #1a3660 !important;
    border: 1px solid #1a3660 !important;
}
.gform_button.button:hover {
    background: #fff !important;
    color: #1a3660 !important;
}
p.gform_required_legend {
    display: none;
}
.gform-theme--foundation .gform_fields {
    row-gap:22px !important;
}
img { pointer-events:none; }
body {
    margin: 0;
}

.footer-section a {
    background-image: linear-gradient(to right, #a4bade, #a4bade 50%, #ffffff 50%) !important;
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 0px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
}
.footer-section a:hover {
    color: #fff !important;
}
.footer-section a {
    color: #EBF4FA;
}
.footer-bottom-section a{ color: #F6FAFC52;}

li.header-estimate {
    border-radius: 5px;
    border: 2px solid #869FC5 !important;
	margin-left:5px;
}
.services-section .elementor-image-box-img {
    width: 140px !important;
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0px 3px 28px 5px #e8e8e8;
    border-radius: 5px;
}
.services-section  .elementor-image-box-content {
    background: #fff;
    padding:0px 10px 0 10px;
    margin-top: -55px;
    box-shadow: 0px 3px 28px 5px #e8e8e8;
    border-radius: 5px;
    min-height: 350px;
    
}
.services-section  .elementor-image-box-content:hover{
    box-shadow:none;
}
.services-section-height .elementor-image-box-content{
    min-height: 340px;
}
.services-section  .elementor-image-box-content h3.elementor-image-box-title{
    padding:85px 0 0 0;
    margin:0;
}
.services-section .elementor-image-box-content .elementor-image-box-description {
    padding: 0 13px;
}
.services-section.spacing .elementor-image-box-description {
    padding: 0 18px;
}
ul.price-list{
    margin:10px 0 10px 0;
    padding:0;
    list-style:none;
}
ul.price-list li{
    font-size:17px;
    font-weight:400;
    margin:0;
    padding:0;
    list-style:none;
}
.elementor-18 .elementor-element.elementor-element-d2fbd00 .elementor-repeater-item-acaeec2 .swiper-slide-bg{
    background-position: center bottom;
}

@media (max-width:390px){
    .elementor-20 .elementor-element.elementor-element-358ab76 .elementor-button{
        font-size: 13px;
    }
}
@media (max-width:360px){
    .elementor-20 .elementor-element.elementor-element-358ab76 .elementor-button{
        font-size: 12px;
    }
	.free-on-site {
    margin-right: 15px;
}
}


@media (max-width:767px){
.header-estimate .elementor-item {
    background: #1a3660;
    color: #fff !important;
}.header-left-section {
    margin-bottom: 15px;
}
}
@media (max-width: 1024px) and (min-width: 767px) {
    .header-phone {
        width: 52%;
    }
	
	.header-left-section{width: 55%;}

}
@media (max-width: 768px) and (min-width: 768px) {
    .header-phone {
        width: 57% !important;
    }
	.header-left-section{width: 32% !important;}
	.sticky-phone .elementor-icon-box-description a {
    font-size: 15px !important;
}
.elementor-9129 .elementor-element.elementor-element-449c50b{
    --width: 50%;
}
}
@media (max-width: 977px) and (min-width: 877px) {
	.estimate .elementor-button.elementor-button-link{padding: 15px 25px 15px 25px !important;}
	.free-on-site .elementor-button.elementor-button-link{padding: 15px 25px 15px 25px !important;}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  {
.elementor-7636 .elementor-element.elementor-element-2f953e8 {
   width: 19%;
}
	  .mobile-call{display:none}
	  .menu-desktop{display:none}
	  .elementor-7636 .elementor-element.elementor-element-2f953e8 {
    --width: 19%;
}.elementor-7636 .elementor-element.elementor-element-5f85042 .elementor-icon-box-description {
    font-size: 16px !important;
}

}
@media only screen and (min-device-width:1025px) and (max-device-width:1099px){
	.header-right-section{
width:100%}
.header-right-section a span {
    font-size: 10px;
}
.header-right-section a {
    padding: 10px 20px !important;
}
.header-phone a {
    font-size: 12px !important;
    padding-right: 0 !important;
}.header-menu ul  li a {
    font-size: 9px !important;
    padding: 8px !important;
}.header-phone .elementor-element.elementor-element-9abadec {
    display: NONE;
}.elementor-element.elementor-element-2ea5caa.e-con-full.header-left-section.e-flex.e-con.e-child {
    width: 67%;
}
	.elementor-element.elementor-element-9983ca7 ul li a {
    font-size: 10px !important;
    padding: 0 !important;
}.elementor-element.elementor-element-9375ec3.e-con-full.free-on-site.e-flex.e-con.e-child {
    width: 34%;
}.elementor-element.elementor-element-fb69e90.e-con-full.estimate.e-flex.e-con.e-child {
    width: 33%;
}
}
@media only screen and (min-device-width:1100px) and (max-device-width:1160px){
.header-right-section {
    width: 65%;
}
.header-right-section-bottom a {
    font-size: 12px !important;
    padding: 12px 10px !important;
}
.header-menu li a {
    padding: 10px 0 !important;
    font-size: 11px !important;
}
	.header-phone{
width: 29%;
}
	.header-phone a {
    padding: 10px 0 10px 0px !important;
    font-size: 14px !important;
}
.elementor-1925 .elementor-element.elementor-element-d8b6d7d{
    --min-height: 450px;
}
}
@media only screen and (min-device-width:1100px) and (max-device-width:1127px){
	.free-on-site .elementor-button.elementor-button-link.elementor-size-sm {
    padding: 16px 20px;
}
}
@media only screen and (min-device-width:1177px) and (max-device-width:1199px){
	.free-on-site .elementor-button.elementor-button-link.elementor-size-sm {
    padding: 16px 15px;
}
	.menu-desktop  a.elementor-item {
    font-size: 11px !important;
}
}
@media only screen and (min-device-width:1200px) and (max-device-width:1500px){
	.elementor-sticky--effects .d-logo {
    width: 16% !important;
}.free-on-site .elementor-button.elementor-button-link {
    padding: 16px !important;
}
.free-on-site {
    align-items: end;
}.estimate {
    align-items: center;
}
.header-right-section {
    width: 77%;
}
.header-right-section-bottom a {
    font-size: 14px !important;
    padding: 10px 18px !important;
}
.header-menu li a {
    padding: 10px 0 !important;
    font-size: 13px !important;
}
.header-phone {
    width: 22%;
}
.elementor-element.elementor-element-9abadec.elementor-view-stacked.elementor-shape-circle.elementor-widget.elementor-widget-icon {
    margin-right: -67px;
}
.elementor-element.elementor-element-d4f5f8b.e-con-full.free-on-site.e-flex.e-con.e-child {
    width: 78%;
}
.header-phone a {
    padding: 0 !important;
    margin-right: 0px;
}
.elementor-1925 .elementor-element.elementor-element-d8b6d7d{
    --min-height: 450px;
}
}

@media only screen and (min-device-width:1281px) and (max-device-width:1288px){
.menu-desktop  .elementor-item {
    font-size: 12px !important;
}	
}
@media only screen and (min-device-width:1501px) and (max-device-width:1565px){
.free-on-site .elementor-button.elementor-button-link {
    padding: 16px !important;
}
}
@media only screen and (min-device-width:1681px) and (max-device-width:1695px){
	.free-on-site .elementor-button.elementor-button-link {
    padding: 16px 31px !important;
}
}
@media only screen and (min-device-width:1301px) and (max-device-width:1400px){
.header-right-section {
    width: 57%;
}
}
@media only screen and (min-device-width:1401px) and (max-device-width:1500px){
.header-right-section {
    width: 51%;
}.elementor-element.elementor-element-65fb6d7.e-con-full.elementor-hidden-mobile.e-flex.e-con.e-parent.elementor-sticky.elementor-sticky--effects.e-lazyloaded.elementor-sticky--active.elementor-section--handles-inside {
    top: 197px;
}.header-menu li a {
  
    font-size: 14px !important; 
}
}

@media only screen and (min-device-width:1550px) and (max-device-width:1700px){
.header-right-section {
    width: 70%;
}
.header-right-section-bottom a {
    font-size: 16px !important;
    padding: 15px 40px !important;
}
.header-menu li a {
    padding: 10px 0 !important;
    font-size: 15px !important;
}
.header-phone {
    width: 22%;
}
.elementor-element.elementor-element-9abadec.elementor-view-stacked.elementor-shape-circle.elementor-widget.elementor-widget-icon {
    margin-right: -67px;
}
.elementor-element.elementor-element-d4f5f8b.e-con-full.free-on-site.e-flex.e-con.e-child {
    width: 78%;
}
.header-phone a {
    padding: 0 !important;
    margin-right: 0px;
    font-size: 20px !important;
}
}

@media only screen and (min-device-width:1201px) and (max-device-width:1250px){
.elementor-sticky--effects .d-logo {
    width: 22% !important;
}
}


@media only screen and (min-device-width:1161px) and (max-device-width:1199px){
	.header-right-section{
width:100%}
.header-right-section a span {
    font-size: 14px;
}
.header-right-section a {
    padding: 10px 20px !important;
}
.header-phone a {
    font-size: 16px !important;
    padding-right: 0 !important;
}.header-menu ul  li a {
    font-size: 11px !important;
    padding: 8px !important;
}.header-phone .elementor-element.elementor-element-9abadec {
    display: NONE;
}.elementor-element.elementor-element-2ea5caa.e-con-full.header-left-section.e-flex.e-con.e-child {
    width: 67%;
}
	.elementor-element.elementor-element-9983ca7 ul li a {
    font-size: 10px !important;
    padding: 0 !important;
}

}
@media only screen and (min-device-width:1025px) and (max-device-width:1069px){
	.menu-desktop .elementor-item {
    font-size: 10px !important;
}.estimate .elementor-button.elementor-button-link.elementor-size-sm {
    padding: 16px 37px 16px 37px !important;
}
}
@media only screen and (min-device-width:1069px) and (max-device-width:1099px){
.elementor-7636 .elementor-element.elementor-element-174507d {
    width: 30% !important;
}
.elementor-7636 .elementor-element.elementor-element-2f953e8 {
   width: 23% !important;
}
.elementor-7636 .elementor-element.elementor-element-ccbe458 {
	width: 27% !important;
	}
.free-on-site .elementor-button.elementor-button-link {
    padding: 16px !important;
}
	
}

@media only screen and (min-device-width:769px) and (max-device-width:1068px){
.elementor-7636 .elementor-element.elementor-element-5e0244c {
    width: 20% !important;
}.free-on-site .elementor-button.elementor-button-link {
    font-size: 12px !important;
}.estimate  .elementor-button.elementor-button-link {
    font-size: 12px !important;
}	.estimate{
    width: 23% !important;
}
	.free-on-site {
    width: 28% !important;
}.menu-desktop .elementor-item {
    font-size: 10px !important;
}
}
@media only screen and (min-device-width:2000px) and (max-device-width:3000px){
.elementor-18 .elementor-element.elementor-element-d2fbd00 .swiper-slide {
    height: 75vh !important;
}
.elementor-9129 .elementor-element.elementor-element-817b677{
    --width: 16%;
}
.elementor-9129 .elementor-element.elementor-element-e6935c7{
    --width: 24%;
}
.elementor-9129 .elementor-element.elementor-element-9d836ff{
    --width: 16%;
}
.elementor-9129 .elementor-element.elementor-element-6019a99{
    --width: 24%;
}
.elementor-9129 .elementor-element.elementor-element-359618e{
    --width: 7%;
}
}