@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



/***** General CSS *****/

/*font-family: "Lato", sans-serif;*/

body {

  word-break: break-word;

  font: 15px/25px 'Poppins', sans-serif;

  color: #393939;

  overflow-x: hidden;

}



a {

  text-decoration: none;

  color: #28b16d;

  white-space: initial;

}



a:hover,

a:focus {

  text-decoration: none;

  color: #393939;

}



a:hover {

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

}



img {

  max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



ul {

  margin: 0 0 20px;

  padding: 0;

  list-style-type: none;

}



p {

  font-weight: 500;

}





/***** Font Files *****/



@font-face {

  font-family: 'Fonts Awesome';

  src: url(../fonts/fontawesome-webfont.eot);

  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

  font-weight: 400;

  font-style: normal

}





/***** Custom Classes *****/



.noPadding {

  padding: 0;

}



.noLeft {

  padding-left: 0;

}



.noRight {

  padding-right: 0;

}



.centerCol {

  float: none;

  margin: 0 auto;

}



.theme-btn {

  font-size: 14px;

  line-height: 20px;

  font-weight: 500;

  padding: 15px 40px;

  color: #fff;

  margin: 20px 20px 20px 0;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  text-transform: capitalize;

  border: 2px solid;

  text-transform: uppercase;

}



.theme-btn:hover {

  background-color: #fff;

  color: #28b16d;

  border-color: #28b16d;

}



.flexRow {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}



.flexCol {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  align-items: center;

}



h1 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 55px;

  line-height: 60px;

  color: #fff;

  font-weight: 500;

  margin: 0 0 17px;

}



h2 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 45px;

  line-height: 52px;

  color: #242424;

  font-weight: 600;

  margin: 0 0 30px;

}



h3 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 30px;

  line-height: 34px;

  color: #000000;

  font-weight: 600;

  margin: 0 0 28px;

}



h4 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 24px;

  line-height: 29px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 13px;

}



h5 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 20px;

  line-height: 25px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 20px;

}



h6 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 18px;

  line-height: 23px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 22px;

}



select {

  background: #fff url('../images/arrow.png') no-repeat right;

  padding: 0 40px 0 30px;

  

}



::-webkit-input-placeholder {

  color: #575757;

}



::-moz-placeholder {

  color: #575757;

  opacity: 1;

}



:-ms-input-placeholder {

  color: #575757;

}



:-moz-placeholder {

  color: #575757;

  opacity: 1;

}





/*header css start */



.menuSec {

  padding: 0px 0;

}



.menuSec img {

  margin: 0;

}



.menuSec ul {

  position: relative;

  list-style: none;

  padding: 0;

  margin: 0;

  text-align: right;

  text-transform: capitalize;

}



.menuSec ul li {

  position: relative;

  display: inline-block;

  margin: 0;

  padding: 0;

}



.menuSec li ul {

  display: none;

}



.menuSec ul li a {

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #333;

    padding: 10px 8px;

    font-size: 13px;

    text-transform: uppercase;

    font-family: lato;

    font-weight: 700;

}



.logo a img {

    width: 50%;

    margin: 0 auto;

    display: block;

}



.menuSec ul li:last-child a {

  padding-right: 0px;

}



.menuSec ul li:last-child a:after {

  display: none;

}



.menuSec ul li a:hover,

.menuSec ul li a.active {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  color:rgb(0, 155, 165);

}

.headbtn {

    text-align: right;

}

ul.for-textlet {

    text-align: left;

}

ul.minr {

    /*margin-right: -50px;*/

    display: block;

}

ul.minl {

    /*margin-left: -50px;*/

    display: block;

}

header {

    padding: 5px 0;

}

.thmbtn {

    border: none;

    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);

    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow 0s ease, opacity .25s ease;

    background: #009BA5;

    color: #fff;

    /* padding: 10px 20px; */

    border-radius: 5px;

    padding: 12px 30px;

    font-size: 15px;

    line-height: 18px;

    

}



header .thmbtn{

  text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

}





a.thmbtn:hover {

    background: #000;

    color: #fff;

}



/*banner css start */





section.main_slider img {

    width: 100%;

    object-fit: cover;

    height: 750px;

}

.banner_text a:hover {

    background: #fff;

    color: #000;

}



.banner_img img {

    width: 88% !important;

    height: auto !important;

    text-align: right;

    margin: 0 0 0 auto;

    display: block;

}

section.main_slider .carousel-caption {

    background: rgba(12, 12, 12, 0.81);

}

.banner_text h5 {

    font-size: 25px;

    font-weight: 200;

    color: rgb(255, 255, 255);

    text-transform: none;

    text-decoration: none;

    letter-spacing: 0px;

    line-height: 41px;

    margin-bottom: 0;

}



.banner_text h2 {

    font-size: 39px;

    font-weight: 900;

    color: rgb(255, 255, 255);

    text-transform: none;

    text-decoration: none;

    letter-spacing: 0px;

    line-height: 49px;

    font-weight: 900;

}

.banner_text a {

    border-width: 0px;

    border-style: none;

    border-color: rgb(255, 255, 255);

    background: rgb(0, 155, 165);

    color: #fff;

    border-radius: 25px;

    font-size: 20px;

    font-weight: 500;

    padding: 7px 38px;

}

section.main_slider .carousel-control-prev, section.main_slider .carousel-control-next {

    display: unset;

    width: fit-content;

    height: fit-content;

    top: 0;

    bottom: 0;

    margin: auto;

}



section.main_slider .carousel-control-prev-icon, section.main_slider .carousel-control-next-icon {

    height: 3rem;

    width: 3rem;

}

.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

  width: 100%;

}

.carousel-control.right,

.carousel-control.left {

  background: none;

  opacity: 1;

  width: 50px;

  height: 50px;

  top: initial;

  top: 40%;

  background: rgba(255, 255, 255, 0.1);

  text-shadow: none;

}

