/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

/* Header*/
body.home header .elementor-element-a369207 {
  position: absolute !important;
  background: transparent !important;
}

/* Hero - Boxes */
.box-font{
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 2rem;
}

.box-font-earnings{
	font-size: 1.27rem;
	font-weight: 900;
	line-height: 1.3rem;
}

.box-font-big{
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.9rem;
}

@media (max-width: 1024px){
	.box-font{
		font-size: 1.45rem;
		line-height: 1.4rem;
	}
	
	.box-font-big{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.7rem;
}
}

@media (max-width: 767px) {
	.box-font{
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	
	.box-font-earnings{
		font-size: 0.9rem;
		line-height: 0.9rem;
		font-weight: 700;
	}
	
	.box-font-big{
	font-size: 1rem;
	font-weight: 700;
	line-height: 0.9rem;
}
}

/* Hero Grid Boxes - Mobile Breakpoints for Text */
		.box-font-smaller{
		font-size: 25px;
		font-weight: 600;
		line-height: 1.3rem;
		}

@media (max-width: 767px){
	 .hero-mobile p,
		.hero-mobile-smaller p{
		font-size: 18px;
		line-height: 1.3rem;	
	}
	.box-font, .box-font-big{
		font-size: 1.3rem;
	}
}

@media (max-width: 420px){
		.box-font, .box-font-big{
			font-size: 1.1rem;
		}
	
	    .hero-mobile p{
		font-size: 16px;
		line-height: 1.2rem;
	}
	
		.hero-mobile-smaller p{
		font-size: 14px;
		line-height: 1.2rem;
		}
		
		.hero-mobile-xs p{
		font-size: 16px;
		line-height: 1rem;	
		}
	
		.box-font-smaller{
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.3rem;
		}
}

@media (max-width: 340px){
		.box-font{
			font-size: 0.9rem;
		}
		
	    .hero-mobile p,
		.hero-mobile-smaller p{
		font-size: 12px;
		line-height: 1rem;	
	}
	
		.hero-mobile-xs p{
		font-size: 11px;
		line-height: 1rem;	
		}	
	
		.box-font-smaller{
		font-size: 13px;
		font-weight: 600;
		}	
}

/* Buttons Transparent */
.btn-transparent .elementor-widget-container .elementor-button-wrapper a.elementor-button{
    padding: 18px 18px 18px 40px;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    background-color: #00000066 !important;
	background-image: url("data:image/svg+xml;utf8,<svg fill='magenta' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M9.29 6.71a1 1 0 0 0 0 1.41L12.17 11l-2.88 2.88a1 1 0 1 0 1.41 1.41l3.59-3.59a1 1 0 0 0 0-1.41L10.7 6.7a1 1 0 0 0-1.41 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 42px;
}

.btn-transparent .elementor-widget-container .elementor-button-wrapper a.elementor-button:hover{
	filter: brightness(1.15);
}

@media (max-width: 1024px){
	
		.btn-transparent .elementor-widget-container .elementor-button-wrapper a.elementor-button{
		padding: 14px 14px 14px 40px !important;
		font-size: 14px;
		border-radius: 10px;
        background-color: #2c023a82 !important;.
		background-size: 40px !important;
		background-position: 0 1px;	
		}
	
}

/* Buttons Gradient */
.btn-gradient-404 .elementor-widget-container .elementor-button-wrapper a{
  background-size: 150% 150%;
  border-radius: 10px;
  transition: background-position 0.3s ease-in-out; 
}

.btn-gradient-404 .elementor-widget-container .elementor-button-wrapper a:hover{
  background-position: 100% 0;
}

.btn-gradient-left a{
  background-size: 150% 150%;
  border-radius: 10px;
  transition: background-position 0.3s ease-in-out; 
}

.btn-gradient-right a{
  background-size: 150% 150%;
  border-radius: 10px;
  transition: background-position 0.3s ease-in-out; 
}

.btn-gradient-left a:hover, .btn-gradient-right a:hover {
  background-position: 100% 0;
}



.btn-gradient-left .elementor-button-content-wrapper, .btn-gradient-right .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.btn-gradient-left .elementor-button-icon, .btn-gradient-right .elementor-button-icon {
  position: absolute;
  left: 0; 
  display: flex;
  align-items: center;
  justify-content: center;
}


.btn-gradient-left .elementor-button-icon i, .btn-gradient-right .elementor-button-icon i {
  margin: 0;
	font-size: 24px
}


/* Studio Videochat Border */
.border-background {
  position: relative;
  overflow: hidden;
}

.border-background::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 3.75px;
  background: linear-gradient(0deg, #BE4ADF, #00000000, #BE4ADF);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;

  transform: scale(0.9); 
  transform-origin: center;
}

@media (max-width: 1024px){
	.border-background::before{
		transform: scale(0.95); 

	}
}

/* Exclusive Rooms Section */
.border-background-rooms{
	position: relative;
}

.border-background-rooms::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 3.75px;
  background: linear-gradient(0deg, #ffffffcc 0%, rgba(255, 255, 255, 0.1) 40%, #ffffffcc 90%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;

  transform: scale(0.9); 
  transform-origin: center;
}



.border-background-rooms-inner{
	margin-top: auto;
}

@media (max-width: 1024px){
	.border-background-rooms::after{
		transform: scale(0.95); 

	}
}

/* Earnings Calculator */

#revenue-result-box{
	height: 52px !important;
	max-width: 350px;
	background-color: #f939b9;
	color: #fff;
	border-radius: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 32px;
}

#calculate-revenue{
	background: #f939b9;
    background-size: 150% 150%;
    border-radius: 10px;
    transition: background-position 0.3s ease-in-out;
	display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	border: none;
	color: #fff;
	width: 200px;
	transition: background 0.3s ease-in-out, background-position 0.3s ease-in-out;
}

