@charset "utf-8";

/* CSS Document */

/*===============================================================

Common portion start

=================================================================

/*====================		 Custom font css start 		==================== */

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red Rose';
    src: url('../fonts/RedRose-Bold.woff2') format('woff2'),
        url('../fonts/RedRose-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*==================== 		Custom font css end 	====================*/

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

// General Css

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



:root{

  /* colors */
  --white-color: #ffffff;
  --black-color: #000000;
  --text-strong-color: #515151;
  --text-color: #626262;
  --yellow-color: #FFC700;
  --grey-lite: #f8f8f8;
  --placeholder-color:  #414141;

  /* font family */
  --primary-font: 'Poppins';
  --heading-font: 'Red Rose';

}


html, body {

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

    font-smoothing: antialiased;

    scroll-behavior: smooth;

}


* {

    box-sizing: border-box;

}



body {
  margin: 0;
  padding: 0;
  font-size: 18px;
  background: var(--white-color);
  line-height: 1.4;
  font-weight: 400;
  font-style: normal;  
  overflow-x: hidden;

  font-family: var(--primary-font);
  color: var(--text-color);
}



div, table, tr, th, td, figure, th, video, audio, h1, h2, h3, h4, h5, h6, aside, canvas, section, header, footer, nav, span, p, small, big, a, b, strong, img, hr, pre, button, input, textarea, optgroup, ul, li, ol, select, option, blockquote, nav {

    margin: 0;

    padding: 0;

    outline: none;

    border: none;

    text-decoration: none;

    list-style-type: none;

}



.clear {

    clear: both;

}

.clearfix:after {

    display: block;

    content: "";

    clear: both;

}



.parent-wrap {

    width: 100%;

    height: 100%;

    display: table;

}

.child-wrap {

    width: 100%;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

}

img {
    max-width: 100%;
    display: block;
}



h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased; 
}

h1{
    font-family: var(--heading-font);
    color: var(--yellow-color);
    line-height: 1.4;
    font-size: 111px;
}

.smallH1{
  font-family: var(--heading-font);
  color: var(--black-color);
  line-height: 1.4;
  font-size: 36px;
}

h2{
    font-family: var(--heading-font);
    color: var(--black-color);
    line-height: 1.3;
    font-size: 60px;
}

.smallh2{
  font-family: var(--heading-font);
  color: var(--black-color);
  line-height: 1.4;
  font-size: 56px;
}

h3{
    font-family: var(--heading-font);
    color: var(--black-color);
    line-height: 1.3;
    font-size: 26px;
}

h4{
    font-family: var(--heading-font);
    line-height: 1.3;
}

h5{   
    font-family: var(--primary-font);
    color: var(--text-strong-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

h6{
    font-family: var(--heading-font);
    line-height: 1.3;
}



p {
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    color: var(--text-color);
}

p:last-child{

  padding-bottom:0;

}



ul {

  margin-bottom: 0px ;

}


input, textarea{

  font-size: 16px;

  font-weight: 400;

}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--placeholder-color);
    font-family: var(--primary-font);
	font-weight: 400;
	font-size: 16px;
}

::-moz-placeholder { /* Firefox 19+ */
	color: var(--placeholder-color);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
}

:-ms-input-placeholder { /* IE 10+ */
	color: var(--placeholder-color);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
}

:-moz-placeholder { /* Firefox 18- */
	color: var(--placeholder-color);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
}

::selection {
  background: #1F1F1F;
  color: var(--white-color);
}

::-moz-selection {
 background: #1F1F1F;
 color: var(--white-color);
}

::-webkit-selection {
 background: #1F1F1F;
 color: var(--white-color);
}

::-o-selection {
 background: #1F1F1F;
 color: var(--white-color);
}

::-ms-selection {
 background: #1F1F1F;
 color: var(--white-color);
}


.dFlx{
  display: -webkit-box;   
  display: -moz-box;       
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;  
}


