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

/* Global CSS */

body{
	--white: var(--e-global-color-3406c32);
	--accent-bg: var(--e-global-color-7002885);
}

.br-desktop-none br{
	display: none;
}

.elementor-widget-text-editor p:last-child{
	margin-bottom: 0;
}

.elementor-widget-button .elementor-button{
	transition: all 0.3s ease-in-out;
	background-image: linear-gradient(to right, var(--accent-bg) 0%, var(--e-global-color-accent) 50%, var(--accent-bg) 100%);
    background-size: 200% auto;
    transition: all .4s ease-in-out !important;
}

.white-btn.elementor-widget-button .elementor-button{
	background-image: unset;
}

.elementor-widget-button .elementor-button:hover {
    background-position: right -10px center;
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper,
.icon-mobile-in-center .elementor-icon-box-wrapper{
	align-items: center;
}

.elementor-widget-button .elementor-button .elementor-button-icon{
	background-color: var(--white);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
}

.white-btn.elementor-widget-button .elementor-button .elementor-button-icon{
	background-color: var(--e-global-color-accent);
}

.elementor-widget-button .elementor-button .elementor-button-icon svg {
	width: 6px;
}

.white-btn.elementor-widget-button .elementor-button .elementor-button-icon svg{
	fill: var(--white);
}

.icon-mobile-in-center .elementor-icon-box-wrapper .elementor-icon-box-description a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.icon-mobile-in-center .elementor-icon-box-wrapper .elementor-icon-box-description a:hover{
	color: var(--e-global-color-secondary);
}

@media only screen and (max-width: 767px) {
	
	.elementor-widget-button .elementor-button .elementor-button-icon{
		width: 22px;
    	height: 22px;
	}
}

/* Header CSS */

.mobile-menu .elementor-item{
	display: none;
} 

body .main-header{
	transition: all 0.3s ease-in-out;
}

.header-logo{
	transition: all 0.3s ease-in-out;
}

body .elementor-sticky--active.elementor-sticky--effects{
	background-color: #000000ab !important;
	backdrop-filter: blur(10px);
}

@media only screen and (max-width: 1024px){
	
	body .elementor-sticky--active.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
		margin-top: 33px !important;	
	}	
}

@media only screen and (max-width: 767px){
	
	body .elementor-sticky--active.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
		margin-top: 25px !important;	
	}	
	
	body .elementor-sticky--active.elementor-sticky--effects .header-logo img {
		max-width: 50px;
	}
}

/* Footer CSS */

.contact-link .elementor-icon-box-description a{
	color: inherit;
}

.footer-navigation-menu nav ul li.mobile-menu .elementor-item{
	display: block !important;
}

@media only screen and (max-width: 1024px){

	.footer-navigation-menu ul.elementor-nav-menu {
		margin: 0 auto;
		justify-content: center;
	}
	
}

/* Home CSS */

.hero-contact-circle .elementor-widget-container{
	animation: infiniterotate 25s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}

.about-img img{
	width: 100%;
	aspect-ratio: 1 / 1.23;
    object-fit: cover;
}

.icon-box-img img{
/* 	aspect-ratio: 1 / 1.1; */
    object-fit: cover;
}
	
.icon-bg-circle .elementor-icon{
	position: relative;
}

.icon-bg-circle .elementor-icon-box-icon{
	padding: 15px 0 0  15px;
	line-height: 0;
}

.icon-bg-circle .elementor-icon:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 50px;
	background-color: #F98E000D;
	border-radius: 50%;
	transform: translate(-15px, -15px);
}

.icon-bg-circle-white .elementor-icon:before{
	background-color: var(--e-global-color-3406c32);
}

.icon-box-border{
	position: relative;
}

.icon-box-border:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	height: 100%;
	width: 100%;
	border: 1px solid var(--e-global-color-3406c32);
	border-radius: 10px;
}

.icon-box-border.elementor-widget-heading{
	padding: 5px;
}

.games-carousel .elementor-swiper-button{
	width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.games-carousel .elementor-swiper-button.elementor-swiper-button-prev{
	left: -100px !important;
}

.games-carousel .elementor-swiper-button.elementor-swiper-button-next{
	right: -100px !important;
}

.pool-table-services:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(249, 142, 0, 0.05);
    width: 100%;
    height: 100%;
	z-index: 0;
}

.pool-table-services > *{
	z-index: 1;
}

.pricing-plan-image img {
	aspect-ratio: 1 / 0.67;
	object-fit: cover;
}

.pricing-button a.elementor-button {
	width: 100%;
}

.pool-table-repair-main-section,
.pool-table-repair-section{
	background-size: 550px 100%;
}

