/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

::before{
	z-index:-1;
}
/* Base float class */
.float {
  display: inline-block;
  animation: floatMove 6s ease-in-out infinite;
}

/* Keyframes for multi-direction float */
@keyframes floatMove {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(6px, -6px); }
  50%  { transform: translate(0, -10px); }
  75%  { transform: translate(-6px, -6px); }
  100% { transform: translate(0, 0); }
}

/* Staggered timings */
.float:nth-child(1) {
  animation-delay: 0s;
}
.float:nth-child(2) {
  animation-delay: 1.5s;
}
.float:nth-child(3) {
  animation-delay: 3s;
}
.float:nth-child(4) {
  animation-delay: 4.5s;
}

@font-face {
  font-family: 'Clash Display';
  src:  url('/wp-content/uploads/2025/09/ClashDisplay-Medium.woff') format('woff');
  
  font-style: normal;
}
body {
  font-family: 'Clash Display', sans-serif;
}

.bg{
	background-size:100% 100% !important;
}

.twentytwenty-container {
    height: 500px !important;
}

.twentytwenty-container img{
    height:500px !important;
}

.hero-area {
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 11px;
}

.hero-area .elementor-background-video-container {
    border-radius: 10px !important;
}

.header-area {
    position: absolute !important;
    left: 0;
    right: 0;
    z-index: 99;
}




/* Base button */
.btn-primary a,
.btn-primary .elementor-button,
.btn-primary .elementor-button-link {
  position: relative;
  display: inline-block;
  padding: 16px 30px;
  border-radius: 25px;
  color: #0F4C5C;
  background: #2b2b2b; /* default solid background */
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
}

/* Sunrise gradient overlay */
.btn-primary a::before,
.btn-primary .elementor-button::before,
.btn-primary .elementor-button-link::before , .why-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(180deg, #fde2b8, #f9b48c, #f48f72);
  clip-path: circle(0% at 50% 100%); /* start hidden below */
 transition: clip-path 1s ease-out;
  z-index: -1;
}

/* Hover sunrise reveal */
.btn-primary a:hover::before,
.btn-primary .elementor-button:hover::before,
.btn-primary .elementor-button-link:hover::before , .why-box:hover::before {
  clip-path: circle(150% at 50% 100%); /* expand upward like sunrise */
}

/* Glow effect */
.btn-primary a:hover,
.btn-primary .elementor-button:hover,
.btn-primary .elementor-button-link:hover , .why-box:hover {
  box-shadow: 0 0 20px rgba(255,180,120,0.5),
              0 0 35px rgba(255,150,100,0.3);
}




/* 
.btn-primary a:before {
  content: "";
  position: absolute;
  background: #0F4C5C;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.3s ease-in;
}

.btn-primary a:hover:before {
  top: 0;
}
.btn-primary a:hover{
	color:#fff !important;
	transform:translatey(-10px);
	transition-delay:0.2s;
	border-color:#0F4C5C;
}

.btn-primary a{
	font-weight:500 !important;
	padding:15px 30px;
	position: relative;
  //display:inline;
   font-size: 15px;
  
  color: #0F4C5C;
  border: 1px #E4BC24 solid;
  border-radius: 30px;
  text-transform:capitalize;
  outline: 0;
  overflow:hidden;
  background: #E4BC24 !important;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}
 */

.about-box {
    border-right: 1px solid #fff !important;
    padding: 6px;
}

p.elementor-icon-box-description {
    font-size: 15px !important;
}

.about-box:nth-child(3) {
    border: 0px !important;
}

.elementor-element-c2a495d {
    border: 0px !important;
}

.service-box .elementor-image-box-content {
    margin-top: -190px;
    padding: 15px;
}
.service-box p.elementor-image-box-description {
    font-size: 15px !important;
}

.service-box h3.elementor-image-box-title {
    font-size: 22px !important;
}

.before-area .elementor-tab-content {
    border-width: 0px !important;
}

.before-area .elementor-tabs-content-wrapper {
    border: 0px !important;
}


.before-area .elementor-tabs-wrapper {
    border: 0px !important;
}

.before-area .elementor-tab-title {
    border: 0px !important;
}