.btn{
    text-align: center;
    display: inline-block;
    color: var(--yellow-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 500;
    min-width: 192px;
    padding: 12px 15px;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: 10%;

    color: var(--white-color);

    background: linear-gradient(
        90deg,
        #ffc700 0%,
        #994700 100%
    );
    
}

.btn:hover{
    background: linear-gradient(
        90deg,
        #000 0%,
        #ffc700 100%
    );

    color:#fff;
}




.btn.transgradientBtn{
    border: 2px solid transparent;
    border-image: linear-gradient(
        90deg,
        #ffcc00,
        #994700
    );
    border-image-slice: 1;
    background: transparent;
    color: var(--yellow-color);
}

.btn.transgradientBtn:hover{
    background: linear-gradient(
        90deg,
        #994700 0%,
        #ffc700 100%
    );
    color: var(--white-color);
}




.btn.focus, .btn:focus {

    outline: 0;

    box-shadow: none;

}

.btn-banner{

    width: 274px;

    height: 54px;

    line-height: 47px;

    color: var(--white-color);

    border: 2px solid #fff;

    font-size: 20px;

}

.btn-small{

  width: 104px;

  height: 44px;

  line-height: 42px;

}

.btn-fade{

  color: #d2d2c9;

  border: 2px solid #d2d2c9;  

}

.btn-bold{

  color: #000;

  border: 2px solid #000;  

}

.btn.SemiblackbgBtn{
    border: 2px solid transparent;
    border-image: linear-gradient(90deg, #ffcc00, #994700);
    border-image-slice: 1;
    background: rgba(0, 0, 0, 0.35);
    color: var(--yellow-color);
}
.btn.SemiblackbgBtn:hover{
    background: linear-gradient(90deg, #994700 0%, #ffc700 100%);
    color: var(--white-color);
}




.btn-bold:hover {

    background-color: color: var(--white-color);

    border: 2px solid #fff;

}


a{
  text-decoration: none;
  color: #252324;
  outline: none;
  font-weight: 400;
  font-size:16px;
  font-family: var(--primary-font);
}

a:hover {
    text-decoration: none;
}


.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}


.pt-90{
  padding-top: 90px;
}

.pt-100{
	padding-top: 100px;
}

.pb-140{
	padding-bottom: 140px;
}


.pb-90{

  padding-bottom: 90px;

}

.pt-140{
  padding-top: 140px;
}

.pt-188{

  padding-top: 188px;

}

.pt-60{
  padding-top: 60px;
}

.pb-60{
  padding-bottom: 60px;
}

.pt-80{
  padding-top: 80px;
}

.pb-80{
  padding-bottom: 80px;
}

.pt-70{
  padding-top: 70px;
}

.pb-70{
  padding-bottom: 70px;
}


.pt-120{
	padding-top:120px;
}
.pb-100{
	padding-bottom:100px;
}


.pt-130{
	padding-top: 130px;
}
.pb-130{
	padding-bottom: 130px;
}

.pt-125{
	padding-top: 125px;
}

.pt-115{
	padding-top: 115px;
}

.pb-115{

  padding-bottom: 115px;

}

.pt-50{
    padding-top: 50px;
}

.pb-50{
    padding-bottom: 50px;
}

.pb-40{
    padding-bottom: 40px;
}
.pt-40{
    padding-top: 40px;
}

.no-gutters{

  margin: 0;

  padding: 0;

}


.h3big{
    font-size: 30px;
}


/*.container{

  padding: 0;

  max-width: 100%;

}*/

strong {

    font-weight: bold !important;

}

/*img {

    width: 100%;

    display: block;

}*/

/*////////////////////////////////////////////////////////////////////////       Custom css       ////////////////////////////////////////////////////////////////*/


/* Animation */



@keyframes fadeInUp {

    from {

        transform: translate3d(0,40px,0)

    }



    to {

        transform: translate3d(0,0,0);

        opacity: 1

    }

}



@-webkit-keyframes fadeInUp {

    from {

        transform: translate3d(0,40px,0)

    }



    to {

        transform: translate3d(0,0,0);

        opacity: 1

    }

}



.animated {

    animation-duration: 2s;

    animation-fill-mode: both;

    -webkit-animation-duration: 2s;

    -webkit-animation-fill-mode: both

}



.animatedFadeInUp {

    opacity: 0

}



.fadeInUp {

    opacity: 0;

    animation-name: fadeInUp;

    -webkit-animation-name: fadeInUp;

}


.pad-more{

    padding-bottom: 220px;

}


/*==================== custom css start from begin ====================*/


.container{
  max-width: 1430px;
  margin:auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/*==================== Header start ====================*/

header{
    position: relative;
}

.headerWrp{
    position: relative;    
    width: 100%;
    height: 100%;
    z-index: 99;
/*     background: url(../images/Huntsville-3.webp) no-repeat; */
	background: url(/wp-content/uploads/2026/06/rocket-city-casino-parties.webp) no-repeat; 
    background-size: cover;
    background-position: bottom center !important;
    padding: 10px 0;
    box-sizing: border-box;
}
.headerWrp::before{
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.70);
  left: 0;
  top: 0;
}

.headerWrp .container{
  position: relative;
  z-index: 4;
}

.headerWrp .naviWrp{
    width: 100%;
    justify-content: space-between;
    align-items: center;    
}

.naviWrp .logoWrp{
    max-width: 170px;
}
.footer-logo {
    max-width: 200px;
    display: block;
    width: 100%;
}

.main-menu li a{
    color: var(--white-color);
    font-size: 16px;
    text-transform: uppercase;
}

.main-menu li a:hover{
  color: var(--yellow-color);
}
.main-menu li.active a{
  color: var(--yellow-color);
}



.mobile-menu-head{
    display: none;
}

.menu-wrp{
    align-items: center;
    justify-content: space-between;    
}

.main-menu li{
    margin-right: 75px;
}

.mobile-menu{
    display: none;
}

.headRight{
    width: 60%;
    justify-content: space-between;
    align-items: center;
}

/*==================== Header End ====================*/


/*==================== Home page start ====================*/

.HomeHeroImg{
    position: relative;      
    height: 100%; 
    width: 100%;
}


.HomeHeroImg img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.HomeHero{
    position: relative;
    overflow: hidden;
    height: 1080px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 50px 100px 50px;    
    box-sizing: border-box;
}
.HomeHeroVideo::after {
    content: "";
    position: absolute;
    inset: 0;    
    background: rgba(0, 0, 0, 0.53);
    z-index: 1;

    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

/* video css start */
.HomeHeroVideo {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;    
    overflow: hidden;
}
.HomeHeroVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* video css end */


.heroContent {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;    
    bottom: 8%;
    z-index: 3;
    padding-bottom: 30px;
}

.heroTitle span{
    display: block;
    color: var(--white-color);
    font-size: 64px;
    text-transform: unset;
}

.heroTitle{
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 20px;
}

.heroContentWrp{
    max-width: 896px;
    margin: auto;
}

.heroContentWrp p{
    color: var(--white-color);
    font-weight: 500;
}
.heroContentWrp .btnWrp{
    margin-top: 30px;
}

.welcome-content{
    max-width: 1138px;
    margin: auto;
    flex-direction: column;
    gap: 20px;
}

.welcome-content h3{
    font-family: var(--primary-font);
    color: var(--text-strong-color);
    font-size: 18px;
    font-weight: 600;
}

.greyBg{
    background: var(--grey-lite);
}



  .about-rocket-city{    
      background: ;
  }
  .about-rocket-city .aboutRocketCityInr{
      max-width:1000px;
      margin:0 auto;
      text-align:center;
  }
  .about-rocket-city h2{     
      color:#111;
      margin-bottom:25px;
  }
  .about-rocket-city p{
      max-width:850px;
      margin:0 auto 15px;      
      line-height:1.7;
      color:var(--black-color);
  }
  .about-rocket-city p:last-child{
      margin-bottom:0;
  }









    .featured-events .section-title{
      text-align:center;
      font-size:64px;
      font-weight:700;
      margin-bottom:70px;
      color:#000;
    }

    .events-wrapper{  
      display:flex;
      justify-content:center;
      gap:55px;
      flex-wrap:wrap;
    }

    .event-card{
      display:flex;
      align-items:center;
      width:calc((100% - 110px) / 3);
    }

  

    .event-label{
      width:42px;
      background:var(--yellow-color);

      display:flex;
      align-items:center;
      justify-content:center;
      padding: 10px 0;
      box-sizing: border-box;
      min-height: 424px;
    }

    .event-label h3{
      writing-mode:vertical-rl;
      transform:rotate(180deg);
     
      letter-spacing:2px;
      color: var(--black-color);
      text-transform:uppercase;
    }

    .event-image{
      width:390px;
      height:488px;
      overflow:hidden;
    }

    .event-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:0.4s ease;
    }

    .event-card:hover .event-image img{
      transform:scale(1.06);
    }



    .trusted-clients {        
        text-align: center;       
    }
    .trusted-clients h2 {       
        margin-bottom: 20px;       
    }

    .trusted-clients p {
        font-size: 20px;
        font-weight: 500;
        color: var(--black-color);        
        max-width: 900px;
        margin: 0 auto;
    }



  

    .testimonial-wrapper{      
      margin:auto;
      background: var(--yellow-color);
      padding:50px 120px;
      box-sizing: border-box;
      position:relative;
    }

    .testimonial-title{
      text-align:center;     
      margin-bottom:40px;
    }

    .testimonial-item{
      text-align:center;
    }

    .testimonial-avatar{
      width:110px;
      height:110px;
      border-radius:50%;
      overflow:hidden;
      margin:0 auto 24px;
    }

    .testimonial-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .testimonial-text{
      max-width:890px;
      margin:auto;
      font-size:18px;
      line-height:1.7;
      color:var(--black-color);
      font-weight: 500;
    }

    .testimonial-client{
      margin-top:35px;

      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;   
      color:var(--black-color);
      font-weight: 600;
    }

    .testimonial-client::before{
      content:"";
      width:40px;
      height:2px;
      background:#000;
    }

    /* Owl Nav */

    .testimonial-slider .owl-nav button{
      width:60px;
      height:60px;
      border-radius:50% !important;
      background:#000 !important;
      color:#fff !important;
      font-size:38px !important;

      display:flex !important;
      align-items:center;
      justify-content:center;

      position:absolute;
      top:50%;
      transform:translateY(-50%);
    }

    .testimonial-slider .owl-nav button.owl-prev{
      left:-85px;
    }

    .testimonial-slider .owl-nav button.owl-next{
      right:-85px;
    }

    .testimonial-slider .owl-nav button:hover{
      background:#111 !important;
    }

    .testimonial-slider .owl-dots{
      margin-top:30px;
    }












    .offer-wrap{
        display: flex;
        flex-wrap: wrap;
        gap: 28px;
    }

    .offer-item{
        width: calc((100% - 112px) / 5);
        position: relative;
        overflow: hidden;
    }

    .offer-item img{
        width: 100%;
        display: block;
    }

    .offer-content{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 20px;
        text-align: center;
        z-index: 2;
    }

    .offer-icon{
        margin-bottom: 18px;
    }

    .offer-icon img{
        width: 65px;
        margin: 0 auto;
    }

    .offer-content p{
        font-size: 18px;
        line-height: 1.5;
        font-weight: 500;
        color: var(--white-color);
    }










    .why-choose-container{      
      margin:auto;
      position:relative;   
    }

    /* image */
    .why-choose-image{
      width:62%;
      margin-left:auto;
    }

    .why-choose-image img{
      width:100%;
      display:block;      
      object-fit:cover;
    }

    /* content box */
    .why-choose-content{                
      width:50%;
      background:#000;
      color:#fff;
      padding:60px;
      border-top:8px solid var(--yellow-color);
      border-right:8px solid var(--yellow-color);
      z-index:2;
      margin-top: -27%;
      position: relative;
      z-index: 2;
    }

    .why-choose-content h2{
      color: var(--yellow-color);
      margin-bottom: 30px;
    }

    .why-choose-list{
      list-style:none;
    }

    .why-choose-list li{
      display:flex;
      align-items:flex-start;
      gap:15px;
      margin-bottom:22px;      
      font-weight:400;
      position: relative;
      padding-left: 32px;
    }
    .why-choose-list li::before{
        content: '';        
        background: url(../images/tick-line.svg) no-repeat;
        height: 24px;
        width: 24px;       
        position: absolute; 
        left: 0;
        top: 2px;
    }

    .why-choose-list li span{
      color:#fff;
      font-size:28px;
      line-height:1;
      margin-top:2px;
    }

    .quote-btn{
      display:inline-block;
      margin-top:25px;
      padding:18px 35px;
      border:1px solid #f5bd00;
      color:#f5bd00;
      text-decoration:none;
      font-size:18px;
      font-weight:500;
      letter-spacing:2px;
      transition:0.3s;
    }

    .quote-btn:hover{
      background:#f5bd00;
      color:#000;
    }

    .why-choose-content .btnWrp{
        margin-top: 30px;
    }




    /* Gallery css start */


    .gallery-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 1rem;
      justify-content: center;
      align-items: center;
    }
    .gallery-wrapper .card {
      background: #ffffff;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
      color: #333333;
      border-radius: 2px;
    }
    .gallery-wrapper .card-image {
      background: #ffffff;
      display: block;
      padding-top: 70%;
      position: relative;
      width: 100%;
    }
    .gallery-wrapper .card-image img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Gallery css end */



    .cta-section{
        position: relative;
        min-height: 300px;
        background-size: cover !important;
        background-position: center center !important;
    }

    .cta-section::before{
        height: 100%;
        width: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.79);
    }

    .cta-container{
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .cta-container h2{
        color: var(--yellow-color);
        text-align: center;
    }

    .cta-container p{
        color: var(--white-color);
        font-weight: 600;
        font-size: 20px;
        text-align: center;
    }






    /* Responsive */






/*==================== Home page end  ====================*/




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

   

    /* background pattern */
  
    .casino-footer{
        background-size: cover !important;
        position: relative;
    }


    .footer-container{
        display:flex;
        flex-wrap:wrap;        
        justify-content: space-between;
    }

    .footer-container .footer-col{
        width: 31%;
    }

    .footer-container .footer-col:nth-child(1){
        width: 33%;
    }
    .footer-container .footer-col:nth-child(2){
        width: 22%;
    }
    .footer-container .footer-col:nth-child(3){
        width: 22%;
    }
    .footer-social{
        display: flex;
        justify-content: flex-start;
        gap: 12px;
    }


  
    /* left image */
    .footer-shape {
        position: absolute;
        pointer-events: none;
        left: 0;
        bottom: 40px;
    }

    .footer-shape img{
      width:100%;
      display:block;
    }

    /* columns */
    .footer-col{
      position:relative;
      z-index:2;
    }

 
    .footer-title{
      color:#fff;
      font-size:18px;
      font-weight:700;
      margin-bottom:30px;
      text-transform:uppercase;
      font-family: var(--primary-font);
    }

    .footer-links li{
      margin-bottom:18px;
    }

    .footer-links li a{
      color: var(--white-color);
      font-size:16px;
      transition:0.3s;
      font-weight: 500;
      text-transform: uppercase;
    }

    .footer-links li a:hover{
      color: var(--yellow-color);
    }

    .footer-contact li{
      display:flex;
      align-items:center;
      gap:14px;
      color:#fff;
      margin-bottom:22px;
      font-size:18px;
      font-weight:500;
    }

    .footer-contact li a{
        color: var(--white-color);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .footer-social .icn{
        height: 38px;
        width: 38px;
        background: var(--yellow-color);
        display: flex;
        justify-content: center;
        align-items: center;
    }
     

    /* copyright */
    .footer-bottom{
      text-align:center;      
      color:var(--white-color);
      font-size:16px;
    }

    .footer-bottom p{
        color: var(--white-color);
    }

    .footer-shape {
        position: absolute;
        pointer-events: none;
        left: 0;
        bottom: 40px;
    }

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


/*========= About Start =========*/

.InrBnrSec{
    position: relative;
    overflow: hidden;
    padding: 50px 50px 100px 50px;
    box-sizing: border-box;
}

.InrBnrSec .InrBnrImg{
    height: 100%;
    width: 100%;
}

.InrBnrImg img{
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.InrBnrContent{ 
    position: relative;
    height: 350px;   
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center !important;
    background-size: cover !important;
}

.InrBnrContent .InrBnrContentWrp{
  position: relative;
  z-index: 2;
}

.InrBnrContent::before{
    height: 100%;
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.53);
}

.InrBnrContent h1{
    text-transform: uppercase;
    /* padding-top: 30px; */
}


.greyLiteBg{
    background: var(--grey-lite);
}





    .StorySecInr{      
      width:100%;
      margin:auto;

      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:80px;
    }

    /* LEFT CONTENT */
    .story-content{
      width:48%;
    }

    .story-content h2{   
      margin-bottom:30px;
    }

    .story-content p{     
      margin-bottom:25px;
      font-size: 16px;
    }


    /* RIGHT IMAGE */
    .story-image{
      width:48%;
      position:relative;
      margin-top: 38px;
      margin-right: 38px;
    }

    .story-image::before{
      content:"";
      position:absolute;
      top:-38px;
      right:-38px;

      width:100%;
      height:100%;

      background:var(--yellow-color);
      z-index:1;
    }

    .story-image img{
      width:100%;
      display:block;
      position:relative;
      z-index:2;
    }











    .why-grid{
      display:flex;
      flex-wrap:wrap;
      gap:24px;
    }

    .why-card{
      width:calc(33.333% - 16px);
      background:#fff;
      padding:40px 35px;
      text-align:center;
      transition:0.3s;
    }

    .why-card:hover{
      transform:translateY(-5px);
      box-shadow:0 10px 25px rgba(0,0,0,0.08);
    }

    .icon-box{
      width:95px;
      height:95px;
      background:var(--yellow-color);
      margin:0 auto 24px;
      display:flex;
      align-items:center;
      justify-content:center;
    }


    .why-card h3{
      margin-bottom:10px;
    }

    .why-card p{     
      max-width:420px;
      margin:auto;
    }

/*========= About end =========*/

/*========= Gallery end =========*/

.load-more-btn #loadMore{
    margin-top: 40px;
}

/*========= GAllery end =========*/


/*========= Pricing Start =========*/

.pricingIntroTxt{
    max-width: 1170px;
    margin: auto;
    padding-top: 30px;
}
.pricingIntroTxt p{
    padding-bottom: 30px;
}
.pricingIntroTxt p:last-child{
    padding-bottom: 0;
}





.package-wrapper{
    max-width:100%;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    gap:44px;
}

.package-card{    
    width:calc((100% - 88px) / 3);
    background:#fff;
    border:1px solid #ddd;
    padding:22px 44px;
    box-sizing: border-box;
    text-align:center;
    transition:0.3s;
}

.package-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.package-image img{
    width:100%;
    display:block;
}

.package-title{
    font-size:20px;
    font-weight:700;
    margin-top:18px;
    line-height:1.4;
    color:var(--black-color);
    font-family: var(--heading-font);
}

.package-price{
    font-size:16px;
    font-weight:700;
    color:#626262;
    margin-top:12px;
    font-family: var(--primary-font);
}











.games-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:28px;
}

