@charset "utf-8";

@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&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');


:root {
	--font-awesome: 'Font Awesome 6 Free';
	--lato:"Lato", sans-serif;
	--source-sans:"Source Sans 3", sans-serif;
	--extra-bold:900;
	--bold: 700;
	--semi-bold: 600;
	--medium: 500;
	--regular: 400;
	--light:300;
	--body-color:#626262;
    --bg-dark:#28292E;
	--yellow:#fcb900;
	--black:#000;
	--white:#fff;
	--common-transition: all 0.3s ease 0s;
}



/* ~-~-~-~-~-~-~-~-~-~ global adjustments  start~-~-~-~-~-~-~-~-~-~ */
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--source-sans); font-weight: var(--regular); font-size: 16px; color: var(--body-color); overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: var(--lato);  font-weight: var(--bold); margin: 0 0 20px; padding: 0; }
h1, h2{ text-transform: uppercase;}
h1 { font-size: 50px;}
h2 { font-size: 32px;}
h3 { font-size: 28px; }
h4{ font-size:20px;}
p { line-height: 1.4; margin: 0 0 20px; padding: 0; }
.big-body-font p { font-size: 24px;}

@media only screen and (max-width: 1399px){
	h1 { font-size: 40px;}
	h2 { font-size: 28px;}
	h3 { font-size: 26px;}
	h4{ font-size:18px;}
}
@media only screen and (max-width: 991px){
	h1 { font-size: 32px;}
	h2 { font-size: 26px;}
	h3 { font-size: 25px;}
}
@media only screen and (max-width: 767px){
	h1 { font-size: 26px;}
	h2 { font-size: 22px;}
	h3 { font-size: 20px;}
	h4{ font-size: 17px;}
	h5{ font-size: 16px;}
	body{ font-size: 15px;}
}