.carousel-control.right:hover,

.carousel-control.left:hover {

  background: rgba(255, 27, 27, 0.6);

  color: #fff;

}

.carousel-control.right .fa,

.carousel-control.left .fa {

  position: relative;

  top: 12px;

  font-size: 20px;

  color: #fff;

  opacity: 0.5;

}

.carousel-control.right {

  right: 0px;

}

.carousel-control.left {

  left: 0px;

}

.carousel-indicators {}

.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 12px;

    padding: 0;

    margin: 3px!important;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    /* transition: opacity 0.6s ease; */

    border-radius: 20px;

}

.carousel-indicators [data-bs-target] {

    background-color: #000;

    border-radius: 100%;

    height: 12px;

    width: 12px;

    position: relative;

}



.carousel-indicators .active {

    background-color: #fff;

}

.carousel-caption {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  margin: 0;

  padding: 0;

  color: #fff;

  text-align: left;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background: rgba(0, 0, 0, 0.1);

}

.carousel-indicators li {

  border: none;

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  background: #fff;

  width: 12px;

  height: 12px;

  margin: 0;

}

.carousel-indicators [data-bs-target]:before {

    content: '';

    background: #fff;

    font-size: 2px;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 4px;

    height: 4px;

    border-radius: 100%;

    margin: auto;

}



.carousel-indicators .active:before {

    background: #000;

}

/*banner css end*/





/*about css*/

section.about-sec {

    background: #E4E4E4;

    position: relative;

    padding: 50px 0;

}



.about-txt h3 {font-size: 45px;color: #242424;font-weight: 600;margin-bottom: 35px;}



.about-txt h6 {

    color: #242424;

    margin-bottom: 8px;

    font-size: 15px;

    font-weight: 600;

}



.about-txt p {

    font-size: 18px;

    color: #000;

    line-height: 1.7;

    margin-bottom: 30px;

    font-weight: 400;

}

.about-txt {

    padding-left: 40px;

    width: 92%;

}

.about-img img {

    border-radius: 17px;

    

    width: 100%;

}



.about-img {

    text-align: right;

    overflow: hidden;

    border-radius: 17px;

    transition: 1s all;

}



.about-img:hover {

    transform: scale(1.1);

}

/*about css*/



 

/*services css*/

section.services {

    padding: 100px 0;

    background-color: #009BA5;

    background-image: url('../images/ser-bg.png');

    background-size: cover;

    position: relative;

}

.ser-head h4 {

    font-size: 45px;

    color: #fff;

    text-align: center;

    font-weight: 600;

}



.ser-head {

    margin-bottom: 70px;

}

.ser-bx {

    background: #067f87;

    min-height: 24em;

    padding: 30px 10px 40px 10px;

    border-radius: 20px;

    box-shadow: 1px 1px 12px #878787;

    text-align: center;

    color: #fff;

}



.ser-bx a {

    width: 100%;

    height: 100%;

    display: block;

}

.ser-bx img {

    height: 53px;

    object-fit: cover;

    margin-bottom: 15px;

}

.ser-bx h6 {

    color: #fff;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 600;

    margin-bottom: 10px;

}

.ser-bx p {

    color: #fff;

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 0;

}

.ser-btn a {



    padding: 10px 25px;

    border-radius: 3px;

    background-color: #FFFFFF;

    fill: #009BA5;

    color: #009BA5;

}



.ser-btn {

    text-align: center;

    margin-top: 40px;

}



.ser-btn a:hover {

    background-color: #000000;

    color: #FFFFFF;

}

/*services css*/



/*GAllery Start*/



section.gallery-sec {

    padding: 80px 0;

}



.gal-img img {

    width: 100%;

    height: auto;

    object-fit: cover;

    margin: 0 0 20px;

}



.galler-btn a {

    background: #009BA5;

    color: #fff;

}



/*GAllery end*/



/*Booking Start*/



section.book-seasion-sec {

    background-image: url(../images/booking-back.jpg);

    padding: 200px 0;

    background-attachment: fixed;

    background-position: center top;

}



.book-seasion-txt {

    text-align: center;

}



.book-seasion-txt h4 {

    color: #fff;

    font-size: 20px;

    font-family: 'Poppins';

    margin: 0 0 30px;

    line-height: 30px;

}



.book-seasion-txt h3 {

    font-size: 25px;

    color: #fff;

    line-height: 35px;

    margin: 30px 0;

    font-family: 'Poppins';

}



.book-seasion-txt ul {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    gap: 30px;

}



.book-seasion-txt ul li {

    display: flex;

    align-items: center;

    gap: 20px;

}



.book-seasion-txt ul li svg {

    width: 25px;

      fill: #009ba5;

}



.book-seasion-txt ul li span {

    color: #fff;

    font-size: 16px;

    font-family: 'Poppins';

    text-transform: uppercase;

}



section.book-seasion-sec {

    position: relative;

}



section.book-seasion-sec:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #00000087;

}



.book-seasion-txt {

    position: relative;

    z-index: 1;

}



/*Booking Start*/



/*Footer Start*/



.footer-logo img {

    filter: invert(1);

    width: 35%;

    object-fit: cover;

    padding-bottom: 30px;

}



footer {

    background: #0f0f0f;

    padding-top: 50px;

}



.footer-logo p {

    font-size: 16px;

    color: #fff;

    padding-top: 30px;

    line-height: 23px;

    font-weight: 300;

    border-top: 1px solid #fff;

}



footer h5 {

    font-size: 16px;

    line-height: 22px;

    font-family: 'Poppins';

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

}



.footer-link ul {

    column-count: 2;

}



.footer-link ul li a {

    color: #ffffffb0;

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 22px;

    display: block;

    font-weight: 400;

}