.game-card{
    width:calc((100% - 84px) / 4);
    border:1px solid #dcdcdc;    
    padding:22px 18px;
    box-sizing: border-box;
    text-align:center;
    transition:0.3s;
}

.game-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.game-image img{
    width:100%;
    display:block;
    height: 250px;
    object-fit: cover;
    object-position: center center;
}

.game-title{
    font-size: 20px;
    line-height:1.4;
    font-weight:700;
    color: var(--black-color);
    margin-top:18px;
}

.game-price{
    font-weight:700;
    margin-top:8px;
}





.addons-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:34px;
}

.addon-card{
    width:calc((100% - 102px) / 4);
    border:1px solid #d9d9d9;    
    padding:10px 15px;
    text-align:center;
    transition:0.3s ease;
}

.addon-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.addon-image{
    overflow:hidden;
}

.addon-image img{
    width:100%;
    display:block;
    transition:0.4s;
}

.addon-title{
    font-size:20px;
    line-height:1.4;
    font-weight:700;
    color:var(--black-color);
    margin-top:18px;
}

.addon-price{
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    color:#666;
    margin-top:8px;
}


.InrBnrSec.packagesBnr .InrBnrContent::before{
    background: rgba(0, 0, 0, 0.67);
}
.InrBnrSec.getaQotBnr .InrBnrContent::before{    
    background: rgba(0, 0, 0, 0.65);
}

