/*--------------------Banner-Section--------------------*/
.GameHome-hero {
    padding: 55px 50px;
    max-width: 100%;
    margin: auto;
    background-image: url('https://playfemboy.com/wp-content/uploads/2025/08/home-banner.png');
    background-size: cover;
    background-position: center;
}

.GameHero-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: auto;
}

.GameHero-row .GameHero-column {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.GameHero-row h1{
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 50px;
}

.GameHero-row p{
    font-size: 18px;
    color: rgba(255,255,255, 0.7);
    font-weight: 400;
    line-height: 27px;
    margin: 0px;
}

/*--------------------Featured-image-Slider--------------------*/
section.Games-Slider {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 120px 50px 120px 50px;
    background-image: url('https://playfemboy.com/wp-content/uploads/2025/08/Featured.jpg');
    background-size: cover;
    background-position: center;
}

.GameSlider-row {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

/* Add spacing between slides */
.game-slider .game-slide {
  margin-right: 12px;
}

/* Prevent extra gap at the end */
.game-slider .slick-track {
  margin-left: 0;
  margin-right: -12px;
}


.GameSlider-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.GameSlider-header h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}

.game-card {
    background-color: #002937;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.game-thumb{
    margin-bottom: 10px;
}

span.game-cat {
    font-size: 12px;
    color: #56CFF8;
    font-weight: 400;
}

.game-thumb img{
    width: 100%;
    border-radius: 5px;
}

h3.game-title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
}

.game-excerpt {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

/* Default arrow icons (white arrows) */
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E");
}


.GameSlider-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.GameSlider-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 30px;
    width: 50%;
    align-items: center;
}

.GameSlider-nav div {
    font-size: 18px;
    color: #FFFFFF;
    opacity: 0.6;
    cursor: pointer;
    transition: opacity 0.3s ease;
    background: #002937 !important;
    padding: 10px 20px;
    border-radius: 100%;
}

/* On hover, make fully visible */
.GameSlider-nav div:hover {
  opacity: 1;
}


/*--------------------Taxonomies-Section--------------------*/

.GameTaxonomies-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.GameTaxonomies-column h2{
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
}

ul.GameFilter-tabs {
    display: flex;
    flex-direction: row;
    gap: 20px;
    list-style: none;
    margin: 0;
    flex-wrap: wrap;
}



ul.GameFilter-tabs li a:hover {
    background-color: #56CFF8;
}
ul.GameFilter-tabs li a:hover a {
    color: #020c10;
}

a.GameFilter-tab {
    color: #BDDEFF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
	padding: 12px 25px;
    background-color: #001820;
    border-radius: 100px;
}

.GameCategory {
    display: flex;
    flex-direction: column;
    padding-right: 50px;
    gap: 50px;
	width: 100%;
}

.GameTag {
    display: flex;
    flex-direction: column;
    border: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #56CFF8;
    padding-left: 50px;
    gap: 50px;
	width: 100%;
}

/*--------------------GameDownload-Section--------------------*/

.GameDownload {
    width: 100%;
    padding: 120px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #002937;
}

.GameDownload-row{
max-width: 1200px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
}

.first-column, .second-column, .third-column, .fourth-column{
display: flex;
flex-direction: column;
gap: 30px;
}
.GameDownload-row h2{
font-size: 24px;
font-weight: 700;
color: #56CFF8;
}
.GameDownload-row p{
font-size: 16px;
font-weight: 400;
color: rgba(255,255,255, 0.8);
margin: 0px;
}
.inner-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}




@media(max-width: 1440px) {
.GameTaxonomies-column {
    padding-top: 30px;
}
}
/*---------------Laptop---------------*/
@media(max-width: 1440px) and (min-width: 1025px){
/*--------------------Featured-image-Slider--------------------*/
section.Games-Slider {
    padding: 100px 50px;
}
.GameSlider-row {
    gap: 60px;
}


/*--------------------GameDownload-Section--------------------*/
.GameDownload {
    padding: 100px 50px;
}
}

/*---------------Tablet---------------*/
@media(max-width: 1024px) and (min-width: 768px){
.GameHero-row h1{
    font-size: 35px;
    line-height: 40px;
}

/*--------------------Featured-image-Slider--------------------*/
section.Games-Slider {
    padding: 80px 50px;
}
.GameSlider-row {
    gap: 50px;
}

/*--------------------GameDownload-Section--------------------*/
.GameDownload {
    padding: 80px 50px;
}
.GameDownload-row{
    gap: 40px;
}
.first-column, .second-column, .third-column, .fourth-column{
gap: 20px;
}

.GameTaxonomies-column {
    display: flex;
    flex-direction: column;
    row-gap: 70px;
}


.GameTag {
    border-color: transparent;
    padding-left: 0px;
    gap: 30px;
}

.GameCategory {
padding-right: 0px;
    gap: 30px;
}

}


/*---------------Mobile---------------*/
@media(max-width: 767px){
    
h1, h2, p {
    text-align: center;
}

h2{
    font-size: 20px !important;
}


ul.GameFilter-tabs {
    justify-content: center;
    align-items: center;
}
	
.GameHero-row h1{
    font-size: 30px;
    line-height: 40px;
}
.GameHero-row p{
    font-size: 16px;
    line-height: 24px;
}
.GameHome-hero {
    padding: 50px 20px;
}

a.GameFilter-tab {
    font-size: 12px;
    padding: 10px 15px;
}
	
.game-card {
    padding: 6px 7px 15px;
    gap: 5px;
}

.game-thumb {
    margin-bottom: 3px;
}

h3.game-title {
    font-size: 16px;
}
/*--------------------Featured-image-Slider--------------------*/
section.Games-Slider {
    padding: 50px 20px;
}
.GameSlider-row {
    gap: 40px;
}

.GameSlider-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.GameSlider-nav{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.GameTaxonomies-column {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}


.GameTag {
    border-color: transparent;
    padding-left: 0px;
    gap: 20px;
}

.GameCategory {
padding-right: 0px;
    gap: 20px;
}

/*--------------------GameDownload-Section--------------------*/
.GameDownload {
    padding: 50px 20px;
}
.GameDownload-row{
    gap: 30px;
}
.first-column, .second-column, .third-column, .fourth-column{
gap: 15px;
}

}


.swiper.game-slider.recent-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    width: 100%;
}

.swiper.game-slider.featured-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    width: 100%;
}