/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.3.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
.faq-block .e-n-accordion-item .e-n-accordion-item-title{
box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.10);
background: #fff;
}
.service-slider-item:hover:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(3, 4, 4, 0.7);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.service-slider-item {
position: relative;
}
.service-slider-cont {
opacity: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.service-slider-item:hover .service-slider-cont {
opacity: 1;
}
.quote-icon {
position: absolute;
right: 0;
margin: auto;
left: 0;
top: 8px;
bottom: 0;
}
footer .elementor-icon-box-content a{
color: inherit;
word-break: break-all;
}
.header-cta .elementor-icon-box-content a{
color: #fff;
word-break: break-all;
}
.contact-cta a {
word-break: break-all;
}
.contact-cta a{
color: #3f4144;
}
.home-blog span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #B6272C;
box-shadow: 0 0 0 1px #B6272C;
border: 1px solid #fff;
padding: 0;
}
.home-blog .elementor-button, .blog-wrapper span.elementor-button-content-wrapper {
width: 100% !important;
justify-content: space-between;
}
.blog-wrapper span.elementor-button-content-wrapper svg path {
fill: #fff;
}
.content-wrapper h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5, .content-wrapper h6 {
color: #B6272C;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
}
.blog-wrapper .elementor-button-icon svg, .serv-details .elementor-button-icon svg{
width: auto;
}
.blog-wrapper .elementor-button {
width: 100%;
}
.client-sec .swiper-slide:hover .elementor-icon svg path{
fill: #fff;
}
.logo-overlay {
right: 0;
left: 0;
margin: auto !important;
top: 0;
bottom: 0;
width: fit-content;
height: fit-content;
}
ul.letus-schedule, ul.letus-schedule ul {
padding: 0;
margin: 0;
list-style: none;
}
ul.letus-schedule label {
color: #fff;
}
ul.letus-schedule label {
color: #fff;
font-size: 16px;
margin-bottom: 5px;
font-family: "Roboto", Sans-serif;
}
ul.letus-schedule .wpcf7-checkbox span.wpcf7-list-item:not(:last-child) {
margin-bottom: 7px;
}
ul.letus-schedule textarea.wpcf7-form-control.wpcf7-textarea {
height: 101px;
resize: none;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
padding: 15px 54px 15px 32px;
border-radius: 4px;
background: #B6272C;
color: #fff;
font-size: 16px;
text-transform: uppercase;
line-height: normal;
font-weight: 800;
font-family: "Urbanist", Sans-serif;
min-height: 56px;
}
ul.letus-schedule li>ul {
display: flex
;
align-items: flex-start;
justify-content: space-between;
}
ul.letus-schedule li>ul>li {
width: 48.5%;
}
ul.letus-schedule .wpcf7-checkbox span.wpcf7-list-item {
display: block;
margin-left: 13px;
}
ul.letus-schedule .wpcf7-form-control:not(.wpcf7-submit,input[type="radio"], input[type="checkbox"],.wpcf7-checkbox) {
width: 100%;
background: #fff;
border: 0;
outline: 0;
border-radius: 3px;
padding: 14px;
font-size: 16px;
line-height: normal;
color: #000;
font-family: "Roboto", Sans-serif;
}
ul.letus-schedule input.wpcf7-form-control.wpcf7-submit.has-spinner {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position:79% 50%;
background-size: auto;
}
ul.letus-schedule .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 5px;
width: 6px;
height: 14px;
border: solid #0079bf;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
ul.letus-schedule span.wpcf7-list-item-label {
position: relative;
font-size: 14px;
}
ul.letus-schedule .wpcf7-list-item-label:before {
content: '';
-webkit-appearance: none;
background-color: #fff;
border: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 9px;
top: -2px;
}
ul.letus-schedule span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
margin-top: 5px;
display: block;
}
ul.letus-schedule .wpcf7-list-item input[type="checkbox"] {
display: none;
}
ul.letus-schedule li p {
margin-bottom: 20px;
}
li.sub-btn {
text-align: center;
width: 100%;
position: relative;
}
li.sub-btn p {
margin-bottom: 0 !important;
}
span.wpcf7-spinner {
position: absolute;
left: 0;
top: 0;
}
.recent-posts article:nth-child(odd) .elementor-post__text {
background: #FFF;
box-shadow: 0px 4px 35px 2px rgba(0, 0, 0, 0.05);
}
.recent-posts article:nth-child(even) .elementor-post__text {
background: rgba(217, 217, 217, 0.37);
}
.recent-posts article .elementor-post__text {
position: relative;
}
.recent-posts article .elementor-post__text:after {
position: absolute;
content: "";
background-image: url('data:image/svg+xml,');
width: 8px;
height: 8px;
left: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.e-loop__load-more.elementor-button-wrapper {
display: flex
;
align-items: center;
justify-content: center;
}
.recent-posts article .elementor-post__text {
position: relative;
}
.icon-box-list .elementor-icon, .abt_sec2_icon .elementor-icon, .srvc_sec2_icon .elementor-icon
{
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.10);
}
.icon-box-list .elementor-icon-box-description {
padding-left: 24px;
position: relative;
}
.icon-box-list .elementor-icon-box-description:after {
position: absolute;
width: 3px;
height: 3px;
background: #000;
left: 10px;
top: 7px;
content: "";
border-radius: 100px;
}
.caterogy_list_item, .caterogy_list {
width: 100%;
}
/*about_pg*/
.abt_circle_img {
z-index: -1;
}
.abt_cnt_col p:last-child, .abt_sec2 p:last-child {
margin-bottom: 0 !important;
}
.catelist_img {
width: 100px;
height: 100px;
background: #fff;
border-radius: 100%;
padding: 10px;
display: flex
;
align-items: center;
justify-content: center;
}
.category_list h3 {
font-size: 24px;
font-weight: 700;
font-style: normal;
line-height: 1.4166666666667;
color: #fff;
font-family: "Urbanist", Sans-serif;
margin: 0;
}
.category_list p {
color: #fff;
font-family: "Roboto", Sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.733;
}
.category_list:after {
position: absolute;
content: "";
width: 140px;
height: 140px;
right: 0;
top: 0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}
.category_list {
border-radius: 4px;
background: #233862;
box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.10);
padding: 50px 26px 50px 50px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 25%;
gap: 15px;
position: relative;
z-index: 2;
}
.caterogy_list_item {
display: flex;
gap: 75px;
align-items: center;
justify-content: space-between;
}
.pro_content p:last-child {
margin-bottom: 0;
}
.product_list {
width: 25%;
display: flex
;
align-items: center;
justify-content: center;
}
.product-item {
max-width: 233px;
}
.product_list:first-child {
justify-content: flex-start;
}
.product_list:last-child {
justify-content: flex-end;
}
.product_list_outer {
width: 85%;
display: flex
;
justify-content: flex-start;
}
.caterogy_list {
display: flex;
flex-direction: column;
gap: 83px;
}
.catelist_img {
margin-bottom: 12px;
}
.product-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
gap: 20px;
}
.pro_title h2 {
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
color: #B6272C;
font-family: "Urbanist", Sans-serif;
}
.pro_content p {
color: #3F4144;
font-size: 16px;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
line-height: 26px;
font-family: "Roboto", Sans-serif;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #fff;
color: #fff;
}
.wpcf7-response-output {
color: #fff;
border-color: #fff;
}
/*responsive starts from here*/
@media screen and (max-width:1700px){
.caterogy_list_item{
gap: 50px;
}
.category_list{
padding: 40px 26px 40px 40px;
}
.catelist_img {
width: 90px;
height: 90px;
}
.caterogy_list{
gap: 63px;
}
}
@media screen and (max-width:1500px){
ul.letus-schedule .wpcf7-form-control:not(.wpcf7-submit,input[type="radio"], input[type="checkbox"],.wpcf7-checkbox){
padding: 12px;
}
ul.letus-schedule li p {
margin-bottom: 15px;
}
ul.letus-schedule .wpcf7-checkbox span.wpcf7-list-item:not(:last-child) {
margin-bottom: 5px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
padding: 13px 50px 13px 25px;min-height: 50px;
}
.caterogy_list_item{
gap: 40px;
}
.category_list{
padding: 30px 22px 30px 30px;
}
.catelist_img {
width: 80px;
height: 80px;
}
.caterogy_list{
gap: 50px;
}
}
@media screen and (max-width:1200px){
.header-topbar {
max-width: 100%;
}
.caterogy_list_item {
gap: 20px;
}
.category_list {
padding: 20px 22px 20px 20px;
}
.category_list{
gap: 10px;
}
.category_list h3{
font-size: 22px;
}
.catelist_img img {
width: 40px;
}
.product-item {
max-width: 100%;
}
.product_list_outer {
gap: 20px;
}
.pro_content p{
line-height: 22px;
}
.pro_content p,.pro_title h2{
font-size: 15px;
}
}
@media (min-width:992px) and (max-width:1200px){
.header-topbar p.elementor-icon-box-description, .header-topbar .elementor-button {
font-size: 13px !important;
}
.header-cta{
gap: 10px !important;
}
/*.emergency-col,.serv-details{
max-width: 100% !important;
}*/
}
@media screen and (max-width:991px){
.logo-overlay{
top: 20px;
bottom: initial;
}
ul.letus-schedule .wpcf7-form-control:not(.wpcf7-submit,input[type="radio"], input[type="checkbox"],.wpcf7-checkbox) {
padding: 10px;
}
ul.letus-schedule label{
font-size: 14px;
}
ul.letus-schedule span.wpcf7-list-item-label{
font-size: 13px;
}
.product_list{
width: 48%;
}
.product_list_outer {
flex-wrap: wrap;
}
.product_list_outer{
width: 100%;
}
.category_list {
width: 100%;
}
.caterogy_list_item {
flex-wrap: wrap;
}
.caterogy_list {
gap: 30px;
}
}
@media screen and (max-width:500px){}
.product_list {
width: 46%;
}
@media screen and (max-width:400px){
ul.letus-schedule li>ul>li {
width: 100%;
}
ul.letus-schedule li>ul {
flex-direction: column;
}
ul.letus-schedule li p {
margin-bottom: 10px;
}
ul.letus-schedule textarea.wpcf7-form-control.wpcf7-textarea{
height: 80px;
}
}