/*========= Pricing end =========*/

/*========= GetaQuote Start =========*/


    .quote-form-section{
      max-width:1120px;
      margin:auto;
      background:var(--yellow-color);
      padding:50px 58px 58px;
    }

    .quote-form{
      display:flex;
      flex-wrap:wrap;
      gap:28px 44px;
    }

    .cmnFrm .form-group{
      width:calc(50% - 22px);
    }

    .cmnFrm .form-group.full-width{
      width:100%;
    }

    .cmnFrm .form-group label{
      display:block;
      font-size:18px;
      font-weight:600;
      color: var(--black-color);
      margin-bottom:10px;
      font-family: var(--primary-font);
    }

    .cmnFrm .form-control{
      width:100%;
      height:48px;
      border:none;
      outline:none;
      background:#fff;
      padding:0 18px;
      font-size:16px;
      color:#414141;
    }

    .cmnFrm select.form-control{
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23444' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 16px center;
      background-size:12px;
      cursor:pointer;
      font-family: var(--primary-font);
      color: var(--placeholder-color);
    }

    .cmnFrm textarea.form-control{
      height:180px;
      padding-top:18px;
      resize:none;
      padding: 15px 15px;
      box-sizing: border-box;
    }

    .cmnFrm .sbmtRw input[type="submit"]{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:var(--black-color);
      color:var(--yellow-color);
      text-decoration:none;
      border:none;
      cursor:pointer;
      height:50px;
      padding:0 26px;
      font-size:16px;
      font-weight:500;
      letter-spacing:2px;
      text-transform:uppercase;      
      transition:0.3s ease;
      width: auto;
      min-width: 156px;
      text-align: center;
    }

    .cmnFrm .sbmtRw input[type="submit"]:hover{
      /*opacity:0.85;*/
      color: #fff;
    }

