/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.ptb--120{
	padding-top: clamp(40px, 7vw, 120px);
	padding-bottom: clamp(40px, 7vw, 120px);
}
.pb--120{
	padding-bottom: clamp(40px, 7vw, 120px);
}
.pt--120{
	padding-top: clamp(40px, 7vw, 120px);
}
.h2-60 h2{
	font-size: clamp(32px, 5vw, 60px);
}
.h1-42 h1{
	font-size: clamp(22px, 4vw, 42px);
	line-height: 1.2;
	margin-bottom: clamp(20px, 4vw, 40px);
}
.h3-42 h3{
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.2;
	margin-bottom: clamp(20px, 4vw, 40px);
}
.pl--140{
padding-left: clamp(40px, 7vw, 140px);	
}
.pr--140{
padding-right: clamp(40px, 7vw, 140px);	
}

.elementor-button {
    border: 2px solid #000;
    font-size: 18px !important;
    border-radius: 8px !important;
	min-width: 180px !important;
}
.elementor-button span.elementor-button-text {
    white-space: nowrap
}
h1, h2, h3. h4, h5, h6 {
	line-height: 1.2 !important;
}
.h3-42 h3 span {
    color: var(--e-global-color-e091699);
}
.cstm--header.newClass {
    position: fixed;
    background: #fff;
    box-shadow: 2px 2px 8px #dddd;
    top: 0;
}
.cstm--nav--menu nav ul >li.call-cta, .cstm--nav--menu nav ul > li.contact-cta {
    display: none;
}
.cstm--header {
	transition: all .4s;
}
/*********Home Boxes Section start************************/
.grid--cstm--wrapper .elementor-widget-image-box, .grid--cstm--wrapper .elementor-image-box-wrapper {
    height: 100%;
}
.grid--cstm--wrapper .elementor-image-box-wrapper figure.elementor-image-box-img {
    margin: 0px !important;
    height: 220px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.grid--cstm--wrapper .elementor-image-box-wrapper .elementor-image-box-content {
    text-align: start;
}
.grid--cstm--wrapper .elementor-image-box-wrapper figure.elementor-image-box-img img {
    width: 120px;
}
.checkes--icon .elementor-icon-list-item {
    gap: 10px;
	align-items: center;
}
.grid--cstm--wrapper .elementor-image-box-wrapper .elementor-image-box-content h3.elementor-image-box-title {
    line-height: 1.2 !important;
}
.checkes--icon .elementor-icon-list-item .elementor-icon-list-icon {
    padding: 5px 3px 5px 5px!important;
    border: 2px solid #000;
    border-radius: 50%;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.checkes--icon .elementor-icon-list-item .elementor-icon-list-icon svg {
    margin: 0px !important;
}
.grid--cstm--wrapper.easy-steps .elementor-image-box-wrapper figure.elementor-image-box-img {
    margin: 0px !important;
    height: 120px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.grid--cstm--wrapper.easy-steps .elementor-image-box-wrapper figure.elementor-image-box-img img {
    width: 100%;
    height: 82px;
    object-fit: contain;
}
.btn-btm .elementor-widget-container {
    display: flex;
}
.btn-btm .elementor-widget-container .elementor-button-wrapper {
    margin-top: auto;
}

form:has(.form-box) {
    max-width: 667px;
}

.wpcf7-list-item {
    margin: 0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    min-height: 50px;
}

span.wpcf7-spinner {
    position: absolute;
    right: 70px;
    bottom: 27px;
}

span.wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
}

.form-row p {
    margin-bottom: 10px;
}

span.wpcf7-list-item-label {
    line-height: 1.5;
    font-family: 'Gellix';
    font-size: 22px;
}

footer .call-cta {
    display: none !important;
}

/*********Home Boxes Section end**********/

/***************Media Query*******************/
@media (max-width: 1540px){
	.elementor-button {
	min-width: 112px !important;
	padding: 10px 15px;}
}
@media (max-width: 1130px){
	.cstm--nav--menu .elementskit-navbar-nav > li > a {
        font-size: 16px !important;
    }
}
@media (min-width: 1380px){
    .btn--area {
        --width: 40% !important;
    }
	.cstm--nav--menu {
        --width: 40% !important;
    }
    .storage--logo {
        --width: 20% !important;
    }
}
 @media only screen and (min-width: 1024px) and (max-width: 1380px) {
    .btn--area {
        --width: 40% !important;
    }
    .cstm--nav--menu {
        --width: 45% !important;
    }
    .storage--logo {
        --width: 15% !important;
    }
	 	     .elementor-button {
        min-width: 90px !important;
        padding: 10px 15px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	.elementor-172 .elementor-element.elementor-element-461cca0 .elementskit-navbar-nav > li > a {
    padding: 0px 5px 0px 5px;
    }
	}
@media (max-width: 1024px){
	.cstm--nav--menu {
        order: 1;
		--width: 100px !important;
    }
	.cstm--header .e-con-inner {
        gap: 20px;
    }
	.cstm--nav--menu {
        --width: 100px !important;
    }
    .btn--area {
        --width: 75% !important;
    }

    .storage--logo {
        --width: 20% !important;
    }
    .cstm--header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .cstm--nav--menu div#ekit-megamenu-main-menu {
        background: var(--e-global-color-394da16);
    }
    .grid--slider figcaption.elementor-image-carousel-caption h3 {
        font-size: clamp(28px, 3vw, 42px) !important;
        font-weight: 600 !important;
    	margin-bottom: 10px;
    }
    .grid--slider figcaption.elementor-image-carousel-caption p.elementor-image-box-description {
        font-size: clamp(18px, 2vw, 22px);
    }
    .grid--slider .elementor-image-carousel > .swiper-slide {
        background: #fff;
        height: 360px !important;
        padding: 20px !important;
        max-height: 100% !important;
        border-radius: 10px;
    }
	.grid--slider .elementor-image-carousel > .swiper-slide figure.swiper-slide-inner {
        height: 100% !important;
    }
	.grid--slider .elementor-image-carousel > .swiper-slide figure.swiper-slide-inner img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        margin: clamp(15px, 3vw, 30px);
    }
	.grid--slider .elementor-swiper-button {
		top: 0px !important;
    }
	.grid--slider .elementor-swiper-button.elementor-swiper-button-prev {
        left: auto !important;
        right: 50px !important;
    }

    /********Footer Start*****************/
    .footer--grid .e-grid > div:last-child {
        grid-column: span 2;
    }

    .footer--grid .e-grid > div:first-child {
        grid-column: span 2;
    	grid-row: span 2;
    }
		.grid--slider.grey--bg .elementor-image-carousel > .swiper-slide {
	    border: 1px solid #999999;}
    /********Footer End*****************/
}
@media only screen and (max-width: 767px){
    .pl--140 {
        padding-left: 0px;	
    }    	
    .storage--logo {
        --width: 50% !important;
    }
    .cstm--nav--menu {
        --width: 50% !important;
    }
    .pr--140{
    padding-right: 0px;	
    }
    .cstm--header .e-con-inner {
        gap: 0px;
    }
    .cstm--nav--menu button.elementskit-menu-hamburger.elementskit-menu-toggler {
        padding-right: 0px !important;
        padding-left: 25px !important;
    }
    .grid--slider .elementor-image-carousel > .swiper-slide {
        background: #fff;
        height: 290px !important;
    }
	.cstm--nav--menu nav ul >li.call-cta, .cstm--nav--menu nav ul > li.contact-cta {
        display: block;
    }
    .cstm--nav--menu nav ul >li.call-cta a, .cstm--nav--menu nav ul > li.contact-cta a {
        display: block;
        background: #000;
    	border: 1px solid #000;
        margin: 10px;
        border-radius: 10px;
        color: #fff !important;
        text-align: center;
    	transition: all .5s;
    }
    .cstm--nav--menu nav ul >li.call-cta a:hover, .cstm--nav--menu nav ul > li.contact-cta a:hover {
        background: transparent;
    	border: 1px solid #000;
        color: #000 !important;
    }
}

@media screen and (max-width: 400px) {
    .grid--slider .elementor-image-carousel > .swiper-slide {
        height: 310px !important;
    }
}

@media only screen and (max-width: 372px){
	.footer--grid .e-grid > div:last-child {
        grid-column: span 1;
    }
	.footer--grid .e-grid > div:first-child {
        grid-column: span 1;
        grid-row: span 1;
    }
}