.footer-contact ul li a {

    font-size: 16px;

    color: #ffffff;

    margin: 0 0 20px;

    display: block;

    line-height: 25px;

}



.footer-bottom-sec {

    border-top: 1px solid #fff;

    padding: 15px 0;

    margin-top: 50px;

}



.footer-copy p {

    margin: 0;

    color: #fff;

    font-size: 16px;

    font-family: 'Poppins';

    font-weight: 400;

}



.footer-pay {

    text-align: right;

}



.footer-pay img {

    object-fit: contain;

}

.gal-img a {

    position: relative;

    display: block;

}



.gal-img a:before {

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    width: 0;

    height: 100%;

    background: #abb7c263;

    z-index: 1;

    transition: 0.5s all;

    opacity: 0;

}



.gal-img {}



.gal-img img {

    margin-bottom: 0;

}



.gal-img a {

    margin-bottom: 20px;

}



.gal-img a:hover:before {

    opacity: 1;

    /* right: 0; */

    /* left: unset; */

    width: 100%;

    transition: 0.5s all;

}

/*Footer Start*/



/*Inner About Start*/



section.set-part-sec {

    background-image: url(../images/part-back.png);

    padding: 70px 0;

    background-repeat: no-repeat;

    width: 100%;

    background-size: cover;

}



.set-part-txt h3 {

    color: #fff;

    font-size: 30px;

    line-height: 40px;

    font-family: 'Poppins';

}



.set-part-txt p {

    font-size: 18px;

    color: #fff;

    line-height: 28px;

    margin: 0 0 20px;

    font-weight: 400;

}



.set-part-txt h4 {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    font-weight: 700;

    font-family: 'Poppins';

}



.inner-about-sec {

    background: #fff !important;

}



.inner-about-sec h6 {

    font-weight: 600;

    font-size: 18px;

    line-height: 28px;

    color: #242424;

}



/*Inner About Start*/



/*inner servive Start*/



section.inner-service-sec {

    padding: 100px 0;

}



.inner-service-head p {

    font-size: 20px;

    font-family: 'Poppins';

    line-height: 30px;

}



.inner-service-head {

    margin: 0 0 100px;

}



.inner-service-txt h4 {

    font-size: 25px;

    color: #000;

    line-height: 35px;

    font-family: 'Poppins';

    font-weight: 700;

}



.inner-service-txt p {

    font-size: 20px;

    line-height: 30px;

    margin: 0 0 20px;

}



.inner-service-txt ul li {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 20px;

}



.inner-service-txt ul li span {

    font-size: 16px;

    font-family: 'Poppins';

    color: #000;

}



.inner-service-txt ul li span strong {

    font-size: 18px;

    font-family: 'Lato';

}



.inner-service-txt ul {

    border-bottom: 1px solid #00000070;

    padding-bottom: 20px;

}



.inner-service-txt em {

    font-size: 17px;

    color: #000;

    line-height: 27px;

    font-weight: 500;

    font-family: 'Poppins';

}



.inner-service-img img {

    width: 82%;

    height: 500px;

    border-radius: 30px;

    transition: 0.5s ease-in-out;

    object-fit: cover;

}



.inner-service-img:hover img {

    transition: 0.5s ease-in-out;

    transform: scale(1.1);

}



.inner-service-img {

    margin: 0 auto 0;

    text-align: center;

}