/*========= GetaQuote End =========*/


/*========= Contact Start =========*/

.InrBnrSec.ContactBnr .InrBnrContent::before {
    background: rgba(0, 0, 0, 0.72);
}


    .contact-wrapper{
      max-width:100%;
      margin:auto;
      display:flex;
      gap:50px;
      align-items: flex-start;
    }

    /* LEFT SIDE */
    .contact-info{
      width:43%;     
      position:relative;
      padding:55px 45px;
      overflow:hidden;
      background-size: cover !important;
      background-position: center center  !important;
    }

    .contact-info-content{
      position:relative;
      z-index:2;
      color:#fff;
    }

    .contact-info h2{
      margin-bottom:50px;  
      color: var(--white-color);    
    }

    .info-item{
      display:flex;
      align-items:flex-start;
      gap:20px;
      margin-bottom:40px;
    }

    .iconBox{
      width:72px;
      height:72px;
      background:var(--yellow-color);
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
    }

    .iconBox img{
      width:34px;
    }

    .info-text{
        width: calc(100% - 92px);
    }

    .info-text h3{    
      margin-bottom:5px;      
    }

    .info-text p,
    .info-text a{
      color:#fff;
      text-decoration:none;
      font-size:20px;
      transition: 0.3s ease;
    }

    .info-text a:hover{
        color: var(--yellow-color);
    }

    .follow-title{            
      margin-bottom:20px;
    }

    .social-icon{
      width:72px;
      height:72px;
      background:#ffcc00;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#000;
      font-size:34px;
      font-weight:700;
      text-decoration:none;
    }

    /* RIGHT SIDE */
    .contact-form-box{
      width:53%;
      background: var(--yellow-color);
      padding:30px 40px 40px 40px;
      box-sizing: border-box;
    }

    .contact-form-box h2{   
      margin-bottom:20px;      
    }

 .form-grid{
  display:flex;
  flex-wrap:wrap;
  gap:28px 32px;
}

    .form-group label{
      display:block;
      margin-bottom:10px;
      font-size:22px;
      font-weight:600;
      color:#000;
    }

    .form-group input,
    .form-group textarea{
      width:100%;
      border:none;
      background:#f1f1f1;
      padding:16px 18px;
      font-size:18px;
      font-family:var(--primary-font);
      outline:none;
    }

    .form-group textarea{
      height:140px;
      resize:none;
    }

    .full-width{
      width:100%;
    }


    .socialIconWrp{
        padding-left: 96px;
    }

    .contact-info-content .h3big{
        color: var(--white-color);
    }

    .contact-form-box.cmnFrm textarea{
        height: 92px;
    }
    .contact-form-box.cmnFrm .form-group input, 
    .contact-form-box.cmnFrm .form-group textarea{
        padding: 9px 15px;
        box-sizing: border-box;
    }

    .socialIconBx{
        gap: 14px;
    } 


