/*
Author: MK.XLII
Design: W3layout - https://w3layouts.com
License: Creative Commons Attribution 3.0 Unported - https://creativecommons.org/licenses/by/3.0/
*/
/* --main page--*/
.main {
	position: float;
	display: block;
}
/*-- banner-overlay --*/
* {
	box-sizing: border-box;
}
/* main title */
.heading {
	padding: 1em 0 1em 0;
	text-align: center;
}
.heading h1 {
	font-size: 78px;
	line-height: 1.5;
	color: var(--txt);		
}

.heading p {
	font-size: 36px;
	line-height: 1.5;
	color: var(--txt);		
}

/*******************************************************************************************************/
/* intro */
.intro {
	padding: 1em 0 1em 0;
	text-align: center;
}
.intro p {
	font-size: 32px;
	font-weight:bold;
	line-height: 1.5;
	color: var(--txt);		
}
/*-- Responsive --*/
@media (max-width: 1024px){
	.intro p {
		font-size: 26px;		
	}
}

@media (max-width: 768px){
	.intro p {
		font-size: 22px;		
	}
}

@media (max-width: 576px){
	.intro p {
		font-size: 18px;		
	}
}

@media (max-width: 414px){
	.intro p {
		font-size: 16px;		
	}
}

/*******************************************************************************************************/
/* welcome */
.welcome {
	padding: 3em 0 1em 0;
	text-align: center;
}
.welcomePanels {
	padding-bottom: 2em;
}
.welcomePanel {
	position: relative;
	text-align: center;
	margin-bottom: 2em;
}
.welcome .img-responsive {
	filter: brightness(60%);
	display: revert;
}
.welcomePanel a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--white);
	font-family:'Paytone One';
	font-size: 36px;
	font-weight: 400;
	text-decoration:none;
	margin: 0; 
}
.welcomePanel a:hover {
	color: var(--orange);
}
/*******************************************************************************************************/
/* choose us */

.choose_us {
	padding: 1em 0 1em 0;
	text-align: center;
}
.choose_us h2 {
    font-color: var(--white);
    text-shadow: 4px 4px 4px #aaa;
}
.choose_us p {
	padding: 0 12px 12px;
}

/* Ensure the container behaves as a flexbox layout */
.choose_box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Make sure the column wraps inherit the full height */
.choose_box-container > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

/* The actual box styling */
.choose_box {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto; /* Keeps the box filling the parent column height */
    
    padding: 25px 20px;
    margin-bottom: 30px; /* Spacing when stacked on mobile screens */
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Subtle hover effect for interactivity */
.choose_box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

/* Image/Icon styling inside the box */
.choose_box img {
    max-width: 70px;
    height: auto;
    margin: 0 auto 15px auto;
    display: block;
}

/* Typography inside the box */
.choose_box h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 12px;
    color: #333333; /* Fallback colour if background is light */
}

.choose_box p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #666666; /* Fallback text colour */
    /* Pushes text to align cleanly if titles are different lengths */
    flex-grow: 1; 
}


/*******************************************************************************************************/
/* Packages */


.pricing {
    padding: 1em 0 1em 0;
    text-align: center;
}
.pricing h2 {
    text-shadow: 4px 4px 4px #aaa;
}
.pricing img {
    width: 100%;
}
.PricingPackages {
    margin: 0 0 1em;
    padding: 1em 0;
}
.PricingPackages .markers {
    margin: 0 15% 0 15%;
}
.PricingPackages h3 {
    color: var(--white);
    font-family: "special elite";
    font-size: 36px;
    margin: 12px 0 0 0;
}
.PricingPackages h4 {
    font-family: Arial;
    font-size: 64px;
    font-weight: 900;
    text-align: center;
    text-transform: capitalize;
    color: #edff38;
    margin: 0;
}
.PricingPackages h5 {
    font-family: Arial;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    text-transform: capitalize;
    color: #edff38;
    margin: 0 0 12px 15px;
}
.PricingPackages .GroupPackages {
    background: var(--lfg);
    text-align: center;
    line-height: 24px;
    padding: 1em 1em 2em;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    margin: 0 0 1em 0;
}
.PricingPackages .GroupPackages img {
    width: 100%;
}
.sBody {
    padding: 0;
}
.sBody h3 {
    color: var(--hdg);
    font-family: "special elite";
    font-size: 36px;
    font-weight: 500;
    margin: 12px 0 0 0;
}
.sBody h4 {
    font-family: Arial;
    font-size: 64px;
    font-weight: 900;
    text-align: center;
    text-transform: capitalize;
    color: var(--hdg);
    margin: 0;
}
.sBody h5 {
    font-family: Arial;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    text-transform: capitalize;
    color: var(--txt);
    margin: 0 0 12px 15px;
}
.sBody p {
    text-align: left;
    margin-left: 15%;
}
.pFoot {
    padding-top: 1em;
}



/*******************************************************************************************************/

/*-- Responsive --*/
@media(min-width:767px) and (max-width: 1279px){
	.welcomePanel .button2 {
		padding: 4px 8px;
		font-size:12px;
    }
}
/* about */
.about1 {
	padding: 3em 0 1em 0;
	text-align: center;
}
.about1 .img-responsive {
	display: revert;
}
.about1 a {
	color: black;
	text-align: center;
	text-decoration:underline;
	font-size: 18px;
	font-weight: 900;
}
.about1 a:hover {
	color: red;
}
/* why-play */
.why-play {
	padding: 3em 0 1em 0;
	text-align: center;
}
.why-play h2 {
    text-shadow: 4px 4px 4px #aaa;
}    

/*-- deals --*/
.deals {
	padding: 3em 0 1em 0;
	text-align: center;
}
.deals img{
	max-width: 110%;
	margin-top:15%;
}
/*-- gear --*/
.gear {
	padding: 3em 0 1em 0;
	text-align: center;
}
.gear .img-responsive {
	display: revert;
	max-width: 115%;
}
@media (max-width: 1439px){
	.gear .img-responsive {
		padding-top:5em;
		max-width: 100%;
	}
}
@media (max-width: 991px){
	.gear .img-responsive {
		padding-top:0;
	}
}
/*-- brands --*/
.legends {
	padding: 3em 0 1em 0;
	text-align: center;
}
.legends .img-responsive {
	display: revert;
}
.legends a {
	color: black;
	text-align: center;
	text-decoration:underline;
}
.legends a:hover {
	color: red;
}
/* testimonial */
.testimonial {
	padding: 3em 0 1em 0;
	text-align: center;
}
.review {
	text-align:center;
	margin-bottom:10px;
	color: var(--txt)
}
.review strong {
	font-size: 14px;
}
.reviews-grid {
	margin-top: 1.0em;
	padding: 1.5em 2.0em;
}
.reviews img {
	border: solid 1px;
	text-align:center;
	display: revert;
}
.testimonial .img-responsive {
	display: revert;
}
.reviews-grid h3 {
	margin: 20px 0 0px;
}
.reviews-choose {
	padding-bottom: 3em;
}
.reviews-choose p {
	font-weight: bold;
	line-height: 24px;
}
/* news */
.news {
	padding: 3em 0 1em 0;
	text-align: center;
}
.news img {
	display: inherit;
}
/*-- Responsive --*/
@media (max-width:480px){
.about h3{
	padding-top:1em;
}
.gear img{
	max-width: 85%;
	margin-left:10%;
}
.reviews-grid {
	padding: 1em 2em;
	margin:0;
}
.footer {
	padding: 2em 0;
}
}