#calculate-revenue:hover{
	background: #6F3297;
    background-position: right;
}

/* .select-calculator{
	max-width: 350px; 
	font-family: default, sans-serif;      
	text-align: center;
	margin: 0;
}

#hours-selector,
#days-selector,
#language-selector{
	position: relative;
	background-color: #00000080;
	border: none;
	color: #fff;
	border-radius: 10px;
	padding:8px; 
	margin-bottom:10px;
}

@media (max-width: 767px){
	#hours-selector,
  #days-selector,
	#language-selector{
		max-width: 248px;
	}
	
	#revenue-result-box{
		max-width: 268px;
		border-radius: 0px 10px 10px 0px;
	}
} */

	@media (max-width: 767px){
		.select-calculator{
			max-width: 220px !important;
			gap: 6px !important;
		}
		.select-calculator select{
			padding: 10px 10px 10px 40px !important;
			font-size: 14px !important;
			background-position: 0 2px !important;
			background-size: 40px !important;
			background-color: #2c023a82 !important;
		}
		#calculate-revenue{
			margin-top: 12px;
			width:140px;
		}
		
		#revenue-result-box{
			width: 200px;
			font-size: 26px;
			
		}
	}

.select-calculator {
    width: 100%;
    max-width: 350px; /* poți ajusta */
    display: flex;
    flex-direction: column;
	align-items: start;
    gap: 15px;
}

.select-calculator select {
    width: 100%;
    padding: 18px 18px 18px 40px;
    border-radius: 12px;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
	background-color: #2C023A;
    cursor: pointer;

    /* eliminare săgeată default */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}



/* containerul pentru săgeata custom */
.select-calculator select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='magenta' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M9.29 6.71a1 1 0 0 0 0 1.41L12.17 11l-2.88 2.88a1 1 0 1 0 1.41 1.41l3.59-3.59a1 1 0 0 0 0-1.41L10.7 6.7a1 1 0 0 0-1.41 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 42px;
}

/* Hover efect */
.select-calculator select:hover {
    filter: brightness(1.15);
}


/* FOOTER ELEMENTS */
.support-section {
    display: none
}

@media (max-width: 480px) {
    .support-section {
        display: block
    }
}

#support-section {
    position: fixed;
    bottom: 20px;
    z-index: 99999;
    left: auto;
    width: 100%
}

#support-section #whatsapp-chat-content {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    transform: translate(0,100px);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 100000;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

#support-section #whatsapp-chat-content.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

