/* 
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
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 */


/*  Global ===========================================================================================================================================*/

body {
  overflow-x: hidden;
}

.elementor-button {
    box-shadow: 
        inset 5px 5px 10px rgba(252, 195, 195, 0.65),
        inset -6.6px 2.5px 7px 4px rgba(244, 111, 166, 0.65),
        inset -1px -1px 0px 3px rgba(0, 0, 0, 0.5) ,
        4px 5px 0px rgba(0, 0, 0, 1) !important; /* Solid shadow directly at the bottom */
    
    outline: 2px solid black;
}

/*INNER WIDTHS*/
.max-width-1720{
    max-width: 1522px;
    width: 100%;
}

.choose-inner{
	max-width:1685px;
}
.choose-max-w-txt{
    max-width: 1167px;
    width: 100%;
}

/* HEADER ================================================================================================================================================*/
/*Navbar Active button*/
.elementor-51 .elementor-element.elementor-element-1e1b96bc .menu-item.current-menu-item a.hfe-menu-item, .elementor-51 .elementor-element.elementor-element-1e1b96bc .menu-item.current-menu-ancestor a.hfe-menu-item {
    color: #FCC3C3;
    font-weight: bold;
}

/* Gallery Section =======================================================================================================================================*/
.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
    align-items: center;
    left: -6%;
    /* height: 100%; */
    width: 50px;
    background: #FCC3C3;
    height: 100%;
    display: flex;
	padding-left:10px
}

.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
    align-items: center;
    right: -6%;
    /* height: 100%; */
    width: 50px;
    background: #FCC3C3;
    height: 100%;
    display: flex;
		padding-left:10px
}



/*Reviews Section =====================================================================================================================================================*/
.reviews-text{
	max-width:337px;
	width:100%;
}




/* Contact Form =============================================================================================================================================== */

.contact-form .form-control {
  display: block;
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 0px;
  font-size: 20px;
}

.contact-form textarea{
	height: 195px;
}

.contact-form .submit-btn {
   background-color: transparent;
    font-family: "Petrov-Sans", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    fill: #333333;
    color: #333333;
    background-image: linear-gradient(90deg, #F46FA6 0%, #FCC3C3 100%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #00000000;
    border-radius: 50px 50px 50px 50px;
    padding: 15px 45px 15px 45px;
	box-shadow: inset 5px 5px 10px rgba(252, 195, 195, 0.65), inset -6.6px 2.5px 7px 4px rgba(244, 111, 166, 0.65), inset -1px -1px 0px 3px rgba(0, 0, 0, 0.5), 4px 5px 0px rgba(0, 0, 0, 1) !important;
    outline: 2px solid black;
	max-width: 277px;
	margin:0 auto;
	margin-top:25px
}

.contact-form .submit-btn:hover {
  background: linear-gradient(to right, #FCC3C3, #F46FA6);
}


.contact-form .submit-btn {
  display: block;
  width: 100%;
  background-color: #ff69b4;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
}

.contact-form .submit-btn:hover {
  background-color: black;
}

.contact-form .form-control {
  display: block;
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  background-color: #fff;
}



/*Footer====================================================================================================================================================*/

.elementor-491 .elementor-element.elementor-element-c4f8391 .elementor-image-box-img img , .elementor-491 .elementor-element.elementor-element-88d8dcf .elementor-image-box-img img, .elementor-491 .elementor-element.elementor-element-f3a5237 .elementor-image-box-img img {
    padding-top: 10px;
}

/* Hover effect ===========================================================================================================================================*/
.elementor-button:hover {
    background-color: rgba(244, 111, 166, 0.2); 
    color: white !important; 
    box-shadow: 
        inset 5px 5px 10px rgba(252, 195, 195, 0.75), /* Slightly darker inset shadow */
        inset -6.6px 2.5px 7px 4px rgba(244, 111, 166, 0.75), /* Slightly darker inset shadow */
        inset -1px -1px 0px 3px rgba(0, 0, 0, 0.6), /* Slightly darker inset shadow */
        4px 10px 0px rgba(0, 0, 0, 0.8) !important; /* Solid shadow directly at the bottom with more blur */
}






/*scroll effects ============================================================================================================================================*/
/* .owd-fade-in {
    animation: owd-fade-in linear forwards;
    animation-timeline: view();
    animation-range: entry;
}


@media(prefers-reduced-motion: no-preference){
	@keyframes owd-fade-in {
    0% {
		opacity: 0;
		transform: translateY(400px);
	}

	50% {
  	  opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
}
 */

@media(max-width:767px){
	.contact-form .submit-btn {
    margin-top: 0 !important;
 }
	
	.contact-form .form-control {
    font-size: 17px !important;
 }
	

        .elementor-2132 .elementor-element.elementor-element-a584612  {
        --padding-bottom: 0px !important;
    }
}