* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inria Sans', sans-serif;
color: #FFFFFF;
background: #010101;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none !important;
color: inherit;
}
ul {
list-style: none !important;
}  .bagh-header-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
pointer-events: none;
}
.bagh-header-overlay.active {
opacity: 1;
visibility: visible;
}  .bagh-hero-bg-wrapper {
background: radial-gradient(121.74% 143.1% at 59.53% 59.75%, rgba(1, 1, 1, 0) 29.81%, #010101 84.62%), linear-gradient(0deg, #1C1100, #1C1100);
} .bagh-hero-bg-wrapper.bagh-hero-bg--home {
background: radial-gradient(121.74% 143.1% at 59.53% 59.75%, rgba(1, 1, 1, 0) 29.81%, #010101 84.62%), linear-gradient(0deg, #1C1100, #1C1100);
} .bagh-hero-bg-wrapper.bagh-hero-bg--games {
background: radial-gradient(58.01% 78.59% at 92.08% 65%, rgba(1, 1, 1, 0) 29.81%, #010101 84.62%), linear-gradient(0deg, #1C1100, #1C1100);
}
.bagh-header {
position: relative;
background: transparent;
padding: 42px 20px 0;
z-index: 1000;
}
.bagh-header-container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1600px;
margin: 0 auto;
}
.bagh-logo {
position: relative;
z-index: 1001;
}
.bagh-logo img {
max-width: 132px;
} .bagh-nav-desktop {
display: none;
}
.bagh-signup-desktop {
display: none;
} .bagh-menu-toggle {
background: transparent !important;
border: none;
cursor: pointer;
padding: 10px;
z-index: 1001;
position: relative;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.bagh-menu-toggle:hover,
.bagh-menu-toggle:focus,
.bagh-menu-toggle:active {
background: transparent !important;
color: inherit !important;
outline: none;
}
.hamburger-icon,
.close-icon {
position: absolute;
} .bagh-mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh;
background: #010101;
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
overflow-y: auto;
} body.mobile-menu-open {
overflow: hidden;
position: fixed;
width: 100%;
}
.bagh-mobile-menu.active {
opacity: 1;
visibility: visible;
}
.bagh-mobile-nav {
text-align: center;
transform: scale(0.9);
opacity: 0;
transition: transform 0.2s ease, opacity 0.2s ease;
width: 100%;
padding: 20px;
}
.bagh-mobile-menu.active .bagh-mobile-nav {
transform: scale(1);
opacity: 1;
}
.bagh-mobile-nav-menu {
margin: 0 0 40px 0 !important;
}
.bagh-mobile-nav-item {
margin-bottom: 30px;
}
.bagh-mobile-link-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.bagh-mobile-nav-menu a {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #F7941D;
text-transform: uppercase;
transition: color 0.2s ease;
}
.bagh-mobile-nav-menu a:hover {
color: #FFFFFF;
} .bagh-mobile-dropdown-toggle {
background: transparent !important;
border: none;
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.bagh-mobile-dropdown-toggle.active {
transform: rotate(180deg);
}
.bagh-mobile-dropdown-arrow {
display: block;
} .bagh-mobile-submenu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
padding: 0;
margin: 0;
}
.bagh-mobile-submenu.active {
max-height: 300px;
padding-top: 16px;
}
.bagh-mobile-submenu li {
margin-bottom: 12px;
}
.bagh-mobile-submenu a {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 100%;
color: #F7941D;
}
.bagh-mobile-submenu a:hover {
color: #FFFFFF;
opacity: 1;
} .bagh-lang-switcher-mobile {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
margin-bottom: 24px;
}
.bagh-lang-option-mobile {
display: flex;
align-items: center;
gap: 8px;
padding: 15px 20px;
}
.bagh-lang-option-mobile img {
width: 25px;
height: 25px;
border-radius: 50%;
}
.bagh-lang-option-mobile span {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
} .bagh-btn-signup-mobile {
width: 100%;
display: block;
} .bagh-btn-signup {
display: inline-block;
width: 100%;
padding: 12px 24px;
border: 1px solid #FA8F00;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 27.04px;
color: #FEFEFE;
text-align: center;
background: transparent;
}
.bagh-btn-signup:hover,
.bagh-btn-signup:focus,
.bagh-btn-signup:active {
color: #FEFEFE;
} .bagh-desktop-right {
display: none;
} @media (min-width: 1024px) {
.bagh-btn-signup {
width: 155px;
}
.bagh-header {
padding: 25px 20px 0;
} .bagh-hero-bg-wrapper {
background: radial-gradient(58.01% 78.59% at 92.08% 65%, rgba(1, 1, 1, 0) 29.81%, #010101 84.62%), #3D2600;
} .bagh-hero-bg-wrapper.bagh-hero-bg--home {
background: radial-gradient(58.01% 78.59% at 92.08% 65%, rgba(1, 1, 1, 0) 29.81%, #010101 84.62%), #3D2600;
}
.bagh-menu-toggle {
display: none;
}
.bagh-nav-desktop {
display: flex;
flex: 1;
margin: 0 40px;
}
.bagh-nav-menu {
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 0;
width: 100%;
}
.bagh-nav-item {
position: relative;
display: flex;
align-items: center;
gap: 6px;
}
.bagh-nav-menu a {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #F7941D;
text-transform: uppercase;
text-decoration: none;
transition: color 0.2s ease;
}
.bagh-nav-menu a:hover,
.bagh-nav-menu a:focus,
.bagh-nav-menu a:active {
color: #F7941D;
}
.bagh-nav-menu a.active {
color: #FAFAFA;
} .bagh-dropdown-toggle {
background: transparent !important;
border: none;
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.bagh-dropdown-toggle:hover {
background: transparent !important;
}
.bagh-dropdown-arrow {
display: block;
} .bagh-submenu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: #010101;
min-width: 180px;
padding: 16px;
margin: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1001;
border-radius: 8px;
margin-top: 10px;
}
.bagh-dropdown-toggle:hover + .bagh-submenu,
.bagh-submenu:hover {
opacity: 1;
visibility: visible;
}
.bagh-submenu li {
margin-bottom: 12px;
padding: 20px;
}
.bagh-submenu li:last-child {
margin-bottom: 0;
}
.bagh-submenu a {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 100%;
color: #F7941D;
white-space: nowrap;
display: block;
text-align: center;
}
.bagh-submenu a:hover {
color: #F7941D;
} .bagh-desktop-right {
display: flex;
align-items: center;
gap: 29px;
}
.bagh-signup-desktop {
display: none;
}
.bagh-btn-signup {
font-size: 21px;
}
.bagh-logo img {
max-width: 194px;
} .bagh-lang-switcher-desktop {
position: relative;
}
.bagh-lang-toggle {
display: flex;
align-items: center;
gap: 8px;
background: transparent !important;
border: none;
cursor: pointer;
padding: 8px;
}
.bagh-lang-toggle:hover {
background: transparent !important;
}
.bagh-lang-toggle img {
width: 25px;
height: 25px;
border-radius: 50%;
}
.bagh-lang-toggle span {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
}
.bagh-lang-arrow {
display: none;
} .bagh-lang-dropdown {
position: absolute;
top: 100%;
left: -5px;
background: #010101;
min-width: 100px;
padding: 5px;
margin: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1001;
margin-top: 8px;
}
.bagh-lang-switcher-desktop:hover .bagh-lang-dropdown {
opacity: 1;
visibility: visible;
}
.bagh-lang-dropdown li {
margin-bottom: 20px;
}
.bagh-lang-dropdown li:last-child {
margin-bottom: 0;
}
.bagh-lang-option {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
transition: background 0.2s ease;
border-radius: 4px;
}
.bagh-lang-option:hover {
background: rgba(255, 255, 255, 0.1);
}
.bagh-lang-option img {
width: 25px;
height: 25px;
border-radius: 50%;
}
.bagh-lang-option span {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
}
} .bagh-hero-home {
background: transparent;
padding: 46px 60px 0 60px;
}
.bagh-hero-container {
max-width: 1600px;
margin: 0 auto;
}
.bagh-hero-content {
display: flex;
flex-direction: column;
gap: 10px;
} .bagh-hero-left {
text-align: center;
max-width: 827px;
}
.bagh-hero-title {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 36px;
line-height: 100%;
text-align: center;
color: #FDAD00;
margin-bottom: 24px;
}
.bagh-hero-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 100%;
text-align: center;
color: #C5B4B4;
margin-bottom: 16px;
}
.bagh-highlight-link {
color: #FDAD00;
text-decoration: underline !important;
}
.bagh-highlight-link:hover,
.bagh-highlight-link:focus,
.bagh-highlight-link:active {
color: #FDAD00;
text-decoration: underline !important;
}
.bagh-hero-right {
display: flex;
justify-content: center;
}
.bagh-hero-image-mobile {
display: flex;
justify-content: center;
margin-top: 32px;
}
.bagh-hero-image {
width: 100%;
max-width: 370px;
}
.bagh-btn-cta {
display: inline-block;
margin-top: 24px;
padding: 16px 40px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
box-shadow: 0px 0px 32px 0px #D36100;
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 27.04px;
text-align: center;
color: #FEFEFE;
width: 100%;
}
.bagh-btn-cta:hover,
.bagh-btn-cta:focus,
.bagh-btn-cta:active {
color: #FEFEFE;
} .bagh-featured-games {
display: none;
} @media (min-width: 1024px) {
.bagh-hero-home {
background: transparent;
padding: 103px 60px 0 60px;
}
.bagh-hero-content {
flex-direction: row;
align-items: flex-start;
gap: 104px;
}
.bagh-hero-left {
flex: 1.3;
text-align: left;
padding-bottom: 96px;
}
.bagh-hero-right {
flex: 1;
order: 0;
margin-top: 0;
margin-bottom: 0;
align-self: flex-end;
display: flex;
align-items: flex-end;
}
.bagh-hero-title {
font-size: 54px;
text-align: left;
}
.bagh-hero-description {
font-size: 14px;
text-align: left;
}
.bagh-hero-image {
max-width: 711px;
}
.bagh-featured-games {
display: block;
margin-top: 40px;
}
.bagh-featured-label {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
color: #C5B4B4;
margin-bottom: 10px;
}
.bagh-game-cards {
display: flex;
gap: 36px;
flex-wrap: wrap;
}
.bagh-game-card {
width: 107px;
height: 140px;
border-radius: 8px;
box-shadow: 0px 1px 4px 2px rgba(255, 245, 245, 0.25);
object-fit: cover;
}
.bagh-btn-cta {
width: auto;
}
}
@media (min-width: 1024px) and (max-width: 1440px) {
.bagh-game-card.hide-1440 {
display: none;
}
} @media (min-width: 1600px) {
.bagh-hero-title {
font-size: 84px;
}
.bagh-hero-description {
font-size: 16px;
}
} .bagh-about-description {
background: linear-gradient(0deg, #010101, #010101);
padding: 50px 0;
}
.bagh-about-container {
max-width: 1700px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
} .bagh-about-logo {
text-align: center;
}
.bagh-about-logo img {
width: 100%;
height: auto;
max-width: 218px;
} .bagh-about-heading {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 36px;
line-height: 100%;
text-align: center;
color: #FDAD00;
margin-bottom: 0;
} .bagh-about-badge {
display: inline-block;
border-top-right-radius: 16px;
border-bottom-left-radius: 16px;
padding: 0 15px;
border: 1px solid #FFD700;
background: transparent;
text-align: center;
margin: 0 auto;
}
.bagh-about-badge p {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 37.9px;
color: #FFD700;
margin-bottom: 0;
} .bagh-about-content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.bagh-about-text {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 100%;
color: #C5B4B4;
margin-bottom: 0;
margin-top: 10px;
} @media (min-width: 1024px) {
.bagh-about-description {
padding: 149px 0;
}
.bagh-about-container {
flex-direction: row;
gap: 40px;
}
.bagh-about-logo {
flex-shrink: 0;
}
.bagh-about-heading {
font-size: 48px;
text-align: left;
}
.bagh-about-badge {
align-self: flex-start;
margin: 0;
}
.bagh-about-text {
font-size: 16px;
text-align: left;
}
.bagh-about-content {
max-width: 693px;
align-items: flex-start;
}
.bagh-about-logo img {
max-width: 168px;
}
}
@media (min-width: 1600px) {
.bagh-about-description {
padding: 101px 0;
}
.bagh-about-heading {
font-size: 86px;
}
.bagh-about-content {
max-width: 775px;
}
.bagh-about-logo img {
max-width: 218px;
}
} .bagh-footer {
background: linear-gradient(180deg, #171717 0%, #2C2C2C 96%);
padding: 60px 0;
}
.bagh-footer-container {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
} .bagh-footer-brand {
width: 100%;
}
.bagh-footer-brand-inner {
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
border: 5px solid #FA8F00;
background-image: url(//bagh44.com/wp-content/uploads/2025/10/footer-img.webp);
background-size: cover;
background-position: center;
padding: 35px 30px;
text-align: center;
}
.bagh-footer-logo {
max-width: 123px;
margin: 0 auto 15px;
}
.bagh-footer-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
text-align: left;
margin-bottom: 0;
}
.bagh-italic-link {
font-style: italic;
} .bagh-footer-links-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
} .bagh-footer-heading-box {
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
padding: 9px 21px;
border: 5px solid #FDAD00;
display: inline-block;
margin-bottom: 24px;
width: 100%;
}
.bagh-footer-heading-box h2 {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 37.9px;
line-height: 37.9px;
text-transform: uppercase;
color: #FA8F00;
margin-bottom: 0;
} .bagh-footer-social {
text-align: center;
}
.bagh-social-list {
display: inline-flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
margin: 0;
}
.bagh-social-item a {
display: flex;
align-items: center;
gap: 12px;
}
.bagh-social-item svg {
width: 22px;
height: auto;
}
.bagh-social-item span {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 22.4px;
line-height: 22.4px;
color: #FFFFFF;
} .bagh-footer-quicklinks {
text-align: center;
}
.bagh-quicklinks-list {
display: inline-flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
margin: 0;
padding-left: 0;
list-style: none;
}
.bagh-quicklinks-list li {
display: flex;
align-items: center;
gap: 12px;
}
.bagh-quicklinks-list li::before {
content: '';
width: 9.69px;
height: 9.69px;
background-color: #FA8F00;
border-radius: 50%;
flex-shrink: 0;
}
.bagh-quicklinks-list a {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 22.4px;
line-height: 22.4px;
color: #FFFFFF;
text-transform: uppercase;
}
.bagh-quicklinks-list a:hover,
.bagh-quicklinks-list a:focus,
.bagh-quicklinks-list a:active {
color: #FFFFFF;
} .bagh-footer-bottom {
text-align: center;
padding-top: 30px;
}
.bagh-copyright {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 22.4px;
color: #FFFFFF;
margin-bottom: 16px;
}
.bagh-footer-legal {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
align-items: center;
}
.bagh-footer-legal a {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 22.4px;
color: #FFFFFF;
text-transform: uppercase;
}
.bagh-footer-legal a:hover,
.bagh-footer-legal a:focus,
.bagh-footer-legal a:active {
color: #FFFFFF;
}
.bagh-footer-legal .separator {
color: #FFFFFF;
font-family: 'Bebas Neue', sans-serif;
font-size: 20px;
line-height: 22.4px;
display: inline-flex;
align-items: center;
} @media (min-width: 1024px) {
.bagh-social-list {
display: flex;
}
.bagh-quicklinks-list {
display: flex;
}
}
@media (min-width: 1024px) and (max-width: 1439px) {
.bagh-footer-heading-box {
width: auto;
}
.bagh-footer-links-wrapper {
flex-direction: row;
gap: 60px;
justify-content: center;
}
.bagh-footer-social {
text-align: center;
}
.bagh-social-list {
align-items: start;
}
.bagh-footer-quicklinks {
text-align: center;
}
.bagh-quicklinks-list {
align-items: start;
}
.bagh-footer-logo {
max-width: 310px;
height: 71px;
}
}
@media (min-width: 1440px) and (max-width: 1600px) {
.bagh-footer-heading-box {
width: auto;
}
.bagh-footer-container {
flex-direction: column;
gap: 40px;
}
.bagh-footer-brand {
width: 100%;
}
.bagh-footer-logo {
max-width: 310px;
height: 71px;
}
.bagh-footer-description {
font-size: 16px;
line-height: 20px;
}
.bagh-footer-links-wrapper {
flex: 1;
flex-direction: row;
justify-content: center;
gap: 60px;
}
.bagh-footer-social {
text-align: left;
}
.bagh-social-list {
align-items: flex-start;
}
.bagh-footer-quicklinks {
text-align: left;
}
.bagh-quicklinks-list {
align-items: flex-start;
}
}
@media (min-width: 1601px) {
.bagh-footer-heading-box {
width: auto;
}
.bagh-footer-container {
flex-direction: row;
align-items: flex-start;
gap: 60px;
}
.bagh-footer-brand {
flex: 1 1 auto;
max-width: 945px;
}
.bagh-footer-logo {
max-width: 310px;
height: 71px;
}
.bagh-footer-description {
font-size: 16px;
line-height: 20px;
}
.bagh-footer-links-wrapper {
flex: 1;
flex-direction: row;
justify-content: flex-start;
gap: 60px;
}
.bagh-footer-social {
text-align: left;
}
.bagh-social-list {
align-items: flex-start;
}
.bagh-footer-quicklinks {
text-align: left;
}
.bagh-quicklinks-list {
align-items: flex-start;
}
}  .container-padding-x {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 1024px) {
.container-padding-x {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1280px) {
.container-padding-x {
padding-left: 48px;
padding-right: 48px;
}
}
@media (min-width: 1440px) {
.container-padding-x {
padding-left: 142px;
padding-right: 142px;
}
}
.bagh-hide-mobile {
display: none !important;
}
.bagh-hide-desktop {
display: block;
}
@media (min-width: 1024px) {
.bagh-hide-mobile {
display: block !important;
}
.bagh-hide-desktop {
display: none !important;
}
} .bagh-games-container-padding {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 1024px) {
.bagh-games-container-padding {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1280px) {
.bagh-games-container-padding {
padding-left: 48px;
padding-right: 48px;
}
}
@media (min-width: 1440px) {
.bagh-games-container-padding {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 1441px) {
.bagh-games-container-padding {
padding-left: 20px;
padding-right: 20px;
}
} .bagh-main-404 {
background: #010101;
min-height: 100vh;
}
.bagh-404-section {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 32px;
}
.bagh-404-container {
max-width: 800px;
text-align: center;
} .bagh-404-title {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 120px;
line-height: 100%;
color: #FDAD00;
margin-bottom: 24px;
}
.bagh-404-subtitle {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 48px;
line-height: 100%;
color: #FDAD00;
margin-bottom: 32px;
}
.bagh-404-text {
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #FFFFFF;
margin-bottom: 40px;
} .bagh-btn-home {
display: inline-block;
padding: 16px 40px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
box-shadow: 0px 0px 32px 0px #D36100;
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 27.04px;
text-align: center;
color: #FEFEFE;
text-decoration: none;
transition: transform 0.2s ease;
}
.bagh-btn-home:hover {
transform: translateY(-2px);
} @media (min-width: 768px) {
.bagh-404-title {
font-size: 180px;
}
.bagh-404-subtitle {
font-size: 72px;
}
.bagh-404-text {
font-size: 24px;
}
.bagh-btn-home {
font-size: 24px;
padding: 20px 50px;
}
} .bagh-easy-access-games {
background: transparent;
padding: 46px 28px 0 28px;
}
.bagh-easy-access-container {
max-width: 1636px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
padding: 40px 28px;
background-image: 
linear-gradient(0deg, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.51)),
linear-gradient(0deg, rgba(0, 0, 0, 0) 86.2%, #000000 93.33%),
url(//bagh44.com/wp-content/uploads/2025/10/hero-branding-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .bagh-easy-access-image {
width: 100%;
display: flex;
justify-content: center;
order: 1;
}
.bagh-easy-access-image img {
width: 100%;
max-width: 481px;
height: auto;
display: block;
} .bagh-easy-access-content {
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
order: 2;
}
.bagh-easy-access-title {
font-family: 'Mohave', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #FDAD00;
max-width: 175px;
margin: auto;
}
.bagh-easy-access-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #C5B4B4;
margin: 0;
} @media (min-width: 1024px) {
.bagh-easy-access-games {
padding: 46px 40px 0 40px;
}
.bagh-easy-access-container {
flex-direction: row;
gap: 60px;
align-items: center;
padding: 80px 40px;
}
.bagh-easy-access-image {
flex: 1;
order: 1;
max-width: 50%;
}
.bagh-easy-access-content {
flex: 1;
order: 2;
gap: 32px;
max-width: 50%;
}
.bagh-easy-access-title {
font-size: 36px;
text-align: left;
max-width: none;
margin: 0;
}
.bagh-easy-access-description {
text-align: left;
font-size: 16px;
}
}
@media (min-width: 1280px) {
.bagh-easy-access-games {
padding: 80px 142px 0 142px;
}
.bagh-easy-access-container {
gap: 32px;
padding: 80px 48px;
}
}
@media (min-width: 1441px) {
.bagh-easy-access-games {
padding: 100px 142px 0 142px;
}
.bagh-easy-access-title {
font-size: 48px;
}
}
@media (min-width: 1600px) {
.bagh-easy-access-container {
gap: 50px;
padding: 80px 173px;
}
} .bagh-login-steps {
background: transparent;
padding: 46px 28px 0 28px;
}
.bagh-login-steps-container {
max-width: 1513px;
margin: 0 auto;
}
.bagh-login-steps-title {
font-family: 'Mohave', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #FDAD00;
margin-bottom: 20px;
}
.bagh-login-steps-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.bagh-step-item {
border: 5px solid #FDAD0066;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
padding: 50px 25px;
display: flex;
align-items: center;
justify-content: center;
}
.bagh-step-content {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: center;
}
.bagh-step-number {
font-family: 'Inria Sans', sans-serif;
font-weight: 700;
font-size: 98px;
text-align: center;
color: #664601;
line-height: 1;
flex-shrink: 0;
margin: 0;
}
.bagh-step-text {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #C5B4B4;
margin: 0;
}
.bagh-step-item-closing {
padding: 20px;
}
.bagh-step-closing-text {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #C5B4B4;
margin: 0;
} @media (min-width: 1024px) {
.bagh-login-steps {
padding: 46px 40px 0 40px;
}
.bagh-login-steps-title {
font-size: 36px;
}
.bagh-login-steps-grid {
grid-template-columns: repeat(3, 1fr);
}
.bagh-step-text,
.bagh-step-closing-text {
font-size: 16px;
}
}
@media (min-width: 1280px) {
.bagh-login-steps {
padding: 80px 142px 0 142px;
}
}
@media (min-width: 1441px) {
.bagh-login-steps {
padding: 100px 142px 0 142px;
}
.bagh-login-steps-title {
font-size: 48px;
}
} .bagh-why-standout {
padding: 0;
}
.bagh-why-standout-container {
max-width: 1636px;
margin: 0 auto;
padding: 92px 28px 46px 28px;
background: #1C1100;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
} .bagh-why-standout-title {
font-family: 'Mohave', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #FDAD00;
margin: 0 0 16px 0;
} .bagh-why-standout-intro {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 14px;
text-align: center;
color: #C5B4B4;
margin: 0 0 32px 0;
} .bagh-why-standout-content {
display: flex;
flex-direction: column;
gap: 29px;
margin-bottom: 29px;
} .bagh-why-standout-features {
display: flex;
flex-direction: column;
gap: 16px;
} .bagh-feature-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #B3B3B30D;
box-shadow: 0px 4px 10.2px 3px #0000001C;
border-radius: 16px;
padding: 24px 60px 22px 43px;
}
.bagh-feature-icon {
flex-shrink: 0;
width: 37px;
height: 37px;
display: flex;
align-items: center;
justify-content: center;
}
.bagh-feature-icon svg {
width: 37px;
height: 37px;
}
.bagh-feature-text {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #C5B4B4;
margin: 0;
} .bagh-why-standout-image {
margin: 0;
text-align: center;
}
.bagh-why-standout-image img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
} .bagh-why-standout-closing {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #C5B4B4;
margin: 0;
} @media (min-width: 1024px) {
.bagh-why-standout {
padding: 46px 40px 85px 40px;
}
.bagh-why-standout-container {
padding: 94px 45px 79px 43px;
}
.bagh-why-standout-title {
font-size: 36px;
margin-bottom: 20px;
}
.bagh-why-standout-intro {
font-size: 16px;
line-height: 20px;
margin-bottom: 48px;
max-width: 534px;
margin: auto;
margin-bottom: 69px;
}
.bagh-why-standout-content {
flex-direction: row;
gap: 48px;
margin-bottom: 48px;
}
.bagh-why-standout-features {
flex: 1;
gap: 24px;
}
.bagh-feature-item {
padding: 24px 21px 22px 43px;
}
.bagh-feature-text {
font-size: 16px;
}
.bagh-why-standout-image {
flex-shrink: 0;
}
.bagh-why-standout-image img {
max-width: 517px;
}
.bagh-why-standout-closing {
font-size: 16px;
}
}
@media (min-width: 1280px) {
.bagh-why-standout {
padding: 80px 142px 85px 142px;
}
}
@media (min-width: 1441px) {
.bagh-why-standout {
padding: 100px 142px 159px 142px;
}
.bagh-why-standout-container {
padding: 93px 257px 99px 224px;
}
.bagh-why-standout-title {
font-size: 48px;
margin-bottom: 24px;
}
.bagh-why-standout-intro {
margin-bottom: 68px;
}
.bagh-why-standout-content {
gap: 64px;
margin-bottom: 41px;
}
.bagh-feature-item {
padding: 24px 46px 22 43px; 
}
}
@media (max-width: 415px) {
.bagh-feature-item {
padding: 24px 20px 22px 20px;
}
} .bagh-our-games {
background-image:
linear-gradient(0deg, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.51)),
linear-gradient(0deg, rgba(0, 0, 0, 0) 86.2%, #000000 93.33%),
url(//bagh44.com/wp-content/uploads/2025/10/hero-branding-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
.bagh-our-games-container {
max-width: 1600px;
margin: 0 auto;
}
.bagh-games-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
} .bagh-games-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
justify-content: center;
} @media (max-width: 1440px) {
.bagh-game-item {
order: var(--mobile-order);
}
}
.bagh-game-item {
width: 100%;
max-width: 112px;
margin: 0 auto;
position: relative;
overflow: hidden;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
box-shadow: 0px 1px 4px 2px #FFF5F540;
}
.bagh-game-item img {
width: 100%;
height: auto;
box-shadow: 0px 1px 4px 2px #FFF5F540;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
display: block;
} .bagh-game-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: end;
justify-content: center;
padding: 20px 15px 40px 15px;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
}
.bagh-game-item:hover .bagh-game-overlay {
opacity: 1;
} .bagh-game-play-btn {
display: inline-block;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
padding: 0 5px;
border: none;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
box-shadow: 0px 0px 32px 0px #D36100;
width: 100%;
color: #FEFEFE;
text-align: center;
}
.bagh-game-play-btn:hover,
.bagh-game-play-btn:focus,
.bagh-game-play-btn:active {
color: #FEFEFE;
}
.bagh-game-play-btn p {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 37.9px;
color: #FEFEFE;
margin-bottom: 0;
}
.hide-on-mobile {
display: none;
} .bagh-games-content {
display: flex;
flex-direction: column;
}
.bagh-games-badge {
display: inline-block;
border-top-right-radius: 16px;
border-bottom-left-radius: 16px;
padding: 0 15px;
border: 1px solid #FFD700;
background: transparent;
margin-bottom: 5px;
width: fit-content;
}
.bagh-games-badge p {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 37.9px;
color: #FFD700;
margin-bottom: 0;
}
.bagh-games-heading {
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 100%;
color: #FEFEFE;
margin-bottom: 0;
}
.bagh-games-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 20px;
color: #C5B4B4;
margin-bottom: 15px;
} .bagh-games-stats {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
background: #333333;
padding: 12px 16.5px;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
gap: 12px;
}
.bagh-stat-item {
flex: 1;
text-align: center;
}
.bagh-stat-number {
font-family: 'Mohave', sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 8px;
}
.bagh-stat-label {
font-family: Mohave;
font-weight: 400;
font-size: 12px;
line-height: 21.33px;
letter-spacing: 0%;
text-transform: uppercase;
margin-bottom: 0;
text-transform: uppercase;
color: #FFD700;
} .bagh-btn-games-cta {
display: inline-block;
width: 100%;
padding: 14px 42px;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
box-shadow: 0px 0px 32px 0px #D36100;
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 27.04px;
color: #FEFEFE;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-top: 15px;
}
.bagh-btn-games-cta:hover,
.bagh-btn-games-cta:focus,
.bagh-btn-games-cta:active {
color: #FEFEFE;
}
@media (min-width: 376px) {
.bagh-stat-item {
flex: none;
}
}
@media (min-width: 432px) {
.bagh-games-grid {
grid-template-columns: repeat(auto-fit, minmax(112px, 112px));
}
}
@media (min-width: 500px) {
.bagh-stat-item {
flex: 1;
}
} @media (min-width: 1024px) {
.bagh-our-games {
padding-top: 45px;
padding-bottom: 45px;
}
.bagh-games-wrapper {
flex-direction: row;
align-items: center;
}
.bagh-games-grid {
flex: 1;
grid-template-columns: repeat(3, 1fr);
}
.bagh-game-item {
width: 175px;
max-width: 175px;
}
.bagh-games-content {
flex: 1;
}
.bagh-games-heading {
font-size: 48px;
}
.bagh-games-description {
font-size: 16px;
margin-top: 16px;
margin-bottom: 16px;
}
.bagh-games-stats {
max-width: 530px;
padding: 31px 28px;
}
.bagh-stat-number {
font-weight: 400;
font-size: 50px;
line-height: 51px;
}
.bagh-stat-label {
font-size: 14px;
}
.bagh-btn-games-cta {
max-width: 200px;
margin-top: 37px;
}
.bagh-game-play-btn {
padding: 8px 15px;
}
.bagh-game-play-btn p {
font-size: 20px;
}
}
@media (min-width: 1254px) {
.bagh-games-grid {
grid-template-columns: repeat(auto-fit, minmax(175px, 175px));
}
}
@media (min-width: 1441px) {
.bagh-games-grid {
grid-template-columns: repeat(4, 1fr);
}
.bagh-games-wrapper {
gap: 70px;
}
.hide-on-mobile {
display: block;
}
.bagh-our-games {
padding-top: 171px;
padding-bottom: 171px;
}
}
@media (min-width: 1600px) {
.bagh-games-grid {
grid-template-columns: repeat(5, 175px);
}
} .bagh-our-services {
background: #010101;
padding-top: 50px;
padding-bottom: 50px;
}
.bagh-services-container {
max-width: 1600px;
margin: 0 auto;
}
.bagh-services-badge-wrapper {
display: flex;
justify-content: center;
}
.bagh-services-badge {
display: inline-block;
border-top-right-radius: 16px;
border-bottom-left-radius: 16px;
padding: 5px 15px;
border: 1px solid #FFD700;
background: transparent;
margin-bottom: 14px;
}
.bagh-services-badge p {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 25px;
color: #FFD700;
margin-bottom: 0;
}
.bagh-services-heading {
font-family: 'Mohave', sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 100%;
text-align: center;
color: #FDAD00;
margin-bottom: 5px;
}
.bagh-services-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 16px;
text-align: center;
color: #C5B4B4;
margin-bottom: 32px;
} .bagh-services-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.bagh-service-item {
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
padding: 20px;
border: 5px solid #FDAD0066;
background: transparent;
transition: background 0.3s ease, border-color 0.3s ease;
}
.bagh-service-item:hover {
background: #FA8F00;
border-color: #FA8F00;
}
.bagh-service-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
justify-content: center;
}
.bagh-service-icon {
max-width: 40px;
height: auto;
flex-shrink: 0;
}
.bagh-service-title {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 100%;
color: #FEFEFE;
margin-bottom: 0;
transition: color 0.3s ease;
}
.bagh-service-item:hover .bagh-service-title {
color: #010101;
}
.bagh-service-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 16px;
color: #C5B4B4;
text-align: left;
margin-bottom: 0;
transition: color 0.3s ease;
}
.bagh-service-item:hover .bagh-service-description {
color: #010101;
} @media (min-width: 1024px) {
.bagh-our-services {
padding-top: 80px;
padding-bottom: 80px;
}
.bagh-services-heading {
font-size: 48px;
margin-bottom: 10px;
}
.bagh-services-description {
font-size: 16px;
line-height: 20px;
margin-bottom: 48px;
max-width: 569px;
margin: auto auto 30px auto;
}
.bagh-services-grid {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.bagh-service-icon {
max-width: 63px;
}
.bagh-service-title {
font-size: 20px;
}
.bagh-service-description {
font-size: 14px;
line-height: 18px;
}
.bagh-service-item {
padding: 50px 25px;
}
.bagh-service-header {
justify-content: space-evenly;
}
.bagh-services-badge {
margin-bottom: 5px;
}
}
@media (min-width: 1441px) {
.bagh-services-grid {
grid-template-columns: repeat(3, 1fr);
}
.bagh-service-icon {
max-width: 82px;
}
.bagh-service-title {
font-size: 24px;
}
.bagh-service-description {
font-size: 16px;
line-height: 20px;
}
} .bagh-sports-bonus {
background-image: url(//bagh44.com/wp-content/uploads/2025/10/sports-bonus-mobile-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 456px;
display: flex;
align-items: flex-end;
padding-bottom: 35px;
}
.bagh-sports-container {
max-width: 1600px;
margin: 0 auto;
width: 100%;                                                    
}
.bagh-sports-content {
display: flex;
flex-direction: column;                                     
align-items: center;
}
.bagh-sports-bonus-text {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 100%;
text-align: center;
color: #FA8F00;
margin-bottom: 0;
}
.bagh-sports-subtitle {
font-family: 'Source Sans 3', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: center;                                                 
color: #FEFEFE;
margin-bottom: 0;
} .bagh-btn-sports-cta {
display: inline-block;
width: 100%;
padding: 14px 42px;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
box-shadow: 0px 0px 32px 0px #D36100;
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 27.04px;
color: #FEFEFE;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-top: 22px;
max-width: 147px;
}
.bagh-btn-sports-cta:hover,
.bagh-btn-sports-cta:focus,
.bagh-btn-sports-cta:active {
color: #FEFEFE;
} @media (min-width: 1024px) {
.bagh-sports-bonus {
background-image: url(//bagh44.com/wp-content/uploads/2025/10/sports-bonus-bg-scaled.webp);
min-height: 539px;
align-items: center;
padding-bottom: 0;
}
.bagh-sports-content {
align-items: center;
max-width: 600px;
margin-left: 0;
margin-right: auto;
}
.bagh-sports-bonus-text {
font-size: 124px;
text-align: center;
}
.bagh-sports-subtitle {
font-size: 64px;
text-align: center;
}
.bagh-btn-sports-cta {
max-width: 152px;
}
}
@media (min-width: 1600px) {
.bagh-sports-content {
max-width: 900px;
}
} .bagh-blogs-home {
background: #010101;
padding-top: 80px;
padding-bottom: 80px;
}
.bagh-blogs-container {
max-width: 1600px;
margin: 0 auto;
}
.bagh-blogs-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
} .bagh-blogs-text-section {
display: flex;
flex-direction: column;
}
.bagh-blogs-badge {
display: inline-block;
border-top-right-radius: 16px;
border-bottom-left-radius: 16px;
padding: 0 15px;
border: 1px solid #FFD700;
background: transparent;
margin-bottom: 5px;
width: fit-content;
}
.bagh-blogs-badge p {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 37.9px;
color: #FFD700;
margin-bottom: 0;
}
.bagh-blogs-heading {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 100%;
color: #FEFEFE;
margin-bottom: 16px;
}
.bagh-blogs-description {
font-family: 'Source Sans 3', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #FEFEFE;
margin-bottom: 0;
} .bagh-blogs-cards {
display: flex;
flex-direction: column;
gap: 24px;
}
.bagh-blog-card {
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
border: 5px solid #FA8F00;
padding: 28px;
background: transparent;
}
.bagh-blog-card:hover {
background: #1E1E1E;
}
.bagh-blog-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
}
.bagh-blog-image {
margin-bottom: 16px;
overflow: hidden;
border-top-left-radius: 8px;
border-bottom-right-radius: 16px;
}
.bagh-blog-image img {
width: 100%;
height: auto;
border-top-left-radius: 8px;
border-bottom-right-radius: 16px;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.bagh-blog-card:hover .bagh-blog-image img {
transform: scale(1.1);
}
.bagh-blog-title {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #FEFEFE;
margin-bottom: 6px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bagh-blog-date {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #FEFEFE;
margin-bottom: 12px;
}
.bagh-blog-excerpt {
font-family: 'Source Sans 3', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #BFBFBF;
margin-bottom: 30px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} .bagh-blog-read-more {
display: inline-block;
width: 100%;
max-width: 165px;
padding: 14px 20px;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 27.04px;
color: #FEFEFE;
text-align: center;
}
.bagh-blog-read-more:hover,
.bagh-blog-read-more:focus,
.bagh-blog-read-more:active {
color: #FEFEFE;
} .bagh-btn-blogs-cta {
display: inline-block;
width: 100%;
padding: 14px 42px;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
background: radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%);
box-shadow: 0px 0px 32px 0px #D36100;
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 27.04px;
color: #FEFEFE;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-top: 24px;
}
.bagh-btn-blogs-cta:hover,
.bagh-btn-blogs-cta:focus,
.bagh-btn-blogs-cta:active {
color: #FEFEFE;
}
@media (min-width: 768px) {
.bagh-blogs-cards {
flex-direction: row;
}
} @media (min-width: 1024px) {
.bagh-blogs-home {
background-image: url(//bagh44.com/wp-content/uploads/2025/10/blog-bg.webp);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
background-color: #010101;
padding-top: 105px;
padding-bottom: 105px;
}
.bagh-blogs-wrapper {
flex-direction: row;
gap: 60px;
align-items: flex-start;
}
.bagh-blogs-text-section {
order: 2;
flex: 1;
max-width: 290px;
}
.bagh-blogs-cards {
order: 1;
flex: 1;
gap: 24px;
}
.bagh-blogs-heading {
font-size: 48px;
margin-bottom: 0;
}
.bagh-blogs-description {
font-size: 16px;
margin-bottom: 12px;
}
.bagh-blog-title {
font-size: 24px;
}
.bagh-btn-blogs-cta {
width: auto;
max-width: 163px;
margin-top: auto;
}
}
@media (min-width: 1600px) {
.bagh-blogs-home {
padding-top: 232px;
padding-bottom: 268px;
}
.bagh-blogs-text-section {
max-width: 504px;
}
} .bagh-faqs-section {
background: #010101;
padding-top: 50px;
padding-bottom: 50px;
}
.bagh-faqs-container {
max-width: 1600px;
margin: 0 auto;
}
.bagh-faqs-badge-wrapper {
display: flex;
justify-content: start;
margin-bottom: 5px;
}
.bagh-faqs-badge {
display: inline-block;
border-top-right-radius: 16px;
border-bottom-left-radius: 16px;
padding: 0 15px;
border: 1px solid #FFD700;
background: transparent;
}
.bagh-faqs-badge p {
font-family: 'Bebas Neue', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 37.9px;
color: #FFD700;
margin-bottom: 0;
}
.bagh-faqs-heading {
font-family: 'Mohave', sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 100%;
text-align: left;
color: #FDAD00;
margin-bottom: 5px;
}
.bagh-faqs-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 16px;
text-align: left;
color: #C5B4B4;
margin-bottom: 32px;
} .bagh-faqs-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
} .bagh-faq-item {
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
padding: 20px;
border: 5px solid #FA8F0066;
background: transparent;
}
.bagh-faq-question {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
background: transparent !important;
border: none;
cursor: pointer;
padding: 0;
text-align: left;
color: inherit;
}
.bagh-faq-question:hover,
.bagh-faq-question:focus,
.bagh-faq-question:active {
background: transparent !important;
color: inherit;
outline: none;
}
.bagh-faq-question h3 {
font-family: 'Mohave', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 37.9px;
text-transform: uppercase;
color: #FEFEFE;
margin-bottom: 0;
flex: 1;
}
.bagh-faq-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.bagh-faq-icon svg {
transition: transform 0.3s ease;
}
.bagh-faq-plus {
transform: rotate(0deg);
}
.bagh-faq-item.active .bagh-faq-plus {
transform: rotate(45deg);
} .bagh-faq-answer {
height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-10px);
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
margin-top 0.25s cubic-bezier(0.4, 0, 0.2, 1);
will-change: height, opacity, transform;
margin-top: 0;
}
.bagh-faq-item.active .bagh-faq-answer {
opacity: 1;
transform: translateY(0);
margin-top: 16px;
}
.bagh-faq-separator {
border: none;
border-top: 1px solid #3A3434;
margin-bottom: 12px;
margin-top: 0;
}
.bagh-faq-answer p {
font-family: 'Source Sans 3', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 0;
} @media (min-width: 1024px) {
.bagh-faqs-section {
padding-top: 80px;
padding-bottom: 80px;
}
.bagh-faqs-heading {
font-size: 48px;
}
.bagh-faqs-description {
max-width: 476px;
font-size: 16px;
line-height: 20px;
margin-bottom: 60px;
}
.bagh-faqs-grid {
gap: 24px;
}
}
@media (min-width: 1441px) {
.bagh-faqs-grid {
display: block;
column-count: 2;
column-gap: 24px;
}
.bagh-faq-item {
break-inside: avoid;
page-break-inside: avoid;
margin-bottom: 24px;
}
}  .bagh-main-games {
min-height: 100vh;
} .bagh-hero-games {
background: transparent;
padding: 46px 28px 0 28px;
} .bagh-hero-games-card {
display: flex;
flex-direction: column;
background: radial-gradient(42.36% 351.1% at 85.64% 50%, #1C1100 36.41%, #010101 67.29%), linear-gradient(0deg, #1C1100, #1C1100);
border: 5px solid rgba(253, 173, 0, 0.4);
border-top-left-radius: 32px;
border-bottom-right-radius: 64px;
padding: 46px 25px 0 25px;
gap: 15px;
max-width: 1636px;
margin: 0 auto;
} .bagh-hero-games-content {
display: flex;
flex-direction: column;
gap: 9px;
order: 1;
justify-content: center;
}
.bagh-hero-games-title {
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 36px;
line-height: 100%;
text-transform: uppercase;
color: #FDAD00;
margin-bottom: 0 !important;
}
.bagh-hero-games-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: #C5B4B4;
margin-bottom: 0 !important;
} .bagh-hero-games-image-wrapper {
order: 2;
display: flex;
justify-content: center;
align-items: flex-end;
}
.bagh-hero-games-image {
width: 100%;
height: auto;
object-fit: contain;
} @media (min-width: 1024px) {
.bagh-hero-games {
padding: 46px 40px 0 40px;
}
.bagh-hero-games-card {
flex-direction: row;
padding: 46px 40px 0 40px;
gap: 40px;
overflow: visible;
position: relative;
}
.bagh-hero-games-content {
flex: 0 0 58%;
max-width: 58%;
order: 1;
gap: 0;
padding-bottom: 40px;
}
.bagh-hero-games-title {
font-size: 64px;
margin-bottom: 0 !important;
}
.bagh-hero-games-description {
font-size: 16px;
line-height: 150%;
}
.bagh-hero-games-image-wrapper {
flex: 0 0 42%;
max-width: 42%;
order: 2;
align-self: flex-end;
margin-top: -120px;
display: flex;
justify-content: flex-end;
}
.bagh-hero-games-image {
max-width: 551px;
width: 100%;
}
}
@media (min-width: 1280px) {
.bagh-hero-games {
padding: 80px 142px 0 142px;
}
.bagh-hero-games-card {
padding: 46px 48px 0 48px;
}
}
@media (min-width: 1441px) {
.bagh-hero-games {
padding: 100px 142px 0 142px;
}
.bagh-hero-games-card {
padding: 46px 60px 0 60px;
gap: 20px;
}
.bagh-hero-games-content {
flex: 0 0 65%;
max-width: 65%;
padding-bottom: 0;
}
.bagh-hero-games-image-wrapper {
flex: 0 0 35%;
max-width: 35%;
margin-top: -120px;
}
.bagh-hero-games-image {
max-width: 551px;
}
}   
@media (min-width: 1600px) {
.bagh-hero-games-title {
font-size: 84px;
margin-bottom: 24px !important;
}
.bagh-hero-games-image {
max-width: 551px;
}
} .bagh-games-features {
background: transparent;
padding: 46px 0 0 0;
}
.bagh-games-features-container {
max-width: 1636px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 0;
}
.bagh-games-features-item {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
overflow: hidden;
border-top-left-radius: 16px;
border-bottom-right-radius: 32px;
}
.bagh-games-features-image {
width: 100%;
margin: 0;
height: 250px;
}
.bagh-games-features-image img {
width: 100%;
height: 250px;
display: block;
object-fit: cover;
object-position: 50% 19%;
}
.bagh-games-features-content {
background: linear-gradient(0deg, #1C1100, #1C1100), linear-gradient(90deg, #1C1100 53.2%, rgba(130, 79, 0, 0) 70.17%);
padding: 32px 20px;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
}
.bagh-games-features-title {
font-family: 'Mohave', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 100%;
color: #FDAD00;
margin: 0;
}
.bagh-games-features-description {
font-family: 'Inria Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #C5B4B4;
margin: 0;
}
.bagh-games-features-description p {
margin: 0;
}
.bagh-games-features-button {
display: inline-block;
width: fit-content;
padding: 12px 32px;
font-family: 'Mohave', sans-serif;
font-weight: 600;
font-size: 20.8px;
line-height: 27.04px;
text-align: center;
color: #FEFEFE;
border: 2px solid transparent;
background: linear-gradient(#1C1100, #1C1100) padding-box,
radial-gradient(141.42% 141.42% at 0% 100%, #FA8F00 58%, #FFD700 100%) border-box;
box-shadow: 0px 0px 32px 0px #D36100;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
cursor: pointer;
transition: all 0.3s ease;
}
.bagh-games-features-button:hover,
.bagh-games-features-button:focus {
opacity: 0.9;
transform: translateY(-2px);
box-shadow: 0px 0px 40px 0px #D36100;
} @media (min-width: 1024px) {
.bagh-games-features {
padding: 46px 40px 0 40px;
}
.bagh-games-features-container {
gap: 0;
}
.bagh-games-features-item {
flex-direction: row-reverse;
gap: 0;
align-items: stretch;
} .bagh-games-features-item:nth-child(2) {
flex-direction: row;
}
.bagh-games-features-image {
flex: 1;
min-width: 0;
display: flex;
height: 456px;
position: relative;
}
.bagh-games-features-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: linear-gradient(90deg, #1C1100 0%, rgba(61, 42, 13, 0.6) 30%, rgba(61, 42, 13, 0) 70%, transparent 100%);
pointer-events: none;
} .bagh-games-features-item:nth-child(2) .bagh-games-features-image::after {
left: auto;
right: 0;
background: linear-gradient(90deg, transparent 0%, rgba(61, 42, 13, 0) 30%, rgba(61, 42, 13, 0.6) 70%, #1C1100 100%);
}
.bagh-games-features-image img {
border-radius: 0;
height: 456px;
object-position: 50% 35%;
}
.bagh-games-features-content {
flex: 1;
min-width: 0;
padding: 40px 32px;
border-radius: 0;
}
.bagh-games-features-title {
font-size: 36px;
}
.bagh-games-features-description {
font-size: 16px;
}
}
@media (min-width: 1280px) {
.bagh-games-features {
padding: 80px 142px 0 142px;
}
.bagh-games-features-content {
padding: 48px 30px 48px 106px;
gap: 20px;
}
}
@media (min-width: 1440px) {
.bagh-games-features-title {
font-size: 48px;
}
}
@media (min-width: 1441px) {
.bagh-games-features {
padding: 100px 142px 0 142px;
}
.bagh-games-features-content {
padding: 60px 50px 60px 114px;
gap: 24px;
}
}