.inner-middleservice-sec {

    padding: 40px 0;

    margin: 100px 0;

    background-image: url(../images/service-middle-back.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}



.inner-middleservice-sec .inner-service-txt * {

    color: #fff;

}



/*inner servive Start*/



/*Rockchase Start*/



section.inner-banner-sec {

    background: #000;

    padding: 70px 0;

}



.inner-banner-txt {

    text-align: center;

}



.inner-banner-txt h1 {

    font-size: 68px;

    line-height: 78px;

    font-weight: 700;

    color: #fff;

}



.inner-banner-txt ul {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin: 0;

}



.inner-banner-txt ul li a {

    color: #fff;

    font-size: 11px;

    font-family: 'Lato';

    text-transform: uppercase;

}



.inner-banner-txt ul li span {

    color: #fff;

    font-size: 11px;

    font-family: 'Lato';

    text-transform: uppercase;

}



section.rockchase-sec {

    padding: 100px 0;

}



.rockchase-box {

    box-shadow: 0 0 5px 0 #0000005e;

    padding: 40px;

    background: #fff;

}



.rockchase-img img {

    height: 390px;

    width: 100%;

    object-fit: cover;

    transition: 0.5s ease-in-out;

}



.rockchase-txt {

    text-align: center;

    padding: 30px 0 0;

}



.rockchase-txt h4 {

    font-size: 18px;

    line-height: 28px;

    color: #000;

    font-family: 'Lato';

    font-weight: 700;

}



.rockchase-txt h5 {

    font-size: 16px;

    font-family: 'Poppins';

    font-weight: 600;

    color: #000;

}



.rockchase-txt span {

    display: block;

    line-height: 26px;

    color: #000;

}



.rockchase-txt a {

    margin-top: 20px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-transform: uppercase;

}



.rockchase-box:hover .rockchase-img img {

    transform: scale(1.1);

    transition: 0.5s ease-in-out;

}



/*Rockchase Start*/



/*Coaches Start*/



section.coaches-sec {

    padding: 100px 0;

}



.coaches-box {

    background: #f1f1f1;

    padding: 40px 20px;

    border-radius: 30px;

    text-align: center;

    margin: 0 0 30px;

    min-height: 610px;

}



.coaches-img img {

    width: auto;

    height: 300px;

    object-fit: cover;

    transition: 0.5s ease-in-out;

}



.coaches-img {

    margin: 0 0 20px;

    display: block;

}



.coaches-txt h4 {

    font-size: 24px;

    font-family: 'Lato';

    color: #000;

    font-weight: 600;

    margin: 0 0 10px;

}



.coaches-txt span {

    font-size: 15px;

    color: #7c7c7c;

    line-height: 20px;

    display: block;

    margin: 0 0 20px;

}



.coaches-txt p {

    font-size: 16px;

    color: #000;

    line-height: 24px;

    font-family: 'Poppins';

    font-weight: 400;

}



.coaches-txt a {

    font-size: 16px;

    color: #000;

    text-decoration: underline;

    font-weight: 600;

}



.coaches-box:hover .coaches-img img {

    transform: scale(1.1);

    transition: 0.5s ease-in-out;

}



.coaches-head h2 {

    color: #009ba5;

}



/*Coaches Start*/



/*Contact Start*/



section.contact-sec {

    padding: 100px 0;

}



.contact-touch h2 {

    color: #009BA5;

    font-family: 'Lato';

    font-size: 45px;

}



.contact-touch ul li {

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 0 0 16px;

}



.contact-touch ul li a {

    color: #000;

}



.contact-touch ul li i {

    font-size: 20px;

    color: #009ba5;

}



.contact-touch h3 {

    font-size: 30px;

    line-height: 40px;

    font-family: 'Lato';

}



.contact-touch ul li svg {

    fill: #009ba5;

    width: 30px;

}



.contact-form input {

    width: 100%;

    height: 45px;

    margin: 0 0 20px;

    border: 1px solid #cbcbcb;

    padding: 0 20px;

    color: #000;

}



.contact-form input::placeholder {

    color: #000;

    font-family: 'Poppins';

}



.contact-form textarea {

    width: 100%;

    margin: 0 0 20px;

    border: 1px solid #cbcbcb;

    padding: 20px;

    color: #000;

    height: 200px;

}



.contact-form textarea::placeholder {

    color: #000;

    font-family: 'Poppins';

}



/*Contact Start*/





/*master class detail*/

section.master-detail {

    padding-top: 90px;

    padding-bottom: 50px;

}

.msdetail-txt h2 {

    font-size: 24px;

    line-height: 1.4;

    margin-bottom: 20px;

}



.msdetail-txt p {

    color: #7a7a7a;

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: 400;

}



.msdetail-txt h4 {

    font-size: 18px;

    line-height: 25px;

    color: #000;

    font-weight: 600;

}



.msdetail-txt a {

    color: #000;

}

a.regin-btn {

    background: #009BA5;

    max-width: fit-content;

    padding: 10px 20px;

    display: block;

    color: #fff;

    margin-bottom: 40px;

    margin-top: 20px;

}



.register-from {

    background: #fff;

    display: block;

    padding: 39px 40px 30px 40px;

    box-shadow: 4px -1px 8px #ddd;

    border-radius: 20px;

}



.register-from label {

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 8px;

    margin-top: 10px;

}



.register-from label span {

    color: #c02b0a;

    display: inline-block;

    font-size: 13.008px;

    padding-left: .125em;

    font-style: italic;

    font-weight: 500;

}



.register-from input {

    width: 100%;

    border: 1px solid #bdbdbd;

    color: #000;

    padding: 10px 15px;

    margin-bottom: 10px;

}



label.rd-inp {

    display: block;

}



label.rd-inp p {

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 500;

}



label.rd-inp p input {

    width: fit-content;

    margin-bottom: 0;

}



.register-from textarea {

    width: 100%;

    border: 1px solid #bdbdbd;

    color: #000;

    padding: 10px 15px;

    margin-bottom: 10px;

}



.register-from {}



.register-from h6 input {

    width: fit-content;

    margin-bottom: 0;

}



.register-from h6 {

    font-weight: 400;

    font-size: 16px;

}



.register-from h6 a {

    text-decoration: underline;

    color: #009ba5;

}



.submit-btn button {

    background: #009BA5;

    max-width: fit-content;

    padding: 10px 30px;

    display: block;

    color: #fff;

    /* margin-bottom: 40px; */

    margin-top: 20px;

    border: none;

    text-transform: uppercase;

    outline: none;

}

.msdetail-txt.shdab ul li {

    color: #7a7a7a;

    list-style: disc;

    line-height: 1.9;

    margin-bottom: 15px;

}



.msdetail-txt.shdab ul {

    padding-left: 20px;

}

/*master class detail*/





/*coach detail*/

section.coach-detail-sec {

    padding: 90px 0;

}



.dt-img {

    position: relative;

    border-radius: 17px;

    transition: 1s all;

}



.dt-img img {

    border-radius: 17px;

}



.dt-img:hover {

    transform: scale(1.1);

}



.dt-txt {

    background-color: #F1F1F1;

    border-radius: 17px;

    padding: 30px 20px;

}



.dt-txt {}



.dt-txt h1 {

    font-size: 28px;

    color: #3d7f88;

    font-weight: 600;

    line-height: 29px;

}

.dt-txt h4 {

    font-size: 18px;

    margin-bottom: 20px;

    color: #000;

    font-weight: 600;

    line-height: 25px;

}



.dt-txt ul li {

    font-size: 16px;

    color: #000;

    line-height: 26px;

    font-weight: 400;

    list-style: disc;

    margin-bottom: 10px;

}



.dt-txt ul {

    padding-left: 20px;

}



.dt-txt p a {

    color: #000;

}

.dt-txt p {

    font-size: 16px;

    color: #000;

    font-weight: 400;

    line-height: 26px;

}

/*coach detail*/





/*terms*/

section.terms {

    padding: 90px 0;

}



.terms-content p {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

}



.terms-content ul {

    padding-left: 20px;

    list-style: disc;

}

/*terms*/

@media only screen and (min-width: 520px) and (max-width: 767px) {

  li.for-mobile {

    display: block !important;

}

.gal-img img {
    height: 300px;

}

.footer-copy p {
    font-size: 13px;
}

.logo a img {

    width: 18%;

    padding: 10px 0;

}



header .thmbtn {

    display: none;

}

.banner_text {

    text-align: center;

}



.banner_text h5 {

    font-size: 16px;

    font-weight: 500;

}



.banner_text h2 {

            font-size: 17px;
        line-height: 1.3;
        font-weight: 600;

}
.menuSec .row.align-items-center.justify-content-end {
    justify-content: center !important;
}


.banner_img {

    margin-top: 50px;

}



.banner_img img {

    width: 76% !important;

    margin: 0 auto !important;

}

section.main_slider img {

    height: 65vh;

}

section.main_slider .carousel-control-prev, section.main_slider .carousel-control-next {

    display: none;

}

.banner_text a {

    font-size: 18px;

    padding: 5px 25px;

}

.about-txt {

    padding: 0;

    margin-bottom: 50px;

}

.ser-bx {

    margin-bottom: 40px;

}

.book-seasion-txt ul {

    display: inline-block;

}



.book-seasion-txt ul li {

    display: inline;

    padding: 0 17px;

    margin: 10px 0;

}



.book-seasion-txt h4 {

    font-size: 16px;

}



section.book-seasion-sec {

    background-attachment: inherit;

    background-size: cover;

    padding: 150px 0;

    background-repeat: no-repeat;

}

.footer-pay {

    text-align: center;

    margin-top: 10px;

}



.footer-copy {

    text-align: center;

}

.inner-service-head p {

    font-size: 16px;

    line-height: 25px;

}



section.inner-service-sec {

    padding: 60px 0px;

}



.inner-service-img img {

    width: 100%;

    margin: 20px 0;

}

.inner-banner-txt h1 {

    font-size: 36px;

    line-height: 1.3;

}



section.inner-banner-sec {

    padding: 20px 0;

}

.rockchase-box {

    margin-bottom: 30px;

    min-height: unset;

}

.msdetail-img img {

    margin-bottom: 30px;

}



.msdetail-txt h2 {

    font-size: 18px;

}



.msdetail-txt p {

    font-size: 15px;

}

section.gallery-sec .col {

    flex: 1 0 50%;

}

.dt-img img {

    margin-bottom: 30px;

}

.contact-touch ul li {

    font-size: 14px;

}

.event-title h2 {
    font-size: 25px !important;
    line-height: 1.5 !important;
}

.community-detail-text h2 {
    font-size: 25px !important;
    margin-bottom: 0 !important;
}

.lastest-text-points ul li {
    white-space: unset !important;
    font-size: 13px !important;
}

.ticket-body {
    margin-bottom: 30px !important;
}

.community-detail-text h4 {
    font-weight: 500 !important;
}
header {
    padding: 10px 0 !important;
}
.ser-bx {
    min-height: auto !important;
}
.register-from input {
    padding: 5px 10px;
}

.register-from label {
    font-size: 14px;
}

.register-from h6 {
    font-size: 14px;
}
.coaches-head h2 {
    font-size: 30px !important;
}
.lastest-text-points-row {
    height: auto !important;
}
.contact-touch h2 {
    font-size: 30px !important;
}

section.contact-sec {padding: 50px 0;}
.contact-form h2 {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
}
}



@media only screen and (min-width: 300px) and (max-width: 519px) {

  li.for-mobile {

    display: block !important;

}
.contact-touch h2 {
    font-size: 30px !important;
}

section.contact-sec {padding: 50px 0;}
.contact-form h2 {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.lastest-text-points-row {
    height: auto !important;
}
.coaches-head h2 {
    font-size: 30px !important;
}
.register-from input {
    padding: 5px 10px;
}

.register-from label {
    font-size: 14px;
}

.register-from h6 {
    font-size: 14px;
}
.ser-bx {
    min-height: auto !important;
}
header {
    padding: 10px 0 !important;
}
.event-title h2 {
    font-size: 25px !important;
    line-height: 1.5 !important;
}

.community-detail-text h2 {
    font-size: 25px !important;
    margin-bottom: 0 !important;
}

.lastest-text-points ul li {
    white-space: unset !important;
    font-size: 13px !important;
}

.ticket-body {
    margin-bottom: 30px !important;
}

.community-detail-text h4 {
    font-weight: 500 !important;
}



.gal-img img {
    height: 200px;

}

.footer-copy p {
    font-size: 13px;
}









.logo a img {

    width: 18%;

    padding: 10px 0;

}



header .thmbtn {

    display: none;

}

.banner_text {

    text-align: center;

}



.banner_text h5 {

    font-size: 16px;

    font-weight: 500;

}



.banner_text h2 {

    font-size: 25px;

    line-height: 1.3;

}



.banner_img {

    margin-top: 50px;

}



.banner_img img {

    width: 76% !important;

    margin: 0 auto !important;

}

section.main_slider img {

    height: 90vh;

}

section.main_slider .carousel-control-prev, section.main_slider .carousel-control-next {

    display: none;

}

.banner_text a {

    font-size: 18px;

    padding: 5px 25px;

}

.about-txt {

    padding: 0;

    margin-bottom: 50px;

}

.ser-bx {

    margin-bottom: 40px;

}

.book-seasion-txt ul {

    display: inline-block;

}



.book-seasion-txt ul li {

    display: inline;

    padding: 0 17px;

    margin: 10px 0;

}



.book-seasion-txt h4 {

    font-size: 16px;

}



section.book-seasion-sec {

    background-attachment: inherit;

    background-size: cover;

    padding: 150px 0;

    background-repeat: no-repeat;

}

.footer-pay {

    text-align: center;

    margin-top: 10px;

}



.footer-copy {

    text-align: center;

}

.inner-service-head p {

    font-size: 16px;

    line-height: 25px;

}



section.inner-service-sec {

    padding: 60px 0px;

}



.inner-service-img img {

    width: 100%;

    margin: 20px 0;

}

.inner-banner-txt h1 {

    font-size: 36px;

    line-height: 1.3;

}



section.inner-banner-sec {

    padding: 20px 0;

}

.rockchase-box {

    margin-bottom: 30px;

    min-height: unset;

}

.msdetail-img img {

    margin-bottom: 30px;

}



.msdetail-txt h2 {

    font-size: 18px;

}



.msdetail-txt p {

    font-size: 15px;

}

section.gallery-sec .col {

    flex: 1 0 50%;

}

.dt-img img {

    margin-bottom: 30px;

}

.contact-touch ul li {

    font-size: 14px;

}

}







.slicknav_nav a:hover {

    background: #009ba5;

    color: #fff;

}

header {

    border-bottom: 1px solid #d9d9d9;

}

section.about-sec.inner-about-sec .about-txt h3 {

    font-size: 30px;

    margin-bottom: 25px;

}

.inner-service-head p {

    font-weight: 400;

}

.rockchase-box {

    min-height: 750px;

}



/*.coachdt-txt {

  display: flex;

  align-items: flex-start;

  gap: 20px;

}



.coachdt-txt img {

  max-width: 300px;

  height: auto;

  margin-left: auto;

  border-radius: 8px;

}



.coachdt-txt h1,

.dt-txt p {

  flex: 1;

}*/





.about-txt h3 {

    color: #242424;

    margin-bottom: 8px;

    font-size: 15px;

    font-weight: 600;

}



.inner-about-sec h3 {

    margin-bottom: 8px;

    font-weight: 600;

    font-size: 18px;

    line-height: 28px;

    color: #242424;

}



/*.book-seasion-txt h3 {

    color: #fff;

    font-size: 20px;

    font-family: 'Poppins';

    margin: 0 0 30px;

    line-height: 30px;

}*/

.set-part-txt h3 {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    font-weight: 700;

    font-family: 'Poppins';

}

.rockchase-txt p {

    display: block;

    line-height: 26px;

    color: #000;

}

span.has-error.help-block{

    display: block;

}



ol, ul {

    padding-left: 0px !important;

}






/*events Start*/

.lastest-sec {
    padding: 100px 0;
}
.lastest-heading h2 {
    color: #000;
    margin-bottom: 0px;
}
.lastest-heading p {
    width: 47%;
    margin: 0 auto;
    color: #000;
}
.no-padding {
    padding: 0 !important;
}
.lastest-number {
    background: #05bcbf;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    animation: pulse-animation 2s infinite;
}
.lastest-number span {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
}
.lastest-text-points-row {
    border: 2px solid #dadada;
    border-left: none;
    display: flex;
    align-items: center;
    height: auto;
    /*height: 290px;*/
}
.lastest-text-points-row .row {
    width: 100%;
}
.lastest-text-points h2 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}
.lastest-text-points {
    padding-left: 35px;
}

.lastest-text-points ul li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin-top: -2px;
}
.lastest-text-points ul {
    line-height: 35px;
    margin-bottom: 0;
}
.lastest-text-points ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    font-weight: 900;
    color: #333333;
    text-transform: uppercase;
}

