/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Corinthia:wght@400;700&family=Croissant+One&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');*/

:root {
    --orange: #FF4000;
    --black: #000000;
}


.orangebuttongradient {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.black {
    color: var(--black);
}

.bgblack {
    background: var(--black);
}

.lh127 {
    line-height: 127px;
}

.fs16 {
    font-size: 16px;
    color: #000;
}

.fs27 {
    font-size: 27px;
}

.lh32 {
    line-height: 32px;
}

.lh84 {
    line-height: 84px;
}


.orange {
    background: var(--orange);
}

.fs38 {
    font-size: 38px;
}
.fs30 {
    font-size: 30px;
}

.fs19 {
    font-size: 19px;
}

.txtorange {
    color: var(--orange);
}

.Croissant {
    font-family: "Croissant One", serif;
}

.Corinthia {
    font-family: "Corinthia", cursive;
}

.Bebas {
    font-family: "Bebas Neue", sans-serif;
}

.fs60 {
    font-size: 60px;
}

.yellow {
    color: #FBBC05;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}

.OpenSans {
    font-family: "Open Sans", sans-serif;
}

.fs139 {
    font-size: 139px;
}

.fs100 {
    font-size: 100px;
}

.fs25 {
    font-size: 25px;
}

.fs20 {
    font-size: 20px;
}

.fs16 {
    font-size: 16px;
}

.fs70 {
    font-size: 70px;
}

.fs65 {
    font-size: 65px;
}

.headerBg {
    background: url("../../assets/images/headerbackbg.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.studioheader {
    max-width: 750px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.serviceFlag {
    max-width: 846px;
    position: relative;
    right: 7rem;
}

.sliderSec {
    position: relative;
}

/* .sliderSec h1 {
    width: max-content;
} */

.sliderInfo {
    padding-bottom: 8rem;
}

.lh38 {
    line-height: 38px;
}

.socialheader li a {
    background: var(--black);
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.socialheader li a:hover{
    color:#fff;
}

.aboutClub {
    background: url("../../assets/images/aboutBg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.aboutClub {
    /* padding:rem 0; */
}

.aboutBoy {
    max-width: 750px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.fs18 {
    font-size: 18px;
}

.ourservices {
    background: url("../../assets/images/ourserviceBg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ourservices .swiper-slide{
    display: flex;
    flex-direction: column;
    height: auto;
}

.serviceItems {
    background: #222222;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    height: 100%;
}



.reviewsItems {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 30px;
    height: 100%;
}

.reviewsItems .icons {
    position: absolute;
    top: -3.6rem;
    left: 0;
    right: 0;
    margin: auto;
}

/*.serviceItems.active {*/
/*    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);*/
/*}*/
.serviceItems:hover {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.serviceItems::before {
    content: '';
    position: absolute;
    background: url("../../assets/images/patternService.png");
    width: 170px;
    height: 100%;
    background-position: center;
    background-size: cover;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.studioBranch {
    background: url("../../assets/images/studioBranch.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fs36 {
    font-size: 36px;
}

.ourTops {
    background: url("../../assets/images/topclientBg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.filmtopclient li {
    flex: 34%;
}

.filmtopclient li img {
    width: 100%;
}

.fs92 {
    font-size: 92px;
}

.fs40 {
    font-size: 40px;
}

.videoSec {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.contentSec {
    background: url("../../assets/images/contentBg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fs80 {
    font-size: 80px;
}

.ourreviews {
    background: url("../../assets/images/reviewBg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wrapItems {
    padding-top: 2.8rem;
}

.hireExpert {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.faqSec {
    background: url("../../assets/images/faqBg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.faqSec .accordion-button {
    background: var(--black);
    color: #fff;
    font-size: 25px;
    box-shadow: none;
    font-weight: 600;
}

/* .faqSec .accordion-item:first-of-type>.accordion-header .accordion-button{
    background: radial-gradient(circle,rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
    color: #000;
} */
.faqSec .accordion-button:not(.collapsed) {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
    color: #000;
}

.faqSec .show .accordion-body {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
    /* padding-top: 0; */
}

.faqSec .accordion-item {
    margin-bottom: 20px;
    border: none;
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.bottomCta {
    background: url("../../assets/images/bottomCta.jpg");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6rem 0;
}

.fs50 {
    font-size: 50px;
}

.footerSec {
    background: radial-gradient(circle, rgba(255, 213, 79, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.fs26 {
    font-size: 26px;
}

.footerMenu ul li a {
    color: var(--black);
    display: block;
    padding: 3px 0;
    text-decoration: none;
}

.footerNewsletter .form-group {
    margin-bottom: 10px;
}

.footerNewsletter button {
    padding: 8px 40px;
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
    border: none;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

.ourservices.ourreviews .swiper-wrapper {
    padding-top: 5rem;
    /*padding-bottom: 3rem;*/
    padding-bottom: 0;
}

.ourservices .swiper-wrapper {
    /*padding-top: 5rem;*/
    padding-bottom: 3rem;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
}

.studioBranch .swiper-wrapper {
    padding-bottom: 3rem;
}

.contactInfo {
    background: #1B1D28;
}

.contactInfo .form-group {
    margin: 10px 0;
}

.contactInfo .form-control {
    padding: 18px 15px;
    height: auto;
    background: var(--black);
    border: none;
    color: #fff;
}

.contactInfo .form-control::placeholder {
    color: #fff;
}

.contactInfo .form-group label {
    font-size: 16px;
    color: #fff;
    margin-right: 13px;
}

.contactInfo button {
    width: 100%;
    padding: 10px 30px;
    background: radial-gradient(circle, rgba(255, 194, 0, 1) 0%, rgba(255, 51, 0, 1) 100%);
    border: none;
    box-shadow: none;
}

.reviewSec {
    background: #1B1D28;
}

.reviewWrapper {
    background: #fff;
    padding: 2rem 2rem;
    border-radius: 20px;
    margin: 15px 0;
}

.services-row span {
    color: white;
}

.services-row p {
    color: white;
}

.services-row .serviceItems.active h3 {
    color: #000;
}

.services-row .serviceItems.active p {
    color: #000;
}

.servicehireExpert {
    background: url("../../assets/images/serviceHirebg.webp")top center/cover no-repeat;
    padding: 5rem 0px;
}

.servicefaq {
    background: url("../../assets/images/serviceFaqBg.webp")top center/cover no-repeat;
    padding: 60px 0px;
}

.service-mic {
    position: absolute;
    right: 0px;
    top: 20px;
}

.servicefaq .accordion-button {
    background: #fff !important;
    color: #000 !important;
}

.servicefaq .accordion-button:not(.collapsed) {
    background: #000 !important;
    color: #fff !important;
}

.faqSec .show .accordion-body {
    background: #000 !important;
    color: #fff !important;
}

.aboutus {
    background: url("../../assets/images/AboutusBg.webp")center center/cover no-repeat;
    position: relative;
}

.aboutlefbg {
    padding: 4rem 0;
    background: url("../../assets/images/abputleftBg.jpg")top center/cover no-repeat;
}

.aboutmic {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 640px;
}

.aboutclubserv {
    background: url("../../assets/images/servkceAboutbg.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4rem 0;
}

.headerBg {
    background-size: cover !important;
}

.fixedbtnwhatsapp {
    position: fixed;
    bottom: 1em;
    left: 2em;
    z-index: 999999;
}

.fixedbtnwhatsapp ul li {
    text-decoration: none;
    list-style: none;
}

.fixedbtnwhatsapp ul li img {
    width: 65px;
}

.sticky {
    position: fixed;
    top: -10px;
    left: 0;
    right: 0px;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* padding: 10px 40px; */
    z-index: 999999;
}

.heading1 {
    background: var(--orange);
    padding: 1rem 1rem;
    border-radius: 12px;
    color: white;
    font-size: 28px;
    margin-bottom: 0.6rem;
}

.sitemapdata ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    text-align: center;
}

.sitemapdata ul li {
    width: 32%;
    padding: 0.4rem 0;
    background: #e2e0e033;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.sitemapdata ul li a {
    list-style: none;
    text-decoration: none;
    color: black;
}

.not-found {
    padding: 100px 0px;
    background: #222222;
}

.not-found img {
    width: 70%;
    display: block;
    margin: auto;
}

.not-found a {
    padding: 6px;
    width: 260px;
    font-size: 20px;
    background: var(--orange);
    color: white;
    text-decoration: none;
}
.ctaBanner img{
    width: 100%;
}

.accordion-button:not(.collapsed)::after {
  
    filter: invert(1);
}
.accordion-button::after{
    filter: invert(1);
}