/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
.get-social-txt h2{
	position: relative;
}
.get-social-txt h2:after{
    content: "";
    background: url(images/get-social-after-png.png);
    height: 8px;
    width: 240px;
    position: absolute;
    top: 44px;
    right: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}
/* ----- */
.box-wrap .box{
    transition:all .2s linear !important;
}
.box-wrap{
  display: flex;
  flex-wrap:wrap;
  width: 90%;
  margin: 0 auto;
  transition: all .2s linear !important;
  min-height: 550px !important;
}
.box.un-active .elementor-icon-box-content{
    transition: all .02s ease-in-out !important;
}
.box.un-active{
  width: 124px;
/*  height: 300px;
  background: green;
 outline: 1px solid blue;*/
	transition: 0.3s;
    transition:all .2s linear !important;
}
.box.active{
  	width: 450px;
	transition: 1s;
    transition:all .2s linear !important;
/* 	background: red; 
*/}
/*.box-wrap.active .box.un-active{
   width: calc((100% - 300px) / 6); 
}*/
.un-active .elementor-icon-box-description{
	display: none;
}
.box.active .elementor-icon-box-description{
	display: block;
}
.box.un-active .elementor-icon-box-title{
	writing-mode: vertical-rl;
    transform: rotate(180deg);
    height:48%;
    margin-top: -20px !important;

}
.box.active .elementor-icon-box-title {
    writing-mode: unset;
    transform: rotate(0);
}
/* ------ */
.why-choose-float-txt{
	position: relative;
}
.why-choose-float-txt:after{
    content: "";
    background: url(images/choose-us-after.png);
    height: 263px;
    width: 71px;
    position: absolute;
    top: -86px;
    right: -170px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}
.reviews-float-txt{
	position: relative;
}
.reviews-float-txt:after{
    content: "";
    background: url(images/choose-us-after.png);
    height: 263px;
    width: 71px;
    position: absolute;
    top: -86px;
    right: -170px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}
.banner-h1{
	position:relative;
}
.banner-h1:after{
	content: "";
    background: url(images/banner-heading-after.png);
height: 21px;
    width: 320px;
    position: absolute;
    bottom: -1px;
    right: 260px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.prjct-gallery-li li{
    margin-bottom: 8px;
}
.prjct-gallery-li li:last-child{
    margin-bottom: 0;
}
@media(max-width: 1024px){
	.get-social-txt h2:after{
		width:0;
	}
	.box-wrap{
		flex-direction: column !important;
		width:100% !important;
	}
	.box.active {
		width:100%;
	}
	.box.un-active{
		width:100%;
	}
	.box.un-active .elementor-icon-box-title{
	writing-mode: unset;
    transform: unset;
    margin-top: 0 !important;
}
.un-active .elementor-icon-box-description {
	display: block;
}
.banner-h1:after {
    content: "";
    background: url(images/banner-heading-after.png);
    height: 18px;
    width: 332px;
    position: absolute;
    bottom: -1px;
    right: 134px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
}
@media(max-width: 767px){
	    .banner-h1:after {
        content: "";
        background: url(images/banner-heading-after.png);
        height: 18px;
        width: 332px;
        position: absolute;
        bottom: -1px;
        right: -60px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
    }
}