.pool-table-repair-main-section:before,
.pool-table-repair-main-section:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #FFFFFF80;
    background-size: cover;
    width: 550px;
    height: 100%;
}

.pool-table-repair-main-section:after{	
    background: radial-gradient(47.07% 47.16% at 48.33% 47.12%, rgba(255, 249, 242, 0.00) 0%, #FFF9F2 100%);
    background-size: cover;
}

.pool-table-repair-section:before,
.pool-table-repair-section:after{
	content: '';
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    bottom: 0;
    background: #FFFFFF80;
    background-size: cover;
    width: 550px;
    height: 100%;
	transform: translateY(-50%);
}

.pool-table-repair-section:after{
    background: radial-gradient(47.07% 47.16% at 48.33% 47.12%, rgba(255, 249, 242, 0.00) 0%, #FFF9F2 100%);
	background-size: cover;
	height: calc(100% + 1px);
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item-wrap {
	border: none !important;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item {
	padding: 30px;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-provider-icon {
	display: none;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-author-date-ctn .sb-item-author-ctn {
	align-items: center;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-author-date-ctn .sb-item-author-img {
	width: 60px;
	min-width: 60px;
	height: 60px;
	margin-right: 15px !important;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-author-date-ctn .sb-item-name-date .sb-item-author-name {
	font-family: "Onest", Sans-serif;
	font-size: 20px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	line-height: 1.2em !important;
	letter-spacing: 0;
	color: #333 !important;
	margin-bottom: 0px !important;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-rating {
	margin: 20px 0 !important;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-rating .sb-relative {
	line-height: 0;
}

.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-text {
	color: var(--e-global-color-text) !important;
	font-family: "Onest", Sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	text-transform: none;
	line-height: 1.5em !important;
	letter-spacing: 0px;
}

.testimonial-item .sb-feed-posts .sbr-owl-dots {
	line-height: 0;
}

.testimonial-item .sb-feed-posts .sbr-owl-dots .sbr-owl-dot span {
	margin: 0 5px;
	opacity: 1;
	width: 20px;
	height: 20px;
	background-color: #F98E000D;
	transition: all 0.3s ease-in-out;
}

.testimonial-item .sb-feed-posts .sbr-owl-dots .sbr-owl-dot:hover span,
.testimonial-item .sb-feed-posts .sbr-owl-dots .sbr-owl-dot.active span {
	background: var(--e-global-color-primary);
}

.tab-style .e-n-tabs .e-n-tabs-heading .e-n-tab-title,
.tab-style .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon span svg path{
	transition: all 0.4s ease-in-out;
}

.tab-style .e-n-tab-title:hover .e-n-tab-icon svg path,
.tab-style .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path{
	fill: #FFF;
}

.tab-style .e-n-tabs .e-n-tabs-content .e-con{
	justify-content: center;
}

@media only screen and (max-width: 1530px) {
	
	.games-carousel .elementor-swiper-button.elementor-swiper-button-prev{
		left: -60px !important;
	}

	.games-carousel .elementor-swiper-button.elementor-swiper-button-next{
		right: -60px !important;
	}
}

@media only screen and (max-width: 1440px) {
	
	.games-carousel .swiper{
		padding-bottom: 80px;
	}
	
	.games-carousel .elementor-swiper-button{
		top: auto !important;
		bottom: 0 !important;
		transform: translate(0, 0) !important;
	}
	
	.games-carousel .elementor-swiper-button.elementor-swiper-button-prev{
		left: calc(50% - 60px) !important;
	}

	.games-carousel .elementor-swiper-button.elementor-swiper-button-next{
		right: calc(50% - 60px) !important;
	}
}


@media only screen and (max-width: 1024px) {
	
	.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item {
		padding: 20px;
	}

	.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-author-date-ctn .sb-item-name-date .sb-item-author-name {
		font-size: 16px !important;
	}

	.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-author-date-ctn .sb-item-author-img {
		width: 50px;
		min-width: 50px;
		height: 50px;
	}

	.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-rating {
		margin: 15px 0 !important;
	}

	.testimonial-item .sb-feed-posts .sbr-owl-item .sb-post-item .sb-item-text {
		font-size: 14px !important;
	}

	.testimonial-item .sb-feed-posts .sbr-owl-dots .sbr-owl-dot span {
		margin: 0 4px;
		width: 16px;
		height: 16px;
	}
	
	.pool-table-repair-main-section,
	.pool-table-repair-section{
		background-size: 0;
	}

	.pool-table-repair-main-section:before,
	.pool-table-repair-main-section:after,
	.pool-table-repair-section:before,
	.pool-table-repair-section:after{
		display: none;
	}
}

@media only screen and (max-width: 991px){
	
	/* Global CSS */
	
	.br-tablet-none br{
		display: none;
	}
	
	.mobile-menu .elementor-item{
		display: block;
	}
	
}

@media only screen and (max-width: 767px){
	
	.br-mobile-none br{
		display: none;
	}	
	
	.testimonial-item .sb-feed-posts .sbr-owl-dots .sbr-owl-dot span {
		width: 12px;
		height: 12px;
	}
	
	.games-carousel .swiper{
		padding-bottom: 60px;
	}
	
	.games-carousel .elementor-swiper-button{
		width: 40px;
		height: 40px;
	}
	
	.games-carousel .elementor-swiper-button.elementor-swiper-button-prev{
		left: calc(50% - 45px) !important;
	}

	.games-carousel .elementor-swiper-button.elementor-swiper-button-next{
		right: calc(50% - 45px) !important;
	}

}


/* 
 * Gravity Form CSS
 * */

.gform_wrapper .gform_heading{
	display: none;
}

.gform_wrapper form .gform-body .gform_fields{
	row-gap: 30px;
	column-gap: 30px;
	--gf-field-gap-x: 30px;
	--gf-field-gap-y: 30px;
}

.gform_wrapper form .gform-body .gform_fields .gfield{
	border-radius: 0;
    box-shadow: none;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-text);
	background-color: #FFF;
	border: 0;
	border-radius: 10px;
    box-shadow: none;
	height: auto;
	padding: 15px 20px;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input::placeholder,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select::placeholder,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea::placeholder{
	color: var(--e-global-color-text);
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select{
	background-image: var(--gf-ctrl-select-icon);
    background-position: var(--gf-ctrl-select-icon-position);
    background-repeat: no-repeat;
    background-size: var(--gf-ctrl-select-icon-size);
}

/* If Placeholder Color Was Opacity */
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select[data-gtm-form-interact-field-id="0"]{
	color: var(--e-global-color-text);
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select option{
	background-color: var(--white-color);
}

.gform_wrapper .gform-grid-row{
	margin-inline: 0;
	column-gap: var(--gf-field-gap-x);
	row-gap: var(--gf-field-gap-y);
}

.gform_wrapper .gform-grid-col{
	padding-inline: 0;
}

.gform_wrapper form .gform-body .gform_fields .gfield--type-date .ginput_container_date{
	position: relative;
	flex-direction: column;
}

.gform_wrapper form .gform-body .gform_fields .gfield--type-date .ginput_container_date img{
	position: absolute;
	top: 50%;
	left: auto;
	right: 20px;
	opacity: 1;
	transform: translateY(-50%);
}

.gform_wrapper form .gform-body .gform_fields .gfield--type-date .ginput_container_date input{
	width: 100%;
}

.gform_wrapper form .gform-body .gform_fields .gfield--type-time .ginput_container{
	column-gap: 0;
}

.gform_wrapper form .gform-body .gform_fields .gfield--type-time .ginput_container .gform-grid-col{
	inline-size: 50%;
}

.gform_wrapper form .gform-body .gform_fields .gfield--type-number .ginput_container .instruction {
	display: none;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input:focus,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select:focus,
.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea:focus,
.gform_wrapper form .gform_footer .gform_button:focus{
	outline: none !important;
	box-shadow: none;
}

.gform-theme--foundation .gfield textarea.large{
	min-block-size: auto;
}

.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea{
	height: 150px;
}

.gform_wrapper form .gform-body .gform_fields .gfield .validation_message.gfield_validation_message{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    font-weight: 500;
	line-height: var(--e-global-typography-text-line-height);
    text-transform: capitalize;
    letter-spacing: 0.02em;
	color: var(--e-global-color-accent);
	margin-top: 0;
}

.contact-us-form .gform_validation_errors{
	padding: 10px;
	margin-bottom: 20px;	
}

.gform_wrapper form .gform_footer{
	--gf-form-footer-margin-y-start: 30px;
	justify-content: center;
}

.gform_wrapper form .gform_footer .gform_button{
	text-align: center;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    color: var(--white) !important;
    background-color: var(--e-global-color-accent) !important;
	background-image: linear-gradient(to right, var(--accent-bg) 0%, var(--e-global-color-accent) 50%, var(--accent-bg) 100%) !important;
    background-size: 200% auto !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px !important;
    transition: all .4s ease-in-out !important;
	box-shadow: none;
}

.gform_wrapper form .gform_footer .gform_button:hover{
	background-position: right -10px center !important;
}

.gform_wrapper form .gform_footer .gform-loader,
.gform_wrapper form .gform-loader{
	display: none !important;
	--gf-color-primary-rgb: 21,100,155;
	--gf-form-spinner-bg-color: rgba(var(--gf-color-primary-rgb), 0.1) !important;
	border-block-end-color: var(--e-global-color-primary);
	border-block-start-color: var(--gf-form-spinner-bg-color);
    border-inline-end-color: var(--gf-form-spinner-bg-color);
    border-inline-start-color: var(--e-global-color-primary);
}

.gform_wrapper .gform_validation_errors{
	padding: 10px;
    margin-bottom: 30px;
	border-color: var(--e-global-color-accent);
}

.gform_wrapper .gform_validation_errors h2.gform_submission_error{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: var(--e-global-typography-text-font-size);
	font-weight: 500;
    line-height: 1.2em;
	color: var(--e-global-color-accent);
}

.gform_wrapper .gform_validation_errors h2.gform_submission_error span{
	color: var(--e-global-color-accent);
	border-color: var(--e-global-color-accent);
}

.gform_wrapper .gform_confirmation_message{
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: 30px;
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-primary);
}

/**/



@media only screen and (max-width: 1024px){
	
	.gform_wrapper .gform_confirmation_message{
		font-size: 24px;
	}
}

@media only screen and (max-width: 767px){
	
	.gform_wrapper form .gform-body .gform_fields{		
		column-gap: 0;
		row-gap: 20px;
		--gf-field-gap-x: 0;
		--gf-field-gap-y: 20px;
	}
	
	.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input, 
	.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container select, 
	.gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea{
		font-size: 14px;
		border-radius: 6px;
		padding: 12px 15px;
	}
	
	.gform_wrapper form .gform_footer{
		--gf-form-footer-margin-y-start: 20px;
	}
	
	.gform_wrapper form .gform-body .gform_fields .gfield .validation_message.gfield_validation_message{
		font-size: 12px;
	}
	
	.gform_wrapper .gform_confirmation_message{
		font-size: 20px;
	}
	
}

/*
 * Google Reviewe Style not a Plugins CSS
 * */

.review-testimonial .elementor-main-swiper{
	width: 100% !important;
}

.review-testimonial .swiper-wrapper .swiper-slide{
	padding: 30px;
}

.review-testimonial .elementor-testimonial .elementor-testimonial__header{
	align-items: center;
}

.review-testimonial .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite{
	gap: 2px;
}

.review-testimonial .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-testimonial__name{
	order: 1;
}

.review-testimonial .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-star-rating{
	order: 3;
}

.review-testimonial .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-testimonial__title{
	order: 2;
}

.review-testimonial .elementor-swiper-button{
	background: var(--e-global-color-accent);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.review-testimonial .elementor-swiper-button:hover{
	background:  var(--accent-bg);
}

.review-testimonial .elementor-swiper-button:focus{
	outline: none;
	box-shadow: none;
}

.review-testimonial .elementor-swiper-button-prev{
	left: -100px !important;
}

.review-testimonial .elementor-swiper-button-prev i:before{
  	content: "\e8bf";
}

.review-testimonial .elementor-swiper-button-next{
	right: -100px !important;
}

.review-testimonial .elementor-swiper-button-next i:before{
  	content: "\e8c0";
}

@media only screen and (max-width: 1510px){
	
	.review-testimonial .elementor-swiper-button-prev{
		left: -60px !important;
	}
	
	.review-testimonial .elementor-swiper-button-next{
		right: -60px !important;
	}
}

@media only screen and (max-width: 1440px){
	
	.review-testimonial .elementor-swiper-button-prev{
		left: -50px !important;
	}
	
	.review-testimonial .elementor-swiper-button-next{
		right: -50px !important;
	}
}

@media only screen and (max-width: 1400px){
	
	.review-testimonial .elementor-swiper{
		padding-bottom: 80px;
	}
	
	.review-testimonial .elementor-swiper-button{
		top: auto !important;
		bottom: -20px;
	}
	
	.review-testimonial .elementor-swiper-button-prev{
		left: calc(50% - 50px) !important;
	}
	
	.review-testimonial .elementor-swiper-button-next{
		right: calc(50% - 50px) !important;
	}
}

@media only screen and (max-width: 767px){
	
	.review-testimonial .elementor-swiper{
		padding-bottom: 60px;
	}
	
	.review-testimonial .elementor-swiper-button{
		width: 36px;
		height: 36px;
	}
	
	.review-testimonial .elementor-swiper-button-prev{
		left: calc(50% - 46px) !important;
	}
	
	.review-testimonial .elementor-swiper-button-next{
		right: calc(50% - 46px) !important;
	}
}