/*========= Contact End =========*/


/*========= Pricing Section start =========*/

.pricing-section{
    position: relative;
}

.pricing-section .container{
    max-width: 1370px;
    margin: 0 auto;
}

.pricing-top-text{
    text-align:center;    
    margin:0 auto 60px;
    color: var(--black-color);   
}

/* Flex Layout */

.pricing-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}

.pricing-card{
    width:19%;
    padding:0;
    padding-bottom: 70px;
    box-sizing:border-box;    
    background: #fff;
    border: 1px solid #ebebeb;
    position: relative;    
}

.pricing-card-inner{
    background:#fff;
    border:1px solid #ddd;
    height:100%;
    display:flex;
    flex-direction:column;
}

/* Header */
.card-header{
    background:#000;
    color:#fff;
    text-align:center;
    padding:15px 5px;
    box-sizing: border-box;
}

.card-header h3{
    margin:0 0 10px;
    font-size:33px;
    font-weight:700;
    letter-spacing:2px;
    line-height:1.2;
    color: var(--white-color);
}

.card-header p{
    margin:0;
    font-size:17px;
    font-weight:700;
    color: var(--white-color);
}

.card-header span{
    display:block;
    margin-top:10px;
    font-size:14px;
    font-weight:400;
}

/* Features */
.features{
    list-style:none;
    margin:0;
    padding:0;
    flex:1;
}