.before-area .elementor-tab-title::before , .before-area .elementor-tab-title::after {
    display:none !important;
}

.before-area .elementor-tabs-wrapper {
    border: 0px !important;
}

.before-area .elementor-tab-title {
    border: 0px !important;
}

.before-area .elementor-tab-title::before , .before-area .elementor-tab-title::after {
    display:none !important;
}

.before-area .elementor-tab-title {
    font-size: 16px !important;
    font-family: 'Helvetica' !important;
    color: #ffffff63 !important;
    font-weight: 400 !important;
    border: 1px solid #ffffff63 !important;
    line-height: 20px !important;
    padding: 10px 25px !important; 
    margin: 5px;
    border-radius: 20px;
}

.before-area .elementor-tab-title:hover , .before-area .elementor-tab-title.elementor-active {
    background-color: #E4BC24;
    color: #0F4C5C !important;
    transition-delay: 0.1s;
    border-color:#E4BC24 !important;
}


.faq .elementor-accordion-item {
    border: 1px solid #ffffff40 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: #f0f0f024;
}

.faq .elementor-tab-title {
    border: 0px !important;
}
.faq .elementor-tab-title.elementor-active , .faq .elementor-tab-content.elementor-active {
    background:#ffffff40;
    border:0px !important;
    
}
.faq .elementor-tab-title.elementor-active {
    border-radius: 10px 10px 0px 0px;
}
.faq .elementor-tab-content.elementor-active{
    border-radius: 0px 0px 10px 10px;
}

.faq .elementor-tab-content {
    border: 0px !important;
}

.elementor-element-97ab9bb.left::before {
    content: '';
    position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-2-1.png);
    width: 600px;
    height: 650px;
    background-size: 100% 100%;
    left: -70px !important;
    top: -76px;
    background-repeat: no-repeat;
}

.about-area.right::before {
    content: '';
     position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-3-1.png);
    width: 850px;
    height: 950px;
    background-size: 100% 100%;
    right: -80px !important;
    top: -96px;
    background-repeat: no-repeat;
}

body , html{
    overflow-x:hidden;
    
}

.elementor-element-1aaee91.left::before {
    content: '';
    position: absolute;
     background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-2-1.png);
    width: 800px;
    height: 950px;
    background-size: 100% 100%;
    left: -70px !important;
    top: -186px;
    background-repeat: no-repeat;
}

.elementor-element-5953b08.right::before {
    content: '';
     position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-3-1.png);
    width: 850px;
    height: 950px;
    background-size: 100% 100%;
    right: -80px !important;
    top: -256px;
    background-repeat: no-repeat;
    
}

.elementor-element-6e692e9.bg.left::before {

     content: '';
    position: absolute;
     background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-2-1.png);
    width: 800px;
    height: 950px;
    background-size: 100% 100%;
    left: -70px !important;
    top: -486px;
    background-repeat: no-repeat;
    
}

.elementor-element-21abe14.bg.right::before {
    content: '';
     position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-3-1.png);
    width: 750px;
    height: 950px;
    background-size: 100% 100%;
    right: -80px !important;
    top: -526px;
    background-repeat: no-repeat;
 
}

.elementor-element-db0aa0f.left::before {

    content: '';
    position: absolute;
     background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-2-1.png);
    width: 800px;
    height: 950px;
    background-size: 100% 100%;
    left: -70px !important;
    top: -286px;
    background-repeat: no-repeat;
    
}

.elementor-element-4523d62.right::before {

  content: '';
     position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-3-1.png);
    width: 750px;
    height: 950px;
    background-size: 100% 100%;
    right: -80px !important;
    top: -526px;
    background-repeat: no-repeat;
}

.faq .elementor-tab-title {
    padding: 20px !important;
}

.faq .elementor-tab-title.elementor-active {
    padding-bottom:0px !important;
}

.faq span.elementor-accordion-icon-closed svg {
    fill: #000 !important;
    background: #BC9C22 !important;
    padding: 9px;
    font-size: 32px !important;
    font-weight: 300 !important;
    border-radius: 100%;
    border: 2px solid #CCB457;
    margin-top: -5px;
}