.lastest-text-btn {
    text-align: end;
    margin-top: 20px;
}
.lastest-row {
    margin-top: 50px;
}
.lastest-text-btn a {
    background: #05bcbf;
    padding: 14px 40px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    animation: pulse-animation 2s infinite;
}
.lastest-img img {
    width: 100%;
    height: 348px;
    object-fit: cover;
}
.events-head h2 {
    font-size: 70px;
}
/*events End*/



/*event Detail Start*/

.community-detail-sec {
    padding: 100px 0;
}
.community-detail-text h2 {
    text-transform: capitalize;
    color: #000;
}
.community-detail-sec p {
    color: #000;
    margin-bottom: 20px;
}
.community-detail-images img {
    width: 100%;
    max-height: 700px;
    margin-bottom: 50px;
    object-fit: cover;
}
.community-detail-text a {
    margin-top: 30px;
    display: block;
    width: fit-content;
}
.community-detail-row {
    margin-top: 20px;
}
.community-detail-sec .row {
    /*align-items: center;*/
}
.event-title h2 {
    font-size: 60px;
    margin-bottom: 40px;
    text-transform: uppercase;
}


.enents-photogallery {
    padding: 70px 0;
}

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

.detailgal-head h2 {
    font-size: 60px;
    margin-bottom: 50px;
}