.features li {
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 1.3;
    color: var(--black-color);
}

.features li:last-child{
    border-bottom: none;
}

/* Price */

.pricing-card .price{
    text-align:center;
    font-size:50px;
    font-weight:700;
    color:#1b2645;
    padding: 0px 5px;
    box-sizing: border-box;
    line-height:1;
    color: var(--black-color);
    position: absolute;
    bottom: 25px;
    width: 100%;
}

/* Footer */
.pricing-footer{
    text-align:center;
    margin-top:40px;
}

.pricing-footer p{
    color:#666;
    font-size:16px;
    line-height:1.6;    
}

.pricing-footer a{
    color:#8b2c8f;
    text-decoration:none;
    font-weight:600;
}

.pricing-footer a:hover{
    text-decoration:underline;
}


/*========= Pricing Section end =========*/


.form-grid .form-group br{
    display: none;
}


/*========= 404 Page start  =========*/

.wrap404Sec{
    position: relative;
    overflow-x: clip;
}

.wrap404Sec .error-code{
     font-size:170px;
    font-weight:900;
    line-height:1;
    margin-bottom:20px;
    background:linear-gradient(
        180deg,
        #FFC700,
        #e6a400,
        #b87900
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:
        0 6px 15px rgba(0,0,0,.15),
        0 12px 35px rgba(230,164,0,.25);
    font-family: var(--heading-font);
}

.wrap404Sec h2{
    font-size:56px;
    font-weight:800;
    color: var(--yellow-color);
    margin-bottom:20px;
    line-height:1.2;
}

.wrap404Sec p{
    max-width:700px;
    margin:0 auto 40px;
    color: var(--white-color);
    font-size:18px;
    line-height:1.8;
}


.wrap404Sec .shape,
.thankyou-section .shape{
    position:absolute;
    border-radius:50%;
    filter:blur(60px);
    opacity:.4;
}

.wrap404Sec .shape-1,
.thankyou-section .shape-1{
    width:250px;
    height:250px;
    background:var(--yellow-color);
    top:-80px;
    left:-80px;
}

.wrap404Sec .shape-2,
.thankyou-section .shape-2{
    width:300px;
    height:300px;
    background:var(--yellow-color);
    bottom:-120px;
    right:-100px;
}

.wrap404Sec .card404{
    background:var(--black-color);
    border-radius:24px;
    padding:80px 40px;
    box-shadow:
        0 20px 60px rgba(0,0,0,.12),
        0 8px 20px rgba(0,0,0,.08);
    max-width:1150px;
    margin:auto;
    position:relative;
    overflow:hidden;
}

.wrap404Sec .card404::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #8f6200,
        #f2c14e,
        #ffd700,
        #f2c14e,
        #8f6200
    );
}