#support-section #whatsapp-chat-content .whatsapp-chat-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#support-section #whatsapp-chat-content .whatsapp-chat-body {
    z-index: 2;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    min-height: 66%;
    max-height: 100%;
    border-radius: 6px;
    background-color: #e6ddd4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .whatsapp-chat-close-icon {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    background: #30534b;
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    padding: 3px;
    cursor: pointer;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition: 0.4s
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .whatsapp-chat-close-icon:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .whatsapp-chat-close-icon:after,#support-section #whatsapp-chat-content .whatsapp-chat-body .whatsapp-chat-close-icon:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #fff;
    display: block;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
    left: 5px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .whatsapp-chat-close-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .top {
    position: relative;
    width: 100%;
    padding: 12px 40px 12px 10px;
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .top img {
    height: 45px;
    margin-right: 10px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .top .whatsapp-page-name {
    color: #111b21;
    font-weight: 400
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .top .whatsapp-page-name span {
    font-size: 0.8em;
    display: block;
    opacity: 0.6
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .middle {
    position: relative;
    padding: 20px 20px 20px 10px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .middle .whatsapp-chat-message {
    padding: 7px 14px 6px;
    background-color: #fff;
    border-radius: 0 8px 8px;
    position: relative;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    z-index: 2;
    -webkit-box-shadow: rgba(0,0,0,0.13) 0 1px 0.5px;
    box-shadow: rgba(0,0,0,0.13) 0 1px 0.5px;
    margin-top: 4px;
    margin-left: 15px;
    max-width: calc(100% - 40px);
    width: 270px;
    font-size: 14px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .middle .whatsapp-chat-message p {
    margin: 0;
    padding: 0;
    color: #111b21;
    font-weight: 400
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .middle .whatsapp-chat-message:before {
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0;
    left: -12px;
    width: 12px;
    height: 19px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom {
    position: relative;
    width: 100%;
    padding: 12px 15px;
    background: #f0f0f0
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-decoration: none;
    outline: none
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom a .whatsapp-chat-input {
    background-color: #fff;
    border-radius: 999px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    -webkit-box-shadow: rgba(0,0,0,0.13) 0 1px 0.5px;
    box-shadow: rgba(0,0,0,0.13) 0 1px 0.5px;
	padding: 10px 15px;
    color: #4f4f4f;
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom a .whatsapp-chat-input span {
    opacity: 1;
    animation: caret-blink .9s steps(1, end) infinite;
}

@keyframes caret-blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}


#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom a .wpatsapp-chat-button {
    background-color: #25d366;
    padding: 12px 7px 12px 12px;
    border-radius: 9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
	line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9rem;
    font-weight: bold;
    text-decoration: none!important;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-box-shadow: rgba(0,0,0,0.13) 0 1px 0.5px;
    box-shadow: rgba(0,0,0,0.13) 0 1px 0.5px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom a .wpatsapp-chat-button svg {
    margin-left: 6px;
    height: 20px
}

#support-section #whatsapp-chat-content .whatsapp-chat-body .bottom a:hover .wpatsapp-chat-button {
    background-color: #22bf5b
}

#support-section #whatsapp-chat-content .whatsapp-chat-body:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0.2;
    background-image: url(img/whatsapp-bg.png);
    -webkit-filter: invert(1);
    filter: invert(1)
}

#desk-cta {
    position: fixed;
    bottom: 70px;
    right: 90px;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    #desk-cta {
        bottom:35px;
        right: 15px;
        display: none
    }
}

#desk-cta svg {
    height: 55px;
    max-width: 55px;
    -webkit-box-shadow: 0 0 0 0 rgb(0,0,0);
    box-shadow: 0 0 0 0 rgb(0,0,0)
}

#desk-cta .cta-toggle {
    border-radius: 50%;
    background-color: #6F3297;
    padding: 10px 15px;
    height: 80px;
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: pulses 2s infinite;
    animation: pulses 2s infinite;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    position: relative
}

#desk-cta .cta-toggle:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 767px) {
    #desk-cta .cta-toggle {
        height:75px;
        max-width: 75px
    }
}

#desk-cta .cta-toggle .mobile-desktop-cta {
    text-align: center;
    margin-top: 20px;
    position: absolute;
    bottom: -30px;
    color: #C1A163;
    font-weight: 600;
    cursor: default
}

@-webkit-keyframes pulses {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(193,161,99,0.75);
        box-shadow: 0 0 0 0 rgba(193,161,99,0.75)
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(0,0,0,0);
        box-shadow: 0 0 0 20px rgba(0,0,0,0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0)
    }
}

@keyframes pulses {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(193,161,99,0.75);
        box-shadow: 0 0 0 0 rgba(193,161,99,0.75)
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(0,0,0,0);
        box-shadow: 0 0 0 20px rgba(0,0,0,0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0)
    }
}

.colored-text{
	color: #ce36b2;
}

.price{
	margin-bottom: 0px !important;
}

/* FAQ Accordion */
.accordion-faq .e-n-accordion .e-n-accordion-item {
  border-radius: 10px;
  overflow: hidden;
  transition: border-radius 0.3s ease;
}

.elementor-677 .elementor-element.elementor-element-cfacefc > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
/*     background-color: #2C023A; */
    border-style: none;
    border-radius: 0;
}

.accordion-faq .e-n-accordion .e-n-accordion-item[open] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
	--n-accordion-border-radius: 10px 0 0 10px !imoprtant;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon{
	width: 18px !important;
}



@media (max-width: 767px) {
    .cat-poti-castiga {
        position: relative;
        background-color: #000; 
    }

    .cat-poti-castiga::after {
        content: ""; 

        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        pointer-events: none; 
        background: linear-gradient(to bottom, 
            rgba(0, 0, 0, 0) 70%,    
            rgba(0, 0, 0, 0.9) 100% 
        );
		z-index: 1;
    }
	
	.cat-poti-castiga > *{
		position: relative;
		z-index: 2;
	}
}