/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
Text Domain: hello-elementor-child

*/
/* @keyframes zoomBg {
    0% {
        background-size: 105% 105%;
    }
    50% {
        background-size: 110% 110%;
    }
    100% {
        background-size: 105% 105%;
    }
} */
.btn_cofee a:hover,
.btn_green a:hover,
.btn_yellow a:hover {
    background-size: 110% 110%;
}
.btn_yellow a {
    background-image: url('https://wordpress.demobrains.com/chayranaa/wp-content/uploads/2025/09/yellow_btn.png');
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	transition: background-size 0.5s ease-in-out;
/* 	animation: zoomBg 3s infinite alternate ease-in-out; */
}
.btn_green a {
    background-image: url('https://wordpress.demobrains.com/chayranaa/wp-content/uploads/2025/09/green_btn.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	transition: background-size 0.5s ease-in-out;
}
.btn_cofee a {
    background-image: url('https://wordpress.demobrains.com/chayranaa/wp-content/uploads/2025/09/cofee_btn.png');
   	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	transition: background-size 0.5s ease-in-out;
}
.our-story .elementor-swiper-button-prev {top: -90px !important;left: auto !important;right: 55px !important;}
.our-story .elementor-swiper-button-next {top: -90px !important;}
.our-story .elementor-swiper-button {background: #fff;border-radius: 50%;padding: 12px;color:#000000;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);}
.our-story .elementor-swiper-button:hover {background: #176155;color:#ffffff;}
.our-story .elementor-swiper-button:hover svg {fill:#ffffff !important;}
.our-story .swiper-slide img{border-radius:15px;}
.our-story .swiper-slide {background: #fff;padding: 30px;height:290px;border-radius:15px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);
/* clip-path: polygon(
    10% 0%, 90% 0%,   
    100% 15%, 100% 85%, 
    90% 100%, 10% 100%, 
    0% 85%, 0% 15%     
  ); */
/* 	 clip-path: inset(0 round 20px); */
}
.gallery_ch .gallery-item {margin-bottom: 20px !important;}
.testimonials .swiper-navigation-button{
	top:-65px;
}
.testimonials .swiper-button-prev {left: auto !important;right: 50px !important;}
.testimonials .elementskit-commentor-header {
    position: absolute;
    bottom: 50px;
    left: 118px;
}
.testimonials .elementskit-author-name{
	margin-bottom:40px !important;
}
.order_section {
    margin-left: 10%;
/*     padding-top: 70px; */
}
.elementor-nav-menu li a:hover::after {width: 100% !important;transition: width 0.3s;}
.elementor-nav-menu li a::after {
    content: "" !important;
    display: block;
    width: 0 !important;
    height: 2px !important;
    background-color: #ffb62f !important;
    transition: width 0.3s;
    bottom: -5px !important;
}
.icon_box .elementor-widget-icon-box:after {
    content: ' ';
    width: 140px;
    height: 20px;
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: -20px;
    background: #0000;
    transition: 0.3s;
	margin:0 auto !important;
}
.icon_box .elementor-widget-icon-box:hover{
	border-color:#fff !important;	
}
.icon_box .elementor-widget-icon-box:hover:after {
    content: ' ';
    width: 140px;
    height: 10px;
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0px;
    background: #ffffff;
    border-radius: 200px 200px 0% 0%;
	margin:0 auto !important;
}
input:focus,textarea:focus,label{outline:none;}
/* input,textarea,label{width:100% !important;} */
.wpcf7-text{height:50px;}
.wpcf7-submit {
    background: #ffb62f !important;
    width: auto !important;
    padding: 15px 30px !important;
    border: 1px solid  #ffb62f !important;
		height:auto !important;
}
/* .wpcf7-submit:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #176155 !important;
} */
.franchiseform label{
	color:#fff !important;
}
/* .franchiseform span.wpcf7-list-item.first {
    margin: 0;
} */
span.wpcf7-spinner {
    position: absolute;
    top: 20px;
}
textarea {
    border-radius: 20px !important;
}
.d-felx {
    display: flex;
    gap: 20px;
}

.typed {
    font-size: clamp(18px, 3vw, 28px);
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    border-right: .12em solid black; /* cursor */
    box-sizing: border-box;
    width: 0ch !important;
    animation: typing 5s steps(9) infinite,
               blink 0.7s step-end infinite;
               color: #ffb62f;
  }

  /* typing + deleting */
  @keyframes typing {
    0%   { width: 0ch; }
    40%  { width: 9ch; } /* fully typed */
    60%  { width: 9ch; } /* hold full text */
    100% { width: 0ch; } /* erased */
  }

  /* cursor blink */
  @keyframes blink {
    50% { border-color: transparent; }
  }

.wpcf7-response-output {
    color: #fff;
}