*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: "Poppins", sans-serif;
}

.main-header { padding: 0 40px; }

.header-wrap { display: flex; justify-content: space-between; align-items: center; padding: 28px 0; }

.header-menu-wrap { display: flex; align-items: center; }

.header-logo img { max-width: 100%; height: auto; }

.header-menu-wrap ul { display: flex; list-style-type: none; margin: 0; }

.header-menu-wrap ul li { margin-right: 40px; ;  }

.header-menu-wrap ul a { color: #000; font-weight: 500; text-decoration: none}

.header-menu-wrap li.active a { color: #a8dee0; text-decoration: underline; }

.header-actions .register-btn , .login-btn { color: #000; padding: 20px 52px; border: 2px solid #000; border-radius: 50px;background-color: transparent; display: inline-block; text-decoration: none; }

.header-actions .register-btn:hover {  background-color: #a8dee0;  border: 2px solid #a8dee0;}

.login-btn:hover { color: #000; }

.profile-img img { width:53px; height: 53px; background-color: #ddd; border-radius: 50%; display: inline-block;}

/* .header-menu-wrap { margin-right: 30px; } */

.header-login-user { display: flex; align-items: center; }

.profile-btn { display: flex; flex-direction: column; align-items: flex-start; margin-left: 15px; position: relative;}

.profile-btn svg { position: absolute; right: -26px; top: 50%; transform: translateY(-50%); }

.dropdown-item.logout { color: #A8DEE0}

.header-login-user ul { display: none; }

.header-login-user .dropdown-menu { border-radius: 12px; box-shadow: 0px 1px 15px #00000029; border: none; margin-top: 20px !important; max-width: 193px; width: 100%; padding: 20px 15px; }

.header-login-user { margin-right: 30px; }

.header-login-user .dropdown-menu li { font-size: 14px; font-weight: 500; margin-bottom: 12px;  width: 100%;}

.profile-name { font-size: 12px; color: #A8DEE0; }

.profile-user-name { font-size: 16px; font-weight: 600; color: #000; }

.profile-btn { background-color: transparent; border: none; }

.login-btn  {  background-color: #a8dee0; border: 2px solid #a8dee0; margin-left: 12px;}

.hamburger-btn , .close-btn { display: none; }

.dropdown-menu li a { width: 100%; display: inline-block; }

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

    .main-header { padding: 0 30px; position: relative;  }

    .header-logo { max-width: 150px; }

    .login-btn { margin-right: 30px; }

    .header-actions .register-btn, .login-btn { border-width: 1px ; padding: 10px 30px; }

    .header-actions { display: flex; align-items: center;}

    .header-menu-wrap > ul.active ~ .hamburger-wrap .close-btn  { display: flex; }

    .header-menu-wrap > ul.active ~ .hamburger-wrap .hamburger-btn { display: none; }
    
    .hamburger-btn, .close-btn { border: none; background-color: transparent; display: flex;  }

    .dropdown-menu li a:active , a:focus { background-color: #a8dee0; }
    
    .close-btn { display: none; }

    .header-menu-wrap ul { display: none; }

    .header-menu-wrap ul a { padding: 20px; display: inline-block; }

    .header-menu-wrap ul li { margin: 0; }

    .header-menu-wrap ul li.active { background-color: #f5f5f5; }

    .header-menu-wrap ul.active  + .header-actions .close-btn { display: block; }

    .header-menu-wrap ul.active + .header-actions .hamburger-btn { display: none; }

    .header-menu-wrap ul.active {  position: absolute; border-top: 1px solid #ddd; top: 115px; z-index: 999; background: #fff; width: 100%; left: 0; right: 0; padding: 20px 0 0; height: calc(100vh - 114px);  flex-direction: column; display: flex; }

    .header-login-user  { margin: 0 50px 0 0; }
}

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

    .profile-img img { width: 45px; height: 45px; }
}

@media screen and (max-width:768px){
    
    .profile-img img { width: 40px; height: 40px; }

    /* .profile-img img { max-width: 40px;} */
}

@media screen and (max-width:576px){

.header-logo { max-width: 100px;}

.header-actions .register-btn, .login-btn { font-size: 14px; }

}

/* Banner section */

.banner-cnt {   position: absolute; top: 50%; max-width: 800px; transform: translateY(-50%); z-index: 999; left: 120px; color: #fff; } 

.banner-cnt .banner-read-more-btn  { background-color: #a8dee0; border-radius: 15px; color: #000;   padding: 19px 42px; text-decoration: none ; margin-top: 16px; display: inline-block;}

.banner-cnt h1 { max-width: 808px;  font-size: 58px; font-weight: 700; line-height: 70px;} 

.banner-cnt p { margin-top: 20px;}

.banner-images-wrap img { max-width: 100%; height: auto;  }

.slick-prev , .slick-next{ width: 49px; height: 49px; border-radius: 50%; left: 32px !important; position: absolute; z-index: 99; background-color: #fff; }

.slick-next { left: unset !important; right:32px !important }

.slick-prev::before , .slick-next::before {  content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-right: 10px solid #000; border-bottom: 7px solid transparent; display: inline-block;}

.slick-next::before { border-left: 10px solid #000; border-right: none;  }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #fff; box-shadow: none; }

section.banner-main { position: relative; }

section.banner-main:after { content: ""; position: absolute; top: 0; left: 0 ; right: 0; bottom: 0; z-index: 98; background-color: rgba(0, 0, 0, .4);  }


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

    .slick-prev, .slick-next { width: 30px; height: 30px; }

    .slick-prev::before , .slick-next::before { border-top: 5px solid transparent; border-right: 6px solid #000; border-bottom: 5px solid transparent; }

    .slick-next::before { border-left: 6px solid #000; border-right: none;  }
}

@media screen and (max-width:1140px){

    .banner-cnt h1 { max-width: 808px; font-size: 50px;} 
}


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

     .banner-cnt h1 , .banner-cnt p , .banner-cnt .banner-read-more-btn { display: none;} 

      .banner-images-wrap img { min-height: unset; }
}

/*  */



/* my story */

.my-story-main { margin-top: 82px; padding: 0 24px;  }

.my-story-cnt-wrap  { display: flex; flex-wrap: wrap; }

.my-story-img , .my-story-cnt { flex: 0 0 50%; }

.my-story-img img { max-width: 100%; height: auto; }

.my-story-cnt { margin-top: 45px; text-align: center; }

.my-story-cnt h2 { max-width: 456px; font-size: 55px; font-weight: 700; margin: 0 auto; color: #000; margin-bottom: 20px;}

.my-story-cnt p { color: #9D9D9D; font-size: 16px; font-weight: 500; text-align: center; }

.read-more-btn { background-color: #a8dee0; display: inline-block; text-decoration: none; color: #000; padding: 20px 42px; border-radius: 50px; border: none; margin-top: 18px; }

.read-more-btn:hover { color: #000; }


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

.my-story-main { margin-top: 40px; }
    
.my-story-img, .my-story-cnt { flex: 0 0 100%; }

.my-story-cnt { margin-top: 20px; }

.my-story-cnt h2 { font-size: 35px; }

.my-story-cnt p { font-size: 14px; }

.read-more-btn { padding: 15px 30px;}

}

/*  */



/* subscribe */

.subscribe-news-main { margin-top: 77px;  background: url('/assets/website/images/footer-shape1.png') no-repeat; background-color: #a8dee0 !important; background-size: cover; padding: 140px; background-position: center;}

.subscribe-cnt-wrap { max-width: 881px; margin: 0 auto; }

.subscribe-news-main h4 {  font-size: 33px; color: #000000; }

.email-form-control input {   max-width: 100%; width: 421px; padding: 20px; margin-left: 56px; border-radius: 0  34px  34px 0; border: none; outline: none; }

.subscribe-btn { background-color: transparent; color: #fff; padding: 20px 49px; border-radius: 50px; border: 2px solid #fff; margin-left: 24px; display: inline-block; text-decoration: none; }

.subscribe-btn:hover { color:#fff; }

.email-control-wrap { display: flex; align-items: flex-start; justify-content: center; margin-top: 47px; } 

.email-form-control { position: relative; }

.email-icon-wrap {  position: absolute;
    height: 100%;
    background: #fff;
    left: 0;
    padding: 18px 14px 18px 24px;
    border-radius: 34px 0 0 34px;}


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

        .subscribe-news-main { margin-top: 40px; }

        .subscribe-news-main { padding: 100px; }

        .subscribe-news-main h4 { font-size: 25px; max-width: 100%; text-align: center;}

        .email-form-control input { width: calc(100% - 59px); padding: 20px 15px;}

        .email-control-wrap { flex-direction: column; align-items: unset;}

        .subscribe-btn { padding: 15px 40px; max-width: 160px; margin-top: 25px; }

        .subcribe-btn-wrap { text-align: center;}
    }

/*  */


/* About us */

.about-us-main { margin-top: 77px; padding: 0 24px; }

.about-us-cnt-wrap { display: flex; align-items: flex-start;}

.about-us-cnt-wrap p{ color:#9D9D9D; font-size: 15px; max-width: 491px; margin: 0 auto 20px ;}

.about-us-cnt-wrap h3{ font-size: 55px; font-weight: bold; margin-bottom: 18px;}

.about-us-left-img-wrap , .about-us-right-img-wrap  { flex: 0 0 30%; }

.about-us-left-img-wrap img , .about-us-right-img-wrap img { max-width: 100%; height: auto; }

.about-us-cnt { flex:  0 0 40%; text-align :center; }

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

    .about-us-main { margin-top: 40px; }

    .about-us-cnt-wrap { flex-direction: column; }

    .about-us-left-img-wrap, .about-us-right-img-wrap { flex: 0 0 100%; }

    .about-us-cnt { margin-top: 20px; }

    .about-us-cnt-wrap h3 { font-size: 35px; }

    .about-us-cnt-wrap p { font-size: 14px; }
}

/*  */


/* Fun classes */

.fun-class-main { background-color: #A8DEE0; margin-top: 103px; }

.fun-class-main h2 { padding: 62px 62px 0; text-align: center; position: relative; font-size: 45px;}

.fun-class-main h2::before { content: ""; width: 143px; height: 10px; background-color: #20549E; display: inline-block; position: absolute;bottom: -20px; left: 0; right: 0; margin: 0 auto; }

.fun-class-main img { max-width: 100%; height: auto; }

.fun-class-wrap { display: flex; flex-wrap: wrap; }

.fun-class-left-img, .fun-class-center-img, .fun-class-right-img { flex: 0 0 33.3%; }

.fun-class-left-img, .fun-class-right-img {  display: flex; align-items: center; }

.fun-class-top-img , .fun-class-bottom-img { position: relative; }

.fun-class-bottom-img h4, .fun-class-top-img h4 {  font-size: 14px; text-align: center; font-weight: 600; bottom: 40px; position: absolute; left: 0; right: 0;}


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

    .fun-class-main { margin-top: 40px; }

    .fun-class-main h2 { font-size: 24px; }

    .fun-class-main h2::before { width: 120px; height: 6px; }

    .fun-class-left-img, .fun-class-center-img, .fun-class-right-img { flex: 0 0 100%; }

    .fun-class-bottom-img h4, .fun-class-top-img h4 { font-size: 20px; }

    .fun-class-wrap { flex-direction: column; }
}



/*  */


/* footer */

.footer-main { background-color: #F8F8F8; padding: 40px 0 0; }

.footer-cnt-wrap, .footer-right-link-wrap { display: flex; }

.footer-left-cnt-wrap img { margin-bottom: 25px; }

.footer-left-cnt-wrap p , .footer-right-link-wrap p { font-size: 14px; color: #000000; max-width: 402px; }

.footer-right-link-wrap p { max-width: 373px; }

.footer-left-cnt-wrap { flex: 0 0 40%; }

.footer-right-link-wrap { flex:  0 0 60%; margin-top: 40px; }

.footer-right-links { flex: 1; }

.footer-right-link-wrap h5 { font-size: 18px; font-weight: 600; }

.footer-right-link-wrap ul { list-style-type: none; padding: 0; }

.footer-right-link-wrap a { font-size: 14px; color: #000000; text-decoration: none;}

.footer-contact-wrap { margin-top: 30px; }

.footer-contact-wrap a { margin-bottom: 6px; display: inline-block; font-weight: 600; }

.footer-contact-wrap img { margin-right: 6px; }

.copyright-wrap { background-color: #fff; padding: 27px; text-align: center; margin-top: 40px;}

.copyright-wrap p { font-size: 16px; color: #000000; margin: 0; }

.btn-to-top { border: none; outline: none; position: fixed; bottom: 30px; right: 30px; }

.btn-to-top img { max-width: 100%; height: auto; }


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

    .footer-cnt-wrap { flex-direction: column; }

    .footer-left-cnt-wrap { text-align: center; }

    .footer-left-cnt-wrap, .footer-right-links, .footer-right-link-wrap { flex: 0 0 100%; }

    .footer-left-cnt-wrap p, .footer-right-link-wrap p { max-width: 100%; }

    .footer-right-link-wrap { flex-direction: column; align-items: center;  margin-top: 20px;}

    .footer-right-links { text-align: center; margin-bottom: 20px; }

    .copyright-wrap { margin-top: 0; }

    .btn-to-top { max-width: 50px; }

}

/*  */



/* Detail page */

.profile-main { margin: 65px 0 139px; padding: 0 24px;  }

.banner-bg-img { position: relative; }

.banner-bg-img img {  max-width: 100%; height: auto;}

.banner-bg-img:after { content: ""; position: absolute; left: 0 ; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.4); z-index: 99; }

.banner-bg-main { position: relative;}

.banner-bg-main h1 { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right:0; color: #fff; z-index: 999; font-weight: 600;  }


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

    .banner-bg-main h1 { font-size: 20px; }

    .banner-bg-img img { min-height: 80px; }
}


/* detail */

.detail-main { margin: 65px 139px;  padding: 0 24px;}

.detail-main .profile-img-wrap img { max-width: 100%; height: auto; }

.detail-main .profile-main-wrap { display: flex; flex-wrap: wrap; }

.detail-main .detail-user-wrap {  margin-bottom: 30px;}

.detail-main .detail-cnt-wrap { display: flex; flex-wrap: wrap; }

.detail-main .detail-user-wrap h5 { font-weight: 600 ; margin-bottom: 10px; }

.detail-main .detail-user-wrap img { max-width: 100%; height: auto; align-self: flex-start;}

.detail-main .detail-user-cnt { margin-left: 12px; }

.detail-user-cnt h6 { font-size: 15px; color: #000; margin-bottom: 2px; font-weight: 500;}

.detail-user-cnt p  { font-size: 13px;  color: #9D9D9D; font-weight: 500; margin: 0 !important;}

.detail-main .profile-img-wrap { flex: 0 0 40%; }

.detail-main .profile-cnt-wrap { flex:  0 0 calc(60% - 75px); margin-left: 73px; }

.detail-main .profile-cnt-wrap h4 { font-size: 23px; font-weight: 600; margin-bottom: 4px; }

.detail-main .profile-cnt-wrap h6 { font-size: 17px; font-weight: 500; margin-bottom: 4px;}

.detail-main .profile-cnt-wrap .profile-experience-txt { margin-bottom: 22px; }

.detail-main .profile-service-txt { margin-bottom: 16px; }

.detail-main .profile-email-txt { margin-bottom: 5px; }

.detail-main .profile-cnt-wrap p { color: #9D9D9D;  font-size: 15px; margin-bottom: 24px; margin-top: 10px;}

.detail-main .profile-cnt-wrap  .status { font-size: 17px; font-weight: 600; color: #000;}

.detail-main .status span { color: #CEB68A; }

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

.profile-main { margin: 40px 0; }

.detail-main .detail-cnt-wrap, .detail-main .profile-main-wrap { flex-direction: column; }

.detail-main .detail-user-cnt ,.detail-main  .profile-cnt-wrap { margin-left: 0 ; margin-top: 20px;}

}


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

    .detail-main .profile-img-wrap { flex: 0 0 100%;   }

    .detail-main  .profile-cnt-wrap { margin: 30px 0 0; }

   .detail-main  .profile-cnt-wrap h4 { font-size: 20px; }

   .detail-main{ margin: 0; }

    .detail-main .profile-cnt-wrap h6 { font-size: 16px; }

    .detail-main .profile-cnt-wrap p { font-size: 14px; margin-bottom: 20px; }

    .detail-main .profile-cnt-wrap .status {font-size: 14px; }
}


/*  */


/* About_Us */

.about-us-main { margin: 51px 0 63px; padding: 0 24px;  }

.about-us-img-wrap img { max-width: 100%; height: auto; }

.about-us-wrap { display: flex; flex-wrap: wrap;}

.about-us-img-wrap { flex: 0 0 40%; }

.about_us-cnt-wrap { flex: 1; margin-left: 36px; }

.about_us-cnt-wrap p ,.about-us-cnt-full p { color:#9D9D9D; font-size:16px; font-weight: 500;}

.about-us-cnt-full { margin-top: 14px; }

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

    .about-us-main {  margin: 50px 0; padding: 0 24px; }

    .about-us-img-wrap { flex: 0 0 100%; }

    .about_us-cnt-wrap { margin: 30px 0 0; }
}

/*  */

/* contact us */

.contact-us-main {margin: 76px 0 112px; padding: 0 24px;}

.contact-cnt-wrap { flex: 0 0 40%; margin-top: 40px; }

.contact-details { margin-bottom: 100px; }

.contact-cnt-wrap, .contact-details { display: flex; flex-wrap: wrap;}

.contact-details-cnt { margin-left: 30px; }

.contact-details-cnt h4 { font-size: 24px; color: #000000; font-weight: 600; margin-bottom: 4px; }

.contact-details-cnt p { color: #707070; font-size: 18px; max-width: 300px; }

.contact-us-wrap { display: flex; }

.contact-map-wrap { flex: 1; }

.contact-map-wrap, .contact-map-wrap iframe { width:100%; }

.contact-mob , .contact-email , .working-hours , .working-day{ margin: 0; }

.contact-mob a , .contact-email a{ color: #707070; text-decoration: none; }

.working-day span  { color: #F73D0A;}


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

.contact-us-wrap, .contact-details { flex-direction: column; }

.contact-details-cnt { margin: 30px 0 0; }

}

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

.contact-cnt-wrap { margin: 0; }

.contact-us-main { margin: 50px 0; }

.contact-detail-img img { max-width: 80px;}

.contact-details-cnt h4 { font-size: 18px; }

.contact-details-cnt p { font-size: 14px; }

.contact-details { margin-bottom: 40px; }

}

/*  */



/* Login Page */

.top-logo { text-align: center; margin-top: 25px;  margin-bottom: 80px;}

.user-form-wrap { max-width: 835px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 1px 56px #00000014; border-radius: 25px; margin: auto; padding: 60px; margin-bottom: 103px; }

.user-form-btn { border-radius: 15px; background-color: #A8DEE0; font-size: 22px; font-weight: 600; border: none; padding: 16px 59px; text-decoration: none; display: inline-block; color: #000;}

.user-form-btn:hover { color: #000; }

.user-form-cnt { text-align: center; }

.user-form-cnt h3 { font-size: 35px; font-weight: 600;  color: #000000; margin-bottom: 4px;}

.user-form-control:nth-of-type(1) { margin-top: 60px; }

.user-form-control {  margin-bottom: 15px; }

.user-form-control div.text-danger { text-align: left !important; }

.user-form-cnt h6 { font-size: 22px; color: #979797;}

.user-form-cnt .form-label { width: 100%; display: block; font-size: 22px; text-align: left; }

.user-form-wrap input { font-size: 20px; border: 1px solid #CCCCCC;  border-radius: 10px; width: 100%; display: inline-block; padding: 19px;}

.user-form-wrap input:focus { border:1px solid #000; }

.user-form-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 42px; margin-bottom: 95px; }

.user-form-actions .forgot-password { color:#000; text-decoration: none; font-size: 16px; font-weight: 500; }

.user-form-wrap p  { font-size: 17px; }

.user-form-wrap .user-form-link { color: #A8DEE0;}

.user-form-checkbox { text-align: left; margin-top: 6px;}

.user-form-checkbox label { font-size: 14px; color: #17191D; }

.user-form-checkbox a { color: #17191D; }

.user-form-checkbox input { width: auto; vertical-align: middle; accent-color: #A8DEE0; }

.signup .user-form-actions  { margin: 39px 0 40px;}

.user-profile-wrap { margin: 38px 0 64px; position: relative;}

.user-profile-wrap img { max-width: 172px; height: auto; }

.user-profile-wrap input { position: absolute;  top: 0; left: 0; right: 0; bottom: 0; max-width: 172px; margin: auto; opacity: 0;}


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

    .user-form-actions { flex-direction: column-reverse; align-items: flex-start; }

    .forgot-password { margin-bottom: 30px; }

    .top-logo, .user-form-wrap  { margin-bottom: 40px; }

    .user-form-cnt h3 { font-size: 26px; }

     .user-form-cnt h6 { font-size: 18px; }

     .user-profile-wrap img , .user-profile-wrap input  { max-width: 120px; }
}


/*  */



/* Notification page */

.notification-main { margin:40px 161px 139px 168px; padding: 0 24px;}

.notification-cnt h5 {font-size:20px; color:#000; font-weight: 400; margin: 0;}

.notification-cnt p {font-size:18px; color:#000; padding-right: 21px;}

.notification-details { display:flex; align-items: center; margin-top: 20px; border: 1px solid #D1D0D0 ; border-radius: 10px; margin-bottom: 20px;}

.notification-details:last-child { margin-bottom: 0; }

.notification-img {margin: 21px 30px 21px 29px;}

.notification-header-cnt { display: flex; justify-content: space-between;  margin-bottom: 9px; }

.notification-header-cnt p   { margin: 0; font-size: 18px; font-weight: 500}

@media screen and (max-width:1140px){

   .notification-cnt { padding: 25px 0; }

}

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

    .notification-details { flex-direction: column; }

    .notification-cnt { padding: 25px; }

    .notification-cnt p { font-size: 16px; margin: 0; }
}

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

    .notification-main { margin: 40px 0; }

    .notification-cnt p { font-size: 14px; }

    .notification-cnt h5 { font-size: 16px; }
}



/*  */


/* guitar page */


.guitar-main { margin: 70px 0 57px;  padding: 0 24px;}

.guitar-card-wrap { margin-bottom: 48px; background-color: #fff; border-radius: 35px; box-shadow: 0px 1px 26px #0000001C;  padding: 24px; display: flex;}

.guitar-card-cnt { margin-left: 26px; display: flex; width: 100%; }

.guitar-cnt { flex: 0 0 75%; }

.guitar-card-cnt  h4 { font-size: 24px; color: #000000; font-weight: 600; margin-bottom: 3px; }

.guitar-card-cnt h6 { font-size: 18px; color: #000000; font-weight: 500;  margin-bottom: 3px; }

.guitar-card-cnt p { font-size: 16px; color: #000000; font-weight: 500; margin-bottom: 35px; }

.guitar-card-cnt .guitar-desc { font-size: 16px; color: #9D9D9D; font-weight: 500; margin-bottom: 0; margin-top: 20px; }

.guitar-card-btn { flex-shrink: 0; flex:1;} 

.guitar-card-btn .book-now-btn {  /*padding: 19px 65px;*/ padding: 19px 50px; background-color: #a8dee0; border: none; border-radius: 15px;  font-size: 20px; font-weight: 600; display: inline-block; text-decoration: none; color: #000;}

.guitar-card-btn .book-now-btn:hover { color: #000; } 



.book-now-cnt .user-timing-control  img { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }

.book-now-dialog .modal-header h5 { font-size: 24px; font-weight: 600;  width: 100%; text-align: center; margin-top: 20px;}

.btn-close { background: url('/assets/website/images/modal-close-icon.svg') no-repeat; opacity: 1; position: absolute; right: 15px; top: 15px; }

.btn-close:focus { box-shadow: none; }

.book-now-cnt label  { font-size: 22px; font-weight: 500; margin-bottom: 8px; width: 100%;}

.book-now-cnt input , .book-now-cnt textarea { padding: 19px; width: 100%; border: 1px solid #CCCCCC;}

.book-now-cnt textarea { resize: none; }

.booking-type-wrap { margin-bottom: 25px; }

.booking-type-wrap h5  {  font-size: 20px; color: #000; margin-bottom: 8px; }

.book-option-cnt { display: flex; }

.book-option-cnt .form-check { margin-right: 34px; }

.book-option-cnt .form-check input { margin-top: 8px; }

.book-option-cnt label { font-size: 20px; }

.book-now-cnt-wrap { padding: 30px 30px 0; }

.book-now-dialog .modal-dialog { max-width: 476px; }

.book-now-dialog  .modal-content { border-radius: 22px; }

.book-now-dialog .modal-header { border: none; }

.book-now-cnt { margin-bottom: 20px; }

.set-time-wrap { display: flex; justify-content: space-between; }

.set-time-wrap .book-now-cnt { flex: 0 0 calc(50% - 30px); }

.book-now-cnt .user-timing-control { position: relative; }

.book-now-cnt input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}


.book-now-dialog .modal-footer { border: none; justify-content: center; margin-bottom: 36px; }

.book-now-dialog .modal-footer button { background-color: #A8DEE0; padding: 17px 60px; border-radius: 15px; border: none; color: #000; font-size: 22px; font-weight: 600; outline: none; }


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

    .guitar-cnt { flex: 0 0 70%; }

    .guitar-card-wrap  { flex-direction: column; }

    .guitar-card-cnt { margin: 20px 0 0; }

    .guitar-card-btn .book-now-btn { padding: 15px 47px; }

}

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

    .guitar-card-cnt h4 { font-size: 20px; }

    .guitar-card-cnt h6 { font-size: 16px; }

    .guitar-card-cnt p ,.guitar-card-cnt .guitar-desc { font-size: 14px; }

    .guitar-cnt { flex: 0 0 100%; }

    .guitar-card-wrap  { flex-direction: column; }

    .guitar-card-cnt { margin: 20px 0 0; flex-direction: column-reverse; align-items: flex-end;}

    .guitar-card-btn .book-now-btn { padding: 15px 30px; font-size: 16px; }

}

@media screen and (max-width:576px){

    .guitar-card-cnt h4 { font-size: 18px; }

    .guitar-card-cnt h6 { font-size: 14px; }

    .guitar-card-cnt p ,.guitar-card-cnt .guitar-desc { font-size: 14px; }

    .guitar-cnt { flex: 0 0 100%; }

    .guitar-card-wrap  { flex-direction: column; }

    .guitar-card-cnt { margin: 20px 0 0; }

    .guitar-card-btn .book-now-btn { padding: 15px 24px; font-size: 14px; }

    .set-time-wrap, .book-option-cnt { flex-direction: column; }
    
    .book-option-cnt .form-check:not(:last-child) { margin: 0 0 15px; }

}
/*  */



/* complete-profile page */

.profile-main {max-width: 835px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 1px 56px #00000014; border-radius: 25px; margin: auto; padding: 60px; margin-bottom: 103px;}

.profile-cnt h2{ font-size: 35px; font-weight:600; color: #000; text-align: center; margin-bottom: 65px;}

.user-profile-control {margin-bottom: 15px; }

.about-textarea-control { margin-bottom: 30px; }

.user-profile-control .form-label {font-size:22px; font-weight: 500; margin-bottom: 8px; color: #000; }

.user-detail-textarea   {resize: none; padding: 20px;} 

.user-detail-textarea::placeholder , .about-control::placeholder { font-size: 20px; }

.experience-control , .start-time-control , .end-time-control { padding: 16px; }

.user-timing-wrap {display: flex; justify-content: space-between; }

.btn-submit {padding: 16px 48px; border-radius: 15px; background-color: #A8DEE0; font-size: 22px; font-weight: 600; border: none; color: #000; text-decoration: none; display: inline-block;}

.btn-submit:hover {color: #000; }

.user-profile-select { position: relative; }

.user-timing-wrap .user-profile-control { flex: 0 0 calc(50% - 10px);}

.user-timing-control { position: relative; }

.about-control { padding: 20px 22px; }

.user-profile-control .timing-icon {  position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }

 .timing-icon { width: 22px;height: 22px; }

.user-profile-control input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.user-profile-select .form-select:focus , .user-detail-textarea:focus , .experience-control:focus,  .start-time-control:focus , .end-time-control:focus , .about-control:focus { box-shadow: none; border: 1px solid #ced4da; }

.user-profile-select option { padding: 10px; }

.user-profile-select img { position: absolute; top: 50%; transform: translateY(-50%); right: 22px;  }

.profile-main input,.profile-main  .form-select { font-size: 20px; border: 1px solid #CCCCCC;  border-radius: 10px; background-image: none;}

.profile-main  .form-select { padding: 16px; }

.user-profile-control .form-check{ display:inline-block; margin-right: 34px; padding-left: 30px;}

.user-profile-control .form-check .form-check-input{border-radius: 0px;}

.user-profile-control .form-label-time, .user-profile-control .form-label-days { width: 100%; font-size:24px; font-weight: 600; margin-bottom: 13px;}

.user-profile-control.days { margin-bottom: 20px; }

.user-profile-control.days  .form-check { margin-bottom: 10px; }

.user-profile-control .form-check .form-check-label{font-size: 20px; font-weight:400;}

.profile-cnt .form-label{text-align: left;}

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

    .user-timing-wrap { flex-direction: column; }

    .user-timing-wrap .user-profile-control { flex: 0 0 100%; }

    .btn-submit { font-size: 18px; padding: 15px 40px; }
 }


/*  */


/* my-bookings page */

.booking-main { padding: 0 24px; }

.booking-cnt-wrap button.nav-link { padding: 16px 46px; background-color: transparent !important; border: 1px solid #000; color: #000000 !important; font-size: 16px; font-weight: 500; border-radius: 15px; margin-right: 15px; outline: none;}

.booking-cnt-wrap button.nav-link.active { background-color: #A8DEE0 !important; border: none; }

.tabs-wrap { justify-content: center; margin-top: 44px; }

.booking-main-cnt { display: flex; justify-content: space-between; margin-top: 48px; flex-wrap: wrap; margin-bottom: 60px; }

.booking-wrap { background-color: #A8DEE0; border-radius: 35px; padding-bottom: 20px; flex: 0 0 calc(50% - 18px); margin-bottom: 34px; }

.booking-footer { display: flex; justify-content: space-between; padding: 0 30px ; align-items: center;  margin-top: 15px; flex-wrap: wrap;}

.booking-footer p { font-size: 17px; font-weight: 600; margin: 0;}

.booking-footer .view-details-btn { background-color: #fff; border: none; padding: 16px 49px; color: #A8DEE0; border-radius: 15px; font-size: 21px; display: inline-block; text-decoration: none; }

.booking-footer .view-details-btn:hover {  color: #A8DEE0;  }

.booking-cnt { display: flex; box-shadow: 0px 1px 26px #0000001C;   border-radius: 35px; padding: 30px; background-color: #fff; }

.booking-cnt h4 { font-size: 23px; font-weight: 600; margin-bottom: 4px;}

.booking-cnt h6 { font-size: 17px; font-weight: 500; }

.service-guitar-txt{ margin-bottom: 4px; }

.user-detail .user-detail-wrap { display: flex; }

.user-detail img { max-width: 100% !important; height: auto; align-self: flex-start; }

.user-detail h6 { font-size: 15px; font-weight: 500; margin-bottom: 10px; }

.user-detail-cnt { display: flex; flex-direction: column; margin-left: 15px; }

.user-detail-cnt h6 { margin-bottom: 4px; }

.user-detail-cnt p { font-size: 13px  !important;}

.email-txt { margin-top: 10px; }

.booking-cnt .email-txt , .booking-cnt .time-txt { font-weight: 600 ; }

.booking-cnt p { font-size: 15px; color: #9D9D9D; font-weight: 500;}

.booking-cnt-text { display: flex; flex-direction: column; margin-left: 20px; margin-top: 10px; }

.booking-cnt img { max-width: 100%; height: auto; }

.booking-cnt-img { border-radius: 35px; }


.mid-button { display:flex;justify-content: center; margin-top: 44px; gap:14px ; }

.mid-button button.going{padding: 20px 45px; border-radius:15px; font-size: 16px; font-weight: 500; text-align: center;}

.mid-button button.past{padding: 19px 64px; background-color:#A8DEE0; border-radius:15px;font-size: 17px; font-weight: 500; text-align: center;} 



@media screen and (max-width:1140px){

    .booking-cnt { flex-direction: column; }

    .booking-cnt-text { margin-left: 0; margin-top: 15px; }

    .booking-footer .view-details-btn { margin-top: 15px; }
}

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

    .booking-cnt { flex-direction: column; }

    .booking-cnt-text h4 { font-size: 20px; }

    .booking-cnt h6 { font-size: 15px; }

    .booking-footer .view-details-btn { padding: 16px 40px; font-size: 18px; }
}

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

  .booking-wrap { flex:  0 0 100%; }

  .booking-footer .view-details-btn {  padding: 12px 35px; font-size: 16px; }

}


@media screen and (max-width: 576px){

  .booking-cnt-text h4 { font-size: 16px; }

    .booking-cnt h6 , .booking-footer p { font-size: 14px; }

}











/*  */


/* my profile page */

.my-profile-main { margin-top: 78px; padding: 0 24px; margin-bottom: 106px; }

.user-profile { flex-direction: column; }

.my-profile-main .profile-cnt-wrap {display: flex; justify-content: space-between; }

.profile-user-cnt { border: 1px solid #D1D0D0; border-radius: 15px; }

.profile-user-cnt { flex: 0 0 calc(30% - 16px); text-align: center; padding: 36px 50px; }

.profile-user-info  { flex: 0 0 calc(70% - 16px) ; border: 1px solid #D1D0D0; border-radius: 15px; padding: 32px;}

.profile-user-settings img { max-width: 100%; height: auto; }

.profile-user-main h5 { font-size: 21px; color: #000000; margin-top: 18px; margin-bottom: 3px; }

.profile-user-main p  { color: #B5B5B5; font-size: 12px; }

.profile-user-main .nav-link { width:100%; text-align: left; padding: 17px 25px; color: #000;  border-radius: 10px; font-size: 14px;}

.profile-user-main .nav-link img { margin-right: 15px; }

.profile-user-main .nav-link.active { background-color: #A8DEE0 !important; color: #000000; }

.profile-info-cnt-wrap  h5{  font-size: 21px; margin-bottom: 25px; font-weight: 600; }

.profile-info-main { display: flex; justify-content: space-between;}

.profile-info-main h6 { font-size: 16px; font-weight: 500; color: #000000; margin-bottom: 4px; }

.profile-info-main p { font-size: 14px;  color: #000000; margin: 0; }

.profile-info-control { margin-bottom: 24px; display: flex; flex-direction: column; }

.profile-info-cnt .profile-info-control:last-of-type{ margin-bottom: 30px; }

.profile-info-cnt { flex: 0 0 40%; }

.profile-info-img  { flex: 0 0 60%; text-align: right; padding-right: 35px; }

.profile-info-img img { max-width: 75%; height: auto; }

.edit-interest-btn {  background-color: #CEB68A; border-radius: 10px; font-size: 12px; font-weight: 700; color: #000; border: none; padding: 12px 35px; display: inline-block; text-decoration: none; }

.edit-interest-btn:hover { color: #000;  }

.profile-update-cnt { width: 100%; }

.profile-update-cnt label { font-size: 16px; font-weight: 500; margin-bottom: 12px; }

.profile-update-cnt input {  box-shadow: 0px 3px 10px #0000001C; border-radius: 10px; padding: 12px 22px; border: none;}

.profile-update-cnt input:focus { outline: none; border: none; }

.update-btn { background-color: #a8dee0; padding: 12px 34px; border: none; font-size: 12px; font-weight: 700; border-radius: 10px; }


@media screen and (max-width:1140px){

    .profile-cnt-wrap  { flex-direction: column; }

    .my-profile-main .profile-cnt-wrap { margin: 0; }

    .profile-user-cnt { margin-bottom: 20px; }
}

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

     .profile-user-cnt, .profile-user-info , .profile-info-img { flex: 0 0 100%; }

     .profile-info-main { flex-direction: column-reverse; }

     .profile-info-img { text-align: center; margin-bottom: 40px;}

     .profile-info-img img { max-width: 300px; }
     
}

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

    
    .my-profile-main { margin: 40px 0; }

    .profile-user-main .nav-link { padding: 12px 18px; }

     .profile-info-img img { max-width: 200px; }

}

/*  */

/* my story */

.story-page { margin-top: 0; }

.story-page-2 { margin: 125px 0 104px; }

.description-main { background-color: #A8DEE0; padding-top: 67px; padding-bottom: 78px; padding-left: 24px; padding-right: 24px;}

.description-cnt-wrap { background-color: #fff; display: flex; padding: 18px;margin-bottom: 26px ; border-radius: 35px;}

.description-cnt-wrap:last-child { margin-bottom: 0;  }

.description-cnt { margin-left: 32px; margin-top: 15px; }

.description-cnt h4 { font-size: 25px; color: #000; font-weight: 700; }

.description-cnt p { color: #9D9D9D; font-size: 17px; font-weight: 500; }

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

    .description-cnt-wrap { flex-direction: column; }

    .description-img img  { max-width: 100%; height: auto; }

    .description-cnt { margin-left: 0; margin-top: 20px; }
}

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

    .description-cnt h4 { font-size: 20px; }

    .description-cnt p { font-size: 14px; }
}

/*  */

/* interest page */

.interest-main { background-color: #fff; margin: 0 auto; max-width: 835px; width: 100%; box-shadow: 0px 1px 56px #00000014; border-radius: 25px;  padding: 60px; margin-bottom: 150px;}

.interest-wrap { display: flex;flex-wrap: wrap; gap: 0 20px;  }

.interest-cnt-wrp h3 { font-size: 35px; font-weight: 600; margin-bottom: 4px; text-align:center}

.interest-cnt-wrp h6 { font-size: 22px; color: #979797; text-align:center}

.interest-cnt-wrp { display: flex; flex-direction: column; justify-content: center;  }

.interest-cnt { margin-top: 40px; position: relative; flex: 0 0 calc(33.33% - 15px); }

.interest-cnt.active h6 { color: #fff; }

.interest-cnt.active h6::before {  content: ""; position: absolute; background: rgba(0,0,0,.7); left: 0; display: inline-block; right: 0;
 padding: 23px 13px; z-index: -1; top: 50%; transform: translateY(-50%); }

.interest-cnt img { max-width: 100%; height: auto; width: 100%; }

.interest-cnt h6 { font-size: 19px; font-weight: 500; position: absolute; top: 50%; text-align:center; transform: translateY(-50%); left: 0; right: 0; margin: auto; color: #000; z-index: 99   ; }

.interest-cnt:before { content: ""; position: absolute; background-color: rgba(255 255, 255, .6); z-index: 99; width: 100% ;height: 100%; }

.interest-cnt.active:before { display: none; }

.interest-main .user-form-actions { justify-content: center; margin-top: 64px; margin-bottom: 66px; border: none; outline: none;}

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

    .interest-main { padding: 40px 24px; margin-bottom: 50px;}

    .interest-cnt { flex: 0 0 calc(50% - 15px) }

    .interest-cnt-wrp h6 { font-size: 18px; }

    .interest-main .user-form-actions { margin-bottom: 0; margin-top: 40px; align-items: center;}

    .interest-main .user-form-btn { padding: 16px 45px; font-size: 16px;  }
}

@media screen and (max-width: 576px){

    .interest-cnt { flex: 0 0 100% }

      .interest-cnt-wrp h3 { font-size: 25px; }

}


/*  */


/* new-request page */

.request-main { margin: 70px 0 96px; padding: 0 24px;  }

.request-wrap { background-color: #A8DEE0; border-radius: 35px; padding-bottom: 20px; margin-bottom: 58px; }

.request-cnt { display: flex; box-shadow: 0px 1px 26px #0000001C;   border-radius: 35px; padding: 40px; background-color: #fff; }

.request-cnt-text { display: flex; flex-direction: column; margin-left: 28px; }

.request-cnt h4 { font-size: 24px; font-weight: 600; margin-bottom: 3px;}

.request-cnt h6 { font-size: 18px; font-weight: 500; margin-bottom: 17px; }

.request-cnt p { font-size: 16px; color: #9D9D9D;font-weight: 500;}

.request-main {margin-top:70px;}

.request-cnt img { max-width: 232px; height: auto; }

.request-cnt .time-slot-txt { margin-bottom: 17px; font-weight:600; font-size:18px}

.request-cnt .address-txt{font-size:18px; font-weight:600;}

.request-actions { text-align: right; margin-top: 20px; }

.request-actions .accept-btn ,.request-actions .decline-btn  { color: #fff; padding: 17px 76px; border: none; margin-right: 12px; background-color: #B3CC95; font-size: 22px; font-weight: 600; border-radius: 15px; display: inline-block; text-decoration: none; }

.request-actions .accept-btn:hover ,.request-actions .decline-btn:hover { color: #fff; }

.request-actions .decline-btn  { background-color: #E4595D; }


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

    .request-cnt { flex-direction: column; }

    .request-cnt-text { margin-left: 0; margin-top: 20px; }
}


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

    .request-main { margin: 40px 0; }

    .request-actions .accept-btn, .request-actions .decline-btn { padding: 16px 42px; font-size: 18px; }

    .request-cnt-text h4 { font-size: 20px;}

   .request-cnt .time-slot-txt , .request-cnt .address-txt { font-size: 16px; }

}

@media screen and (max-width:576px){

    .request-actions .accept-btn, .request-actions .decline-btn { padding: 16px 35px; font-size: 16px; }

    .request-cnt p { font-size: 14px; }

}

/*  */


/* volunteer */

.booking-main.volunteer .service-guitar-txt ,.booking-main.volunteer .time-txt , .booking-main.volunteer .address-txt{ margin-bottom: 15px; }

.booking-main.volunteer .booking-main-cnt { margin-bottom: 155px; }


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

.booking-main.volunteer .booking-main-cnt { margin-bottom: 40px; }


}


/*  */
/* house bound dialog */


.housebound-dialog-main .Housebound-popup-btn {

    background-color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 18px 61px;
    text-align: center;
    max-width: 238px;
    width: 100%;
    font-size: 18px;
    border-radius: 30px;
    color: #000;
    margin-bottom: 21px;
    outline: none;
    border: none;
    font-weight: 500;
}


.housebound-dialog-main .Housebound-popup-btn:hover {
    background: #A8DEE0;
}

.housebound-dialog-main .user-type-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.housebound-dialog-main .modal-header{
    padding: 54px 76px 21px;
}

.housebound-dialog-main .modal-title h5{
    font-size: 26px;
    font-weight: 700;
}

.housebound-dialog-main .modal-body{
    padding: 0 76px;
}

/*  */
/* error modal */

.close-icon-wrp {
    background-color: red;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
/*  */