.detailgal-img a img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    margin-bottom: 25px;
    border-radius: 15px;
    /* box-shadow: 0 0 0 4px #a1a1a1d1; */
}
/*event Detail End*/



.lastest-text-points {
    padding: 0;
    margin-bottom: 30px;
}

.lastest-text-points ul li {
    color: #000;
    font-weight: 500;
    line-height: 60px;
}

span.eventprice {
    font-weight: 800;
    font-size: 20px;
}

.lastest-text-points ul li i {
    /* color: #009BA5; */
}

.lastest-text-points ul li img {}

.community-detail-sec p {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.lastest-text-points h4 {}

.community-detail-text h4 {
    font-weight: 800;
    color: #000;
    margin-bottom: 30px;
}



.ticket-box {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
            max-width: 450px;
            width: 100%;
        }
        .ticket-header {
    background: linear-gradient(135deg, #009ba5 0%, #68d6dd70 100%);
    color: white;
    padding: 25px;
    border-radius: 15px 15px 0 0;
    text-align: center;
}
        .ticket-body {
    padding: 10px 20px;
}
        .form-label {
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }
        .qty-control {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        .qty-btn {
            width: 40px;
            height: 40px;
            border: 2px solid #667eea;
            background: white;
            color: #667eea;
            border-radius: 8px;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s;
        }
        .qty-btn:hover {
            background: #667eea;
            color: white;
        }
        .qty-display {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            min-width: 50px;
            text-align: center;
        }
        .amount-section {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            margin-top: 25px;
        }
        .amount-label {
            color: #666;
            font-size: 14px;
            margin-bottom: 5px;
        }
        .amount-value {
            font-size: 25px;
            font-weight: bold;
            color: #667eea;
        }
        .btn-cart {
            background: linear-gradient(135deg, #10a2ab 0%, #96dce1 100%);
            border: none;
            padding: 10px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 10px;
            width: 100%;
            margin-top: 20px;
            transition: transform 0.3s;
        }
        .btn-cart:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
        }
        .price-tag {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
        }


        .ticket-header h2 {
    font-size: 25px;
    color: #fff;
}

.ticket-header {
    padding: 10px 20px;
}

.ticket-body select {
    padding: 10px 10px;
    font-size: 14px;
}

.amount-section {
    padding: 10px;
}









.events-main .lastest-text-points ul li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin-top: -2px;
}
.events-main .lastest-text-points ul {
    line-height: 35px;
    margin-bottom: 0;
}
.events-main .lastest-text-points ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    line-height: unset;
}
.events-main .lastest-text-points {
    padding: 0;
    margin-bottom: 30px;
    padding-left: 35px;
}






@media only screen and (min-width: 1400px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.menuSec ul li a {
    font-size: 12px;
    padding: 10px 5px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.menuSec ul li a {
	    font-size: 10px;
	    padding: 10px 5px;
	}

	header .thmbtn {
	    padding: 10px 10px;
	}
	.banner_text h2 {
	    font-size: 25px;
	    line-height: 1.5;
	}
	.lastest-text-btn a {
	    padding: 10px 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.menuSec ul li a {
    font-size: 10px;
    padding: 8px 5px;
}

ul.minl {
    margin-left: -10px;
}

header .thmbtn {
    font-size: 10px;
    padding: 11px 15px;
}
.menuSec .container {
    max-width: 100%;
}
.banner_text h2 {
    font-size: 22px;
    line-height: 1.5;
}

.about-img {
    margin-top: 40px;
}

.ser-bx {
    min-height: auto;
    margin-bottom: 30px;
}
.about-txt p {
    font-size: 14px;
}

.inner-about-sec h6 {
    font-size: 14px;
}
.inner-service-head p {
    font-size: 16px;
}

.inner-service-txt p {
    font-size: 16px;
}
.rockchase-img img {
    height: 200px;
}

.rockchase-box {
    padding: 40px 20px;
    min-height: auto;
}

.rockchase-txt h4 {
    font-size: 15px;
}

.rockchase-txt h5 {
    font-size: 14px;
    margin-bottom: 10px;
}

.rockchase-txt p {
    font-size: 12px;
}

.rockchase-txt a {
    font-size: 13px;
    padding: 10px;
    height: auto;
}
.lastest-number span {
    font-size: 12px;
}

.events-main .lastest-text-points ul li {
    white-space: unset;
    font-size: 11px;
    font-weight: 500;
}

.lastest-img img {
    height: 310px;
}

.lastest-text-points-row {
    height: auto;
    padding: 6px 0;
}
.lastest-text-btn a {
    font-size: 13px;
    padding: 10px 20px;
}
.lastest-sec.events-main {}

.lastest-sec.events-main .lastest-text-points h2 {
    line-height: 1.5;
    font-size: 14px;
}

.lastest-sec.events-main .lastest-text-points span.eventprice {
    font-size: 13px;
}
}
.lastest-text-btn {
    text-align: end;
    margin: 0 0 50px 0;
}
i.fa.fa-pound-sign {
    margin: 0 10px 0 0px;
}
li.refresh {
    white-space: pre-line !important;
    line-height: 26px !important;
    /*margin: 0px 0 0 10px !important;*/
    /* text-align: center; */
}
i.fa.fa-utensils {
    font-size: 19px;
    margin: 0 0 20px 0;
}






section.event-detailpage * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

section.event-detailpage {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: #ffffff;
    line-height: 1.6;
    color: #1a202c;
}

section.event-detailpage .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

section.event-detailpage .community-detail-sec {
    padding: 80px 0;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

section.event-detailpage .event-title {
    text-align: center;
    margin-bottom: 60px;
}

section.event-detailpage .event-badge {
    display: inline-block;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: white;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

section.event-detailpage .event-title h2 {
    font-size: 3.5em;
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -1px;
    margin: 0;
}

section.event-detailpage .community-detail-images {
    margin-bottom: 60px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    background: #f1f5f9;
}

section.event-detailpage .community-detail-images img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

section.event-detailpage .community-detail-images:hover img {
    transform: scale(1.02);
}

section.event-detailpage .community-detail-text {
    margin-top: 40px;
}

section.event-detailpage .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

section.event-detailpage .col-lg-8 {
    flex: 0 0 65%;
    max-width: 65%;
    padding: 0 16px;
}

section.event-detailpage .col-lg-4 {
    flex: 0 0 35%;
    max-width: 35%;
    padding: 0 16px;
}

section.event-detailpage .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 16px;
}

section.event-detailpage .section-header {
    font-size: 2em;
    color: #0f172a;
    margin-bottom: 32px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

section.event-detailpage .info-card {
    background: white;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 32px;
}

section.event-detailpage .lastest-text-points ul {
    list-style: none;
}

section.event-detailpage .lastest-text-points li {
    display: flex;
    align-items: center;
    padding: 16px 0;
    font-size: 15px;
    color: #475569;
    border-bottom: 1px solid #f1f5f9;
    gap: 12px;
    line-height: 1.5;
}

section.event-detailpage .lastest-text-points li:last-child {
    border-bottom: none;
}

section.event-detailpage .lastest-text-points li img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

section.event-detailpage .lastest-text-points li i {
    color: #6366f1;
    font-size: 16px;
    width: 20px;
    flex-shrink: 0;
}

section.event-detailpage .lastest-text-points .calender {
    font-weight: 600;
    color: #0f172a;
    background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
    padding: 16px;
    border-radius: 12px;
    border-bottom: none;
}

section.event-detailpage .contactinfo {
    color: #6366f1;
    text-decoration: none;
    transition: color 0.2s;
}

section.event-detailpage .contactinfo:hover {
    color: #4f46e5;
}

section.event-detailpage .eventprice {
    font-weight: 600;
    color: #059669;
}

section.event-detailpage .content-section {
    margin-bottom: 40px;
}

section.event-detailpage .content-section p {
    font-size: 16px;
    color: #475569;
    margin-bottom: 20px;
    line-height: 1.7;
}

section.event-detailpage .content-section h4 {
    font-size: 1.5em;
    color: #0f172a;
    margin: 32px 0 20px;
    font-weight: 700;
}

section.event-detailpage .content-section ul {
    margin-bottom: 28px;
}

section.event-detailpage .content-section ul li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 32px;
    color: #475569;
    font-size: 16px;
}

section.event-detailpage .content-section ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 18px;
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.event-detailpage .content-section ul li::after {
    content: '✓';
    position: absolute;
    left: 5px;
    top: 7px;
    color: white;
    font-weight: 700;
    font-size: 11px;
}

section.event-detailpage .content-section ul li p,
section.event-detailpage .content-section ul li h4 {
    margin: 0;
    color: #475569;
    font-size: 16px;
    font-weight: 500;
}

section.event-detailpage .content-section hr {
    border: none;
    height: 1px;
    background: #e2e8f0;
    margin: 40px 0;
}

section.event-detailpage .content-section strong {
    color: #0f172a;
    font-weight: 600;
}

section.event-detailpage .special-guest-card {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: white;
    padding: 48px;
    border-radius: 24px;
    margin: 48px 0;
    box-shadow: 0 20px 25px -5px rgba(99, 102, 241, 0.3);
    position: relative;
    overflow: hidden;
}

section.event-detailpage .special-guest-card::before {
    content: '🏏';
    position: absolute;
    font-size: 200px;
    opacity: 0.08;
    right: -40px;
    top: -40px;
}

section.event-detailpage .special-guest-card h4 {
    color: white;
    font-size: 1.8em;
    margin-bottom: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

section.event-detailpage .special-guest-card p {
    color: rgba(255,255,255,0.95);
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
    position: relative;
}

section.event-detailpage .ticket-box {
    background: white;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    overflow: hidden;
    position: sticky;
    top: 24px;
    border: 1px solid #e2e8f0;
}

section.event-detailpage .ticket-header {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    padding: 20px 24px;
    text-align: center;
}

section.event-detailpage .ticket-header h2 {
    color: white;
    font-size: 1.4em;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.5px;
}

section.event-detailpage .ticket-body {
    padding: 24px;
}

section.event-detailpage .form-group {
    margin-bottom: 20px;
}

section.event-detailpage .form-label {
    display: block;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 6px;
    font-size: 12px;
    letter-spacing: 0.2px;
}

section.event-detailpage .form-select {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 13px;
    color: #1a202c;
    background: #f8fafc;
    transition: all 0.2s;
    cursor: pointer;
    font-weight: 500;
}

section.event-detailpage .form-select:focus {
    outline: none;
    border-color: #6366f1;
    background: white;
}

section.event-detailpage .qty-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8fafc;
    padding: 4px;
    border-radius: 10px;
    border: 2px solid #e2e8f0;
}

section.event-detailpage .qty-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: white;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

section.event-detailpage .qty-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}

section.event-detailpage .qty-btn:active {
    transform: translateY(0);
}

section.event-detailpage .qty-display {
    font-size: 1.3em;
    font-weight: 700;
    color: #0f172a;
    min-width: 40px;
    text-align: center;
}

section.event-detailpage .price-summary {
    background: #f8fafc;
    padding: 18px;
    border-radius: 14px;
    margin-bottom: 20px;
    border: 2px solid #e2e8f0;
}

section.event-detailpage .price-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
}

section.event-detailpage .price-row:not(:last-child) {
    border-bottom: 1px solid #e2e8f0;
}

section.event-detailpage .price-row.total {
    padding-top: 12px;
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
}

section.event-detailpage .price-row .amount {
    font-weight: 600;
    color: #6366f1;
}

section.event-detailpage .price-row.total .amount {
    color: #0f172a;
    font-size: 18px;
}

section.event-detailpage .btn-cart {
    width: 100%;
    padding: 16px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: white;
    border: none;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

section.event-detailpage .btn-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
}

section.event-detailpage .btn-cart:active {
    transform: translateY(0);
}

@media (max-width: 991px) {
    section.event-detailpage .col-lg-8, 
    section.event-detailpage .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.event-detailpage .ticket-box {
        position: static;
        margin-top: 40px;
    }

    section.event-detailpage .event-title h2 {
        font-size: 2.5em;
    }

    section.event-detailpage .special-guest-card {
        padding: 32px;
    }
}

@media (max-width: 768px) {
    section.event-detailpage .community-detail-sec {
        padding: 40px 0;
    }

    section.event-detailpage .event-title {
        margin-bottom: 40px;
    }

    section.event-detailpage .event-title h2 {
        font-size: 2em;
    }

    section.event-detailpage .section-header {
        font-size: 1.6em;
    }

    section.event-detailpage .info-card {
        padding: 24px;
    }

    section.event-detailpage .ticket-body {
        padding: 24px;
    }

    section.event-detailpage .special-guest-card {
        padding: 28px 24px;
    }

    section.event-detailpage .special-guest-card h4 {
        font-size: 1.4em;
    }
}

.about-txt h3 {
    font-size: 40px;
    font-weight: 900;
    color: black;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 49px;
    font-weight: 900;
   font-family: 'Poppins', Sans-Serif;
}