/* --- form-control start --- */
.form-row { margin-bottom: 20px; }
.form-control { background-color: #F1F1F1; border: 0; border-radius: 50px; padding: 10px 20px; color: #BBBBBB;}
input.form-control { height: 50px; }
textarea.form-control { height: 100px; border-radius: 20px; resize: none; }
.form-control:focus { background: #F1F1F1; box-shadow: none;}
.form-control::-moz-placeholder { color: #BBBBBB; opacity: 1; font-weight: 400; }
.form-control:-ms-input-placeholder { color: #BBBBBB; font-weight: 400; }
.form-control::-webkit-input-placeholder { color: #BBBBBB; font-weight: 400; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #BBBBBB;}
/* --- form-control end --- */

@media only screen and (max-width: 575px) {
    input.form-control { height: 55px; }
    textarea.form-control{ height: 130px;}
}


img { max-width: 100%; }
.img img { width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover { text-decoration: none; }
ul { padding: 0; margin: 0; list-style: none; }

.common-padding { padding: 80px 0; }
.common-padding-top { padding-top: 80px; }
.common-padding-bottom { padding-bottom: 80px; }
.common-padding-big-top{ padding-top: 140px;}
.common-padding-bog-bottom{ padding-bottom: 140px;}
.section-title { margin-bottom: 40px; }
.section-title span{ font-family: var(--Light-IvyMode); font-weight: var(--light);}
.light-bg { background: #FAFAFA; }
.sub-title { font-size: 18px !important; font-family: 'futura-medium'; letter-spacing: 3.6px; text-transform: uppercase; color: var(--light-blue); }
.title-style span { color: var(--light-blue); }
.bg-adjustment{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.image-adjustment{ position: relative;}
.image-adjustment img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.overlay-content{ position: relative; z-index: 3;}

.slick-dotted.slick-slider{ margin-bottom: 0;}
.slick-dots { position: absolute; right: 0; left: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; width: fit-content; margin: 0 auto; }
.slick-dots button { background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px rgb(255, 255, 255); width: 15px; height: 15px; padding: 0; border-radius: 50%; border: 0; font-size: 0; transition: var(--common-transition);}
.slick-active button{ background-color: var(--white);}

.title-style{ position: relative; padding-left: 40px;}
.title-style::before { content: ""; background: url(../images/title-design.svg); background-repeat: no-repeat !important; background-size: 30px !important; background-position: center; width: 30px; height: 30px; position: absolute; top: -10px; left: 0; }
.title-style.text-center { width: fit-content; margin: 0 auto 30px; }

/* --- button start --- */
.btn { display: inline-block; position: relative; background: transparent; border: 1px solid var(--body-color); border-radius: 0; text-align: center; color: var(--body-color); font-size: 16px; letter-spacing: 5px; text-transform: uppercase; line-height: normal; padding: 15px 35px; transition: var(--common-transition);}
.btn::before{ content: ""; background: var(--body-color); position: absolute; z-index: 1; top: auto; right:0; bottom: 0; left: 0;  width: 100%; height:0; margin: auto; transition: var(--common-transition);}
.btn span{ position: relative; z-index: 3; }

.btn:hover, .btn:focus-visible, .btn:active, .btn:focus {border: 1px solid var(--body-color); box-shadow: none; outline: none; color: var(--white); }
.btn:hover::before{ height: 100%;}
.btn:hover span{ color: var(--white);}

.white-border{ border-color: var(--white); color: var(--white);}
.white-border:hover, .white-border:hover span{ color: var(--black);}

.white-border:hover::before{ background: var(--white);}

.info-btn{ background: url(../images/right-arrow.svg); background-repeat: no-repeat; background-position: right 10px center !important; background-size: 20px; text-transform: uppercase; color: var(--yellow); padding-right: 35px; transition: var(--common-transition);}
.info-btn:hover{ background-position: right center !important; color: var(--yellow);}


@media only screen and (max-width: 991px) {
	.common-padding { padding: 60px 0; }
	.common-padding-top { padding-top: 60px; }
	.common-padding-bottom { padding-bottom: 60px; }
}
@media only screen and (max-width: 787px) {
	.common-padding { padding: 50px 0; }
	.common-padding-top { padding-top: 50px; }
	.common-padding-bottom { padding-bottom: 50px; }
    .btn{ padding: 14px 32px; letter-spacing: 3px;}
}
@media only screen and (max-width: 479px){
	.title-style{ padding-left: 30px;}
	.title-style::before{ background-size: 25px !important; width: 25px; height: 25px;}
}
/* --- button end --- */
/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end~-~-~-~-~-~-~-~-~-~ */

/* --- header start ------------------------------------------------------------------------------------------- */
/* ~~hamburger menu start~~ */
.hamburger-nav { display: none; vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }
/* ~~hamburger menu end~~ */

.main-header { background: #28292ea3; position: absolute; z-index: 999; top: 0; right: 0; left: 0; width: 100%; padding: 15px 0; }
.main-header .logo-wrap { max-width: 180px; }
.main-header .logo-wrap img{ display: block; filter:brightness(0) invert(1); transition: var(--common-transition);}
.main-header .desktop-menu li{ text-transform: uppercase;  margin: 0 25px;}
.main-header .desktop-menu li:first-child{ margin-left:0;}
.main-header .desktop-menu li:last-child{ margin-right:0;}
.main-header .desktop-menu li a{ color:var(--white);}
.main-header .desktop-menu li a:hover, .main-header .current-menu-item a { color: var(--yellow) }


.mobile-menu { display: none; background: var(--bg-dark); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--common-transition); }
.mobile-menu .top-row { padding: 20px 0;}
.mobile-menu .logo-wrap{ max-width: 170px;}
.mobile-menu .logo-wrap img{ display: block; filter: brightness(0) invert(1); transition: var(--common-transition);}
.mobile-menu .mobile-navbar li { border-bottom: 1px dashed #fff; text-transform: uppercase; }
.mobile-menu .mobile-navbar li a { display: inline-block; padding: 10px 0; color: #fff; }

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.header-sticky .main-header  { width: 100%; position: fixed; background: var(--bg-dark); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); padding: 15px 0; top: 0; animation: slide-down 0.5s; transition: var(--common-transition); }


/* .header-sticky .main-header .logo-wrap { } */
/* ~~ header sticky end ~~ */

@media only screen and (max-width: 1199px){
	.main-header .desktop-menu li { margin: 0 15px; }
}

@media only screen and (max-width: 991px) {
	.desktop-menu { display: none; }
	.hamburger-nav { display: block; }
	.mobile-menu { display: block;}
	.mobile-menu .top-row{ align-items: center;}
    /* body.menu-open { height: 100vh; overflow: hidden; } */
	.menu-open .mobile-menu { right: 0; }
}
@media only screen and (max-width: 767px){
	.main-header .logo-wrap { max-width: 160px; }
	.hamburger-nav{ height: 20px;}
	.hamburger-nav span:nth-child(2){ top: 8px;}
	.hamburger-nav span:nth-child(3){ top: 16px;}
	.mobile-menu .logo-wrap{ max-width: 140px;}
	.hamburger-nav-close{ width: 26px;}
}
/* home-page start----------- */
.hero-inner-wraper{ background-repeat:no-repeat !important; background-position: center !important; background-size: cover !important; position:relative; padding-bottom:60%;}
.hero-section .container-holder{ display: flex; align-items: center; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0;}
.hero-section .banner-info { text-align: right; max-width: 650px; margin-left: auto; }
.banner-info *{ color:var(--white);}
.banner-info .title-design span{ display: block;color:var(--yellow);}
.banner-info h4{ max-width: 400px; margin-left: auto;}

.offer-info-box { height: 100%; padding: 20px; border-radius: 20px; border: 1px solid var(--yellow); transition:var(--common-transition);}
.offer-info-box *{ transition:var(--common-transition);}
.offer-info-box a{ color: var(--body-color);}
.offer-info-box .icon-wrap { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 auto 10px; transition: var(--common-transition); }
.offer-info-box h4{ text-transform: uppercase;}
.offer-info-box p{ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.offer-info-box .info-wraper p:last-child{ margin-bottom: 0;}
.offer-info-box:hover{ box-shadow: 5px 7px 10px #d4d4d480;}
.offer-info-box:hover h4{ color:var(--yellow);}
.offer-info-box:hover .icon-wrap{ transform: translateY(-3px) scale(1.05); }

.common-bg-section{ background-color: var(--black); background-image:url(../images/jamroom-bg.jpg); background-position: right center !important; background-repeat: no-repeat !important; background-size: 100% !important; background-attachment: fixed;}
.album-box-wraper .row { row-gap: 15px;}
.album-box-wraper .col-xl-4{ padding: 0 7.5px;}
.album-box-wraper a { pointer-events: none; }
.album-box-wraper .photo-wraper { position: relative; padding-bottom: 100%; }
.album-box-wraper .photo-wraper img { position: absolute; z-index: 1; top: 0; right: 0; bottom: initial; left: 0; width: 100%; height: 100%; object-fit: cover; }

.jam-room-section *{ color: var(--white);}
.tick-item-row{ margin: 0 -7.5px;}
.tick-item-row .tick-item { width: 50%; padding: 0 10px; }
.tick-item li { position: relative; padding-left: 25px; margin-bottom: 20px; color: #fff; }
.tick-item li::before{ content: ""; background: url(../images/list_check.png); background-position: center center; background-repeat: no-repeat; background-size: 20px; top: 0; left: 0;}
.tick-item li::before { content: ""; background: url(../images/list_check.png); background-position: center center; background-repeat: no-repeat; background-size: 14px; width: 15px; height: 15px; position: absolute; top: 5px; left: 0; }

.list-box{ background: var(--black); text-align: center;}
.list-box-image{ padding-bottom: 100%; border-bottom: 2px solid var(--yellow);}
.list-box *{ color:var(--white);}
.list-box-info{ padding:15px;}
.list-box-info h4{ margin-bottom:5px;}
.list-box-info p{ font-size:14px; margin-bottom:0; }

.equipment-section{ background-color: #d5d5d5;}
.equipment-item-row .equipment-item-wrap{ width: 50%; margin-bottom: 20px;}
.equipment-item{ position: relative; padding-left: 25px;}
.equipment-item::before{ content: ""; background: url(../images/home_record_list.png); background-repeat: no-repeat; background-size:15px; background-position: center; width: 20px; height: 20px; position: absolute; top:0; left:0; z-index:1;}

.equipment-item h4{ font-weight:normal; letter-spacing:4px; margin-bottom:15px;}
.equipment-item p:last-child{ margin-bottom:0;}

.equipment-section .image-wraper { text-align: center; margin-bottom: 20px; }

.main-footer { background-color: #212121; padding: 20px; }
.main-footer p{ margin-bottom: 10px; font-size: 14px;}
.social-icon li{ margin:0 10px; font-size: 18px;}
.social-icon li a{ color:var(--body-color);}
.social-icon li a:hover{ color: var(--white);}
@media only screen and (max-width: 991px){
	.offer-info-box{ padding: 15px;}
	.album-box-wraper{ margin-bottom: 30px;}
	.list-box-holder .row { row-gap: 24px; }
	.equipment-item-row{ margin-bottom: 30px;}
}
@media only screen and (max-width: 767px){
	.hero-inner-wraper{ padding-bottom: 75%;}
	.hero-section .banner-info{ padding-top: 40px;}
	.banner-info h4{ max-width: 270px;}
	.offer-section .row { gap: 24px; }
	.album-box-wraper .row{ margin: 0 -5px; row-gap: 10px;}
	.album-box-wraper .row>*{ padding: 0 5px;}
	.social-icon li{ font-size: 16px;}
	.common-bg-section{ background-size: cover !important;}
}
@media only screen and (max-width: 479px){
	.hero-inner-wraper{ padding-bottom: 100%;}
	.tick-item-row .tick-item{ width: 100%;}
	.equipment-item-row .equipment-item-wrap{ width: 100%;}
	.social-icon li{ margin: 0 7.5px;}
	
}
/* home page end */

/* about us page start */
.inner-banner { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: relative; padding-bottom: 40%; }
.inner-banner::before{ content: ""; background: #000; opacity: 0.6; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.inner-banner .container-holder{ display: flex; align-items: center; position:absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0;}
.inner-banner .banner-info{ max-width: 550px;}
.about-us-section .image-wraper { position: relative; padding-bottom: 60%; }
.about-us-section .image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.about-us-section .tick-item ul{ display: flex; flex-wrap: wrap; column-gap: 20px;}
.about-us-section .tick-item li{ width: calc(50% - 10px); color: var(--body-color);}

.about-info-section *{ color: var(--white);}
.about-info-section .tick-item ul{ display: flex; flex-wrap: wrap; column-gap: 20px;}
.about-info-section .tick-item li{ width: calc(50% - 10px);}
@media only screen and (max-width: 991px){
	.inner-banner .banner-info { padding-top: 40px; }
	.about-us-section .image-wraper{ margin-bottom: 30px;}
	.about-info-section .image-wraper { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
	.inner-banner{ padding-bottom: 65%;}
}
@media only screen and (max-width: 479px){
	.inner-banner { padding-bottom: 95%; }
	.inner-banner .banner-info { padding-top: 50px; }
	.about-us-section .tick-item li{ width: 100%;}
	.about-us-section .tick-item li:last-child{ margin-bottom: 0;}
	.about-info-section .tick-item li{ width: 100%;}
	.about-info-section .tick-item li:last-child{ margin-bottom: 0;}
}
/* about us page end */

/* studio page start */
.experience-section *{ color: var(--white);}
.experience-section .image-wraper{ position: relative; padding-bottom: 70%; border-radius: 20px; overflow: hidden;}
.experience-section .image-wraper img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.gear-section .image-wraper{ text-align: center; max-width: 250px; max-height: 250px; margin: 0 auto;}
.gear-section .gear-item-row{ align-items: center; margin-bottom: 30px;}
.gear-section .gear-item-row:nth-child(odd){ flex-direction: row-reverse;}
.gear-section .gear-item-row:last-child{ margin-bottom: 0;}
.gear-section .info-wraper p{ font-size: 24px;}
@media only screen and (max-width: 1199px){
	.gear-section .info-wraper p { font-size: 22px; }
}
@media only screen and (max-width: 991px){
	.experience-section .image-wraper{ padding-bottom: 65%; margin-bottom: 30px;}
	.gear-section .info-wraper p { font-size: 18px; }
	.gear-section .image-wraper{ max-height: none; margin-bottom: 30px;}
	.gear-section .info-wraper p { font-size: 16px; }
	.gear-section .info-wraper p:last-child{ margin-bottom: 0;}
}
/* studio page end */


/* reheasal page start */
.video-wraper { position: relative; padding-bottom: 60%; border-radius: 20px; overflow: hidden;}
.video-wraper > img { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.video-wraper button.play-btn { width: 90px; height: 90px; background: var(--yellow); border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 5; inset: 0; margin: auto; }

 .play-btn img,  .play-btn svg{ position: relative; z-index: 2; }
 .play-btn img{ width: 32px; }
 .play-btn svg{ font-size: 45px; color: #fff; }
 .play-btn:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(252, 185, 0, 0.3); border-radius: 50%; animation: ripple 2s linear infinite; }
 .play-btn:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(252, 185, 0, 0.3); border-radius: 50%; animation: ripple 2s linear 1s infinite; }
@keyframes ripple {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.video-popup .modal-body{ padding: 0;}
.video-popup button.btn-close { position: absolute; z-index: 10; top: -30px; right: 0; opacity: 1; filter: brightness(0) invert(1); }
.video-inner-wraper { position: relative; padding-bottom: 65%; }
.video-inner-wraper video { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.how-does-work-section { background: url(../images/work-list.jpg); background-position: center !important; background-repeat: no-repeat  !important; background-size: cover !important; position: relative; }
.how-does-work-section::before { content: ""; backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.2); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.how-does-work-section .container{ position: relative; z-index: 3;}
.how-does-work-section .top-row{ margin-bottom: 20px;}
.how-does-work-section .title-row *{ color: var(--white);}
.work-list ul{ position: relative;}
.work-list ul::before { content: ""; width: 1px; height: calc(100% - 20px); border: 1px dashed var(--white); position: absolute; top: 0; right: auto; bottom: 0; left: 36px; margin: auto 0; }
.work-list li { display: flex; align-items: center; margin-bottom: 30px; position: relative; z-index: 3;}
.work-list li *{ color: var(--white); margin-bottom: 5px;}
.work-list li .icon-wrap { -webkit-box-align: center; align-items: center; background-color: white; border-radius: 100%; display: flex; font-size: 2.5rem; width: 72px; height: 72px; -webkit-box-pack: center; justify-content: center; margin-right: 1rem; position: relative; color: #000; font-weight: 600; }
.work-list li:last-child{ margin-bottom: 0;}

.how-does-work-section .work-image img{ width: 100%;}

.garb-section{ background: var(--black);}
.garb-section h2{ color: var(--white);}

.testimonial-slider .slick-list { padding: 40px 0 15px; margin: 0 -10px;}
.testimonial-slider .slick-list .slick-slide { padding: 0 10px; }
.testimonial-box { position: relative; padding: 20px; background: #fff; box-shadow: 5px 7px 10px #7e7a7a36; border-radius: 20px; border: 1px solid var(--yellow); }
.testimonial-box .profile-icon { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin: -55px auto 20px; }
.testimonial-box .profile-icon img{ width: 100%; height: 100%; object-fit: cover;}

.testimonial-box .bottom-row { margin-top: 15px;}
.testimonial-box .name-wrap *{ text-transform: uppercase; margin-bottom: 2px;}
.testimonial-box .name-wrap p{ font-size: 14px;}
.testimonial-box .review-strt-wrap { width: 70px; max-height: 30px; }

.testimonial-slider .slick-dots { position: relative; top: 10px; gap: 0;}
.testimonial-slider .slick-dots button { border: 1px solid var(--yellow); }
.testimonial-slider .slick-dots button::before{ font-size: 50px; color: var(--yellow) !important;}

.class-box-card { padding: 20px; border-radius: 15px; border: 1px solid var(--yellow);}
.class-box-card .image-box { position: relative; border-radius: 20px; padding-bottom: 80%; margin-bottom: 20px; overflow: hidden;}
.class-box-card .image-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.row-gap-section .row{ row-gap: 24px;}

.performances-section{ background-color: #d5d5d5;}
.performances-section *{ color: var(--white);}
.performances-section .info-btn{ color: var(--yellow);}
@media only screen and (max-width: 1399px){
	.work-list li .icon-wrap{ font-size: 30px;}
}
@media only screen and (max-width: 1199px){
	.work-list ul::before{ left: 30px;}
	.work-list li .icon-wrap{ width: 60px; height: 60px;}
	.testimonial-box{ padding: 15px;}
}
@media only screen and (max-width: 991px){
	.video-wraper{ margin-bottom: 30px;}
	
	.how-does-work-section .work-list { margin-bottom: 30px; }
	.work-list li .icon-wrap { font-size: 26px; }
	.equipment-list-section .image-wraper{ margin-bottom: 30px;}
	
}
@media only screen and (max-width: 767px){
	.video-wraper button.play-btn{ width: 70px; height: 70px;}
	.how-does-work-section .top-row{ display: block !important;}
	.testimonial-box .profile-icon{ width: 65px; height: 65px; margin: -50px auto 20px;}
}
@media only screen and (max-width: 479px){
	.work-list li .icon-wrap { font-size: 24px; }
}
/* reheasal page start */

/* school page start */
.school-details-section .info-wraper p:last-child{ margin-bottom: 0;}
/* school page start */

/* contact us page start */
.contact-info-item h5, .contact-info-item p{ margin-bottom: 5px;}
.contact-info-item .item-row{ align-items: center; margin-bottom: 20px;}
.contact-info-item .icon { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; background: var(--yellow); width: 60px; height: 60px; border-radius: 50%; margin: 0 15px 0 0; }
.contact-info-item a{ color: var(--yellow);}

.contact-box { border: 5px solid var(--yellow); border-radius: 20px; padding: 30px 20px; overflow: hidden;}

.contact-career-section h2, .contact-career-section p{ color: var(--white);}
.map-holder{ position: relative; padding-bottom: 45%; border-radius: 20px; overflow: hidden;}
.map-holder iframe{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
@media only screen and (max-width: 991px){
	.contact-box{ padding: 20px 15px;}
}
@media only screen and (max-width: 767px){
	.contact-info-item { margin-bottom: 30px; }
}
@media only screen and (max-width: 479px){
	.map-holder{ padding-bottom: 80%;}
}