/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 10 2025 | 18:07:54 */
/* SITE CSS */


body{
	overflow-x: clip;
	padding: 0 !important;
}





.services-sec {
    overflow-x: clip;
}
.servicePage-card {
    height: 600px;
    min-height: 600px;
}
.mq-parent{
	width: 100%;
    display: grid;
    grid-template-columns: max-content max-content max-content;
    align-items: center;
	    --space: 10px;
	overflow: hidden;
}

.mq-inner {
    display: flex;
    align-items: center;
	    padding-right: var(--space);
    animation: moove 10s linear infinite;
}

.mq-coll {
    display: flex;
    align-items: center;
    padding-right: var(--space);
    white-space: nowrap;
}
.mq-coll .text{
	    margin-right: var(--space);
}
@keyframes moove {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
    }
}


.elec-card{
	max-width: 1281px !important;
	height: 570px;
	min-height: 570px;
}

.est-form form{
	display: flex;
	flex-direction: column;
	gap: 42px;
}
.est-form form p label{
	display: flex !important;
	flex-direction: column !important;
	gap: 9px !important;
}
.est-form form textarea{
height: 218px;
	min-height: 218px;
	max-height: 300px;
	overflow-x: none;
}

.premium-modal-trigger-btn {
    width: 100%;
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
}




/* Toast Styles */
.wpcf7-response-output {

	height:fit-content;
  background-color: rgba(0, 128, 0, 0.9); /* Green background */
  color: white;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  opacity: 1;
  visibility: visible;
  z-index: 9999; /* Ensure it's on top */
  animation: toast-show 5s ease-out forwards;
}

.emage{
	max-width:50px !important;
	min-width:50px !important;
	max-height:50px !important;
	min-width:50px !important;
	width:50px !important;
	height:50px !important;
	object-fit:contain !important;
}

/* Toast animation for show and hide */
@keyframes toast-show {
  0% {
    opacity: 0;
    visibility: hidden;
  
  }
  10% {
    opacity: 1;
    visibility: visible;

  }
  90% {
    opacity: 1;
    visibility: visible;

  }
  100% {
    opacity: 1;

  }
}

/* Additional styling to hide message if needed */
.wpcf7-response-output.wpcf7-validation-errors {
  display: none;
}






/* R CSS */

html,
body {
    overflow-x: clip !important; 
}

div#ast-scroll-top {
    display: none !important; 
}

.mrq-inner {
    transition: all 1s;
    animation: muvv 35s linear alternate-reverse infinite;
}

.mrq-reversed .mrq-inner {
    animation: muvv 35s linear alternate-reverse infinite;
}

@keyframes muvv{
    from{
        transform: translateX(0%);
    }

    to{
        transform: translateX(-100%);
    }    
}




.service-slid .item-wrapper.slick-slide {
    padding-right: 20px;
}

.service-slid .slick-list {
    overflow: visible;
}

.service-slid  .carousel-prev.slick-arrow {
    top: 45%;
    left: 0px;
    right: auto;
}

.service-slid .carousel-next.slick-arrow {
    top: 45%;
    left: auto;
    right: 0px;
}

.service-slid .slick-arrow svg{
    box-shadow: 0px 4px 20px 0px #0081cd61;
    border-radius: 50%;
}








.revs-slid .slick-list {
    overflow: hidden;
    height: 784px !important; 
    position: relative;
}

.revs-slid .slick-list::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px; 
    z-index:1;
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) -5.9%, #FFFFFF 64.05%);
}

.revs-slid .slick-list::after{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px; 
    z-index:1;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) -5.9%, #FFFFFF 64.05%);
}

.revs-slid .slick-list .slick-slide{
    padding-bottom: 25px;    
}

.revs-slid  .carousel-prev.slick-arrow {
    top: calc(50% - 100px);
    left: calc(100% + 110px);
    right: 0;
}

.revs-slid .carousel-next.slick-arrow {
    top: calc(50% - 10px);
    left: calc(100% + 110px);
    right: 0;
}

.revs-slid .slick-arrow svg{
    box-shadow: 0px 4px 70px 0px #07070721;
    border-radius: 50%;
}  








.boot-form {
    width: 100%;
    display: grid;
    gap: 16px;
    margin: 0px !important; 
}

