body {
  font-family: 'Silverstone Display', sans-serif;font-weight: 700;color: #000;
}

/* ==========================
   SILVERSTONE DISPLAY FONTS
   ========================== */
@font-face {
  font-family: 'Silverstone Display';
  src: url('/wp-content/themes/carfest/fonts/silverstone-display/SilverstoneDisplay-Bold.woff2') format('woff2'),
       url('/wp-content/themes/carfest/fonts/silverstone-display/SilverstoneDisplay-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Silverstone Display';
  src: url('/wp-content/themes/carfest/fonts/silverstone-display/SilverstoneDisplay-ExtraBold.woff2') format('woff2'),
       url('/wp-content/themes/carfest/fonts/silverstone-display/SilverstoneDisplay-ExtraBold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

/* ==========================
   SILVERSTONE TEXT FONTS
   ========================== */
@font-face {
  font-family: 'Silverstone Text';
  src: url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Book.woff2') format('woff2'),
       url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Book.woff') format('woff');
  font-weight: 400; /* Book */
  font-style: normal;
}

@font-face {
  font-family: 'Silverstone Text';
  src: url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Medium.woff2') format('woff2'),
       url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Medium.woff') format('woff');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'Silverstone Text';
  src: url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Bold.woff2') format('woff2'),
       url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Bold.woff') format('woff');
  font-weight: 700; /* Bold */
  font-style: normal;
}

@font-face {
  font-family: 'Silverstone Text';
  src: url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Black.woff2') format('woff2'),
       url('/wp-content/themes/carfest/fonts/silverstone-text/SilverstoneText-Black.woff') format('woff');
  font-weight: 900; /* Black */
  font-style: normal;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Silverstone Display', sans-serif;
  font-weight: 700;
  color: #000;
}


/* ==========================
   Explore All Inner Page css Start
   ========================== */

.inner-page-banner {padding-top: 110px;background: #FFF8F2;}
.inner-page-banner .img {position: relative;z-index: 0;}
.inner-page-banner .img .inner-page-banner-caption {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 80%;text-align: center;}
.inner-page-banner .img::before {content: '';position: absolute;width: 350px;height: 350px;left: 0px;top: 0px;margin-left: -25px;margin-top: -25px;transition: 0.4s;z-index: -1;}
.inner-page-banner .img .inner-page-banner-caption h1 {font: bold 110px / 120px 'Silverstone Display';text-shadow: 0px 3px 6px #00000029, 0px 0px 40px #000000;text-transform: uppercase;color: #fff;}
.inner-page-banner .slider-mobile-img{display: none;}
.grid-section {background: #FFF8F2;padding: 100px 0px;}
.grid-section p {max-width: 958px;margin: 0 auto;text-align: center;font: bold 22px/30px 'Silverstone Text';letter-spacing: 0px;color: #42758D;margin-bottom: 15px;}


.grid-sec-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.grid-sec-wrapper .grid-card {display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
.grid-sec-wrapper .cardfirst-wrapp {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.grid-sec-wrapper .cardfirst-wrapp img{width: 100%;}
.grid-sec-wrapper .cardfirst-wrapp.one-card .img {grid-column: 2;}
.grid-sec-wrapper .cardsecond-wrapp.two-card {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.grid-sec-wrapper .cardsecond-wrapp.one-card {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.grid-sec-wrapper .cardthird-wrapp{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.grid-sec-wrapper .cardthird-wrapp.one-card .img{grid-column: 2;}
.grid-sec-wrapper .cardthird-wrapp.two-card{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}

.explore-slider-section{background: #FFF8F2; padding: 60px 0;}
.explore-slider-section h3{text-align: center;font: bold 48px/56px 'Silverstone Display';letter-spacing: 0px;color: #42758D;text-transform: uppercase;margin-bottom: 50px;}
.explore-slider-section .slider-wrapper{position: relative;}
.explore-slider-section .slider-wrapper .img{max-width: 70%;}
.explore-slider-section .slider-wrapper .slider-mobile-img{display: none;}
.explore-slider-section .slider-wrapper .slider-caption{position: absolute;right: 0px; top: 50%;transform: translateY(-50%); padding: 40px 50px 40px 40px;max-width: 45%;}
.explore-slider-section .slider-wrapper .slider-caption h4{text-align: left;font: bold 38px/33px 'Silverstone Display';letter-spacing: 0px;color: #FFFFFF;text-transform: uppercase;margin-bottom: 15px;}
.explore-slider-section .slider-wrapper .slider-caption p{font:  bold 22px/30px 'Silverstone Text';letter-spacing: 0px;color: #FFFFFF;text-align: left;}

.explore-slider-section .swiper-wrapper{padding-bottom: 65px;}
.explore-slider-section .swiper-pagination{text-align: left!important;display: flex;gap: 15px;}
.explore-slider-section .swiper-pagination span{ border-radius: 0; width: 30px;height: 30px;opacity: 1;}
/* .explore-slider-section .swiper-pagination span{border: 3px solid #D92D27; border-radius: 0; width: 30px;height: 30px;background: none;opacity: 1;} */
/* 
.explore-slider-section .swiper-pagination span:first-child{border: 3px solid #813A8B;}
.explore-slider-section .swiper-pagination span:nth-child(2){border: 3px solid #D92D27;}
.explore-slider-section .swiper-pagination span:nth-child(3){border: 3px solid #707070;}
.explore-slider-section .swiper-pagination span:nth-child(4){border: 3px solid #6DC7B9;}
.explore-slider-section .swiper-pagination span:nth-child(5){border: 3px solid #DA1684;}
.explore-slider-section .swiper-pagination span:nth-child(6){border: 3px solid #F26A21;}
.explore-slider-section .swiper-pagination span:nth-child(7){border: 3px solid #F99D22;}
.explore-slider-section .swiper-pagination span:nth-child(8){border: 3px solid #42758D;}
.explore-slider-section .swiper-pagination span:nth-child(9){border: 3px solid #009A49;}

.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:first-child{background: #813A8B;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2){background: #D92D27;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3){background: #707070;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(4){background: #6DC7B9;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(5){background: #DA1684;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(6){background: #F26A21;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(7){background: #F99D22;}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(8){background: #42758D}
.explore-slider-section .swiper-pagination span.swiper-pagination-bullet-active:nth-child(9){background: #009A49;} */


.explore-slider-section .swiper-button-next{right: 0px;top:3%;background: url('https://carfest.fra1.cdn.digitaloceanspaces.com/2025/11/right.png')no-repeat;background-size: contain;background-position: center;}
.explore-slider-section .swiper-button-next:after{font-size: 0px; font-weight: bold;}
.explore-slider-section .swiper-button-prev:after{font-size: 0px; font-weight: bold;}
.explore-slider-section .swiper-button-prev{right: 40px;left: auto;top:3%;background: url('https://carfest.fra1.cdn.digitaloceanspaces.com/2025/11/left.png')no-repeat;background-size: contain;background-position: center;}

.main-stage-caption { background: rgba(129, 58, 139, 0.9); }       /* #D92D27 */
.starfest-caption { background: rgba(217, 45, 39, 0.9); }       /* #D92D27 */
.cars-at-carfest-caption { background: rgba(117, 120, 123, 0.9); } /* #75787B */
.spafest-caption { background: rgba(109, 199, 185, 0.9); }       /* #6DC7B9 */
.foodfest-caption { background: rgba(218, 22, 132, 0.9); }        /* #DA1684 */
.kidfest-caption { background: rgba(242, 106, 33, 0.9); }         /* #F26A21 */
.retrofest-caption { background: rgba(249, 157, 34, 0.9); }       /* #F99D22 */
.big-early-caption { background: rgba(66, 117, 141, 0.9); }       /* #42758D */


.carfest-btn{text-align: center;}
.carfest-btn a{background: #42758D;border: 6px solid #1F2A44;border-radius: 12px;padding: 10px 20px;text-align: center;font:  bold 20px/46px 'Silverstone Display';letter-spacing: 0px;color: #FFFFFF;text-transform: uppercase;text-decoration: none;position: relative; display: inline-flex;gap: 10px;}
.carfest-btn a i{font-size: 45px;}
.carfest-btn a:before{content: '';position: absolute;left: 0px;top:  0px;right:  0px;bottom:  0px;border: 3px solid #fff; border-radius: 8px;}
.carfest-btn a:hover{background: #CDEBEE;color: #42758D;}
.carfest-btn a:hover i{color: #42758D;}

@media only screen and (min-width:1920px) {
  .inner-page-banner .container,.grid-section .container,.explore-slider-section .container{max-width: 1627px;}
  .buy-ticket-new-btn a{padding: 10px 10px!important;}
}

@media only screen and (max-width:1500px) {
.explore-slider-section .slider-wrapper .slider-caption p{font-size: 17px;}
}
@media only screen and (max-width:1366px) {
.inner-page-banner .img .inner-page-banner-caption h1{font: bold 80px / 100px 'Silverstone Display';}
.grid-section p{font: bold 18px / 25px 'Silverstone Text';}
.explore-slider-section h3{font-size: 38px;}
.explore-slider-section .slider-wrapper .slider-caption{transform: translateY(-45%);}
.explore-slider-section .slider-wrapper .slider-caption h4{font-size: 28px;}
.explore-slider-section .slider-wrapper .slider-caption p{font-size: 16px;line-height: 25px;}
.explore-slider-section .slider-wrapper .slider-caption{max-width: 40%}
.explore-slider-section .slider-wrapper .slider-caption{padding: 30px;}
.inner-page-banner .img::before{width: 250px;height: 250px;}
.explore-slider-section .swiper-button-prev,.explore-slider-section .swiper-button-next{top: 4%;}

}

@media only screen and (max-width:1024px) {
  .explore-slider-section .slider-wrapper .slider-caption{padding: 20px;}
  
  .explore-slider-section .slider-wrapper .slider-caption h4{margin-bottom: 10px;}
}

@media only screen and (max-width:991px) {
.inner-page-banner{padding-top: 70px;}
.inner-page-banner .slider-mobile-img{display: block;width: 100%;}
.inner-page-banner .slider-desktop-img{display: none;}
.grid-section,.explore-slider-section{padding: 50px 0px;}
.grid-section .mb-5{margin-bottom: 1rem !important;}
.inner-page-banner .img .inner-page-banner-caption h1{font: bold 60px / 65px 'Silverstone Display';}
.explore-slider-section .slider-wrapper .img{width: 100%;max-width: 100%;}
.explore-slider-section .slider-wrapper .slider-caption{position: relative;width: 100%;max-width:95%;float: right;top: -40px;transform: none;}
.explore-slider-section .swiper-wrapper{padding-top: 50px;padding-bottom: 30px;}
.inner-page-banner .img::before{width: 150px;height: 150px;margin-left: -20px;margin-top: -20px;}
.explore-slider-section .swiper-pagination{justify-content: center;gap: 10px;}
.grid-sec-wrapper.mobile_only{display: none;}
.explore-slider-section .slider-wrapper .slider-desktop-img{display: none;}
.explore-slider-section .slider-wrapper .slider-mobile-img{display: block;width: 100%;}
}

@media only screen and (max-width:767px) {
.inner-page-banner{padding-top: 120px;}
.inner-page-banner .img .inner-page-banner-caption h1{font:  bold 32px/46px 'Silverstone Display';letter-spacing: 0px;color: #FFFFFF;text-shadow:  0px 3px 6px #00000029, 0px 0px 20px #000000;text-transform: uppercase;}
.inner-page-banner .img::before{width: 100px;height: 100px;margin-left: -8px;margin-top: -8px;}
.explore-slider-section .swiper-pagination span{width: 20px;height: 20px;}
.explore-slider-section .swiper-wrapper{padding-bottom: 0px;}
.inner-page-banner .img .inner-page-banner-caption{top: 50%;}
.explore-slider-section .swiper-pagination{justify-content: center;gap: 10px}
.explore-slider-section h3{font-size: 28px;margin-bottom: 10px;line-height: 30px;}
.explore-slider-section .swiper-button-next,.explore-slider-section .swiper-button-prev{width: 15px;}
.explore-slider-section .swiper-button-prev{right: 30px;}
.explore-slider-section .slider-wrapper .slider-caption{position: relative;width: 97%;float: right;top: -40px;padding: 20px;}
.explore-slider-section .slider-wrapper .slider-caption h4{font-size: 24px;margin-bottom: 5px;}
.explore-slider-section .slider-wrapper .slider-caption p{font-size: 14px;line-height: 20px; margin-bottom: 10px;}
.explore-slider-section .swiper-pagination span:first-child{border: 1px solid #813A8B;}
.explore-slider-section .swiper-pagination span:nth-child(2){border: 1px solid #D92D27;}
.explore-slider-section .swiper-pagination span:nth-child(3){border: 1px solid #707070;}
.explore-slider-section .swiper-pagination span:nth-child(4){border: 1px solid #6DC7B9;}
.explore-slider-section .swiper-pagination span:nth-child(5){border: 1px solid #DA1684;}
.explore-slider-section .swiper-pagination span:nth-child(6){border: 1px solid #F26A21;}
.explore-slider-section .swiper-pagination span:nth-child(7){border: 1px solid #F99D22;}
.explore-slider-section .swiper-pagination span:nth-child(8){border: 1px solid #00B5E1;}
.explore-slider-section .swiper-pagination span:nth-child(9){border: 1px solid #009A49;}
.grid-sec-wrapper.desktop_only {display: none;}
.grid-sec-wrapper.mobile_only{display: block;}

.grid-sec-wrapper .grid-card {display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
.photo-grid {display: grid;grid-template-columns: 1fr 1fr;grid-auto-rows: auto;gap: 12px;}
.photo-grid img {width: 100%;height: auto;object-fit: cover;display: block;}
.photo-grid img:nth-child(3) {grid-column: span 2;}
.grid-sec-wrapper .grid-card .photo-grid:last-child img:nth-child(3) {grid-column: span 1!important;}
}




   /* ==========================
   Explore All Inner Page css End
   ========================== */

   /* button css */

  .cta-btn {
      background: #42758D;
      border: 3px solid #CDEBEE;
      border-radius: 8px;
      padding: 5px 16px;
      text-align: center;
      font: bold 20px / 46px 'Silverstone Display';
      letter-spacing: 0px;
      color: #FFFFFF;
      text-transform: uppercase;
      text-decoration: none;
      position: relative;
      display: inline-flex;
      gap: 5px;
      align-items: center;
  }
  .cta-btn:before {
        content: '';
        position: absolute;
        left: -5px;
        top: -5px;
        right: -5px;
        bottom: -5px;
        border: 3px solid #000;
        border-radius: 8px;
    }
    .cta-btn:hover {
        background: #CDEBEE;
        cursor: pointer;
        color: #42758D !important;
        text-decoration: none;
    }
    .cta-btn:hover a {
        text-decoration: none;
    }
    .cta-btn svg {
        width: 14px;
        height: 29px;
    }
    .material-symbols-outlined {
        font-size: 42px;
        font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24
    }

    @media only screen and (max-width: 1500px) {
    .cta-btn {
        padding: 12px 20px;
        font-size: 18px;
        line-height: 27px;
    }
    .material-symbols-outlined {
            font-size: 28px;
        }
  }

    @media only screen and (max-width: 1100px) {
    .cta-btn {
            padding: 10px 18px;
            font-size: 16px;
            line-height: 24px;
        }
    }

    @media only screen and (max-width: 991px) {
    .cta-btn {
            padding: 10px 13px;
            font-size: 14px;
            line-height: 24px;
    }
    .material-symbols-outlined {
            font-size: 22px;
        }
  }


   /* button css  End*/