/* 
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
*/
.header .e-con-inner>.elementor-element{backdrop-filter: blur(75px);}
.btn-style .elementor-button {
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.follow-me .elementor-button {width: 134px;}
.about-me .elementor-button{width:112px;}
.contact-me-btn .elementor-button{width:127px;}
.contact-me-btn .elementor-button{position: relative;
    z-index: 1;    background: none;} 
.contact-me-btn .elementor-button:before {
        position: absolute;
    content: "";
    inset: 0;
    border-radius: 6px;
    z-index: -1;
    border: 1px solid transparent;
    background: linear-gradient(90deg, #F820A3, #fff) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.contact-me-btn1 .elementor-button:hover::before {
    background: linear-gradient(90deg, #F820A3, #F820A3) border-box;
}
.contact-me-btn1 .elementor-button{position: relative;
    z-index: 1;    background: none;} 
.contact-me-btn1 .elementor-button:before {
           position: absolute;
    content: "";
    inset: 0;
    border-radius: 6px;
    z-index: -1;
    background: linear-gradient(90deg, #FFA945 0%, #F820A3 100%);
    transition: 0.4s ease;
}
.contact-me-btn1 .elementor-button:after {
    content: "";
    position: absolute;
    inset: 1px;
    background-color: #000;
    z-index: -1;
    border-radius: 6px;
    transition: 0.4s ease;
}
.contact-me-btn1 .elementor-button:hover::before, .contact-me-btn1 .elementor-button:hover::after {
opacity: 0;
}
.banner-heading-text span{position: relative; z-index: 1;}
.banner-heading-text span::before, .banner-heading-text span::after {
    position: absolute;
    content: "";
    inset: 0;
    top: -30px;
    z-index: -1;
    background: url("https://sample.ws/influtics-social/wp-content/uploads/2025/03/banner-txt-vector-1.svg") no-repeat center center;
    background-size: 100% 100%;
}
.banner-heading-text span::after {
    background-image: url("https://sample.ws/influtics-social/wp-content/uploads/2025/03/banner-txt-vector-2.svg");
    z-index: 1;
    inset: -10px;
    left: -8px;
    top: -30px;
}
.right-img .girl-img .elementor-widget-container::before, .right-img .girl-img .elementor-widget-container::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 42%;
    transform: translateX(-42%);
    width: 594px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    animation: scale 3s infinite linear;
}
.right-img .girl-img .elementor-widget-container::after {
    width: 510px;
    height: 510px;
    top: -7px;
    transform: translateX(-40.8%);
}
.right-img .elementor-widget-container{ position: relative;z-index: 1;}
.let-work-girl .elementor-widget-container::before {
	content: "";
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 50%;
    transform: translateX(-42%);
    width: 594px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    animation: scale 3s infinite linear;
}
.let-work-girl .elementor-widget-container::after{
	content: "";
    position: absolute;
    z-index: -1;
	left: 50%;
    width: 510px;
    height: 510px;
    top: -7px;
	transform: translateX(-40.8%);
 aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    animation: scale 3s infinite linear;}

@keyframes scale {
    0% {
       //  transform: scale(1);
        scale: 1;
        opacity: 1;
    }

    100% {
       //  transform: scale(2);
        scale: 1.1;
        opacity: 0;
    }
}
.play-icon .elementor-icon-wrapper{position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 56px;
    width: 114px;
    aspect-ratio: 1 / 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    color: #ff0000;
    border-radius: 99px;
    font-size: 26px;
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
    animation: btn-shadow-anim 2.5s linear infinite forwards;background-color: #fff;}
.play-icon .elementor-icon-wrapper:hover {
    background-color: #ff0000;
}
.play-icon .elementor-icon-wrapper:hover svg {
    fill: #fff!important;
}
.tag-live{width: 142px;border-radius:50px;}
.tag-live .elementor-widget-image .elementor-widget-container {line-height: 16px;}
@keyframes btn-shadow-anim {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
}
.img-rotate{animation: spin 5.5s linear infinite forwards;}
@keyframes spin {
    0% {transform: rotate(0deg);   }

    100% {transform: rotate(360deg);}
}

.form-next-projects input{border: 1px solid rgba(0, 0, 0, 0.15)!important;
    height: clamp(45px, 3.385vw, 65px)!important;
    width: 100%;
    padding: 0 1.302vw;
    font-size: clamp(13px, 0.833vw, 16px);
    font-weight: 500;
    color: #000;
    border-radius: 10px;
background-color: rgba(245, 245, 245, 0.5)!important;}
.form-next-projects textarea {border: 1px solid rgba(0, 0, 0, 0.15)!important;
    height: clamp(120px, 7.187vw, 138px)!important;
    padding: 0.781vw 1.302vw;
    width: 100%;
    font-size: clamp(13px, 0.833vw, 16px);
    font-weight: 500;
    color: #000;
    border-radius: 10px;
background-color: rgba(245, 245, 245, 0.5)!important;}
.form-next-projects button{background-image: linear-gradient(90deg, #F820A3 0%, #FFA945 100%)!important;}
.form-next-projects button:hover{background-image: linear-gradient(90deg, #F820A3 0%, #FFA945 100%)!important;}

/* .video-reels .elementor-custom-embed-image-overlay{border-radius:20px;} */
.video-reels .elementor-widget-video {
    height: 25.63vw;
}
.videos-reels .e-hosted-video.elementor-wrapper.elementor-open-inline {
    --video-aspect-ratio: 16.!important;
    border-radius: 20px;
}
.right-round-img img{    max-width: none;
    max-height: 34.371vw;object-fit: cover;
    border-radius: 0 999px 999px 0}

.bg-third-wrapper {
    background: url("https://sample.ws/influtics-social/wp-content/uploads/2025/03/intro-live-bg.png") #000 no-repeat center center;
    background-size: cover;
    padding: 50px 0;
}

.list-style ul.list{font-size: clamp(13px, 0.833vw, 16px);
    list-style: disc inside;
    padding-right: 10px;
    margin-bottom: 0;}
.list-style ul.list li:not(:last-child) {
    margin-bottom: 0.521vw;
}
/* .tabing-btn .e-n-tabs-heading>button {
    height: 3.906vw;
    min-width: 19.271vw;
    
} */
.newsletter-form {
    width: 50%;
}
.newsletter-form .elementor-form-fields-wrapper .elementor-field-group-email.elementor-col-100{
    width:71%;
	margin-bottom:0px!important;
}
.newsletter-form .elementor-form-fields-wrapper .elementor-field-type-submit.elementor-col-100{
    width:auto;
	margin-bottom:0px!important;
}

.newsletter-form .elementor-form-fields-wrapper{    display: flex
;
    background-color:#fff;
    border-radius: 999px;
    padding: 5px 0px;}


.newsletter-form .elementor-form-fields-wrapper input{background-color: transparent;
    width: 100%;
    height: 3.385vw;
    padding: 0 25px;
font-size: 16px;}
.newsletter-form .elementor-form-fields-wrapper button{height: auto;
	background-image: linear-gradient(90deg, #FFA945 0%, #F820A3 100%);
    border-radius: 999px;
	 height: 3.385vw;
    flex-shrink: 0;
padding: 0 1.25vw;}

.btn-style-small .elementor-button{height: 29px;    width: 78px;display: flex;align-items: center;    justify-content: center;}
.browse-categories ul{ display: grid;gap: 8px 40px;grid-template-columns: repeat(2, max-content);}
.instagram-feed {flex-wrap:wrap; justify-content:start;}
.instagram-feed .elementor-widget-image img{border-radius: 10px;width:81px;}
.img-social img{    height: 41px;
    width: 41px;}
.social-media h3{margin-top:0px;}
a.tag-live[href="http://empty"] {
    display: none;
}
/*  */
.view-all .elementor-button::before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 6px;
    z-index: -1;
    background: linear-gradient(90deg, #FFA945 0%, #F820A3 100%);
    transition: 0.4s ease;
}
.view-all .elementor-button::after {
    position: absolute;
    inset: 1px;
    content: "";
    z-index: -1;
    background-color: #fff;
    border-radius: 5px;
    transition: 0.4s ease;
}
.view-all .elementor-button{
	    position: relative;
    z-index: 1;
}
.view-all .elementor-button:hover::before, .view-all .elementor-button:hover::after {
    opacity: 0;
}
.view-all .elementor-button:hover svg path {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff;
}
.overlay-bg {
    overflow: hidden;
}
.overlay-bg:hover::before {
    opacity: 1;
}

.overlay-bg::before {
    position: absolute;
    content: "";
    inset: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 30, 132, 0.5), #FFA945);
    opacity: 0;
    transition: 0.4s ease;
}
li.elementor-icon-list-item.elementor-inline-item:has(span.elementor-icon-list-text:empty):after {
    height: 0 !important;
}
.overlay-bg .expend-box {
    transform: translateY(100px);
    min-height: 90px;
transition: all .5s;
}
.overlay-bg:hover .expend-box {
    transform: translateY(0);
  min-height: auto;
}
.newsletter-form .elementor-form-fields-wrapper button:hover {
    background: linear-gradient(90deg, #F820A3 0%, #FFA945 100%);
}
.form-next-projects button:hover {
    background-image: linear-gradient(90deg, #FFA945 0%, #F820A3 100%) !important;
}
.elementor-field-group .elementor-field-textual:focus {
    box-shadow: none !important;
    outline: 0 !important;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
/* .video-reels .elementor-widget-video {
    height: 328px;
} */
}
@media(max-width:1024px){
	.tabing-btn button {
    height: 55px !important;
}
	.video-reels .elementor-widget-video .elementor-custom-embed-image-overlay{background-position:top;}
	.newsletter-form .elementor-form-fields-wrapper .elementor-field-group-email.elementor-col-100 {
    width: 68%;
    margin-bottom: 0px !important;
}
}
@media(max-width:880px){
    .tabing-btn button {
        height: 45px !important;
        width: 100% !important;
        flex-basis: auto !important;
		justify-content: center !important;
    }
	.tabing-btn .e-n-tabs-heading{flex-direction:column;}
	
	.mobile-menus ul>li {
    border-bottom: 1px solid #00000033;
}
	.mobile-follow a.elementor-button {
    width: 100%;
}
	    .newsletter-form .elementor-form-fields-wrapper .elementor-field-group-email.elementor-col-100 {
        width: 82%;
        margin-bottom: 0px !important;
    }
}
@media(max-width:767px){
   
	    .video-reels .elementor-widget-video {
        height: 138.73vw;
    }
	.play-icon .elementor-icon-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
		width: 70px;}
	.right-round-img img {
    width: auto;
}
.follow-me .elementor-button {
    width: 128px;
}
}