.bf-field {background: #F3F3F3;border-radius: 8px;display: flex;}

.bf-field p {
    margin: 0;
    display: flex;
    align-items: center;
}

.bf-field svg {
       height: 50px;
    width: 50px;
    padding: 10px;
}

.bf-field input {
    width: 100%;
    background: none;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    height: 100% !important; 
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #2E2C2D;
}

.bf-field select {
    width: 100%;
    background: none;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    height: 100% !important; 
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #2E2C2D;
    
}

.bf-field input::placeholder {
    color: #2E2C2D;
}

.bf-field p:nth-child(2) {
    flex: 1;
    padding-right: 10px;
}

.bf-note p {
    margin: 0;
    font-family: "Outfit", Sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
}

.bf-submit {
    width: 100%;
    position: relative;
}

.bf-submit p {
    margin: 0px;
}

.bf-submit .wpcf7-submit {
    width: 100%;
    padding: 18px !important; 
    border-radius: 8px;
    background: #43C776;
    transition: all 0.3s;
}

.bf-submit span.wpcf7-spinner {
    position: absolute;
    top: 14px;
    right: 0px;
}












.rqf-grid {
    width: 100%;
    padding: 60px 40px;
    background: #ffffff;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    box-shadow: 10px -10px 0px #0081b5, 0px 0px 10px 2px #0081b521;
}

.rqf-field {
    width: 100%;
    flex: 1;
    flex-basis: 300px;
    margin: 0px;
}

.rqf-field.txr {
    flex-basis: 100%;
}

.rqf-field.rqf-submit {
    flex-basis: 100%;
}

.rqf-field p {
    width: 100%;
    margin: 0px;
}

.rqf-field p {}

.rqf-field input.wpcf7-form-control:not([type=submit]) {
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    height: auto;
    font-size: 18px;
    font-family: "Outfit", Sans-serif;
    color: #696969;
}

.rqf-field textarea {
    width: 100%;
    border-radius: 10px;
    padding: 20px !important;
    height: 160px;
    font-size: 18px;
    font-family: "Outfit", Sans-serif;
    color: #696969;
    resize: none;
}

.rqf-field input::placeholder,
.rqf-field textarea::placeholder{
    color: #696969;
}

.rqf-field select {
    width: 100%;
    border-radius: 10px;
    padding: 20px !important;
    height: auto;
    font-size: 18px;
    font-family: "Outfit", Sans-serif;
    color: #696969;
    resize: none;
}

.rqf-field.rqf-submit .wpcf7-submit {
    background-color: #0081b5;
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    padding: 22px 42px 22px 42px !important; 
    margin-top: 30px;
    transition: all 0.3s;
}

.rqf-field.rqf-submit .wpcf7-submit:hover {
    background-color: #209F51;
}



.blurrr {
    backdrop-filter: blur(17px);
}

.boot-form {
    display: flex;
    flex-wrap: wrap;
}

.bf-field {
    flex: 1;
    flex-basis: 230px;
}

.bf-field.field-full {
    flex-basis: 100%;
}

.bf-field:has(textarea) p {
    width: 100%;
    display: block;
}

.bf-field textarea {
    width: 100%;
    background: none;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    height: 194px !important;
	resize: none;
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #2E2C2D !important; 
}

.bf-field textarea::placeholder {
    color: #2E2C2D !important;
}

.bf-submit .wpcf7-submit:not(:hover) {
    background: #209F51;
}






.hov-card{ 
    overflow: hidden;
}

.has-bg li.elementor-icon-list-item {
    display: block;
    width: fit-content;
    max-width: 100%;
    background: #fff;
    padding: 10px 20px;
}

.has-bg .elementor-icon-list-items {
    display: grid;
    gap: 10px;
}

.hov-card > .widget-hov {
    transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transform: translateY(80px);
    position: relative;
    z-index: 1;
}

.hov-card .elementor-widget-button,
.hov-card .premium-modal-trigger-btn{
    transition: all 0.3s;
    transform: translateY(100px);
    opacity: 0;
}

.hov-card:hover > .widget-hov,
.slick-active .hov-card > .widget-hov{
    transform: translateY(0px);
}

.hov-card:hover .elementor-widget-button,
.hov-card:hover .premium-modal-trigger-btn,
.slick-active .hov-card .elementor-widget-button,
.slick-active .hov-card .premium-modal-trigger-btn{
    transform: translateY(0px);
    opacity: 1;
}


.slick-slide:has(.svc-card) { 
    height: auto;
}

.slick-track:has(.svc-card) {
    display: flex;
}

.slick-slide:has(.svc-card) > div,
.slick-slide:has(.svc-card) .svc-card {
    height: 100% !important;
}
 


.svc-card:hover {
    background: #0081B5 !important;
}

.svc-card:hover .elementor-icon svg path{
    color: #fff !important;
    fill: #fff;
}

.svc-card:hover * {
    color: #fff !important;
}

.svc-card h3.elementor-icon-box-title {
    margin-bottom: 20px;
}

.review-sec {
    display: block;
}

.premium-modal-box-modal .premium-modal-box-modal-dialog {
    max-width: calc(100% - 20px) !important; 
}



.count-box {
    width: 100% !important;
}

.count-box p.elementor-icon-box-description {
    font-size: 18px !important;
    line-height: 160% !important;
}

.service-slid.cert .carousel-prev.slick-arrow {
    top: 50%;
    left: 0;
    right: inherit;
}

.service-slid.cert .carousel-next.slick-arrow {
    top: 50%;
    right: 0;
    left: inherit;
}

.count-box .elementor-widget-container {
    min-height: 270px !important;
}

.review-card .elementor-widget.elementor-widget-text-editor {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.services-sec .elementor-icon-box-description{
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
	transition-delay:0.4s;
		transition:0.4s;

	    color: #3D3D3D !important;
    font-family: "Outfit", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: capitalize;
    line-height: 160% !important;
    letter-spacing: -1px !important;
	
	
}

.services-sec .elementor-icon-box-description:hover{
	background:;
	height: min-content;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 100;
    overflow: hidden;
	transition-delay:0.4s;
		transition:0.4s;
}

.paapap:has(button.premium-modal-trigger-btn[data-text="BOOK A SERVICE"]) {
    width: 100% !important; 
}










nf-fields-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
} 

nf-field {
    flex: 1;
    flex-basis: 230px;
}

nf-field:has(textarea),
nf-field:has(input[type=submit]) {
    flex-basis: 100%;
}

nf-field  input[type=submit]{
    width: 100%;
} 

.nf-field-label {
    margin-bottom: 2px !important;
}

.nf-field-label *{
    color: #fff !important;
    font-weight: 400 !important;
}

.nf-form-title {
    display: none !important;
}

nf-field>.nf-field-container {
    margin: 0px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    height: 100%;
}

nf-field>.nf-field-container input,
nf-field>.nf-field-container select{
    width: 100% !important;
    font-family: "Outfit", Sans-serif;
    font-size: 15.3px;
    line-height: 28px;
    color: #2E2C2D;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: #F3F3F3;
    border-radius: 8px !important;
}

nf-field>.nf-field-container input,
nf-field>.nf-field-container textarea{
    
    color: #2E2C2D;
}

nf-field .nf-field-element {
    width: 100% !important;
}

.nf-field {
    width: 100%;
}

.list-select-wrap, 
.list-select-wrap select{
    height: 100%;
    min-height: 52px;
} 

nf-field .nf-field-element  textarea {
    height: 100%;
    min-height: 194px;
    resize: none;
    width: 100% !important;
    font-family: "Outfit", Sans-serif;
    font-size: 15.3px;
    line-height: 28px;
    color: #2E2C2D;
    background: #F3F3F3;
    border-radius: 8px !important;
}

.ninja-forms-field.nf-element[type="submit"] {
    color: #fff;
    width: 100%;
    padding: 18px !important;
    border-radius: 8px;
    background: #209F51;
    transition: all 0.3s;
    font-size: 18px;
    border-radius: 0px;
    cursor: pointer;
}

.ninja-forms-field.nf-element[type="submit"]:hover{
    background: #0081B5;
}


.nf-field-element{
	position:relative;
}
.nf-field-element input{
	padding-left:45px;
}
.nf-field-element select{
	padding-left:45px;
}
/* .nf-field-element textarea{
	padding-left:45px;
} */

.nf-field-element:before{
	position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    z-index: 9999;
    content: '';

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	display:none;
}

nf-fields-wrap nf-field:nth-child(1) .nf-field-element:before{
	    background-image: url(https://stselectric.com/electricservices/wp-content/uploads/2025/04/profile.png);
		display:block;
}

nf-fields-wrap nf-field:nth-child(2) .nf-field-element:before{
	    background-image: url(https://stselectric.com/electricservices/wp-content/uploads/2025/04/sms.png);
		display:block;
}

nf-fields-wrap nf-field:nth-child(3) .nf-field-element:before{
	    background-image: url(https://stselectric.com/electricservices/wp-content/uploads/2025/04/mobile.png);
		display:block;
}

nf-fields-wrap nf-field:nth-child(4) .nf-field-element:before{
	    background-image: url(https://stselectric.com/electricservices/wp-content/uploads/2025/04/location.png);
		display:block;
}

nf-fields-wrap nf-field:nth-child(5) .nf-field-element:before{
	   background-image: url(https://stselectric.com/electricservices/wp-content/uploads/2025/04/location.png);
		display:block;
}

nf-fields-wrap nf-field:nth-child(6) .nf-field-element:before{
	    background-image: url(https://stselectric.com/electricservices/wp-content/uploads/2025/04/note-add.png);
		display:block;
}




















.premium-carousel-template.item-wrapper.slick-slide {
    margin: 0px !important;
}


/* CUSTOM POPUP */

.hov-card .premium-modal-box-modal { 
    display: none !important; 
}

.popup-overlayyy {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 0.3s !important;
	z-index:9999 !important;
}

.popup-md {
    position: fixed !important; 
    z-index: 99999 !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 30px) !important;
    max-height: 80vh !important;
    padding: 10px !important;
    background: #fff !important;
    border-radius: 20px !important;
    overflow: auto !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 0.3s !important;
}

.popup-md.active{
    width: 640px !important;
}

.popup-md.active,
body:has(.popup-md.active) .popup-overlayyy{
    opacity: 1 !important;
    pointer-events: all !important; 
} 




.premium-modal-box-modal:before{
position:absolute;
left:50%;
	cursor:pointer;
	transform:translatex(250px);
	top:calc(50% - 340px);
	width:30px;
	height:30px;
	background:white;
	
	border-radius:50%;
	content:'';
	background-image:url('https://stselectric.com/electricservices/wp-content/uploads/2025/04/close-large-line.png');
background-position:center;
	background-repeat:no-repeat;
	z-index:999999;
	background-size:50%;
	border:1px solid black;
}


/* 


.popup-overlayyy:before{
position:absolute;
left:50%;
	cursor:pointer;
	transform:translatex(280px);
	top:calc(50% - 370px);
	width:30px;
	height:30px;
	background:white;
	
	border-radius:50%;
	content:'';
	background-image:url('https://stselectric.com/electricservices/wp-content/uploads/2025/04/close-large-line.png');
background-position:center;
	background-repeat:no-repeat;
	z-index:999999;
	background-size:50%;
	border:1px solid black;
} */

.nf-response-msg p {
    background: #229f51;
    color: white;
    padding: 9px;
    border-radius: 10px;
    font-weight: 700;
}


.popup-md .e-con-inner{
	max-height:650px;
}

.header-number span{
	    white-space: nowrap;
}


.popup-overlayyy.img img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    background: white;
    padding: 6px;
	cursor:pointer;
}


@media only screen and (max-width: 600px) {
 .popup-overlayyy:before{
        left: initial;
        right: 40px;
        transform: inherit !important;
        top: 50px;

}
	
	.premium-modal-box-modal:before{
		  left: initial;
        right: 40px;
        transform: inherit !important;
        top: 50px;
	}
	
	
	.ftop-grid,
	.popup-md .blurrr > .elementor-widget-heading + .e-flex{
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important; 
	}

	.ftop-grid > .elementor-widget-heading,
	.popup-md .blurrr > .elementor-widget-heading + .e-flex > .elementor-widget-heading{
		grid-column: span 3 !important;
	}

	.ftop-grid img,
	.popup-md .blurrr > .elementor-widget-heading + .e-flex img{ 
		width: 100% !important;
		display: block;
		max-width: 100% !important;
		object-fit: contain !important;
	} 	
	
}







/* RESPONSIVE CSS */

@media (max-width: 1200px){
    .review-card .elementor-absolute.elementor-widget.elementor-widget-image {
        right: 30px !important; 
        max-width: 25%;
    }
}

@media only screen and (max-width: 1024px){
	.service-slid .slick-list {
    overflow: hidden;
}
	.servicePage-card {
		height: 647px;
    min-height: 647px;
	}
	
}

@media only screen and (max-width: 768px){
	.servicePage-card {
		height: 600px;
    min-height: 600px;
	}
	.service-slid .slick-list {
    overflow: hidden;
}
	.home-sec .e-con-inner {
    display: flex;
    flex-direction: column;
}

.home-sec .elementor-element-59e1299 {
    grid-template-columns: repeat(3,1fr);
}

.home-sec .elementor-element-88480ae {
    flex-direction: row;
}

.home-sec .elementor-element-8168188 {
    max-width: 500px;
}
	
.contract-sec .e-con-inner {
    flex-direction: column !important;
}


.contract-sec .elementor-element-4f56882 {
    width: 100%;
}

.contract-sec .elementor-element-f96b359 {
    width: 100%;
}

.contract-sec .elementor-element-45c6b06{
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
	.contract-sec .elementor-element-4828b30 {
    flex-direction: row;
}
	.review-sec .e-con-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.review-sec .elementor-element-43c9f17 {
    flex-direction: row;
}
	.vehicle-sec .elementor-element-51c77cb img{
		max-width: 250px;
	}
	.service-slid .carousel-prev.slick-arrow {
		top: -33px;
	}
	.service-slid .carousel-next.slick-arrow {
		top: -33px;
	}
	.abt-sec .e-con-inner div{
		width: 100% !important;
	}
	 .review-card .elementor-widget-image-box .elementor-image-box-wrapper { 
        text-align: left;
    }
	.elec-card{
		max-width: 1281px !important;
		height: 700px;
		min-height: 700px;
	}
	
	.premium-modal-box-modal-dialog {
		max-width: calc(100% - 20px) !important; 
	}	
	
	.popup-md .elementor-widget-mobile__width-initial.elementor-widget-heading {
		width: 100% !important; 
	}	
	
}


@media (max-width: 575px){
    div:has(>.revs-slid) {
        padding: 0px !important; 
    }
    
    .review-sec .elementor-element-3e7cc76 .premium-carousel-wrapper .slick-arrow {
        left: calc(50% + 30px) !important;
        width: 85px !important;
        height: 35px !important;
    }
    
    .revs-slid .carousel-prev.slick-arrow {
        top: -20px !important;
    }
    
    .revs-slid .carousel-next.slick-arrow {
        top: calc(100% - 30px) !important;
    }
	
	.blurrr {
		backdrop-filter: blur(0px) !important;
	}
	
	.widget-hov .elementor-heading-title {
		font-size: 18px !important; 
	}

	.widget-hov span.elementor-icon-list-text {
		font-size: 14px !important; 
	}

	.hov-card {
		min-height: 500px !important;
	}
	
}

@media only screen and (max-width: 435px){
	.home-sec .elementor-element-59e1299 {
    grid-template-columns: repeat(1,1fr);
}
	.contract-sec .elementor-element-45c6b06{
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
}
	.service-slid .carousel-prev.slick-arrow {
    right: 48px;
}
	.prop-types-menu-item h2 {
    font-size: 20px;
}
	.vehicle-sec .elementor-element-4625f3e > .elementor-widget-container{
		padding: 40px 25px 25px 25px !important;
	}
	
	.vehicle-sec .elementor-icon-box-description{
		font-size: 16px !important;
	}
	.vehicle-sec .elementor-element-4625f3e .elementor-icon-box-title{
		margin-bottom: 24px !important;
	}
	.vehicle-sec .elementor-element-4625f3e .elementor-icon-box-title a{
		font-size: 30px !important;
	}
	.service-slid .carousel-prev.slick-arrow {
		top: -38px;
	}
	.service-slid .carousel-next.slick-arrow {
		top: -38px;
	}
	.servicePage-card {
		height: max-content;
	}
	.review-sec .elementor-element-00f19ce {
    padding-right: 40px;
}

.review-sec .elementor-element-3e7cc76 .premium-carousel-wrapper .slick-arrow {
    font-size: 20px !important;
    left: calc(100% + 50px);
    width: 65px !important;
    height: 50px !important;
}

.review-sec .elementor-element-b0c7272 {
    padding: 20px;
    border-radius: 16px;
    gap: 20px;
}

.revs-slid .slick-list::before {
    height: 50px;
}
	.elec-card{
	max-width: 1281px !important;
	height: 700px;
	min-height: max-content;
}
/* 	.svc-card .elementor-icon-box-description {
    font-size: 14px !important;
    line-height: 34px !important;
} */

.svc-card {
    padding: 59px 14px 14px 14px;
    border-radius: 24px;
}
	.svc-card .elementor-icon-box-wrapper {
    text-align: center !important;
}
.svc-card .elementor-icon-box-title {
    font-size: 32px !important;
    line-height: 44px !important;
}
}





@media (max-width: 1200px){
    .review-card .elementor-absolute.elementor-widget.elementor-widget-image {
        right: 30px !important; 
        max-width: 25%;
    }
}

@media only screen and (max-width: 1024px){
	.service-slid .slick-list {
    overflow: hidden;
}
	.servicePage-card {
		height: 647px;
    min-height: 647px;
	}
	
	.slick-slide:has(.svc-card.elec-card)>div, .slick-slide .svc-card.elec-card {
    	max-height: 700px !important;
		height: auto !important;
		overflow: hidden;
		border-radius: 20px;
	}
	
	.elementor-element.e-parent:has(.elementor-shortcode .review-sec) {
		margin-top: 0px;
	}	
	
}

@media only screen and (max-width: 768px){
	.servicePage-card {
		height: 600px;
    min-height: 600px;
	}
	.service-slid .slick-list {
    overflow: hidden;
}
	.home-sec .e-con-inner {
    display: flex;
    flex-direction: column;
}

.home-sec .elementor-element-59e1299 {
    grid-template-columns: repeat(3,1fr);
}

.home-sec .elementor-element-88480ae {
    flex-direction: row;
}

.home-sec .elementor-element-8168188 {
    max-width: 500px;
}
	
.contract-sec .e-con-inner {
    flex-direction: column !important;
}


.contract-sec .elementor-element-4f56882 {
    width: 100%;
}

.contract-sec .elementor-element-f96b359 {
    width: 100%;
}

.contract-sec .elementor-element-45c6b06{
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
	.contract-sec .elementor-element-4828b30 {
    flex-direction: row;
}
	.review-sec .e-con-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.review-sec .elementor-element-43c9f17 {
    flex-direction: row;
}
	.vehicle-sec .elementor-element-51c77cb img{
		max-width: 250px;
	}
	.service-slid .carousel-prev.slick-arrow {
		top: -33px;
	}
	.service-slid .carousel-next.slick-arrow {
		top: -33px;
	}
	.abt-sec .e-con-inner div{
		width: 100% !important;
	}
	 .review-card .elementor-widget-image-box .elementor-image-box-wrapper { 
        text-align: left;
    }
	.elec-card{
	max-width: 1281px !important;
	height: 700px;
	min-height: 700px;
}
	.elec-card{
	height: 700px !important;
	min-height: 700px !important;
}
	
	
	#content .range-slide-holder .e-grid {
		display: grid !important; 
		grid-template-columns: 100% !important;
	}

	#content .range-slide-holder .e-grid .contractor-card{
		min-width: 100% !important;
		width: 100% !important;
		border-radius: 26px !important; 
	}	
	
	
	.service-slid .carousel-prev.slick-arrow {
		top: auto !important;
		bottom: -80px !important;
		left: calc(50% - 50px - 5px) !important;
		height: 50px !important;
		width: 50px !important; 
	}

	.service-slid .carousel-next.slick-arrow {
		top: auto !important;
		bottom: -80px !important;
		left: calc(50% - 0px - -5px) !important;
		height: 50px !important;
		width: 50px !important; 
	} 

	.service-slid .slick-arrow svg{
		height: 40px !important;
		width: 40px !important;
	}	
	
	.review-cell .elementor-image-box-wrapper {
		text-align: left !important;
	}

	.review-cell .elementor-absolute.elementor-widget-image {
		width: 120px !important;
		max-width: 33% !important;
	}	
	
}


@media (max-width: 575px){
    div:has(>.revs-slid) {
        padding: 0px !important; 
    }
    
    .review-sec .elementor-element-3e7cc76 .premium-carousel-wrapper .slick-arrow {
        left: calc(50% + 30px) !important;
        width: 85px !important;
        height: 35px !important;
    }
    
    .revs-slid .carousel-prev.slick-arrow {
        top: -20px !important;
    }
    
    .revs-slid .carousel-next.slick-arrow {
        top: calc(100% - 30px) !important;
    }
	
	
	.service-slid .carousel-prev.slick-arrow {
		top: auto !important;
		bottom: -80px !important;
		left: calc(50% - 50px - 5px) !important;
		height: 50px !important;
		width: 50px !important; 
	}

	.service-slid .carousel-next.slick-arrow {
		top: auto !important;
		bottom: -80px !important;
		left: calc(50% - 0px - -5px) !important;
		height: 50px !important;
		width: 50px !important; 
	} 

	.service-slid .slick-arrow svg{
		height: 40px !important;
		width: 40px !important;
	}	
	
	.svc-card h3.elementor-icon-box-title span { 
		display: block !important;
	}	
	
}

@media only screen and (max-width: 435px){
	.servicePage-card {
		height: 790px !important;
    min-height: 790px !important;
	}
	.rm-br{
		display: block !important;
	}
	.home-sec .elementor-element-59e1299 {
    grid-template-columns: repeat(1,1fr);
}
	.contract-sec .elementor-element-45c6b06{
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
}
	.service-slid .carousel-prev.slick-arrow {
    right: 48px;
}
	.prop-types-menu-item h2 {
    font-size: 20px;
}
	.vehicle-sec .elementor-element-4625f3e > .elementor-widget-container{
		padding: 40px 25px 25px 25px !important;
	}
	
	.vehicle-sec .elementor-icon-box-description{
		font-size: 16px !important;
	}
	.vehicle-sec .elementor-element-4625f3e .elementor-icon-box-title{
		margin-bottom: 24px !important;
	}
	.vehicle-sec .elementor-element-4625f3e .elementor-icon-box-title a{
		font-size: 30px !important;
	}
	.service-slid .carousel-prev.slick-arrow {
		top: -38px;
	}
	.service-slid .carousel-next.slick-arrow {
		top: -38px;
	}
	.servicePage-card {
		height: max-content;
	}
	.review-sec .elementor-element-00f19ce {
		padding-right: 40px;
	}

	.review-sec .elementor-element-3e7cc76 .premium-carousel-wrapper .slick-arrow {
		font-size: 20px !important;
		left: calc(100% + 50px);
		width: 65px !important;
		height: 50px !important;
	}

	.review-sec .elementor-element-b0c7272 {
		padding: 20px;
		border-radius: 16px;
		gap: 20px;
	}

	.revs-slid .slick-list::before {
		height: 50px;
	}
	.elec-card{
		max-width: 1281px !important;
		height: 700px;
		min-height: max-content;
	}
/* 	.svc-card .elementor-icon-box-description {
		font-size: 14px !important;
		line-height: 34px !important;
	} */

	.svc-card {
		padding: 15px;
		border-radius: 24px;
		height: fit-content;
		min-height: 450px;
	}
	.svc-card .elementor-icon-box-wrapper {
		text-align: center !important;
	}
	.svc-card .elementor-icon-box-title {
		font-size: 32px !important;
		line-height: 44px !important;
	}
	.count-box h3.elementor-icon-box-title {
		font-size: 32px !important;
		line-height: 44px !important;
	}
	.count-box .elementor-icon-box-wrapper{
		text-align: center !important;
	}

    .count-box .elementor-icon-box-description{
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 34px !important;
    } 
	.elec-card{
		height: 1650px !important;
		min-height: 1650px !important;
		padding: 59px 14px 14px !important;
	}
	.for-nesting h2 {
		font-size: 24px;
		line-height: 50px;
		font-weight: 600;
	}
}