.faq span.elementor-accordion-icon-opened svg {
	
  background: #BC9C22 !important;
    padding: 9px;
    font-size: 32px !important;
    font-weight: 300 !important;
    border-radius: 100%;
    border: 2px solid #CCB457;
  
    
}

.faq span.elementor-accordion-icon.elementor-accordion-icon-right {
    position: absolute;
    right: 20px;
}

.elementor-element-6081c3a svg {margin-bottom: -20px;}

.service-box {
    margin-top: -85px;
}

.footer-area input#form-field-email {
    background: #00000029;
    border: 0px;
    border-radius: 50px;
    padding: 15px;
}

.footer-area button.elementor-button.elementor-size-sm {
    padding: 12px 20px;
    position: absolute;
    border-radius: 50px;
    right: 10px;
    bottom: 17px;
    background-color: #E4BC24;
}

.footer-area span.elementor-button-content-wrapper {
    font-weight:400;
    font-size:15px !important;
}

.elementor-element.elementor-element-7437704.elementor-widget__width-auto.btn-primary.elementor-widget.elementor-widget-button a {
    background: transparent !important;
    border: 1px solid #BC9C22;
    padding-right: 35px !important;
    padding-left: 35px !important;
	color:#BC9C22;
}

.elementor-element.elementor-element-7437704.elementor-widget__width-auto.btn-primary.elementor-widget.elementor-widget-button a:hover {
	color:#fff !important;
}
.header-area{
    margin-right:20px;
    margin-left:20px;
}

span.\33 d {-webkit-text-stroke: 2px #fff;-webkit-text-fill-color: transparent;font-size: 48px !important;margin-right:20px;position: relative;top: 9px;}

.elementor-active span.\33 d{
    
    -webkit-text-stroke: 2px #bc9c22;
}

.service-faq .elementor-accordian-item {
    border: 0px !important;
}

.service-faq .elementor-accordion .elementor-accordion-item {
    border: 0px !important;
}


.service-faq .elementor-accordion .elementor-tab-content{

    border:0px !important;
    padding-left:0px;
    
}


.service-faq .elementor-accordion .elementor-tab-title{
    border-bottom:1px solid #ffffff1a;
    padding-left:0px !important;
    padding-right:0px !important;
}

.hero-inner {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 8px;
    margin-top: 10px;
    /* border: 1px solid #fff; */
}

.gallery p img {
    width: 49% !important;
    margin: 5px;
    height: 300px !important;
    border-radius: 15px !important;
}

.elementor-element-4b25893.left::before , .elementor-element-71b65fd.left::before , .elementor-element-5ddb13c.left::before , .elementor-element-59f0a54.left::before{
    content: '';
    position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-2-1.png);
    width: 700px;
    height: 750px;
    background-size: 100% 100%;
    left: -70px !important;
    top: -76px;
    background-repeat: no-repeat;
}

.elementor-element-a4980a6::before , .elementor-element-ec71eda.right::before {
    content: '';
    position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-3-1.png);
    width: 850px;
    height: 950px;
    background-size: 100% 100%;
    right: -80px !important;
    background-repeat: no-repeat;
}


.before-area.right::before , .elementor-element-c7a9190.right::before {
    content: '';
    position: absolute;
    background: url(https://revivetattooremoval.com/wp-content/uploads/2025/09/Ellipse-2-1.png);
    width: 700px;
    height: 750px;
    background-size: 100% 100%;
    left: -70px !important;
    top: -76px;
    background-repeat: no-repeat;
}






@media(max-width:767px){
	
	.header-area{
		position:relative !important;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	
	
h1.text-fill {
    font-size: 32px;
}

.bg {
    background: none !important;
}

.about-box {
    border: 0px !important;
}

.service-box .elementor-image-box-content {
    margin-top: -209px !important;
}


.elementor-element.elementor-element-f7b3800.service-box.elementor-position-top.elementor-widget.elementor-widget-image-box {
    margin-bottom: 45px;
}

.why-box {
    margin: 10px !important;
}
	
	.gallery p img {
    width: 100% !important;
    height: auto !important;
}
	
}