/*========= 404 Page end =========*/


/*========= Thank-You Page Start =========*/

.thankyou-section{    
    position: relative;
    overflow-x: clip;
}

.thankyou-card{
    width:100%;
    max-width:1150px;
    background:#000;
    border-radius:30px;
    text-align:center;
    padding:80px 40px;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.2);
    margin: 0 auto;
}

.thankyou-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #8c6400,
        #ffcc00,
        #8c6400
    );
}

.checkmark{
    width:120px;
    height:120px;
    margin:0 auto 30px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #d99a00,
        #ffcc00
    );
    color:#000;
    font-size:60px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 0 30px rgba(255,204,0,.35);
}

.thankyou-card h1{
    color:#ffcc00;
    font-size:80px;
    line-height:1;
    margin-bottom:15px;
    font-weight:800;
}

.thankyou-card h2{
    color:#fff;
    font-size:38px;
    margin-bottom:25px;
    font-weight:700;
}

.thankyou-card p{
    max-width:700px;
    margin:0 auto 40px;
    color:#d4d4d4;
    font-size:18px;
    line-height:1.8;
}

.thankyou-btn{
    display:inline-block;
    text-decoration:none;
    padding:18px 45px;
    color:#fff;
    font-weight:700;
    letter-spacing:2px;
    background:linear-gradient(
        90deg,
        #d18f00,
        #ffcc00
    );
    transition:.3s;
}

.thankyou-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(255,204,0,.3);
}

@media(max-width:768px){

    .thankyou-card{
        padding:60px 25px;
    }

    .checkmark{
        width:90px;
        height:90px;
        font-size:45px;
    }

    .thankyou-card h1{
        font-size:42px;
    }

    .thankyou-card h2{
        font-size:28px;
    }

    .thankyou-card p{
        font-size:16px;
    }
}

/*========= Thank-You Page end =========*/