/*
Theme Name:   Landeseiten Design Child
Theme URI:    #
Description:  Child theme for Hello Elementor for Landeseiten Design projects.
Author:       Your Name
Author URI:   #
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  landeseiten-design-child
*/

/*----------------------------------------------------------------*/
/* Add your custom CSS below this line
/*----------------------------------------------------------------*/
.elementor-31 {
    overflow-x: hidden;
}
.hero-section::before, .deinem-sec::before,
.machen-sec::before, .consulting-sec::before,
.image-with-text-sec::before{
	background-size: 100% 100% !important;
}
}
.hero-section, .deinem-sec,
.machen-sec, .consulting-sec,
.image-with-text-sec, .du-passt-sec,
.unsere-offenen-sec, .benefits-sec,
.diagnol-sec, .dein-start-sec,
.map-sec, .slider-sec, .faq-sec{
	background-size: 100% 100% !important;
}
.hero-section{
	overflow-x: hidden;
}

.hero-section-right-col{
	position: unset;
}
.benefits-sec .elementor-icon-box-title{
	word-wrap: break-word;
}
/* .logo-carousel .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
} */
.logo-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
}
.text-bold{
	font-family: 'Outfit', sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -2%;
}

.deinem-sec li:hover svg,
.machen-sec li:hover svg,
.slider-sec li:hover svg{
    transform: scale(1.05);
}
.icon-right-text-col .elementor-icon-list-item{
	flex-direction: row-reverse;
}
.consulting-container .elementor-icon-box-title{
	margin-top: 0px;
}
.by-the-way-contaienr{
	height: 100%;
}

@property --my-gradient-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 95.17deg;
}

.moving-border {
    border: 3px solid transparent;
    background-image:
        linear-gradient(#fff, #fff),
        linear-gradient(var(--my-gradient-angle), #2A3342 0%, #FFFFFF 18.87%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}


.moving-border:hover {
    animation: smoothRotate 3s linear infinite;
} 

@keyframes smoothRotate {
    0% {
        --my-gradient-angle: 95.17deg;
    }
    100% {
        --my-gradient-angle: 455.17deg; 
    }
}

/*box border animation  */
 @property --card-gradient-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 138.29deg; 
}

.box-border {
    border: 3px solid transparent;
    background-image:
        linear-gradient(#fff, #fff),
        linear-gradient(var(--card-gradient-angle), #2A3342 0%, #FFFFFF 13.91%); 
    transition: --card-gradient-angle 0.5s ease;
	background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}


.box-border:hover {
    animation: rotateCardBorder 4s linear infinite;
} 

@keyframes rotateCardBorder {
    0% {
        --card-gradient-angle: 138.29deg; 
    }
    100% {
        --card-gradient-angle: 498.29deg; 
    }
} 
.consulting-container{
	position: relative !important;
	overflow: hidden !important;
}
.consulting-container .elementor-widget-image{
	position: absolute !important;
	left: 56% !important;
	transform: translateX(-50%) !important;
	
}
/* .consulting-container .elementor-widget-image img{
	padding-bottom: 100px;
} */

/* .consulting-container{
	background-size: 780px 100% !important;
	margin: auto;

} */


.faq-accordian .eael-accordion-list {
    background: white;
    box-shadow: 0px 0px 30px 0px #7894A866;
    margin-bottom: 25px;
    border-radius: 10px;
	padding: 20px;

}

.faq-accordian .eael-accordion-list:has(.eael-accordion-header.active){
	padding: 35px !important;
}
.faq-accordian .eael-accordion-header.active .fa-toggle{
	transform: rotate(180deg) !important;
}

.faq-accordian .eael-accordion-header.active .fa-toggle{
	transform: rotate(180deg);
}

.faq-accordian .fa-toggle svg{
	width: 50px !important;
	height: 50px !important;
}
.faq-accordian.stellen-faq .eael-accordion-list{
	background: #FFFFFF66 !important;
	margin-bottom: 30px;
}

.faq-accordian.stellen-faq .fa-toggle svg{
	width: 45px !important;
	height: 45px !important;
}
.eael-testimonial-quote {
    display: none;
}
.eael-testimonial-image{
	padding: 0px !important;
}
.eael-testimonial-image img{
	border-radius: 20px !important;
	height: 619px !important;
	object-fit: cover;
}
.eael-testimonial-content {
    display: none;
}
.swiper-pagination-bullet{
	opacity: 1;
}
.swiper-pagination-bullet-active{
	position: relative;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    top: 10.5px;
    left: 13px;
    transform: translate(-58%, -50%);
    width: 30px;
    height: 30px;
    border: 1px solid #2A3342;
    border-radius: 50%;
}

.footer-menu .elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
   
    transform: rotate(39deg) !important;
    opacity: 0.16 !important;
}
.unsere-offenen-sec .eael-accordion-header.show-this.active{
	padding-bottom: 40px !important;
}
.unsere-offenen-sec .eael-accordion-content p{
	border-top: 1px solid black;
	padding-top: 48px;
}
.machen-sec ul li:first-child svg{
    margin-top: 18px !important;
}

.page-id-50 nav.elementor-nav-menu--main, .page-id-50 .elementor-menu-toggle, .page-id-50 .footer-pages{
	display: none;
}
.page-id-52 nav.elementor-nav-menu--main, .page-id-52 .elementor-menu-toggle, .page-id-52 .footer-pages{
	display: none;
}
.was-wir-box br.tablet{
	display: none;
}
@media only screen and (max-width: 1600px){
	 
	 .consulting-container .elementor-widget-image{
		 left: 53% !important;
	 }
	 
	.faq-accordian.stellen-faq .fa-toggle svg{
	width: 40px !important;
	height: 40px !important;
}
	 .same-font-size .elementor-icon-box-description{
		 font-size: 22px !important;
	 }
	 .same-font-size .eael-accordion-content{
		 font-size: 22px !important;
	 }
	 .same-font-size .elementor-icon-box-title{
		 font-size: 27px !important;
	 }
} 
@media only screen and (max-width: 1528px) {
    .consulting-container .elementor-widget-image img {
        max-width: 960px !important;
    }
}
.consulting-container .elementor-widget-image {
        left: 54% !important;
    }
.same-font-size .elementor-icon-box-description{
        font-size: 20px !important;
    }


/* @media only screen and (max-width: 1500px) {
    .consulting-container .elementor-widget-image img {
        max-width: 890px !important;
    }
} */
@media only screen and (max-width: 1450px) {
    .consulting-container .elementor-widget-image img {
        max-width: 910px !important;
    }
}
@media only screen and (max-width: 1420px) {

	.dein-start-sec .same-font-size .elementor-icon-box-description{
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 1367px){
	.consulting-container .elementor-widget-image img {
        max-width: 855px !important;
    }
	
	
	/*  */
.box2{
	margin-top: 78px !important;
}
.box3{
	margin-top: 50px!important;
}
.box4{
	margin-top: 55px !important;
}


/*  */
	
	
	
}
@media only screen and (max-width: 1300px){
	
	.consulting-container .elementor-widget-image img {
        max-width: 815px !important;
    }
	.dein-start-sec .same-font-size .elementor-icon-box-description {
        font-size: 17px !important;
    }
}

@media only screen and (max-width: 1250px){
	.consulting-container .elementor-widget-image img {
        max-width: 780px !important;
    }
}
@media only screen and (max-width: 1240px){
	.dein-start-sec .same-font-size .elementor-icon-box-description {
        font-size: 15px !important;
    }
}
@media only screen and (max-width: 1210px){
	.consulting-container .elementor-widget-image img {
        max-width: 750px !important;
    }
}
@media only screen and (max-width: 1110px){
	.consulting-container .elementor-widget-image img {
        max-width: 690px !important;
    }
}
@media only screen and (max-width: 1024px){
	
		/*  */
.box2{
	margin-top: 31px !important;
}
.box3{
	padding: 0px 0px 0px 43px!important;
}
.box3 {
    margin-top: 64px !important;
}
.box4{
	padding-bottom: 40px!important;
}


/*  */
	
.hero-section, .deinem-sec,
.machen-sec, .consulting-sec,
.image-with-text-sec, .du-passt-sec,
.unsere-offenen-sec, .benefits-sec,
.diagnol-sec, .dein-start-sec,
.map-sec, .slider-sec, .faq-sec{
	background: none !important;
}
	.icon-right-text-col .elementor-icon-list-item{
	flex-direction: unset !important;
}
	.machen-sec ul li:first-child svg{
    margin-top: unset !important;
}
	.machen-sec br{
		display: none;
	}
	.was-wir-box br{
		display: none;
	}
	.was-wir-box br.tablet{
	display: block;
	}
.consulting-container .elementor-widget-image img {
        max-width: 690px !important;
    }
	.dein-start-sec .same-font-size .elementor-icon-box-description {
		font-size: 17px !important;
		line-height: 25px !important;
	}
	.consulting-sec .same-font-size p{
		margin-bottom: 0px;
	}
	.image-with-text-sec br.tablet {
    display: none;
}
.unsere-offenen-sec .eael-accordion-header.show-this.active{
	padding-bottom: 25px !important;
}
.unsere-offenen-sec .eael-accordion-content p{
	padding-top: 35px;
}
	.diagnol-image{
		background-size: 100% 100% !important;
		background-position: center 0px !important;
	}
	.faq-accordian .fa-toggle svg{
		width: 30px !important;
		height: 30px !important;
	}
	.faq-accordian .eael-accordion-list{
		padding: 30px;
	}
	 .consulting-container .same-font-size .elementor-icon-box-title{
        font-size: 20px !important;
    }
	.elementor-element-eb67688 h4 {
    width: 90%;
}
	.consulting-container .elementor-icon-box-description br{
		display: none;
	}
	.consulting-sec br{
		display: none !important;
	}
.consulting-sec .same-font-size br {
    display: inline !important;
}
	.left-box-1, .left-box-2, .left-box-3{
		max-width: 251px !important;
	}
	.btn3 a{
		font-size: 18px !important;
		line-height: 100% !important;
		padding: 24px 30px 24px 30px !important;
	}

}


/* @media only screen and (min-width: 897px) and (max-width: 1024px){
	
	.box3 {
    margin-top: 64px !important;
} 
	
} */




@media only screen and (max-width: 980px){
	.consulting-container .elementor-widget-image img {
    max-width: 540px !important;
}
}
@media only screen and (max-width: 969px){
	.dein-start-sec .same-font-size .elementor-icon-box-description {
    font-size: 17px !important;
}
}
@media only screen and (max-width: 956px){
	.right-box-1{
		margin-top: 122px !important;
	}
}
@media only screen and (max-width: 934px){
	.consulting-container .elementor-widget-image img{
		max-width: 518px !important;
	}
	.consulting-container .same-font-size .elementor-icon-box-title{
		font-size: 19px !important;
	}
	.dein-start-sec .same-font-size .elementor-icon-box-description{
		font-size: 16px !important;
	}
	.right-box-1{
		margin-top: 143px !important;
	}
}
@media only screen and (max-width: 926px){
	.dein-start-sec .same-font-size .elementor-icon-box-description{
		font-size: 15px !important;
	}
	.left-box-2{
		margin-top: 100px !important;
	}
}
@media only screen and (min-width: 767px) and (max-width: 900px){
	.footer-menu li .elementor-icon-list-text{
		font-size: 11px !important;
	}
}
@media only screen and (max-width: 908px){
	.left-box-3{
		margin-top: 95px !important;
	}
	.consulting-container .same-font-size .elementor-icon-box-title{
		font-size: 18px !important;
	}
	
}



@media only screen and (min-width: 832px) and (max-width: 896px){
    .diagnol-image {
        background-size: 100% 100% !important;
        background-position: center 0px !important;
    }
	
	.box1 .elementor-icon-box-wrapper p, .box2 .elementor-icon-box-wrapper p, .box3 .elementor-icon-box-wrapper p, .box4 .elementor-icon-box-wrapper p, .box5 .elementor-icon-box-wrapper p{
		font-size: 16px !important;
	}
	
/* 	    .box3 {
        padding: 0px 0px 0px 43px !important;
			margin-top: 24px !important;
    } */
/* 	.box2 {
        margin-top: 0px !important;
    } */
	
}


@media only screen and (min-width: 767px) and (max-width: 832px){
	 .diagnol-image {
               background-size: 100% 100% !important;
        background-position: center 7px !important;
    }
    .box2 {
        margin-top: 9px !important;
    }
	.box1 .elementor-icon-box-wrapper p, .box2 .elementor-icon-box-wrapper p, .box3 .elementor-icon-box-wrapper p, .box4 .elementor-icon-box-wrapper p, .box5 .elementor-icon-box-wrapper p{
		font-size: 17px !important;
	}
	.box1 .elementor-icon-box-wrapper br, .box2 .elementor-icon-box-wrapper br, .box3 .elementor-icon-box-wrapper br, .box4 .elementor-icon-box-wrapper br, .box5 .elementor-icon-box-wrapper br{
		display:none !important;
	}
	    .box4 {
        padding-bottom: 30px !important;
    }
	
}





@media only screen and (min-width: 767px) and (max-width: 853px){
	.elementor-nav-menu--layout-horizontal .menu-item a{
		font-size: 10px !important;
	}
	.map-sec{
		margin-top: -160px
	}
	.hero-section{
		min-height: 500px;
	}
	.hero-section h1{
		font-size: 26px !important;
	}
	.hero-section-lottie{
		right: -145px !important;
        top: 150px !important;
	}
	.hero-section-lottie svg{
		max-width: 615px;
	}
	.hero-section .btn a{
	font-size: 18px !important;
    padding-left: 20px !important;
    padding-right: 21px !important;

	}
	.deinem-sec-right-col h2{
		width: 100% !important;
		font-size: 22px !important;
		line-height: 27px !important;
	}
	.deinem-sec-right-col .elementor-icon-list-item svg{
		width: 46px;
		height: 45px;
		margin-right: 0px !important;
	}
	.deinem-sec-right-col .elementor-icon-list-text{
		font-size: 12px !important;
    line-height: 16px !important;
	}
	.deinem-sec-right-col p{
		font-size: 12px !important;
		line-height: 16px !important;
	}
	.machen-sec .icon-right-text-col{
		padding-right: 40px;
	}
	.machen-sec .icon-left-text-col{
		padding-left: 40px;
	}
	.machen-sec .icon-right-text-col svg, .machen-sec .icon-left-text-col svg{
		margin-right: 0px !important;
	}
	.machen-sec .icon-right-text-col .elementor-icon-list-text {
    font-size: 12px !important;
    line-height: 16px !important;
}
.machen-sec .icon-left-text-col .elementor-icon-list-text {
    font-size: 12px !important;
    line-height: 16px !important;
}
	.was-wir-box .elementor-icon-box-wrapper{
		gap: 50px !important;
	}
	.was-wir-box .elementor-icon-box-description{
		font-size: 13px !important;
	}
	.du-passt-box-wrapper, .benefits-box-wrapper {
    flex-wrap: wrap;
}
	.du-passt-box-wrapper .card, .benefits-box-wrapper .card{
		width: 48%;
	}
	.du-passt-box-wrapper .by-the-way-contaienr{
		width: 100% !important;
	}
	.map-sec p{
		font-size: 14px !important;
	}
	.consulting-container .same-font-size .elementor-icon-box-title {
    font-size: 13px !important;
    line-height: 18px !important;
}
	.dein-start-sec .same-font-size .elementor-icon-box-description {
    font-size: 10px !important;
    line-height: 14px !important;
}
	.elementor-31 .elementor-element.elementor-element-47eb8f8{
		padding-top: 38px !important;
	}
	.consulting-container .elementor-widget-image img{
		max-width: 400px !important;
		height: 826px !important;
	}
	.consulting-container .elementor-widget-image{
		left: 52% !important;
	}
	.right-box-1{
		margin-top: 66px !important;
	}
	.left-box-3{
		margin-top: 77px !important;
	}
	.consulting-container{
		min-height: 1100px !important;
	}
}
@media only screen and (min-width: 800px) and (max-width: 830px){
	.left-box-3 {
        margin-top: 65px !important;
    }
	.consulting-container{
		min-height: 1000px !important;
	}
	
		.box1 p, .box2 p, .box3 p, .box4 p, .box5 p{
		font-size: 16px!important;
	}
	.box1, .box2, .box3, .box4, .box5 {
        padding-left: 33px!important;
    }
    .box2 {
        margin-top: 3px !important;
    }
    .box3 {
        margin-top: 37px !important;
    }
}



@media only screen and (max-width: 820px){
			/*  */
	    
/* 	.box1 p, .box2 p, .box3 p, .box4 p, .box5 p{
		font-size: 16px!important;
	}
	.box1, .box2, .box3, .box4, .box5 {
        padding-left: 33px!important;
    }
    .box2 {
        margin-top: 3px !important;
    }
    .box3 {
        margin-top: 37px !important;
    } */
/* .box4{
	padding-bottom: 40px!important;
} */


/*  */
}



@media only screen and (min-width: 767px) and (max-width: 799px){
        
	.diagnol-image {
		background-size: 100% 100% !important;
        background-position: center 0px !important;
	}
	
	
	
	    .box1 {
        padding-bottom: 76px !important;
    }
		.elementor-element.elementor-element-3d90815.elementor-position-inline-start.box2.elementor-widget-mobile__width-initial.elementor-view-default.elementor-mobile-position-block-start.elementor-widget.elementor-widget-icon-box{
		   padding-top: 0px !important;
	}
	
	
	    
	
	
	.diagnol-image .elementor-31 .elementor-element.elementor-element-aa311f8 {
		--min-height: 991px !important;
	}
	
	
	
	.box1 p, .box2 p, .box3 p, .box4 p, .box5 p{
		font-size: 18px!important;
	}
	
/* 	.box4, .box5 {
		display: none; */
/* 	padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important; */
/* 	}	 */
	
	
	.box1, .box2, .box3{
/* 		display: none; */
/* 	padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important; */
	}	
	
	
	.diagnol-image p.elementor-icon-box-description {
    font-size: 13px !important;
}
	.diagnol-image {
		justify-content: space-between;
/* 		justify-content: flex-start; */
       background-size: 100% 100% !important;
        background-position: center 24px !important;
    }
/* 	.diagnol-image {
    background-size: 100% 80% !important;
    background-position: center 88px !important;
} */
/* 	.box1{
		padding: 0px 0px 67px 43px !important;
	}
	.box2{
		padding: 30px 0px 30px 43px !important;
	}
	.box3{
		padding: 35px 0px 50px 43px !important;
	}
	.box4{
		padding: 30px 0px 83px 43px !important;
	}
	.box5{
		padding: 010px 0px 0px 43px !important;
	} */
	.consulting-container .elementor-widget-image {
    left: 53% !important;
	padding-top: 38px !important;
}
	.consulting-container .elementor-widget-image img{
        max-width: 390px !important;
		height: 960px !important;
    }
	.consulting-container .same-font-size .elementor-icon-box-title {
    font-size: 13px !important;
    line-height: 20px !important;
}
	.dein-start-sec .same-font-size .elementor-icon-box-description {
    font-size: 11px !important;
    line-height: 16px !important;
}
	.dein-start-sec .right-box-1{
		margin-top: 68px;
	}
	.dein-start-sec .left-box-2{
		margin-top: 107px;
	}
	.dein-start-sec .left-box-3 {
    margin-top: 109px !important;
}
}
@media only screen and (max-width: 797px){
	.dein-start-sec .left-box-3{
		margin-top: 90px !important;
	}
}
@media only screen and (max-width: 787px){
	.dein-start-sec .left-box-3{
		margin-top: 75px !important;
	}
}




















@media only screen and (max-width: 767px){
	.hero-section-right-col{
		position: relative !important;
	}
	.hero-section-right-col .elementor-absolute.hero-section-lottie{
		 position: relative !important;
        top: auto !important;
        right: 0% !important;
        bottom: auto !important;
        left: 10% !important;
	}
	.logo-carousel .swiper-button-prev{
	height: 40px;
    width: 40px;
    border-radius: 100px !important;
    padding-left: 10px;
    padding-right: 10px;
	border: 1px solid white;
	left: 33% !important;
	background: white !important;
	}
	.logo-carousel .swiper-button-next{
	height: 40px;
    width: 40px;
    border-radius: 100px !important;
    padding-left: 10px;
    padding-right: 10px;
	background: #497593 !important;
    border: 1px solid white;
	right: 33% !important;
	}
	.logo-carousel .swiper-button-next svg{
		fill: white !important;
	}
	.logo-carousel .eael-lc-logo{
		text-align: center;
	}
	.text-bold{
		font-size: 16px;
		line-height: 25px;
		letter-spacing: -2%;
	}
	.was-wir-box br.tablet{
		display: none;
	}
	.unsere-offenen-sec .eael-adv-accordion .eael-accordion-list .eael-accordion-header{
		align-items: flex-start;
	}
/* 	.diagnol-image{
		background-size: 100% 1063px !important;
        background-position: center 147px !important
	} */
	
	
	
		.diagnol-image{
		background-size: 100% 84% !important;
        background-position: center 147px !important
	}
/* 	
	.box1{
		padding: 0px 0px 0px 0px !important;
	} */
	.box2{
		padding: 98px 0px 0px 0px!important;
	}
	.box3{
		padding: 0px 0px 0px 0px !important;
		    margin-top: 117px !important;
	}
	.box4{
		padding: 50px 0px 82px 0px !important;
		  margin-top: 117px !important;
	}
	.box5{
		 padding: 30px 0px 0px 0px!important;
	}

	.diagnol-image p.elementor-icon-box-description {
        font-size: 16px !important;
    }
	.dein-start-sec p.elementor-icon-box-description br{
		display: none !important;
	}
	.dein-start-sec .elementor-icon-box-title{
		font-size: 20px !important;
	}
	.diagnol-image .elementor-icon-box-title{
		margin: 0px !important;
	}
	.slider-sec .eael-testimonial-image img{
		height: 385px !important;
	}
	.faq-sec .same-font-size .eael-accordion-content {
        font-size: 16px !important;
    }
	.faq-accordian .eael-accordion-list {
        padding: 20px;
    }
	.faq-accordian .eael-accordion-list .fa-toggle{
		margin-right: unset !important;
	}
	.eael-accordion-list .eael-accordion-header{
		gap: 30px;
	}
	.map-sec .text-19 br{
		display: none;
	}
	.footer-menu.footer-pages .elementor-icon-list-items{
		flex-wrap: wrap;
    margin-inline: -8px;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px !important;
	}
	

}



@media only screen and (min-width: 720px) and (max-width: 767px){
/* 	.box1, .box2, .box3, .box4, .box5{
		width: 80% !important;
} */
.diagnol-image {
	justify-content: flex-start;
    gap: 174px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
	.diagnol-image > .box1 {
		top: 65px;
	}
	.diagnol-image > .box2 {
       top: 42px;
	}
	.diagnol-image > .box3 {
		top: 30px;
	}
	.diagnol-image > .box4 {
		top: 15px;
	}
	
	.diagnol-image > .box5 {
		top: -40px;
	}
	.diagnol-image > div {
		width: 80% !important;	
		padding: 0% !important;
		margin-top: 0% !important;
		position: relative;
	}
	   /* .diagnol-image {
        background-size: 100% 100% !important;
        background-position: center 0px !important;
    } */
	  /*  .box1 {
         padding: 0px 0px 0px 43px !important;
    }
	
	.box1, .box2, .box3, .box4, .box5{
		padding:0 !important;
	}
	    .box3 {
        margin-top: 0px !important;
    }
	    .box4 {
			margin-top: 0px !important;
	} */
	
	
	
}





@media only screen and (min-width: 637px) and (max-width: 720px){
.diagnol-image {
	justify-content: flex-start;
    gap: 174px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
	.diagnol-image > .box1 {
		top: 65px;
	}
	.diagnol-image > .box2 {
       top: 36px;
	}
	.diagnol-image > .box3 {
		top: 12px;
	}
	.diagnol-image > .box4 {
		top: 10px;
	}
	
	.diagnol-image > .box5 {
		top: -40px;
	}
	.diagnol-image > div {
		width: 80% !important;	
		padding: 0% !important;
		margin-top: 0% !important;
		position: relative;
	}
	
	
}




@media only screen and (min-width: 411px) and (max-width: 637px){
.diagnol-image {
	justify-content: flex-start;
    gap: 174px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
	.diagnol-image > .box1 {
		top: 65px;
	}
	.diagnol-image > .box2 {
       top: 17px;
	}
	.diagnol-image > .box3 {
		top: 3px;
	}
	.diagnol-image > .box4 {
		top: -10px;
	}
	
	.diagnol-image > .box5 {
		top: -50px;
	}
	.diagnol-image > div {
		width: 80% !important;	
		padding: 0% !important;
		margin-top: 0% !important;
		position: relative;
	}
	
	
}







@media only screen and (max-width: 380px){
/* 	.diagnol-image{
		background-size: 100% 1063px !important;
        background-position: center 147px !important
	}
	.diagnol-image .box2, .diagnol-image .box4{
		max-width: 250px !important;
	} */
}
@media only screen and (max-width: 351px){
	.diagnol-image .elementor-icon-box-title{
		font-size: 18px;
	}
	
	.diagnol-image .box3{
		max-width: 250px !important;
		padding-top: 55px !important;
	}
	
}