@import 'front-custom-new.css';
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@font-face {
    font-family: HelveticaNeue;
    src: url('../Fonts/roboto/HelveticaNeue.ttc');
}
@font-face {
    font-family: Helvetica-Medium;
    src: url('../Fonts/Helvetica-Neue-Font/Helvetica-Neue-Medium-Extended.ttf');
}
@font-face {
    font-family: Roboto;
    src: url('../Fonts/Roboto/Roboto-Regular.ttf');
}

:root {
    --primaryColor : #ff7b23;
    --blackColor : #000;
    --whiteColor: #FFF;
    --greyColor: #343333;
    --disableText: #B0B0B0;
    --btnGreyColor: #929292;
    --redColor: #f00;
    --lightBackground : #32343f;
    --backgroundGreyColor:#292934;
    --backgroundLightGreyColor: #F3F3F3;
    --tabTextColor: #bbbec8;
    --fontBebasNeue : 'Bebas Neue', sans-serif;
    --fontHelveticaNeue : 'fontHelveticaNeue', sans-serif;
    --fontHelveticaNeueBold : 'Helvetica-Medium', sans-serif;
    --fontRoboto : 'Roboto';
    --tabTextColor : #bbbec8;
    --greenText : #4d7f21;
    --grayText : #9a9a9a;
}

.text-danger * { font-family: var(--fontHelveticaNeueBold) !important; font-weight: 400 !important; font-size: 14px !important; }

h1 { font-size: 125px; line-height: 1.1; font-family: var(--fontBebasNeue); font-style: italic; }
h2 { font-size: 116px; line-height: 1.1; font-family: var(--fontBebasNeue); font-style: italic; }
h3 { font-size: 88px; line-height: 1.1; font-family: var(--fontBebasNeue); font-style: italic; }
h4 { font-size: 50px; line-height: 1.1; font-family: var(--fontBebasNeue); font-style: italic; }
h5 { font-size: 25px; line-height: 1.1; font-family: var(--fontHelveticaNeue); font-weight: 400; }

h1 > span,
h2 > span,
h3 > span {
    color: var(--primaryColor);
}

body.hide-overflow { overflow: hidden; }
/* body{counter-reset: my-sec-counter;} */

p { font-size: 20px; line-height: 1.2; margin-bottom: 0; font-family: var(--fontHelveticaNeue); }

.primary-btn { font-family: var(--fontBebasNeue); text-transform: uppercase; font-weight: 100; font-style: italic; font-size: 25px; line-height: 1; border: 1px solid var(--primaryColor); background-color: var(--primaryColor); color: var(--whiteColor); text-decoration: none; transition-duration: .3s; }
.primary-btn:hover { background-color: var(--blackColor); border-color: var(--blackColor); color: var(--whiteColor); }

.secondary-btn { font-family: var(--fontBebasNeue); text-transform: uppercase; font-weight: 100; font-style: italic; font-size: 25px; line-height: 1; border: 1px solid var(--whiteColor); background-color: transparent; color: var(--whiteColor); text-decoration: none; transition-duration: .3s; }
.secondary-btn:hover { border-color: var(--primaryColor); color: var(--primaryColor); }

ul.check-list { padding-left: 70px; }
ul.check-list li { position: relative; list-style: none; font-size: 22px; font-family: var(--fontHelveticaNeue); margin: 20px 0; }
ul.check-list li > b { font-weight: 600; }
ul.check-list li::before { content: ''; position: absolute; background-image: url(../images/front/check-list-icon.svg); left: -40px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background-size: cover; }
.black-outline-btn { font-family: var(--fontBebasNeue); text-transform: uppercase; font-weight: 100; font-style: italic; font-size: 25px; line-height: 1; border: 1px solid var(--blackColor); background-color: transparent; color: var(--blackColor); text-decoration: none; transition-duration: .3s; }
.black-outline-btn:hover { border-color: var(--primaryColor); color: var(--primaryColor); }

.black-btn{font-family: var(--fontBebasNeue); text-transform: uppercase; font-weight: 100; font-style: italic; font-size: 25px; line-height: 1; border: 1px solid var(--blackColor); background-color: var(--blackColor) !important; color: var(--whiteColor); text-decoration: none; transition-duration: .3s; }
.black-btn:hover { background-color: var(--whiteColor); border-color: var(--blackColor); color: var(--blackColor); }

ul li { font-family: var(--fontHelveticaNeue); }

/* launching course section */
.launching-course-main { width: 100%; height: 100vh; overflow-y: auto; background-size: cover; background-repeat: no-repeat; background-position: center;}
.launching-course-main p,
.launching-course-main ul li,
.launching-course-main h1 { color: var(--whiteColor); }
.launching-course-main h1 { font-style: italic; }
.launching-course-main .right-image { position: absolute; top: 0; right: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 0;pointer-events: none; }
.launching-course-main .right-image img { width: 100%; height: 100vh; object-position: bottom right; object-fit: contain;  }
.launching-course-main .left-col { left: 0; top:0; z-index: 2; position: relative; }
.launching-course-main .left-col {width: 45%;height: 100%;display: flex;align-items: flex-start;flex-direction: column;justify-content: space-between;padding: 3vw 5vw;}
.launching-course-main .left-col a img { width: 7vw; }
.launching-course-main .left-col h1 { font-size: 4.5vw; margin-top: 1.5vw; line-height: .9; }
.launching-course-main .left-col h1 span { display: block; font-size: 5.5vw; }
.launching-course-main .left-col h1  small { font-size: 2.5vw; display: inline-block; transform: translateY(-1.5vw); }
.launching-course-main .inner-text  {margin-top: -1vw;}
.launching-course-main .inner-text p { font-size: 1vw; margin-bottom: 1vw; }
.launching-course-main .inner-text ul li { font-size: 1vw; }
.launching-course-main .inner-text ul li::marker { color: var(--primaryColor); }
.launching-course-main .inner-text ul { margin: 1vw 0; padding-left: 1vw; }
.launching-course-main .bottom-column {position: relative;display: flex;justify-content: space-between;}
.launching-course-main .bottom-column { width: calc(100vw - 10vw); display: flex; margin-top: 2vw; }
.launching-course-main .bottom-column .right .left-content img {min-width: 5vw !important; width: 5vw !important; }
.launching-course-main .bottom-column .left a img { width: 1.5vw; }
.launching-course-main .bottom-column .left a { margin-right: 1vw; font-size: 1.5vw; padding: 0.7vw 1vw .5vw; display: inline-flex; line-height: 1.3;}
.launching-course-main .bottom-column .left { display: flex; align-items: center; }
.launching-course-main .bottom-column .right .left-content { display: flex; align-items: center; }
.launching-course-main .bottom-column .right p { margin: 0px 2vw; font-size: 1.3vw; line-height: 1.4;}
.launching-course-main .bottom-column .right a{ margin-right: 1vw; font-size: 1.5vw; padding: 0.7vw 1vw .5vw; display: inline-flex;line-height: 1.3; }
.launching-course-main .bottom-column .left .social-icons a { transition-duration: .3s; }
.launching-course-main .bottom-column .left .social-icons a:hover { transform: scale(1.2); } 
.launching-course-main .mobile-section {display: none;}

/* header css start */
.hair-bender .header-section .header-wrapper{padding: 40px 10px; position: absolute; top: 0; left: 0; width: 100%; z-index: 11; }
.hair-bender .header-section .inner-header-wrapper{display: flex; justify-content: space-between;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper ul{display: flex; align-items: center; list-style: none; margin: 0;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper li{font-family: var(--fontHelveticaNeue); padding: 0px 17px; white-space: nowrap;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper a{text-decoration: none;font-size: 17px; text-transform: uppercase;color: var(--whiteColor); white-space: nowrap;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper a:hover {  transition-duration: .3s; transform: scale(1.2); }
.hair-bender .header-section .inner-header-wrapper .web-logo .logo { max-width: 130px; }
.hair-bender .header-section .inner-header-wrapper .menu-wrapper img.lang-icon {width: 100%; max-width: 30px;}
.hair-bender .header-section .inner-header-wrapper .social-icon img { width: 100%; max-width: 18px;padding-bottom: 35px;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper { position: relative; display: flex;align-items: flex-start;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper .social-icon { display: flex; flex-direction: column;padding-top: 10px; margin-left: 40px;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper li{position: relative;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper li:nth-child(9) { margin-right: 60px; }
.hair-bender .header-section .inner-header-wrapper .menu-wrapper .underline{position: relative;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper .underline:after {content: ""; position: absolute; bottom: -17px;  height: 0px; width: 100%; left: 0; background-color: var(--primaryColor); transition-duration: .3s;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper .underline:hover:after{height: 3px;}
.hair-bender .header-section .inner-header-wrapper .mobile-menu { display: none; }
.hair-bender .header-section .inner-header-wrapper .menu-wrapper a#close{display: none;font-size: 30px;}
.hair-bender .header-section .inner-header-wrapper .menu-wrapper .mobile-social-icon{display: none;}
/* header end css */

/* Home Banner Section Umang */
.home-banner-section { padding: 100px 0px 00px; background-repeat: no-repeat; position: relative; background-size: cover; overflow: hidden; }
.home-banner-section h1 { color: var(--whiteColor);text-align: right; font-style: italic; line-height: .8; transform: scale(.95); transform-origin: right; z-index: -1; font-weight: 400; }
.home-banner-section h1 > span , .home-banner-section h1 > b { display: block; font-weight: 400; }
.home-banner-section h1 > span  { margin-right: 60px; }
.home-banner-section h1 > b { margin-right: 60px; }
.home-banner-section .banner-wrapper { display: flex; align-items: center; position: relative; }
.home-banner-section .banner-wrapper .left-text { margin-top: -280px; margin-right: -60px; }
.home-banner-section .banner-wrapper .left-text a.primary-btn:hover { background-color: var(--whiteColor); color: var(--blackColor); border-color: var(--whiteColor); }
.home-banner-section .banner-wrapper .left-text + img { z-index: 1; position: relative; }
.home-banner-section .banner-wrapper .primary-btn,
.home-banner-section .banner-wrapper .secondary-btn { padding: 20px 30px; display: inline-block; margin-top: 50px; }
.home-banner-section .banner-wrapper .primary-btn { margin-left: 40px; margin-right: 25px;}
.home-banner-section .container { position: relative; }
.home-banner-section .bottom-slider { position: absolute; bottom: 60px; width: 100%; max-width: 1400px; left: 500px; }
.home-banner-section .bottom-slider div#course-wrapper{display: flex;}
.home-banner-section .bottom-slider .slide-item { margin-right: 50px; }
.home-banner-section .bottom-slider .slide-item .slide-image { position: relative; }
.home-banner-section .bottom-slider .slide-item .slide-image .video-control { position: absolute; right: 20px; bottom: 20px; transition-duration: .3s; z-index: 1; }
.home-banner-section .bottom-slider .slide-item .slide-image .video-control:hover { transform: scale(1.2); }
.home-banner-section .bottom-slider .slide-item .slide-image img.course-img { height: 180px; object-fit: cover; margin-bottom: 20px; }
.home-banner-section .bottom-slider .slide-item p { color: var(--whiteColor); font-weight: 500; font-family: var(--fontHelveticaNeue); font-size: 17px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.home-banner-section .bottom-slider .slide-item span { color: var(--whiteColor); font-family: var(--fontHelveticaNeue); opacity: .8; font-size: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; display: flow-root; }
.home-banner-section .bottom-slider .slide-item .slide-image:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--blackColor); opacity: .3; }

.course-wrapper.our-courses-slider.owl-carousel div.owl-nav {display: none !important;}

/* Subscription section */

/* umang css */
/* .subscription-section .title { text-align: center; margin-bottom: 110px; }
.subscription-section { padding: 115px 0px 180px; }
.subscription-section .main-wrapper { display: flex; justify-content: center; align-items: center; }
.subscription-section .main-wrapper .left-list {padding-right: 100px;}
.subscription-section .main-wrapper .right-subscription { padding-left: 120px; border-left: solid 2px var(--greyColor); }
.subscription-section .main-wrapper .right-subscription h2 { font-size: 170px; font-style: italic; display: flex; align-items: center; letter-spacing: -2px; line-height: .8; margin-bottom: 30px; }
.subscription-section .main-wrapper .right-subscription h2 > i { font-size: 39px; position: absolute; }
.subscription-section .main-wrapper .right-subscription h2 > b { font-size: 26px; margin-left: 30px; max-width: 120px; letter-spacing: 0px; line-height: 1; margin-top: 40px; font-weight: 500; }
.subscription-section .main-wrapper .right-subscription h2 > b > span { transform: translateX(-5px); display: inline-block; }
.subscription-section .main-wrapper .right-subscription h5 {font-family: var(--fontHelveticaNeue);margin-left: 19px; font-size: 20px;}
.subscription-section .main-wrapper .right-subscription .primary-btn { padding: 20px 80px; line-height: 1; display: inline-block; } */


/* Our courses */
.our-courses { padding: 115px 0px 220px; }
.our-courses .title { text-align: center; }
/* .our-courses .bottom-slider-section .slide-item .text .bottom-btn { width: 100%; text-align: center; } */
.our-courses .slide-item .primary-btn { padding: 20px 80px; width: 100%;  display: inline-block; margin-top: 50px; }

/* our courses */
.our-courses { width: 100%; height: auto; overflow: hidden; }
.our-courses .title { margin-bottom: 100px; }
.our-courses .bottom-slider-section { width: 125%; }
.our-courses .bottom-slider-section .slide-item { display: flex; flex-direction: column; margin-right: 80px; }
.our-courses .bottom-slider-section .slide-item img { height: 270px; object-fit: cover; }
.our-courses .bottom-slider-section .slide-item .text { height: 100%; }
.our-courses .bottom-slider-section .slide-item .text {  position: relative; padding-top: 35px; height: 360px; }
.our-courses .bottom-slider-section .slide-item .text .bottom-btn { position: absolute; bottom: 0; }
.our-courses .bottom-slider-section .slide-item .text h5 { margin-bottom: 0px; }
.our-courses .bottom-slider-section .slide-item .text p { font-size: 17px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }

/* get certified section */
.get-certified-section {background-image:url('../images/front/get-certified-background.png'); padding: 100px 0px; background-size: cover; overflow: hidden; }
.get-certified-section .text-content p, 
.get-certified-section .text-content h5, 
.get-certified-section .text-content h2 {color: var(--whiteColor);}
.get-certified-section ul li { color: var(--whiteColor); font-size: 20px; }
.get-certified-section .text-content p { margin-bottom: 20px; }
.get-certified-section .inner-wrapper { display: flex; }
.get-certified-section .inner-wrapper .text-content { width: 50%; }
.get-certified-section .inner-wrapper .right-image { width: 50%; }
.get-certified-section .inner-wrapper .text-content a.primary-btn { padding: 18px 20px; display: inline-block; margin-top: 30px; }
.get-certified-section .inner-wrapper .right-image img { width: 100%; transform: scale(1.3) translateX(90px) translateY(-30px); transform-origin: top; }
.get-certified-section .inner-wrapper .text-content ul { padding-left: 20px;}
.get-certified-section .inner-wrapper .text-content ul li{position: relative; list-style: none; display: inline-block;}
.get-certified-section .inner-wrapper .text-content ul li:before {content:'';position: absolute; left: -20px; top: 10px; background-color: var(--primaryColor); border-radius: 10px; transform: translateY(0px); width: 10px; height: 10px; display: inline-block; margin-right: 5px;}
.get-certified-section .text-content p:last-of-type { max-width: 600px; }

/* salon finder section */
.salon-finder-section {padding: 110px 0px; background-size: cover;background-image: url('../images/front/salon-locator-background-image.png'); background-repeat: no-repeat; }
.salon-finder-section .inner-wrapper {display: flex;}
.salon-finder-section .inner-wrapper .left-image { width: 50%; display: flex; align-items: flex-end; }
.salon-finder-section .inner-wrapper .right-content { width: 50%; }
.salon-finder-section .inner-wrapper .right-content ul li { margin-bottom: 15px; }
.salon-finder-section .inner-wrapper .right-content ul li ul li { margin-bottom: 3px;list-style: none; }
.salon-finder-section .inner-wrapper .right-content ul li ul li::before {position: absolute; content: ''; left: -20px; top: 10px; transform: translateY(0px); width: 10px; height: 10px; display: inline-block; margin-right: 5px;border: 2px solid var(--primaryColor); border-radius: 10px; background: transparent;}
.salon-finder-section .inner-wrapper .right-content ul li ul { margin-top: 8px;}
.salon-finder-section .inner-wrapper .right-content ul li::marker {font-size: 25px; color: var(--primaryColor); }
.salon-finder-section .inner-wrapper .left-image img { width: 100%; transform: scale(1.5); transform-origin: left; }
.salon-finder-section .inner-wrapper .right-content .primary-btn { padding: 17px 40px; display: inline-block; }
.salon-finder-section .inner-wrapper .right-content .primary-btn img { margin-right: 5px; }
.salon-finder-section .bottom-image-text { margin-top: 35px; }
.salon-finder-section .bottom-image-text i { display: block; font-weight: 600; }
.salon-finder-section .bottom-image-text i a { color: var(--primaryColor); }
.salon-finder-section .inner-wrapper .right-content ul li { max-width: 550px;list-style: none;}
.salon-finder-section .inner-wrapper .right-content ul li::before{content: ''; position: absolute; left: -20px; top: 10px; transform: translateY(0px); width: 10px; height: 10px; display: inline-block; margin-right: 5px;background-color: var(--primaryColor); border-radius: 10px;}
.salon-finder-section .inner-wrapper .right-content h5 { text-transform: uppercase; }

/* Footer Section */
footer { background: var(--backgroundGreyColor); padding: 160px 0px 5px; }
footer .footer-wrapper { text-align: center; }
footer .footer-wrapper #more {display: none;}
footer .footer-wrapper h3 { color: var(--whiteColor); line-height: 1; margin-bottom: 40px; }
footer .footer-wrapper p { color: var(--whiteColor); max-width: 850px; margin: auto; line-height: 1.6; }
footer .footer-wrapper .bottom-wrapper { display: flex; justify-content: space-between; align-items: center; max-width: 1270px; margin: 160px auto 45px; }
footer .footer-wrapper .bottom-wrapper p { font-size: 16px; }
footer .footer-wrapper .bottom-wrapper ul.social-list {padding-left: 0px;display: flex;list-style: none;}
footer .footer-wrapper .bottom-wrapper  ul.social-list li a { width: 20px; height: 18px; display: block; transition-duration: .3s; }
footer .footer-wrapper .bottom-wrapper ul.social-list li a img { width: 100%; height: 100%; display: inline-block; object-fit: contain; transition-duration: .3s; }
footer .footer-wrapper .bottom-wrapper ul.social-list li { margin-left: 60px; }
footer .footer-wrapper .bottom-wrapper ul.social-list li:first-child { margin-left: 0px; }
footer .footer-wrapper .bottom-wrapper .middle-text-wrapper { display: flex; margin-left: 100px; align-items: center; }
footer .footer-wrapper .bottom-wrapper .middle-text-wrapper a { font-family: var(--fontBebasNeue); font-size: 24px; text-decoration: none; font-style: oblique; margin-left: 60px; color: var(--whiteColor); transition-duration: .3s; }
footer .footer-wrapper .bottom-wrapper .middle-text-wrapper a:hover { color: var(--primaryColor); }
footer .footer-wrapper .bottom-wrapper ul.social-list li a:hover img { transform: scale(1.2); }
footer .footer-wrapper .left-inner { display: flex; flex-direction: row; }
footer .footer-wrapper .left-inner .logo { display: flex; flex-direction: row; }
footer .footer-wrapper .left-inner .logo img { margin-right: 100px; object-fit: contain; object-position: center; }

/* Community section */
.community-section { padding: 100px 0px; background: #d4dde3; overflow: hidden; }
.community-section .section-wrapper { display: flex; justify-content: flex-start; position: relative; } 
.community-section .section-wrapper .text { width: 65%; padding-left: 70px; left: 0; z-index: 1; }
.community-section .section-wrapper .text h5 { margin-bottom: 5px; text-transform: uppercase; }
.community-section .section-wrapper .text ul { margin-bottom: 25px; padding-left: 25px;}
.community-section .section-wrapper .text ul li { font-size: 26px; margin-bottom: 10px; position: relative;list-style: none;}
.community-section .section-wrapper .text ul li::before{position: absolute;content:'';width: 10px;height: 10px;background-color: var(--primaryColor);border-radius:10px;top: 10px; left: -20px;}
.community-section .section-wrapper .text h2 { margin-top: 0; margin-bottom: 10px; line-height: .8; }
.community-section .section-wrapper .text h2 + p { font-size: 22px; padding-right: 50px; line-height: 1.3; }
.community-section .section-wrapper .text h4 {  margin-top: 25px; margin-bottom: 16px; }
.community-section .section-wrapper .image { position: absolute; right: 0; bottom: 0; width: 50%; }
.community-section .section-wrapper .image img { width: 100%; transform: scale(1.3) translate(-20px, -80px); transform-origin: top left; }
.community-section .section-wrapper .text i { display: block; font-size: 36px; font-weight: 500; }
.community-section .section-wrapper .text i b { color: var(--primaryColor); }
.community-section .section-wrapper .text .primary-btn { margin-top: 50px; padding: 17px 40px; display: inline-block; }

/* Shop Section */
/* .shop-section.our-courses .bottom-slider-section .slide-item img { height: 470px; border:solid 1px var(--blackColor); object-fit: contain; } */

/* Video gallery section */
.video-gallery-section { background-color: var(--backgroundGreyColor); padding: 120px 0px; overflow: hidden; }
.video-gallery-section .title { display: flex; align-items: flex-end; width: 100%; justify-content: space-between; margin-bottom: 90px; }
.video-gallery-section .title h2 { line-height: .9; margin-left: -10px; }
.video-gallery-section .title h5 { color: var(--whiteColor); text-transform: uppercase; }
.video-gallery-section .title h2 {color: var(--whiteColor);}
.video-gallery-section .right-search form { width: 550px; height: 70px; background-color: var(--whiteColor); position:relative; }
.video-gallery-section .right-search form input {position: absolute;width: 100%;height: 100%;font-size: 20px;border: solid 1px var(--btnGreyColor);padding: 20px 75px 20px 20px;outline: none;font-size: 16px; font-family: var(--fontHelveticaNeue); }
.video-gallery-section .right-search form input::placeholder { color : var(--btnGreyColor); }
.video-gallery-section .right-search form button { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border: none; background: transparent; }
.video-gallery-section .title .right-search { transform: translateY(-20px); }
/* .video-gallery-section .slider-wrapper { width: 135%; } */
.video-gallery-section .slider-wrapper .slide-item .slide-box img { height: 270px; object-fit: cover; margin-bottom: 20px; }
.video-gallery-section .right-search form button i { font-size: 22px; color: var(--btnGreyColor); }
.video-gallery-section .slider-wrapper .slide-item .slide-box h5 { font-size: 15px; color: var(--whiteColor); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.video-gallery-section .slider-wrapper .slide-item .slide-box:first-child { margin-bottom: 65px; }

.video-gallery-section .slider-wrapper .slide-item .slide-box img.video-image-icon { position: absolute; top: 50%; width: 70px; height: 70px; left: 50%; transform: translate(-50%, -50%); margin-bottom: 0; transition-duration: .3s; transform-origin: center; cursor: pointer; }
.video-gallery-section .slider-wrapper .slide-item .slide-box img.video-image-icon:hover { transform: translate(-50%, -50%) scale(1.2); }
.video-gallery-section .slider-wrapper .slide-item .slide-box .video-image { position: relative; }
.video-gallery-section .slider-wrapper .slide-item { margin-right: 0px; }
.video-gallery-section .owl-carousel .owl-nav { display: block;position: relative; right: -65%;}

.course-model-box .videoprev1 {display: none; }
.course-model-box canvas { display: none; }

/* Courses section */
.courses-video-slider { padding: 140px 0px 0px; background: var(--backgroundGreyColor); overflow: hidden;}
.courses-video-slider .top-slider-wrapper { width: 160%; }
.courses-video-slider .top-slider-wrapper .slide-item { width: calc(100% - 70px); margin-right: 70px; display: flex; position: relative; height: 100%; flex-direction: column; margin-bottom: 30px;  }
.courses-video-slider .slide-item video { width: 100% !important; height: 100%; }
.courses-video-slider .top-slider-section { width: 180%; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content { display: flex; align-items: center; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .duration { margin-left: 10px; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .duration p { margin-bottom: 0px !important; margin-top: 5px; font-size: 16px; margin-left: 10px; color: var(--whiteColor); }
.courses-video-slider .top-slider-wrapper .slide-item .bottom-line { display: flex; justify-content: flex-end; margin-top: 8px; position: absolute; bottom: -30px; right: 0px; } 
.courses-video-slider .top-slider-wrapper .slide-item .bottom-line p { color: var(--whiteColor); font-size: 16px; }
.courses-video-slider .top-slider-wrapper .slide-item .bottom-line a { margin-left: 10px; width: 20px; height: 20px; border: solid 2px var(--whiteColor); border-radius: 30px; }
.courses-video-slider .top-slider-wrapper .slide-item .bottom-line a.done { background-color: var(--whiteColor); background-repeat: no-repeat; background-size: cover; background-image: url(../images/front/check-list-icon.svg); border: none; }
.courses-video-slider .top-slider-wrapper .slide-item .controls { width: 100%; height: 100%; position: absolute; display: flex; align-items: flex-end; padding: 20px; flex-direction: column; justify-content: flex-end; background-image: linear-gradient(0deg, black -5%, transparent 30%); box-sizing: border-box;display: none;height: max-content;bottom: 0%; left: 0%; transform: translate(0%, 0%); }
.courses-video-slider .top-slider-wrapper .slide-item .controls .progress { width: 100%; height: 5px; cursor: pointer; pointer-events: none; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons { width: 100%; display: flex; justify-content: space-between; padding: 10px 30px 0px; }
.courses-video-slider .top-slider-wrapper .slide-item .controls .progress .progress-inner { background-color: var(--primaryColor); width: 0%; height: 100%; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons label { margin-right: 30px; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .duration p { font-size: 14px; margin-top: 0px; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons svg:hover { transform: scale(1.1); transition-duration: .3s; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .mute-btn svg.open { display: inline-block; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .mute-btn svg.mute { display: none; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .mute-btn.muted svg.mute { display: inline-block; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .mute-btn.muted svg.open { display: none; }
.courses-video-slider .slider-content .left-content h5 , .courses-video-slider .slider-content .left-content h3 { color: var(--whiteColor); }
.courses-video-slider .slider-content { margin-bottom: 100px; margin-top: 60px; }
.courses-video-slider .slider-content .left-content h5 { margin-bottom: -5px; }
.courses-video-slider .slider-content .left-content p { color: var(--whiteColor); margin-top: 20px; }
.courses-video-slider .slider-content .left-content h3 { margin-bottom: 0px; } 
.courses-video-slider .slider-content { display: flex; align-items: flex-end; }
.courses-video-slider .slider-content .right-content { margin-left: 50px; }
.courses-video-slider .slider-content .right-content  a.primary-btn { width: max-content; margin-bottom: 20px; padding: 20px 50px; display: inline-block; }
.courses-video-slider .slider-content .right-content  a.primary-btn svg { width: 30px; height: 30px; margin-left: 20px; }
.courses-video-slider .owl-nav { position: absolute !important; right: calc(40% - 70px) !important; bottom: -100px !important; top: auto !important;}
.courses-video-slider .owl-nav button.owl-prev { margin-right: 100px; }
.courses-video-slider .owl-nav button.owl-prev:hover , 
.courses-video-slider .owl-nav button.owl-next:hover{ background-color: transparent !important; }
.courses-video-slider .owl-nav button svg{ transform: scale(.8);transition-duration: .3s;    }
.courses-video-slider .owl-nav button:hover svg{ transform: scale(1.3); }
.courses-video-slider .owl-nav button:hover svg path { fill: var(--primaryColor); transition-duration: .3s; }
.courses-video-slider .owl-carousel .owl-item img { width: 100%; height: 200px; object-fit: cover; object-position: center; }
.courses-video-slider .slider-content .item h4 { font-size: 20px; }
.courses-video-slider .owl-carousel .owl-item h4 { font-size: 22px; margin-top: 20px; color: var(--whiteColor); }
.courses-video-slider .owl-carousel .current h4 { font-size: 22px; margin-top: 20px; color: var(--primaryColor); }
.courses-video-slider .owl-carousel .item { padding-right: 50px; position: relative; }
.courses-video-slider .owl-carousel .item .check-link { position: absolute; right: 50px; bottom: 40px; margin: 20px; background-color: transparent; border: solid 3px var(--whiteColor); width: 35px; height: 35px; border-radius: 30px; }
.courses-video-slider .owl-carousel .item .check-link.done { background-image: url(../images/front/check-list-icon.svg); background-size: cover; border:none; background-color: var(--whiteColor);}
.courses-video-slider .bottom-slider-content { width: 110%; }
.courses-video-slider .owl-carousel.owl-drag .owl-item { opacity: .6; }
.courses-video-slider .owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.courses-video-slider .owl-carousel.owl-drag .owl-item.active .video-complete-wrapper #tagline .primary-tagline{ color: var(--primaryColor); }

.courses-video-slider h1 { color: var(--whiteColor); font-size: 90px; }
.courses-video-slider .bottom-text-content { margin-top: 100px; display: flex; align-items: end; justify-content: space-between; }
.courses-video-slider .bottom-text-content .get-started h2 { margin-bottom: -10px; color: var(--whiteColor); }
.courses-video-slider .bottom-text-content .get-started p { color: var(--whiteColor); max-width: 600px; }
.courses-video-slider .bottom-text-content .right-buttons a { padding: 10px 60px; display: flex; align-items: center; font-size: 25px; margin-left: 30px; }
.courses-video-slider .bottom-text-content .right-buttons a:not(.primary-btn) { background-color: var(--whiteColor); font-family: var(--fontBebasNeue); text-decoration: none; font-style: italic; color: var(--blackColor); }
.courses-video-slider .bottom-text-content .right-buttons { display: flex; }
.courses-video-slider .bottom-text-content .right-buttons a:not(.primary-btn):hover { background-color: var(--blackColor); color: var(--whiteColor); }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .play-pause .play { display: block; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .play-pause .pause { width: 20px; height: 20px; display: none; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .play-pause .pause rect { fill: var(--primaryColor); }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .play-pause.playing .play { display:none; }
.courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .play-pause.playing .pause { display:block; } 

/*========================================================= Modal Section Css =====================================================*/
.modal-wrapper { width: 100%; height: 100%; position: fixed; top: -300%; left: 0; z-index: 111111; display: flex; align-items: flex-start; justify-content: center; padding: 70px 10px; transition-duration: .3s;overflow:hidden;background-color: #000000c2; }
.modal-wrapper.active .back-layer {  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 111; box-sizing: unset; }
.modal-wrapper.active { overflow: auto;overflow-x: hidden;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;padding-inline: 20px !important;box-sizing: border-box; }
.modal-wrapper .modal-inner-content { max-width: 720px; margin: 20px; position: relative; z-index: 11111; }
/* .modal-wrapper .modal-inner-content .modal-header img { width: 100px; } */
.modal-wrapper .modal-inner-content { background-color: var(--whiteColor); padding: 70px 90px; }
.modal-wrapper .modal-inner-content .modal-header { display: flex; flex-direction: column; padding: 0px; margin-bottom: 10px; border-bottom: none; }
.modal-wrapper .modal-inner-content .modal-header h2 { font-size: 56px; max-width: 350px; line-height: 1; margin-top: 40px; text-align: center; line-height: .9; }
.modal-wrapper .modal-inner-content .content p { text-align: center; }
.modal-wrapper .modal-inner-content .modal-content-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 350px; margin: 20px auto 0px; grid-gap: 35px 0px; }
.modal-wrapper .modal-inner-content .modal-content-wrapper a img { width: 80px; height: 80px; }
.modal-wrapper .modal-inner-content h4 { text-align: center; margin: 30px 0px 40px; font-size: 34px; }
.modal-wrapper .modal-inner-content .modal-content-wrapper a { text-align: center; transition-duration: .3s; }
.modal-wrapper .modal-inner-content .modal-content-wrapper a:hover { transform: scale(1.1); }
.modal-inner-content .close { position: absolute; top: -35px; right: 0; height: 35px; display: flex; justify-content: center; color: var(--whiteColor); font-size: 28px; line-height: 1; cursor: pointer; transition-duration: .3s;}
.modal-inner-content .close:hover { transform: scale(1.2); }

.modal-wrapper.courses-modal .modal-inner-content { padding: 40px; }
.modal-wrapper.courses-modal .modal-inner-content video { width: 100%; height: auto;background-image: linear-gradient(0deg, black -5%, transparent 30%); }
.courses-modal.modal-wrapper .modal-inner-content { min-width: 930px; }
.courses-modal.modal-wrapper .modal-inner-content h4 { text-align: left; font-size: 76px; }
.courses-modal.modal-wrapper .modal-inner-content h4 { margin-top: 0px; }
.courses-modal.modal-wrapper .modal-inner-content .video-title { margin-top: 50px; position: relative; }
.courses-modal.modal-wrapper .modal-inner-content .video-title h5 { margin-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.courses-modal.modal-wrapper .modal-inner-content .video-title .video-information h4 { margin-bottom: 10px; font-size: 48px; }
.courses-modal.modal-wrapper .modal-inner-content .info-title h5 { font-size: 20px; margin-bottom: 5px; }
.courses-modal.modal-wrapper .modal-inner-content .get-started {margin-top: 0px; }
.courses-modal.modal-wrapper .modal-inner-content .get-started a { padding: 20px 50px; }
.courses-modal.modal-wrapper .modal-inner-content .owl-nav { position: absolute; top: -10px; right: 50px; }
.courses-modal.modal-wrapper .modal-inner-content .slider-counter {  position: absolute; top: 171px; right: 87px; font-size: 45px; font-weight: 500; font-family: var(--fontBebasNeue); font-style: italic; }
.courses-modal.modal-wrapper .modal-inner-content .owl-nav button { font-size: 70px; transition-duration: .3s; }
.courses-modal.modal-wrapper .modal-inner-content .owl-nav button.owl-prev {margin-right: 110px;}
.courses-modal.modal-wrapper .modal-inner-content .owl-nav button:hover { transform: scale(1.2); transform-origin: center; color: var(--primaryColor);}

.profile-modal.modal-wrapper .modal-inner-content { padding: 0px; }
.profile-modal.modal-wrapper .modal-inner-content .top-buttons { display: flex; align-items: center; }
.profile-modal.modal-wrapper .modal-inner-content .top-buttons .tab-link { cursor: pointer; display: inline-block; padding: 22px 0px 20px; width: 100%; text-align: center; text-decoration: none; font-family: var(--fontBebasNeue); font-style: italic; font-size: 22px; color: var(--bs-gray); line-height: 1; background-color: var(--bs-gray-300); }
.profile-modal.modal-wrapper .modal-inner-content .top-buttons .tab-link.active { background: var(--whiteColor); color: var(--blackColor); }
.profile-modal.modal-wrapper .modal-inner-content .profile-image img { width: 200px; height: 200px; border-radius: 230px; object-fit: cover; border: solid 10px var(--primaryColor); }
.profile-modal.modal-wrapper .modal-inner-content { width: 720px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content { padding: 0px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box { text-align: center; padding: 50px; display: none; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box.active { display: block; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text { margin-top: 40px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text h3 { margin-bottom: 0; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text { width: 100%; text-align: left; }
.profile-modal.modal-wrapper .modal-inner-content h4 { text-align: left; font-size: 40px; margin: 0px 0px 15px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 30px 40px 25px; border: solid 10px var(--primaryColor); }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .right-side { display: flex; align-items: center; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .right-side h3 { font-size: 30px; margin-left: 21px; margin-bottom: 0px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h5 { font-size: 26px; text-transform: uppercase; margin-bottom: 0px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h5 span { font-size: 50px; text-align: left; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .right-side h2 { font-size: 90px; line-height: .8; margin-bottom: 0; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text a.primary-btn { padding: 20px 50px; display: inline-block; margin: 0px auto 0px; width: 50%; text-align: center;  }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details.center { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details.center h4 { margin-bottom: 0; }

.subscription-modal.modal-wrapper .modal-inner-content{ padding: 40px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section { padding: 0px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper .left-list { padding-right: 0; border-top: solid 1px var(--btnGreyColor); margin-top: 20px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .title { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .title h2 { text-align: center; width: 100%; display: flex; justify-content: center; margin: 15px 0px 0px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .title h5 { font-size: 18px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper { flex-direction: column-reverse; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper .right-subscription { border-left: 0px; padding: 0px; margin-left: 20px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper .right-subscription h2 { margin: 0px; position: relative; font-size: 90px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section h2 b { margin: 0px 0px 0px -10px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section h2 i { position: absolute; left: -20px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper .right-subscription h5 { font-size: 18px; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper ul { padding-left: 0; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper ul li { font-size: 18px; text-align: center; position: relative; margin: 10px 0px; display: flex; justify-content: center; align-items: center; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper .check-list { margin-top: 20px; padding-left: 0; }
.subscription-modal.modal-wrapper .modal-inner-content .subscription-section .main-wrapper ul li:before { position: relative; width: 18px; height: 18px; display: inline-block; left: 0px; transform: translate(0,0); margin-right: 9px; }
.subscription-modal.modal-wrapper .modal-inner-content .content { margin: 0px; }
.subscription-modal.modal-wrapper .modal-inner-content .content input { margin: 0px 0px 10px !important; box-shadow: none !important; border: solid 1px var(--bs-gray-400) !important; font-size: 14px; font-family: var(--fontHelveticaNeue); padding: 8px 11px; }
.subscription-modal.modal-wrapper .modal-inner-content .content #card-element { margin: 0px 0px 10px !important; border: solid 1px var(--bs-gray-400) !important; font-size: 14px; font-family: var(--fontHelveticaNeue); padding: 10px; border-radius: 5px; }
.subscription-modal.modal-wrapper .modal-inner-content .content button { width: 100%; padding: 13px 10px; font-size: 22px; display: block; margin: 13px auto 0px; }
.subscription-section .bottom-btn .sub-btn:hover{background-color: var(--whiteColor);color: var(--blackColor);}
.subscription-section .bottom-btn .sub-btn.black-btn:hover { background-color: var(--whiteColor); color: var(--primaryColor);border: 1px solid var(--primaryColor); }

.profile-modal.modal-wrapper .modal-inner-content { max-width: 740px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box { padding: 80px 90px 100px; }
.profile-modal.modal-wrapper .ratios-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 520px; margin: 50px auto 30px; }
.profile-modal.modal-wrapper .ratios-wrapper .item h4 { font-size: 24px; text-align: center; margin-bottom: 10px; }
.profile-modal.modal-wrapper .ratios-wrapper .item .icon-box img { width: 115px; height: 115px; object-fit: contain; }
.profile-modal.modal-wrapper .ratios-wrapper .item .data-item { width: 115px; height: 115px; border-radius: 115px; margin: 0 auto; display: flex; align-items: center; flex-direction: column; justify-content: center; border: solid 8px #F1F1F1; }
.profile-modal.modal-wrapper .ratios-wrapper .item .data-item h3 { font-size: 34px; line-height: 1; margin-bottom: 0; }
.profile-modal.modal-wrapper .ratios-wrapper .item .data-item span { font-size: 14px; font-weight: 500; font-family: var(--fontBebasNeue); font-style: italic; margin-bottom: 0px; }
.profile-modal.modal-wrapper .ratios-wrapper .item .data-item * { transform: translate(-5px, 3px); }
.profile-modal.modal-wrapper .modal-inner-content .tab-content h5 { margin-bottom: 5px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content p {line-height: 1.3; color: var(--blackColor); }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text .location {  position: relative; max-width: 400px; margin: 0px auto 30px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text .location::before { content: ''; display: inline-block; background-image: url(../images/front/location-icon.svg); width: 18px; height: 18px; background-position: center;  background-size: contain; background-repeat: no-repeat; transform: translateY(3px); margin-right: 5px; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper h2 { font-size: 70px; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper { margin-top: 70px; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper .image-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper .image-wrapper img { width: 100%; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper .bottom-button-wrapper {/* margin-top: 80px;*/ margin-top: 50px; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper .bottom-button-wrapper a.primary-btn { padding: 20px 80px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text a.primary-btn { margin-left: auto; margin-top: 20px; }

.profile-edit-modal.modal-wrapper .modal-inner-content { width: 720px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .content { width: max-content; margin: 0 auto 80px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .content img { border: solid 8px var(--primaryColor); border-radius: 200px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .content img.profile-image { width: 200px; height: 200px; object-fit: cover; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item input, .modal-wrapper.profile-edit-modal .modal-inner-content .form-content .form-item textarea, .modal-wrapper.profile-edit-modal .modal-inner-content .form-content .form-item select { width: 100%; padding: 18px 15px; line-height: 1; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item label { font-size: 30px; font-family: var(--fontBebasNeue); font-style: italic;}
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item { margin-bottom: 35px; }
/* .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .iti__selected-flag { height: 100%; } */
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item textarea { height: 120px; max-height: 120px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item h4 { text-align: left; font-size: 30px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper input { font-size: 0px; opacity: 0; padding: 0; visibility: hidden; height: 0; position: absolute; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper label { background-color: #DDDDDD; height: 110px; width: 100%; position: relative; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper label:hover:after { transform: scale(1.2); }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper label:after { content: '+'; display:var(--afterdisplay,block); position: absolute; bottom: 0px; right: 15px; font-style: normal; color: var(--primaryColor); transition-duration: .3s; cursor: pointer; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper .upload-files-wrapper {margin: 0;position: relative; display: inline-flex;}
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper .upload-files-wrapper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; object-fit: cover; object-position: center; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .primary-btn { width: 50%; display: flex; justify-content: center; margin: 70px auto 0px; padding: 20px; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper .upload-files-wrapper .remove-button { position: absolute; right: 0; border: 0; bottom: 7px; padding: 13px; box-sizing: content-box; font-size: 30px; display: flex; justify-content: center; line-height: .5; background: transparent; z-index: 11; opacity: 0; visibility: hidden; transition-duration: .3s;cursor: pointer; color: var(--whiteColor); font-weight: 600; text-shadow: 0px  0px 3px #000000; }
.profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper .upload-files-wrapper .remove-button:hover { transform: scale(1.2); }
.profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image { position: relative; }
.profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image .edit-icon { position: absolute; bottom: 10px; right: 10px; transform: scale(1.4); cursor: pointer; }
.profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image .edit-icon img { width: 40px; height: 40px; border: none; background-color: var(--primaryColor); padding: 5px; top: auto; }

.profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image { position: relative; }
.profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image input { font-size: 0; position: absolute; opacity: 0; visibility: hidden; }

.message-modal.modal-wrapper .modal-inner-content { min-width: 600px; padding: 60px; }
.message-modal.modal-wrapper .modal-inner-content .modal-header img { width: 160px; height: 160px; }
.message-modal.modal-wrapper .modal-inner-content .modal-body { padding: 0; text-align: center; }
.message-modal.modal-wrapper .modal-inner-content .modal-body h3 { font-size: 54px; text-align: center; margin-bottom: 20px; margin-top: 20px; }
.message-modal.modal-wrapper .modal-inner-content .modal-body p { padding: 0px 40px; }
.message-modal.modal-wrapper .modal-inner-content .modal-body  a.primary-btn { width: max-content; padding: 20px 100px; display: inline-block; margin: 10px auto 0px; }

/* rajeswari css */
.subscription-section{padding: 100px 0px;overflow: hidden;}
.subscription-section .title h5{text-transform: uppercase;letter-spacing: -0.0625em;}
.subscription-section .title h2{letter-spacing: -0.0325em;}
.subscription-section .title{margin-bottom: 80px;text-align: center;}
.subscription-section .price-section h5 { font-size: 17px; margin-left: 15px; text-transform: uppercase;font-style: italic; }
.subscription-section .price-section h2{font-style: italic; display: flex; align-items: end; letter-spacing: -2px; line-height: 0.6; margin-bottom: 30px; font-size: 127px;margin-left:30px; margin-top: 25px;}
.subscription-section .price-section{position: relative;}
.subscription-section .price-section h2 > i { font-size: 39px; position: absolute; left: 10px; top: 70px; }
.subscription-section .price-section h2 > b { font-size: 24px; margin-left: 0px; margin-top: 0px; max-width: 200px; letter-spacing: 0px; line-height: 1; font-weight: 500;text-align: center;}
.subscription-section .price-section h2 > b > span { transform: translateX(-5px); display: inline-block; }
.subscription-section .pricing-points li{position: relative;font-size: 15px; margin: 10px 0;list-style: none;padding-left: 5px;}
.subscription-section .pricing-points li::before { content: ''; position: absolute; background-image: url(../images/front/check-list-icon.svg); left: -20px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background-size: cover; }
.subscription-section .pricing-points li.last-point:before { display: none; }
.subscription-section .bottom-btn .sub-btn{padding: 20px 70px;margin-top: 30px;}
.subscription-section .bottom-btn { text-align: center; }
.subscription-section .box{border: 1px solid var(--blackColor); padding: 50px 30px;min-height: 790px;}
.subscription-section .box.year-box{background-color: var(--backgroundGreyColor);color: var(--whiteColor);position: relative;}
/* .subscription-section .main-wrapper{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px;} */
.subscription-section .year-last-point{color: var(--whiteColor);}
.subscription-section .pricing-points li.last-point { margin-top: 20px;font-style: italic; font-weight: 600;}
.subscription-section .price-section .side-text img{max-width: 18px; margin-right: 5px;}
.subscription-section .price-section .side-text{display: flex;align-items: center;position: absolute;right: -22px;top:-42px;background-color: var(--whiteColor);padding: 5px 10px;color: var(--blackColor);width: max-content;font-size: 13px; font-weight: 600; font-style: italic;}
.subscription-section .pricing-points li.disable-points { color: var(--disableText); }
.subscription-section .pricing-points li.disable-points::before{background-image:url(../images/front/disable-check-list-icon.svg)}

/* .subscription-section .main-wrapper .right-subscription{border-left: solid 1px var(--greyColor);}
.subscription-section ul.check-list li { font-size: 25px;margin: 15px 0;}
.subscription-section ul.check-list li::before{width: 20px; height: 20px;}
.subscription-section .main-wrapper .right-subscription h5{font-size: 25px;margin-left: 35px;}
.subscription-section .main-wrapper .right-subscription h2 { font-size: 200px;}
.subscription-section .main-wrapper .right-subscription h2 > b { font-size: 30px; margin-left: 30px; margin-top: 70px;} */

.our-courses{padding: 115px 0px 190px;}
.our-courses-page.courses { padding-bottom: 0px; }
.our-courses .title { margin-bottom: 80px; }
.our-courses .title h2 {letter-spacing: -0.0325em;}
.our-courses .title h5 {letter-spacing: -0.0625em;}
.our-courses .bottom-slider-section .slide-item .text h5 { text-transform: uppercase;}
.our-courses .bottom-slider-section .slide-item .text p{line-height: 1.4;}
.our-courses .bottom-slider-section { width: 140%; }

.get-certified-section .inner-wrapper .text-content h5 {letter-spacing: -0.0625em;}
.get-certified-section .inner-wrapper .text-content h2{letter-spacing: -0.0325em;}
.get-certified-section .inner-wrapper .right-image img{transform: scale(1.4) translateX(35px) translateY(-30px);}
.get-certified-section .inner-wrapper .text-content a.primary-btn{padding: 18px 50px;}

.salon-finder-section .inner-wrapper .right-content h5 {letter-spacing: -0.0625em;}
.salon-finder-section .inner-wrapper .right-content h2{letter-spacing: -0.0325em;}
.salon-finder-section .inner-wrapper .right-content ul li{max-width: 600px;font-size: 20px;margin-bottom: 0px; position: relative;}
.salon-finder-section .inner-wrapper .left-image{width: 70%;}
.salon-finder-section .inner-wrapper .left-image img{transform: scale(2.2)translate(-40px, -35px);}
.salon-finder-section .inner-wrapper .right-content .primary-btn{margin-top: 30px;}

.community-section .section-wrapper .text h5{letter-spacing: -0.0625em;}
.community-section .section-wrapper .text h2{letter-spacing: -0.0325em;}
.community-section .section-wrapper .text h4{font-size: 60px;}
.community-section .section-wrapper .text i{font-size: 40px;}
.community-section .section-wrapper .text .primary-btn{padding: 17px 60px;}
.community-section .section-wrapper .text { width: 65%;}

.video-gallery-section .title .left h5{letter-spacing: -0.0625em;}
.video-gallery-section .title .left h2{letter-spacing: -0.0325em;}
.video-gallery-section .slider-wrapper .slide-item .slide-box .upper-title { font-weight: 700; font-size: 16px;margin-bottom:5px;}
.video-gallery-section .slider-wrapper{position: relative;}
.video-gallery-section .slider-wrapper .owl-nav button { font-size: 70px; transition-duration: .03s; }
.video-gallery-section .slider-wrapper .owl-nav button.owl-prev { margin-right: 100px; }
.video-gallery-section .slider-wrapper .owl-nav button svg { transform: scale(.8); transition-duration: .3s; }
.video-gallery-section .slider-wrapper .owl-nav button:hover svg path { fill: var(--primaryColor); transition-duration: .3s; }
.video-gallery-section .slider-wrapper .owl-nav button:hover svg { transform: scale(1.3); }
.video-gallery-section .slider-wrapper.responsive{display: none;}
.video-gallery-section { padding: 120px 0px 80px;}

.courses-video-slider { padding: 140px 0px 140px;}
.courses-video-slider .slider-content .left-content h5{text-transform: uppercase; font-size: 35px;}
.courses-video-slider .slider-content{margin-top: 0px; margin-bottom: 90px;}
.courses-video-slider .bottom-text-content .get-started h2{font-size: 90px;margin-bottom: 10px;}
.courses-video-slider .owl-carousel .owl-item img{height: 180px;}
.courses-video-slider .owl-carousel .item { padding-right: 40px;}

/* video control */
.courses-modal.modal-wrapper .modal-inner-content .video-box{position: relative;}
.courses-modal.modal-wrapper .modal-inner-content .video-title h5 {font-size: 25px;}
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .play-pause .play { display: block; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .play-pause .pause { width: 20px; height: 20px; display: none; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .play-pause .pause rect { fill: var(--primaryColor); }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .play-pause.playing .play { display:none; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .play-pause.playing .pause { display:block; } 
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content { display: flex; align-items: center; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .duration { margin-left: 10px; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .duration p { margin-bottom: 0px !important; margin-top: 5px; font-size: 16px; margin-left: 10px; color: var(--whiteColor); }
.courses-modal.modal-wrapper .modal-inner-content .controls .progress { width: 100%; height: 5px; cursor: pointer; pointer-events: none; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons { width: 100%; display: flex; justify-content: space-between; padding: 10px 30px 0px; }
.courses-modal.modal-wrapper .modal-inner-content .controls .progress .progress-inner { background-color: var(--primaryColor); width: 0%;height: 100%; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons label { margin-right: 30px; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .duration p { font-size: 14px; margin-top: 0px; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons svg:hover { transform: scale(1.1); transition-duration: .3s; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .mute-btn svg.open { display: inline-block; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .mute-btn svg.mute { display: none; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .mute-btn.muted svg.mute { display: inline-block; }
.courses-modal.modal-wrapper .modal-inner-content .action-buttons .mute-btn.muted svg.open { display: none; }
/* .courses-modal.modal-wrapper .modal-inner-content .video-title .video-information .info-content { width: 800px; } */
.courses-modal.modal-wrapper .modal-inner-content .video-title { margin-top: 35px;}
.courses-modal.modal-wrapper .modal-inner-content .video-title .video-first-title { font-size: 55px;margin: 0px; }
.courses-modal.modal-wrapper .modal-inner-content .video-title .video-information .info-content { width: 94%; }
.courses-modal.modal-wrapper .modal-inner-content .owl-nav{background-color: var(--whiteColor);width: 25%;right: -9px;}
.courses-modal.modal-wrapper .modal-inner-content .slider-counter{z-index: 999;}
/* .courses-modal.modal-wrapper .modal-inner-content .slider-counter::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, decimal-leading-zero);
    color: red;
} */
.modal-wrapper{overflow-x: hidden;}

/* video control */
.courses-modal.modal-wrapper .modal-inner-content .controls {width: 100%; height: 100%; position: absolute; display: flex; align-items: flex-end; padding: 20px; flex-direction: column; justify-content: flex-end; box-sizing: border-box;bottom: 0%;left: 0%; transform: translate(0%, 0%); display: none;height: max-content; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .video-box{position: relative;}
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .play-pause .play { display: block; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .play-pause .pause { width: 20px; height: 20px; display: none; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .play-pause .pause rect { fill: var(--primaryColor); }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .play-pause.playing .play { display:none; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .play-pause.playing .pause { display:block; } 
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content { display: flex; align-items: center; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .duration { margin-left: 10px; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .duration p { margin-bottom: 0px !important; margin-top: 5px; font-size: 16px; margin-left: 10px; color: var(--whiteColor); }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .controls .progress { width: 100%; height: 5px; cursor: pointer; pointer-events: none; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons { width: 100%; display: flex; justify-content: space-between; padding: 10px 30px 0px; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .controls .progress .progress-inner { background-color: var(--primaryColor); width: 0%; height: 100%; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons label { margin-right: 30px; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .duration p { font-size: 14px; margin-top: 0px; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons svg:hover { transform: scale(1.1); transition-duration: .3s; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .mute-btn svg.open { display: inline-block; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .mute-btn svg.mute { display: none; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .mute-btn.muted svg.mute { display: inline-block; }
.courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .mute-btn.muted svg.open { display: none; }
.modal-wrapper.courses-modal.active .video-title h3 { font-size: 55px; margin: 0; }

.profile-modal.modal-wrapper .modal-inner-content .work-wrapper .image-wrapper img { height: 110px; object-fit: cover; }
.profile-modal.modal-wrapper .modal-inner-content .work-wrapper { margin-top: 40px; }

.modal-wrapper .modal-inner-content .modal-header img { width: 160px;height: 160px;}
.modal-wrapper.success-message-modal h3 { font-size: 54px; text-align: center; margin-bottom: 20px; margin-top: 20px; }
.modal-wrapper.success-message-modal a.primary-btn { width: max-content; padding: 20px 100px; display: inline-block; margin: 10px auto 0px; }
.modal-wrapper.success-message-modal .modal-body{text-align: center;}

.courses-video-slider .owl-carousel .button-bar img.video-play-btn {cursor: pointer; width: 20px; height: 20px; }
.courses-video-slider .owl-carousel .button-bar{display: flex; align-items: center;margin-right: 25px;}
.courses-video-slider .owl-carousel .button-bar a.rewind-btn { margin-right: 24px; }
.courses-video-slider .owl-carousel .button-bar img.video-play-btn:hover { transform: scale(1.1); transition-duration: .3s; }

.modal-wrapper .button-bar img.video-play-btn {cursor: pointer; width: 20px; height: 20px; }
.modal-wrapper .button-bar{display: flex; align-items: center;margin-right: 20px; }
.modal-wrapper .button-bar img.video-play-btn:hover { transform: scale(1.1); transition-duration: .3s; }

.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 { font-style: italic; display: flex; align-items: center; letter-spacing: -2px; line-height: .8; margin-bottom: 10px; font-size: 90px; margin-left: 10px; margin-top: 10px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h5 { font-size: 20px;}
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 > i { font-size: 50px; position: absolute; left: 85px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 > b { font-size: 24px; margin-left: 0px; margin-top: 5px; max-width: 200px; letter-spacing: 0px; line-height: 1; font-weight: 100; margin-left: 15px; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 > b > span { transform: translateX(-5px); display: inline-block; }
.profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details{ position: relative; }
.profile-modal.modal-wrapper .ratios-wrapper .item .data-item img { width: 120px; height: 120px; }

/* rajeswari css */

/*========================================================= Our Course page Section Css =====================================================*/

.our-courses-page{
    background: var(--backgroundGreyColor);
    color: #FFF;
}
.our-courses-page .title {
    margin-top: 50px;
    margin-bottom: 52px;
}

/*========================================================= Modal Section Css =====================================================*/

.members-area .container { width: 100%; max-width: 1590px; }
.members-area .header-section .header-wrapper,
.members-area .profile-header-section .header-wrapper { position: relative; background-color: var(--backgroundGreyColor); padding-bottom: 0px; }
.hair-bender .profile-header-section .header-wrapper { padding-bottom: 30px;position: relative; }
.hair-bender .profile-header-section.member-page-header .header-wrapper { position: absolute; }
.members-area .member-sidebar-section { background-color: var(--backgroundGreyColor); padding: 0px; }
.members-area .member-sidebar-section .members-area-sidebar { min-width: 250px; width: 250px; }
.members-area .member-sidebar-section .members-area-wrapper { display: flex; justify-content: space-between; }
.members-area .member-sidebar-section .members-area-wrapper .members-courses-area { width: calc(100% - 270px); background-color: var(--lightBackground); padding: 40px; }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul { list-style: none; padding: 5px; background-color: var(--lightBackground); }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a {text-decoration: none;color: var(--whiteColor);padding: 20px;display: inline-block;width: 100%;font-size: 16px;position: relative; transition-duration:.1s; text-transform: uppercase;}
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a:hover { background: var(--backgroundGreyColor); }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a.active { background: var(--backgroundGreyColor); font-weight: 600; }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a.active:after { width: 5px; }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a:after { content: ''; display: inline-block; width: 0px; height: 100%; left: 0; top: 0; background: var(--primaryColor); position: absolute; transition-duration: .1s; }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a:hover::after { width: 5px; color: var(--whiteColor); }
.members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a span { position: absolute; right: 8px; width: max-content; min-width: 26px; background: var(--primaryColor); border-radius: 20px; font-size: 14px; padding: 3px 4px; text-align: center; font-weight: 700; }

.members-area .member-sidebar-section .members-area-wrapper h2 { font-size: 46px; line-height: .8; font-weight: 500; color: var(--whiteColor); margin: 0px 0px 30px; }
.members-area .member-sidebar-section .course-video-wrapper { display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }
.members-area .member-sidebar-section .course-video-wrapper .course-item { background-color: var(--backgroundGreyColor); padding: 20px; margin: 0px 0px 0px; position: relative; padding-bottom: 130px !important;}
.members-area .member-sidebar-section .course-video-wrapper .course-item img { width: 100%; height: 200px; object-fit: cover; margin-bottom: 30px; }
.members-area .member-sidebar-section .course-video-wrapper .course-item p, 
.members-area .member-sidebar-section .course-video-wrapper .course-item h4,
.members-area .member-sidebar-section .course-video-wrapper .course-item b,
.members-area .member-sidebar-section .course-video-wrapper .course-item span{ color: var(--whiteColor); }
.members-area .member-sidebar-section .course-video-wrapper .course-item p { font-size: 16px; }
.members-area .member-sidebar-section .course-video-wrapper .course-item b { font-weight: 400; font-size: 18px; }
.members-area .member-sidebar-section .course-video-wrapper .course-item h4 { font-size: 52px; }

.members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content { margin-top: 50px; display: flex; align-items: center; position: absolute; bottom: 25px;}
.members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content .text-content span { font-weight: 500; text-transform: uppercase; font-family: var(--fontBebasNeue); font-size: 17px; font-style: italic; }
.members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content .text-content h3 { color: var(--whiteColor); font-size: 52px; line-height: .8; }
.members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content svg { width: 35px; height: 35px; background-color: var(--primaryColor); border-radius: 20px; padding: 8px; margin-left: 30px; }
.members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content .primary-btn { padding: 20px 50px; }

.members-area .member-sidebar-section .course-video-wrapper .course-item.inactive .primary-btn, 
.members-area .member-sidebar-section .course-video-wrapper .course-item.inactive img { filter: grayscale(1); cursor: not-allowed; }

.plan-details-section { background-color: var(--backgroundGreyColor); }
.plan-details-section .header-section .header-wrapper { position: relative; }
.plan-detail-section { width: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--backgroundGreyColor);padding-top: 150px; }
.plan-detail-section .plan-detail-wrapper { background-color: var(--whiteColor); padding: 55px 65px; max-width: 610px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card { padding: 40px 45px; border: solid 1px var(--blackColor); margin: 20px 0px 0px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price { display: flex; flex-direction: column; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price .plan-detail-price { display: flex; align-items: center; margin-bottom: 15px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price span { font-family: var(--fontHelveticaNeue); font-style: italic; font-weight: 600; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price i { font-size: 100px; line-height: .9; font-family: var(--fontBebasNeue); }
.plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price i b { font-size: 30px; transform: translateY(-25px); display: inline-flex; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price .plan-detail-price strong { font-weight: 500; font-family: var(--fontBebasNeue); font-size: 24px; line-height: 1; font-style: italic; margin-left: 10px; margin-top: 20px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card ul { padding: 0px 0px 0px 24px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card ul li { padding: 0px; list-style: none; font-size: 20px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card ul li { position: relative; font-size: 15px; margin: 10px 0; list-style: none; padding-left: 5px; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card ul li::before { content: ''; position: absolute; background-image: url(../images/front/check-list-icon.svg); left: -20px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background-size: cover; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card ul li.last-point:before { display: none; }
.plan-detail-section .plan-detail-wrapper .plan-detail-card ul li.disable-points { color: var(--disableText); }
.plan-detail-section .plan-detail-wrapper .plan-detail-title h3 { font-size: 60px; text-align: center; line-height: .9; }
.plan-detail-section .plan-detail-wrapper input[type="text"] { padding: 10px 25px; width: 100%; font-size: 18px;margin-top: 0px; color: var(--blackColor); }
.plan-detail-section .plan-detail-wrapper .field-box span { font-size: 12px; }
.plan-detail-section .plan-detail-wrapper .button-wrapper { text-align: center; }
.plan-detail-section .plan-detail-wrapper .button-wrapper .submit-code { padding: 15px 65px;margin: 20px 0px; }
.plan-detail-section .plan-detail-wrapper .button-wrapper .submit-code.black-btn:hover { color: var(--whiteColor); }
.plan-detail-section .plan-detail-wrapper input[type="text"]::placeholder { color: var(--blackColor); }
.plan-detail-section .plan-detail-wrapper .bottom-links { display: flex; flex-direction: column; align-items: center; }
.plan-detail-section .plan-detail-wrapper .bottom-links a.primary-btn { padding: 15px 60px; margin-top: 30px; }
.plan-detail-section .plan-detail-wrapper .bottom-links a.custom-link { margin-top: 30px; font-family: var(--fontHelveticaNeueBold); font-style: italic; color: var(--primaryColor); transition-duration: .3s; }
.plan-detail-section .plan-detail-wrapper .bottom-links a.custom-link:hover { transform: translateY(-5px); }

@media(max-width:1600px){
    /* rajeswari css */
    /* our course */
    .our-courses .bottom-slider-section .slide-item{margin-right: 0px;}
    .our-courses .bottom-slider-section .slide-item .text{height: 330px;padding-top: 25px;}
    .our-courses .bottom-slider-section { width: 125%; }

    .home-banner-section .bottom-slider{left: 420px;}
    .home-banner-section .bottom-slider .slide-item { margin-right: 0px; }
    .home-banner-section .bottom-slider .slide-item .slide-image img.course-img { height: 140px;}

    /* .video-gallery-section .slider-wrapper { width: 125%; } */
    .video-gallery-section .slider-wrapper .slide-item { margin-right: 0px; }

    .members-area .container { width: 100%; max-width: 1440px; }
}

@media(max-width:1520px) {

    h1 { font-size: 100px;}
    h2 { font-size: 84px; }
    h3 { font-size: 76px; }
    h4 { font-size: 40px; }
    h5 { font-size: 20px; }

    ul.check-list li { font-size: 18px; }
    ul.check-list li::before { width: 20px; height: 20px; }
    
    .home-banner-section .banner-wrapper .left-text + img { height: 800px; }
    .home-banner-section .banner-wrapper .primary-btn, .home-banner-section .banner-wrapper .secondary-btn {padding: 10px 20px;font-size: 20px;margin:0px 10px;}
    .home-banner-section .banner-wrapper .primary-btn { margin-left: 30px; }

    .our-courses { padding: 80px 0px 150px; }
    .our-courses .title { margin-bottom: 50px; }
    .our-courses .bottom-slider-section .slide-item { margin-right: 40px; }
    .our-courses .bottom-slider-section .slide-item img { height:220px; }
    .our-courses .slide-item .primary-btn {font-size: 20px;padding: 12px 60px; width:100%;display: inline-block; text-align:center;}
    
    .community-section .section-wrapper .text { padding-left: 0px; }
    
    .subscription-section .title {margin-bottom: 30px;}

    .video-gallery-section .slider-wrapper .slide-item .slide-box img { height:200px; }

    .get-certified-section {display: block;width: 100%;position: relative;}
    .get-certified-section .inner-wrapper .right-image {position:absolute;right:0;bottom: 0px;}
    .get-certified-section .inner-wrapper .right-image img { transform:scale(1.4) translate(120px, -110px);}

    .salon-finder-section { background-size: cover; }
    .salon-finder-section .inner-wrapper .left-image img { transform:scale(1.7)translate(0px, -75px); }

    .community-section .section-wrapper .image img {transform: scale(1.2);}
    .community-section .section-wrapper .text h2 + p { font-size: 20px; }
    .community-section .section-wrapper .text i { font-size: 24px; }
    .community-section .section-wrapper .text ul li { font-size: 20px; }

    .video-gallery-section { padding: 80px 0px; }
    .video-gallery-section .title { margin-bottom: 50px; }

    .subscription-section {padding: 100px 0px 100px;}
    .subscription-section .main-wrapper .right-subscription {padding-left: 80px;}
    .subscription-section .main-wrapper .right-subscription h2 { font-size:160px; }

    .video-gallery-section .slider-wrapper .slide-item { margin-right: 50px; }
    
    footer { padding-top: 100px; }
    footer .footer-wrapper .bottom-wrapper {margin: 110px auto 40px;}
    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper a { font-size: 22px; }
    footer .footer-wrapper .bottom-wrapper ul.social-list li { margin-left: 50px; }

    .courses-video-slider .top-slider-wrapper .slide-item { height: auto; margin-right: 40px; width: calc(100% - 40px); }
    .courses-video-slider .slider-content .right-content a.primary-btn { padding: 15px 20px; font-size: 20px; }
    .courses-video-slider .slider-content .right-content a.primary-btn svg { height: 25px; width: 25px; }
    .courses-video-slider .owl-carousel .item { padding-right: 30px; }
    .courses-video-slider .owl-nav { top: auto; transform: translateY(-10px); }
    .courses-video-slider .bottom-text-content .right-buttons a { padding: 10px 20px; font-size: 20px; }

    /* start css */
    .hair-bender .header-section .inner-header-wrapper .social-icon img { width: 100%; max-width: 15px; }
    .hair-bender .header-section .inner-header-wrapper .web-logo .logo { max-width: 100px; }

    /* end css */

    .modal-wrapper .modal-inner-content { padding: 50px 60px;  }
    .modal-wrapper .modal-inner-content .modal-content-wrapper { max-width: 300px; }
    .modal-wrapper .modal-inner-content .modal-header h2 { font-size: 40px; }
    .modal-wrapper .modal-inner-content .content p { font-size: 16px; }
    .modal-wrapper .modal-inner-content h4 { font-size: 26px; }
    .modal-wrapper .modal-inner-content .modal-content-wrapper a img { width: 60px; height: 60px; }

    /* rajeswari css */
    .home-banner-section .bottom-slider { left: 360px; }

    .our-courses .bottom-slider-section .slide-item{margin-right: 0px;}
    .our-courses .bottom-slider-section .slide-item .text{height: 290px;}

    .video-gallery-section .slider-wrapper .slide-item { margin-right: 0px; }

    .subscription-section .price-section h5 { font-size: 15px;}
    .subscription-section .price-section h2{font-size: 97px;margin-bottom: 20px;}
    .subscription-section .price-section h2 > b{font-size: 18px;}
    .subscription-section .box { padding: 30px 15px;min-height: 740px;}
    .subscription-section .subscription-slider{width: 100%;}
    .subscription-section .price-section .side-text { right: -9px; top: -25px;}

    /* rajeswari css */

    .members-area .primary-btn { font-size: 18px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item b { font-size: 18px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item h4 { font-size:40px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content .text-content h3 { font-size: 38px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content .primary-btn { padding: 15px 30px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item img { height: 150px; }

}

@media(max-width:1199px) {
    .home-banner-section .bottom-slider {left: 120px;}
    .home-banner-section .banner-wrapper .left-text + img{ height: 700px }
    .home-banner-section .bottom-slider .slide-item .slide-image img.course-img { height: 140px; }
    .home-banner-section .bottom-slider .slide-item { margin-right: 35px; }

    .our-courses { padding: 80px 0px 100px; }
    .our-courses .bottom-slider-section .slide-item img { height: 180px; }

    .get-certified-section .inner-wrapper .text-content { width:60% }

    .salon-finder-section { background-position:center; padding: 80px 0px }
    .salon-finder-section .inner-wrapper .left-image { align-items:center; }

    .video-gallery-section .right-search form {width: 330px;height: 60px;}
    .video-gallery-section .right-search form input { padding: 20px 20px; }

    .community-section .section-wrapper .text h2 + p { padding-right: 0px; font-size: 18px; }
    .community-section .section-wrapper .image img {transform: scale(1.3);}
    .community-section .section-wrapper .text { width:75%; }

    .video-gallery-section .slider-wrapper .slide-item .slide-box img { height: 170px }
    .video-gallery-section .slider-wrapper .slide-item .slide-box img.video-image-icon { width:50px; height: 50px; }
    
    .subscription-section .main-wrapper .left-list { padding-right: 50px; }
    .subscription-section .main-wrapper .right-subscription { padding-left: 60px; }

    footer .footer-wrapper .bottom-wrapper ul.social-list li { margin-left: 20px; }
    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper a { margin-left: 30px; }
    footer .footer-wrapper .bottom-wrapper .logo img { width: 100px; }
    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper { margin-left: 50px; }
    footer .footer-wrapper .bottom-wrapper .logo img {margin-right: 50px; }

    /* start css */
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper li{padding: 0px 10px;}
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper a{font-size: 14px;}
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper li:nth-child(9) { margin-right: 35px; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper img.lang-icon{max-width: 20px;}
    .hair-bender .header-section .inner-header-wrapper .web-logo .logo { max-width: 85px; }
    /* end css */

    .courses-video-slider .owl-nav { top: auto; transform: translateY(-10px); right: calc(40% - 30px) !important;  }
    .courses-video-slider h1 { font-size: 80px; margin-top: 10px; }
    .courses-video-slider .bottom-text-content .get-started h2 { font-size: 70px; margin-bottom: 20px; }

    /* rajeswari css */
    .home-banner-section .bottom-slider {left: 320px;}
    .home-banner-section .bottom-slider .slide-item { margin-right: 0px; }

    .our-courses .bottom-slider-section .slide-item .text{padding-top: 0px;}
    .our-courses .bottom-slider-section .slide-item img { height: 180px;margin-bottom: 15px; }

    .get-certified-section .inner-wrapper .right-image img { transform: scale(1) translate(40px, 30px); }

    .salon-finder-section .inner-wrapper .right-content { width: 60%; }
    .salon-finder-section .inner-wrapper .left-image { width: 40%; }
    .salon-finder-section .inner-wrapper .left-image img { transform: scale(1)translate(0px, 55px); }

    .video-gallery-section { padding: 80px 0px 40px; }
    .video-gallery-section .modal-wrapper.courses-modal.active .video-title h3 { font-size: 30px; }
    .video-gallery-section .modal-wrapper.courses-modal.active .video-title h5 { font-size: 15px;}

    /* .subscription-section ul.check-list { padding-left: 20px; }
    .subscription-section ul.check-list li { font-size: 20px;}
    .subscription-section ul.check-list li::before { width: 15px; height: 15px; }
    .subscription-section .main-wrapper .right-subscription h5 { font-size: 20px;}
    .subscription-section .main-wrapper .right-subscription h2 > b { font-size: 25px; margin-top: 50px; } */

    .subscription-section .box { padding: 50px 40px;min-height: 755px;}
    .subscription-section .subscription-slider{width: 110%;}
    .subscription-section .title h2{line-height: 0.8;}
    .subscription-section .price-section h2 > b{text-align: left; margin-left: 10px;}
    .subscription-section .price-section h2 > i { font-size: 35px; left: 15px; top: 55px; }

    .courses-modal.modal-wrapper .modal-inner-content .slider-counter{font-size: 40px;}

    /* rajeswari css */
    .members-area .member-sidebar-section .members-area-wrapper .members-courses-area { padding: 40px 20px 20px; }
    .members-area .member-sidebar-section .course-video-wrapper { grid-template-columns: 1fr 1fr; grid-gap: 15px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item { padding: 15px; }

    /* change plan */
    .subscription-section .title .small-title { font-size: 20px; margin-bottom: 5px; }
}

@media(max-width:991px) {
    /* launching course section */
    .launching-course-main {height: 100%; width: 100%; padding: 0px; background-image: url('../images/front/mobile-background-one.png') !important; }
    .launching-course-main .right-image { display: none; }
    .launching-course-main .mobile-section {display: flex; flex-direction: column;  }
    .launching-course-main .bottom-column .right { display: none; }
    .launching-course-main .left-col { width: 100%; height: 930px;  position: relative; text-align: center; justify-content: flex-end; background-image: url('../images/front/person.png'); background-size: 370px; background-position: bottom; background-repeat: no-repeat; }
    .launching-course-main .inner-text ul li { list-style-position: inside; }

    .launching-course-main .left-col h1 { font-size: 40px; }
    .launching-course-main .left-col h1 span { font-size:54px; }
    .launching-course-main .left-col h1 small { font-size: 22px; transform: translateY(-12px); }
    .launching-course-main .inner-text p { font-size: 14px; margin-bottom: 20px; }
    .launching-course-main .inner-text ul li { font-size: 14px; margin-bottom: 5px; line-height: 1.2; }

    .launching-course-main .left-col a > img { width: 100px; position: absolute; top: 20px; }
    .launching-course-main .inner-text ul { padding-left: 0; margin-bottom: 20px; }
    .launching-course-main .bottom-column { justify-content: center; }
    .launching-course-main .bottom-column .left { display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 20px; }
    .launching-course-main .bottom-column .left a.primary-btn { padding: 10px 40px; margin-bottom: 10px; }
    .launching-course-main .bottom-column .left a { font-size: 20px; padding:  10px 10px; margin-right: 0; }
    .launching-course-main .bottom-column .left a img { width: 20px; position: relative; top: 0px; }

    .launching-course-main .mobile-section .bottom-section { background-image: url('../images/front/coming-soon-bottom-background.png'); background-position: no-repeat; background-position: center; background-size: cover; padding: 40px 20px; display: flex; flex-direction: column; align-items: center; }
    .launching-course-main .mobile-section .bottom-text img { width: 100px; }
    .launching-course-main .mobile-section .bottom-text { text-align: center; }
    .launching-course-main .mobile-section .bottom-text a.primary-btn { padding: 16px 40px; display: inline-block; font-size: 20px; margin-top: 50px; }
    .launching-course-main .mobile-section .bottom-text img {margin-bottom: 16px;}
    .launching-course-main p {font-size: 16px;}
    .launching-course-main .mobile-section .bottom-section img.main-image { width: 100%; margin: 20px 0px; }

    /* start css */
    .hair-bender .header-section .inner-header-wrapper .mobile-menu { display: block; }
    .hair-bender .header-section .inner-header-wrapper .mobile-menu .menu-img { width: 100%; max-width: 30px; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper ul.active { right: 0px; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper ul{list-style: none; margin: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: fixed; height: 100vh; top: 0px; right: -300px; line-height: 3; width: 300px; background-color: var(--blackColor); box-shadow: 0 40px 60px rgb(0 0 0 / 10%); transition: 0.3s; padding-top: 60px;padding-left: 20px;z-index: 9999;}
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper a#close { position: fixed; top: 14px; right: 25px; z-index: 11111; display: none; font-size: 24px; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper ul.active + a#close { display: block; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper .underline:hover:after{bottom: -12px; left: 0px; height: 2px;}
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper .mobile-social-icon{display: flex;}
    .hair-bender .header-section .inner-header-wrapper .mobile-social-icon img { width: 100%; max-width: 15px; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper .social-icon{display: none;}
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper .mobile-social-icon a { padding-right: 20px; }
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper li{padding: 0px;}
    /* end css */

    h1 { font-size: 80px; }
    h2 { font-size: 64px; }
    .primary-btn { font-size: 18px; }

    ul.check-list { padding-left: 30px; }
    ul.check-list li { font-size: 16px; }
    
    .home-banner-section .banner-wrapper .primary-btn, 
    .home-banner-section .banner-wrapper .secondary-btn { margin: 0px 5px; font-size: 18px; }
    .home-banner-section .banner-wrapper .primary-btn { margin-left:0; }
    .home-banner-section .banner-wrapper .left-text + img { height:600px; }
    .home-banner-section .bottom-slider .slide-item { margin-right: 25px; }

    .get-certified-section {background-image:url('../images/front/get-certified-background-mobile.png');}
    .get-certified-section .text-content p { font-size: 16px; }
    .get-certified-section ul li { font-size: 16px; }
   
    .our-courses .bottom-slider-section .slide-item .text p { font-size: 16px; }

    .community-section { padding: 80px 0px; }
    .community-section .section-wrapper .text { width: 80%; }

    .salon-finder-section .inner-wrapper .right-content ul li { margin-bottom: 10px; }
   
    .subscription-section .main-wrapper .left-list { padding-right: 20px; }
    .subscription-section .main-wrapper .right-subscription { padding-left: 20px; }
    .subscription-section .main-wrapper .right-subscription h2 {font-size: 140px;}

    .subscription-section .main-wrapper .right-subscription h2 { font-size: 140px; margin-left: 0px; }
    .subscription-section .main-wrapper .right-subscription h2 > b { margin-top: 0px; }
    .subscription-section .main-wrapper .right-subscription h2 > i { margin-right: 20px; display: block; }

    footer .footer-wrapper .bottom-wrapper {flex-direction: column-reverse;}
    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper {margin: 20px 0px;flex-direction: column;}
    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper a { margin: 0px 20px; }
    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper { flex-direction: row; justify-content: center; }
    footer .footer-wrapper .bottom-wrapper p { margin-top: 30px; }
    footer .footer-wrapper .bottom-wrapper .left-inner{display:flex;flex-direction: column-reverse;width: 100%;}
    footer .footer-wrapper p { font-size: 16px; }
    footer .footer-wrapper .bottom-wrapper .left-inner .logo {flex-direction: row;display: flex;justify-content: space-between; width: 100%; align-items: center; margin-top: 69px;}
    footer .footer-wrapper .bottom-wrapper .logo p {margin-top: 0px;margin-bottom: 0px;margin-right: 0;font-size: 14px;}
        
    .courses-video-slider .bottom-text-content { flex-direction: column; display: grid; grid-template-columns: 1fr; align-items: flex-start; width: 100%; margin-top: 30px; grid-gap: 30px; }
    .courses-video-slider .bottom-text-content .right-buttons { display: grid; grid-template-columns: 1fr 1fr; width: 100%; margin-top: 30px; grid-gap: 30px;  }
    .courses-video-slider .bottom-text-content .right-buttons a { margin-left: 0; text-align: center; display: grid; }

    .courses-video-slider h1 { font-size: 60px; margin-top: 10px; }
    .courses-video-slider .bottom-text-content .get-started h2 { margin-bottom: 0px; margin-top: 50px; }
    .courses-video-slider .bottom-text-content .right-buttons { margin-top: 0px; }

    .courses-modal.modal-wrapper .modal-inner-content { min-width: calc(100% - 20px); }
    .courses-modal.modal-wrapper .modal-inner-content { padding: 20px 20px; min-width: 100%;top: 50%; transform: translate(0%, -50%); }
    .courses-modal.modal-wrapper .modal-inner-content h3 { font-size: 38px; }
    .courses-modal.modal-wrapper .modal-inner-content h4 { font-size: 50px; }
    .courses-modal.modal-wrapper {justify-content: center;display: flex;align-items: baseline;padding: 100px 20px;}
    .courses-modal.modal-wrapper .modal-inner-content .video-title .video-information h4 { font-size: 36px; }
    .courses-modal.modal-wrapper .modal-inner-content .info-title h5 { font-size: 16px; }
    .courses-modal.modal-wrapper .modal-inner-content .video-title h5 { font-size: 16px; width: 70%; }
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav { top: -20px; }
    .courses-modal.modal-wrapper .modal-inner-content .slider-counter { top: 115px; right: 80px;}
    .courses-modal.modal-wrapper .modal-inner-content .video-title p { font-size: 18px; }
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav{right: -20px;height: 85px;}
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav button{font-size: 55px;}

    .profile-modal.modal-wrapper .modal-inner-content .profile-image img { width: 150px; height: 150px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text h3 { font-size: 34px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box { padding: 40px 30px; }
    .profile-modal.modal-wrapper .modal-inner-content .top-buttons .tab-link { font-size: 18px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 > i{left: 140px;}

    /* rajeswari css */
    .home-banner-section .bottom-slider { left: 10px;width: 110%;bottom: 0px;}

    .get-certified-section .inner-wrapper .right-image img { transform: scale(0.9) translate(50px, 70px); }

    .video-gallery-section .slider-wrapper .slide-item { margin-right: 0px; }
    .video-gallery-section .slider-wrapper .slide-item .slide-box:first-child { margin-bottom: 35px; }
    .video-gallery-section .slider-wrapper .slide-item .slide-box img { height: 150px; }

    .our-courses .course-wrapper { width: 100%; }
    .our-courses .course-wrapper .s1287lide-item img { height: 160px;}
    .our-courses .course-wrapper .slide-item { margin-right: 40px; }
    .courses-modal.modal-wrapper .modal-inner-content .slider-counter {right: 56px; font-size: 35px; top: 114px; }
    .courses-video-slider { padding: 140px 0px 100px; }
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav button.owl-prev { margin-right: 100px; }

    .profile-modal.modal-wrapper .modal-inner-content .wo   rk-wrapper .image-wrapper img { height: 140px;}

    /* .salon-finder-section .inner-wrapper .right-content ul li { margin-bottom: 0px; } */
    .subscription-section .bottom-btn .sub-btn{font-size: 18px;}
    .subscription-section .box{min-height: 680px;}
    .subscription-section .subscription-slider { width: 140%; }
    .subscription-section .box { padding: 30px 20px 30px; }

    /* rajeswari css */

    .members-area .member-sidebar-section .members-area-wrapper { flex-direction: column; }
    .members-area .member-sidebar-section .members-area-wrapper .members-courses-area { width: 100%; }
    .members-area .member-sidebar-section { padding-top: 30px; }
    .members-area .member-sidebar-section .course-video-wrapper { grid-template-columns: 1fr; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item img { height: 300px; }
    .members-area .member-sidebar-section .members-area-sidebar { width: 100%; }

    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px; scroll-snap-type: y mandatory; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul { display: flex; flex-wrap: nowrap; width: max-content; margin-bottom: 0px; padding: 0pc; background-color: transparent; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a { padding: 0px; margin: 10px 20px; width: auto; font-size: 16px; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li:first-child a { margin-left: 0px; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li:last-child a { margin-right: 0px; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a:after {display: none;}
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a.active {background-color: transparent;font-weight: 700;}
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper ul li a span { right: -20px; top: -10px; font-size: 11px; position: absolute; min-width: 20px !important; padding: 1px 5px; }

    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper::-webkit-scrollbar { width: 5px; height: 5px; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper::-webkit-scrollbar-track { background: transparent; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper::-webkit-scrollbar-thumb { background: #888; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper::-webkit-scrollbar-thumb:hover { background: #555; }
}

@media(max-width:767px) {       
    h1 { font-size: 44px; }
    h2 { font-size: 54px; }
    h3 { font-size: 60px; }
    h5 { font-size: 16px; }

    .modal-wrapper.active { overflow-y: auto;overflow-x: hidden;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;padding-inline: 20px !important;box-sizing: border-box; }
    .modal-wrapper .modal-inner-content { position:relative; margin: 0px !important; }

    .home-banner-section {background-position: center;width: 100%;overflow: hidden;}
    .home-banner-section .bottom-slider .slide-item { margin-right:0px; }
    .home-banner-section .banner-wrapper .left-text {    position: absolute; z-index: 1; top: 440px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px 20px;}    
    .home-banner-section .banner-wrapper .left-text + img {z-index:0;height: 650px;margin-top: -60px;margin-left: 10%;}
    .home-banner-section h1 {text-align: left;transform: scale(1);grid-column: 1 / 3;}
    .home-banner-section h1 > span {margin-right: 0px;font-size: 54px;}
    .home-banner-section h1 > b {display: inline-block;margin-left: 10px;margin-right: 0px;}
    .home-banner-section .bottom-slider {left: 20px;bottom: 20px;}
    .home-banner-section .bottom-slider .slide-item .slide-image img.course-img { height: 110px; }
    .home-banner-section .banner-wrapper .primary-btn, .home-banner-section .banner-wrapper .secondary-btn {padding: 12px 0px;margin: 5px 0px;width: 100%;text-align: center; font-size: 16px !important; flex: 1; }
    .home-banner-section .bottom-slider .slide-item .slide-image .video-control { transform:scale(.8); transform-origin:bottom right; }
    .home-banner-section .bottom-slider .slide-item p { font-size: 15px; }
    .home-banner-section .bottom-slider .slide-item span { font-size: 14px; }
    .home-banner-section .bottom-slider .slide-item .slide-image .video-control:hover { transform: scale(.9); }

    .our-courses { padding: 60px 0px; }
    .our-courses .title { text-align:left; margin-bottom: 30px; }
    .our-courses .title h5 { margin-bottom: 0px; }
    .our-courses .bottom-slider-section .slide-item { margin-right: 0px; }
    .our-courses .bottom-slider-section .slide-item h4 { font-size: 34px; }
    .our-courses .slide-item .primary-btn { margin-top: 20px; }
    .our-courses .bottom-slider-section .slide-item .text { height: 280px; padding-top: 20px;}
    .our-courses .bottom-slider-section {width: 175%;}
    .our-courses .bottom-slider-section .slide-item .text p { font-size: 14px; }

    /* start css */
    .hair-bender .header-section .header-wrapper{padding: 20px 0px;}
    .hair-bender .header-section .inner-header-wrapper .web-logo .logo { max-width: 75px; }
    .hair-bender .header-section .inner-header-wrapper .mobile-menu .menu-img{max-width: 25px;}
    .hair-bender .header-section .inner-header-wrapper .menu-wrapper .social-icon { margin-left: 20px; }
    /* end css */

    .get-certified-section { padding: 80px 10px; }
    .get-certified-section .inner-wrapper { display: flex; flex-direction:column; }
    .get-certified-section .inner-wrapper .text-content { width: 100%; text-align:center; }
    .get-certified-section .inner-wrapper .right-image { width: 100%; position: relative; }
    .get-certified-section .inner-wrapper .text-content ul { padding-left:0px; }
    .get-certified-section .inner-wrapper .text-content ul li {margin-bottom: 0px;list-style-position: inside; font-size: 13px; }
    .get-certified-section .inner-wrapper .text-content ul li br { display: none; }
    .get-certified-section .text-content p { font-size: 13px; }
    .get-certified-section .inner-wrapper .right-image img {transform: scale(1.5) translateX(20px);margin-top: 60px;}
    .get-certified-section .inner-wrapper .text-content ul li:before{position: unset;width: 7px; height: 7px; top: 6px; left: 5px;}

    .subscription-section  {position: relative;padding: 60px 0px 150px;}
    .subscription-section .main-wrapper { flex-direction:column-reverse; }
    .subscription-section .main-wrapper .right-subscription {border-left: none;padding-left: 0px;width: 100%;text-align: center;}
    .subscription-section .main-wrapper .right-subscription h5 {font-size: 16px;margin-left: 0px;transform: translateX(-20px);}
    .subscription-section .main-wrapper .right-subscription h2 {font-size: 100px;display: flex;justify-content: center; margin-bottom: 20px;}
    .subscription-section .main-wrapper .right-subscription h2 > b {margin-left: 0px;max-width: 100px;}
    .subscription-section .main-wrapper .right-subscription h2 > i {position : relative;margin-right: 0px;}
    .subscription-section .main-wrapper .left-list { padding-right:0px; }
    .subscription-section .main-wrapper  ul.check-list { padding-left:0px; }
    .subscription-section .main-wrapper  ul.check-list ul { padding-left: 0px; }
    .subscription-section .main-wrapper  ul.check-list ul li {text-align:center;margin: 12px 0px;}
    .subscription-section .main-wrapper  ul.check-list li::before {position: relative;left: 0;top: 2px;transform: translateY(0px);width: 15px;height: 15px;display: inline-block;margin-right: 5px;}
    .subscription-section .main-wrapper .right-subscription .primary-btn {position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);padding: 15px 50px;}

    .community-section { padding: 80px 0px 0px; }
    .community-section .section-wrapper { flex-direction:column; }
    .community-section .section-wrapper .text {width: 100%;text-align: center;}
    .community-section .section-wrapper .image { width: 100%; position:relative; margin-top: 50px; }
    .community-section .section-wrapper .image img { transform: scale(1.2); transform-origin: center; }
    .community-section .section-wrapper .text h2 ~ p { font-size: 14px; }
    .community-section .section-wrapper .text ul li {font-size: 13px; margin-left: 30px; margin-bottom: 3px;list-style: none;display: inline-block;}
    .community-section .section-wrapper .text ul {padding-left: 0pc;}
    .community-section .section-wrapper .text .primary-btn {margin-top: 20px;}
    .community-section .section-wrapper .text i { font-size: 20px; }
    .community-section .section-wrapper .text ul li::before{width: 7px; height: 7px; top: 6px; left: -10px;}

    .salon-finder-section {padding: 70px 0px 0px;overflow: hidden;background-image: url('../images/front/salon-locator-mobile-background.png');background-position: 0px 160px; background-size: cover; background-color: #eff3f4; }
    .salon-finder-section .inner-wrapper .right-content { text-align: center; }
    .salon-finder-section .inner-wrapper .right-content h5 { margin-bottom:3px; }
    .salon-finder-section .inner-wrapper { flex-direction: column-reverse; }
    .salon-finder-section .inner-wrapper .left-image { width: 100%;}
    .salon-finder-section .inner-wrapper .left-image img { width: 100%; margin-top: 50px; transform: scale(1.2); transform-origin:left; margin-top: 60px; position: relative; top: 20px;}
    .salon-finder-section .inner-wrapper .right-content { width: 100%; }
    .salon-finder-section .inner-wrapper .right-content ul {padding-left: 0px;}
    .salon-finder-section .inner-wrapper .right-content ul li { text-align: center; list-style-position:inside; font-size: 13px; margin-bottom: 0; }
    .salon-finder-section .bottom-image-text i { font-size: 16px; }
    .salon-finder-section .inner-wrapper .right-content .primary-btn { padding: 20px 20px; }
    .salon-finder-section .inner-wrapper .right-content ul li::before,
    .salon-finder-section .inner-wrapper .right-content ul li ul li::before{width: 7px; height: 7px;left: 0px; top: -2px;position: unset;}

    .video-gallery-section { padding: 80px 0px 30px; }
    .video-gallery-section .title {flex-direction:column;align-items: center;}
    .video-gallery-section .title .right-search {transform:translateY(0);width: 100%;}
    .video-gallery-section .right-search form {max-width: 100%;margin:0 auto;width: 100%;}
    .video-gallery-section .slider-wrapper .slide-item { margin-right: 0px; }
    .video-gallery-section .slider-wrapper .slide-item .slide-box, .video-gallery-section .slider-wrapper .slide-item .slide-box:first-child { margin-bottom: 30px; }
    .video-gallery-section .title .left { width: 100%; }

    footer .footer-wrapper .bottom-wrapper .logo img {margin-right: 20px;width: 85px;}
    footer .footer-wrapper .bottom-wrapper .logo p { text-align: left; }
    footer .footer-wrapper p { font-size: 14px; }

    .courses-video-slider { padding: 80px 0px 0px; }
    .courses-video-slider .top-slider-wrapper { width: 180%; }
    .courses-video-slider .top-slider-wrapper .slide-item { width: calc(100% - 20px); margin-right: 20px; height: auto; }
    .courses-video-slider .bottom-text-content .get-started h2 { margin-bottom: 0px; }
    .courses-video-slider .bottom-text-content .right-buttons { grid-gap: 20px; }
    .courses-video-slider .owl-carousel .owl-item img { height: 120px; }
    .courses-video-slider .owl-carousel .item .check-link { right: 20px; margin: 10px; transform: scale(.6); }
    .courses-video-slider .owl-carousel .item { padding-right: 20px; }
    .courses-video-slider .bottom-text-content { grid-gap: 0px; }
    .courses-video-slider .bottom-text-content .get-started p { font-size: 16px; }
    .courses-video-slider .bottom-text-content .right-buttons { margin-top: 20px; } 
    .courses-video-slider .owl-nav { display: none !important; }
    .courses-video-slider .slider-content { flex-direction: column; align-items: flex-start; margin-left: 0px; margin-bottom: 30px; margin-top: 20px; }
    .courses-video-slider .slider-content .right-content { margin-left: 0px; margin-top: 30px; }
    .courses-video-slider .bottom-text-content .get-started h2 { margin-top: 0px; }
    .courses-video-slider h1 { font-size: 50px; }
    .courses-video-slider .bottom-text-content .get-started h2 { font-size: 48px; }
    .courses-video-slider .owl-carousel .owl-item h4 { font-size: 18px;}
    .courses-video-slider .slider-content .left-content p{ font-size: 16px; }
    .courses-video-slider .top-slider-wrapper .slide-item .action-buttons { padding: 10px 10px 0px; }
    .courses-video-slider .top-slider-wrapper .slide-item .action-buttons a.play-btn svg {width: 16px;height: 16px;}
    .courses-video-slider .top-slider-wrapper .slide-item .action-buttons label svg { width: 20px; height: 20px; }
    .courses-video-slider .top-slider-wrapper .slide-item .action-buttons .fs-btn svg { width: 16px; height: 16px; }
    .courses-video-slider .top-slider-wrapper .slide-item .action-buttons .left-content .play-pause .pause { width: 16px; height: 16px; }
    .courses-video-slider .top-slider-wrapper .slide-item .action-buttons label { margin-right: 11px; }
    .courses-video-slider .top-slider-wrapper .slide-item .controls { padding: 10px; }
    .courses-video-slider .slider-content .right-content a.primary-btn { padding: 12px 15px; }
    .courses-video-slider .top-slider-wrapper .slide-item .bottom-line { bottom: -25px; }
    .courses-video-slider .top-slider-wrapper .slide-item .bottom-line p { font-size: 14px; }
    .courses-video-slider .top-slider-wrapper .slide-item .bottom-line a { width: 16px; height: 16px; }
    .courses-video-slider .owl-carousel .button-bar img.video-play-btn {width: 15px; height: 15px; }
    .courses-video-slider .top-slider-wrapper .slide-item .controls .button-bar {max-width: 50px; }

    .video-gallery-section .slider-wrapper .slide-item .slide-box h5 { font-size: 14px; }

    .modal-wrapper .modal-inner-content { padding: 40px 20px; }
    .modal-wrapper .modal-inner-content .modal-header h2 { font-size: 42px; margin-top: 30px; }
    .modal-wrapper .modal-inner-content .modal-header img { width: 90px; }
    .modal-wrapper .modal-inner-content .content p { font-size: 14px; }
    .modal-wrapper .modal-inner-content h4 { margin: 40px 0px 20px; }
    .modal-wrapper .modal-inner-content .modal-content-wrapper a img { width: 60px; height: 60px; }
    .modal-wrapper .modal-inner-content .modal-content-wrapper { max-width: 260px; grid-gap: 25px 0px; }
    .modal-wrapper .modal-inner-content .modal-header h2 { font-size: 32px; }
    .modal-wrapper .modal-inner-content .modal-header .container { padding: 0px; }

    .courses-modal.modal-wrapper .modal-inner-content .video-title { margin-top: 20px;}
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav{top:10px;right: -1px;width: 80px;}
    .courses-modal.modal-wrapper .modal-inner-content .slider-counter{ top: 65px; font-size: 22px; right: 43px;}
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav button.owl-prev{margin-right: 55px;}
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav button { font-size: 30px; }
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav button:hover { transform: scale(1); }
    .courses-modal.modal-wrapper .modal-inner-content h4 { font-size: 34px; }
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons{padding: 10px 10px 0px;}

    .courses-modal.modal-wrapper .modal-inner-content .video-title p { font-size: 14px; }
    .courses-modal.modal-wrapper .modal-inner-content .get-started a { font-size: 18px; padding: 20px 20px; }

    .profile-modal.modal-wrapper .modal-inner-content { width: calc(100% - 30px); }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details.center { padding: 20px; border: solid 4px var(--primaryColor); }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details.center h4 { font-size: 24px; }
    .profile-modal.modal-wrapper .modal-inner-content h4 { margin-bottom: 10px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details { padding: 20px 10px; border-width: 4px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .left-side h5 { font-size: 13px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .left-side h5 span { font-size: 26px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .right-side h3 { font-size: 20px; margin-left: 10px; line-height: .9; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .right-side h2 { font-size: 44px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .plan-details .right-side img { width: 14px; }
    .profile-modal.modal-wrapper .modal-inner-content .profile-image img { transform: scale(.8); }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper .image-wrapper { grid-gap: 10px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box { padding: 30px 20px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content h5 { margin: 4px 0px 8px; font-size: 18px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text .location { line-height: 1.4; font-size: 16px; }
    .profile-modal.modal-wrapper .ratios-wrapper .item h4 { font-size: 14px;  margin-bottom: 0px; }
    .profile-modal.modal-wrapper .ratios-wrapper .item .icon-box img { width: 100px; height: 100px; }
    .profile-modal.modal-wrapper .ratios-wrapper .item .data-item { width: 100px; height: 100px; }
    .profile-modal.modal-wrapper .ratios-wrapper .item .data-item h3 { font-size: 23px; }
    .profile-modal.modal-wrapper .ratios-wrapper .item .data-item * { transform: translate(-3px, 3px); }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper { margin-top: 60px; }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper h2 { font-size: 50px; }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper .bottom-button-wrapper { margin-top: 60px; }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper .bottom-button-wrapper a.primary-btn { padding:15px 50px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .data-item { transform: scale(.8); }
    .profile-modal.modal-wrapper .ratios-wrapper { grid-template-columns: 33% 33% 33%;gap: 5px;}
    .profile-modal.modal-wrapper .ratios-wrapper .item .icon-box { transform: scale(.8); }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .profile-content.tab-box .profile-text { margin-top: 20px; }
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text a.primary-btn { width: 100%; }

    .profile-edit-modal.modal-wrapper .modal-inner-content .content img.profile-image { width: 120px; height: 120px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image .edit-icon img { transform: scale(.8); }
    .profile-edit-modal.modal-wrapper .modal-inner-content .edit-profile-image .edit-icon { bottom: 0px; right: 0px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .content { margin: 0 auto 40px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item label { font-size: 22px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item input, .modal-wrapper.profile-edit-modal .modal-inner-content .form-content .form-item textarea, .modal-wrapper.profile-edit-modal .modal-inner-content .form-content .form-item select { padding: 15px 15px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item { margin-bottom: 25px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper {grid-template-columns: 1fr 1fr;}
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .primary-btn { width: max-content; padding: 20px 30px; margin: 50px auto 0px; }

    .message-modal.modal-wrapper .modal-inner-content { padding: 30px 20px;min-width: 100%; }
    .message-modal.modal-wrapper .modal-inner-content .modal-header img { width: 80px; height: 80px; }
    .message-modal.modal-wrapper .modal-inner-content .modal-body h3 { font-size: 34px; margin-bottom: 8px; }
    .message-modal.modal-wrapper .modal-inner-content .modal-body p { padding: 0px; }
    .message-modal.modal-wrapper .modal-inner-content .modal-body a.primary-btn { padding: 15px 50px; margin-top: 10px; }

    /* rajeswari css */
    .home-banner-section .bottom-slider .slide-item .slide-image .video-control {right: 10px; bottom: 10px;}
    .home-banner-section .bottom-slider .slide-item { margin-right:30px; }

    .our-courses .course-wrapper { width: 90%; }
    .our-courses .course-wrapper .slide-item { margin-right: 40px; }
    .our-courses .bottom-slider-section .slide-item img { height: 130px; }
    .our-courses .bottom-slider-section .slide-item .text { height: 230px;padding-top: 0px;}

    .get-certified-section .inner-wrapper .text-content a.primary-btn{margin-top: 0px;}

    .community-section .section-wrapper .text h4 { font-size: 35px; }

    .salon-finder-section .inner-wrapper .right-content ul li ul li { margin-bottom: 0px;}
    .salon-finder-section .inner-wrapper .right-content ul li ul { margin-top: 0px; }
    .salon-finder-section .inner-wrapper .right-content .primary-btn { margin-top: 10px; padding: 15px 20px;}
    .salon-finder-section .inner-wrapper .right-content ul li{font-size: 12px;}
    .salon-finder-section .bottom-image-text i { font-size: 12px; }
    .salon-finder-section .modal-wrapper .modal-inner-content .content p br { display: none; }
    .salon-finder-section .inner-wrapper .right-content ul li::before{position: unset;}

    .video-gallery-section .slider-wrapper .slide-item .slide-box img {height: 110px; margin-bottom: 10px;}
    .video-gallery-section .owl-carousel .owl-nav{display: none;}
    .video-gallery-section .owl-carousel .owl-dots{display: none;text-align: center;width: 92%;}
    .video-gallery-section .owl-carousel button.owl-dot{border: 1px solid #e4b08d; padding: 0!important; background-color: #e4b08d; width: 10px; height: 10px; border-radius: 10px; margin: 0px 5px;}
    .video-gallery-section .owl-carousel button.owl-dot.active { border: 1px solid #fa6909; background-color: #fa6909; }
    .video-gallery-section .slider-wrapper .slide-item .slide-box img.video-image-icon { width: 40px; height: 40px; }
    .video-gallery-section .slider-wrapper.responsive{display: block;}
    .video-gallery-section .slider-wrapper{display: none;}
    /* .video-gallery-section .slider-wrapper { width: 108%; } */

    .courses-video-slider .owl-carousel .owl-item h4 { margin-top: 10px;}
    .courses-modal.modal-wrapper .modal-inner-content .video-title .video-information h4{width: 220px;font-size: 25px;}
    .courses-modal.modal-wrapper .modal-inner-content .owl-nav{height: 65px;top: -20px;}
    .courses-modal.modal-wrapper .modal-inner-content .slider-counter{right: 23px;}
    .courses-video-slider { padding: 80px 0px 60px; }

    /* video control */
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons { padding: 10px 10px 0px; }
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons a.play-btn svg {width: 16px;height: 16px;}
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons label svg { width: 20px; height: 20px; }
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .fs-btn svg { width: 16px; height: 16px; }
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons .left-content .play-pause .pause { width: 16px; height: 16px; }
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .action-buttons label { margin-right: 11px; }
    .courses-modal.modal-wrapper .modal-inner-content.banner-modal-inner-content .controls{padding: 10px;}
    .courses-modal.modal-wrapper .modal-inner-content .video-title .video-first-title { font-size: 30px;}
    .courses-modal.modal-wrapper .modal-inner-content .video-title.video-title-banner { margin-top: 10px; }

    /* video control */
    .courses-modal.modal-wrapper .modal-inner-content .action-buttons { padding: 10px 15px 0px; }
    .courses-modal.modal-wrapper .modal-inner-content .action-buttons a.play-btn svg {width: 16px;height: 16px;}
    .courses-modal.modal-wrapper .modal-inner-content .action-buttons label svg { width: 20px; height: 20px; }
    .courses-modal.modal-wrapper .modal-inner-content .action-buttons .fs-btn svg { width: 16px; height: 16px; }
    .courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .play-pause .pause { width: 16px; height: 16px; }
    .courses-modal.modal-wrapper .modal-inner-content .action-buttons label { margin-right: 11px; }
    .courses-modal.modal-wrapper .modal-inner-content .controls{padding: 10px;}

    footer .footer-wrapper .bottom-wrapper .middle-text-wrapper a { font-size: 18px; }
    footer .footer-wrapper .bottom-wrapper ul.social-list li a { width: 25px; height: 35px;}
    footer .footer-wrapper .bottom-wrapper ul.social-list li { margin-left: 70px; }
    footer .footer-wrapper .bottom-wrapper { margin: 80px auto 40px; }
    footer .footer-wrapper .bottom-wrapper ul.social-list{margin-bottom: 50px;}

    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper .image-wrapper img { height: 65px; }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper { margin-top: 30px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper { grid-template-columns: 1fr 1fr 1fr 1fr;gap: 10px;}
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper label { height: 70px}
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .form-item .upload-file-wrapper .upload-files-wrapper .remove-button{ padding: 3px; font-size: 25px}
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper .bottom-button-wrapper { margin-top: 40px; }
    .profile-edit-modal.modal-wrapper .modal-inner-content .form-content .primary-btn {padding: 15px 35px; margin: 30px auto 0px; }
    .profile-modal.modal-wrapper .modal-inner-content .work-wrapper .bottom-button-wrapper a.primary-btn { margin-bottom: 10px; }
    .profile-modal.modal-wrapper .ratios-wrapper .item .data-item img { width: 100px; height: 100px; }

    .subscription-section .subscription-slider { width: 190%; }
    .subscription-section .box { padding: 30px 10px;min-height: 715px; }
    .subscription-section .pricing-points li{font-size: 14px;}
    .subscription-section .price-section h2 { font-size: 77px;}
    .subscription-section .price-section h2 > b { font-size: 18px;margin-left: 18px;}
    .subscription-section .pricing-points li { margin: 5px 0;}
    .subscription-section .bottom-btn .sub-btn { padding: 15px 70px; margin-top: 20px; }
    .subscription-section {padding: 60px 0px 50px; }
    .subscription-section .price-section .side-text { right: -4px;}
    .subscription-section .price-section h2 > i { font-size: 30px;}
    .subscription-section .pricing-points li::before{width: 10px; height: 10px;top: 0;transform: translate(50%, 60%);}

    .courses-modal.modal-wrapper .modal-inner-content .action-buttons .left-content .duration{margin-left: -5px;}
    .modal-wrapper .button-bar img.video-play-btn{width: 15px;}

    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2{font-size: 60px;margin-top: 5px;}
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 > b { font-size: 16px;margin-left: 13px;}
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h2 > i { font-size: 30px;left: 16px;}
    .profile-modal.modal-wrapper .modal-inner-content .tab-content .tab-box .subscription-text h5 { font-size: 16px;margin: 4px 25px 0px; }

    .iti__country-list { width: 315px !important;}

    .subscription-section .title .small-title { font-size: 16px; }
    /* rajeswari css */

    .members-area .member-sidebar-section { padding-top: 0px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item img { height: 200px; }
    .members-area .member-sidebar-section .members-area-wrapper .members-courses-area { padding: 40px 20px 20px; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item .bottom-content .text-content span { font-weight: 300; }
    .members-area .member-sidebar-section .course-video-wrapper .course-item{padding-bottom: 120px !important;}

    .plan-detail-section .plan-detail-wrapper {padding: 50px 20px;margin: 0px 20px;}
    .plan-detail-section .plan-detail-wrapper .plan-detail-card { padding: 20px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-title h3 { font-size:36px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price span { font-size: 14px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price i { font-size: 61px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card ul { padding: 0px 0px 0px 16px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card ul li { padding-left: 0px; font-size: 13px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price .plan-detail-price strong { font-size: 15px; margin-left: 6px; margin-top: 10px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price i b { transform: translateY(-10px); }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card .plan-detail-card-price .plan-detail-price { margin-top: 0px; margin-bottom: 5px; }
    .plan-detail-section { padding-top: 100px; }
    .plan-detail-section .plan-detail-wrapper .plan-detail-card ul li::before { width: 10px; height: 10px; top: 0; transform: translate(50%, 60%); }
    .plan-detail-section .plan-detail-wrapper input[type="text"] { font-size: 14px; }

}

@media(min-width:1520px) {
    /* .container { max-width: 1590px; } */
    .container { max-width: 1500px; }
}

/* @media(hover:none){
    .modal-wrapper.active .back-layer { width: 100%; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper::-webkit-scrollbar { display: block; }
    .members-area .member-sidebar-section .members-area-sidebar .members-area-sidebar-wrapper { -ms-overflow-style: auto; scrollbar-width: auto; }
} */
label.disable_button::after {
   display:none !important;
}

#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 11111111;
  }
  

   
/* add upload videos*/
#button{
    display:block;
    margin:20px auto;
    padding:10px 30px;
    background-color:#eee;
    border:solid #ccc 1px;
    cursor: pointer;
  }
  #overlay{	
    position: fixed;
    top: 0;
    z-index: 111111;
    width: 100%;
    height:100%;
    opacity:  1;
    display: none;
    visibility: visible;
    background: rgba(0,0,0,0.6);
  }
  .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
  }
  .spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  .is-hide{
    display:none;
  }
label.disable_button::after { display:none !important; }

#spinner-div { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: rgba(255, 255, 255, 0.8); z-index: 11111111; }
  
.freegetTrailAccessmodal {
  
}
.popupforfreetrial{
  max-width: 1300px;
  width: 95%;
}
.popupforfreetrialOver{
  max-width: 650px;
  width: 95%;
}
.popupforfreetrial .modal-content {
    background: #292b34 url(../images/bg-3.jpg) no-repeat top center;
    color: white;
    background-size: cover;
    border: 20px solid #292b34;  
}

.popupforfreetrialOver .modal-content {
  background: #292b34;
  color: white;
}

.imageforfreeTrail{
  max-width: 100%;
}
.enrollforfreebtn{
  padding:20px 30px;
  display: inline-block;
  margin-top: 30px;
}
#freeaccesstrials button {
  border-radius: 20px;
    float: right;
}
#freeaccesstrials span {
  font-size: 25px;
  line-height: 22px;
}
.freegetTrailAccessmodal p {
  font-size: 18px;
}
@media (max-width:992px) {
  .titleforfullaccess{
    font-size: 40px;
  }
  .popupforfreetrial .modal-content{
    background-position:-150px top;
  }

}
@media(max-width:765px) {
  .popupforfreetrial .modal-content {
    background: #292b34 url(../images/bg-4.jpg) no-repeat top center;
  }
  #freeaccesstrials{
    padding: 10px 10px 0px 10px;
    text-align: center;
  }
  .freegetTrailAccessmodal{
    clear: right;
    margin-top: 250px;
    background-color: rgba(0,0,0,0.4);
  }
  .freegetTrailAccessmodal p {
    font-size: 14px;
  }
}
#signupPopupfreeTrial {
  color: white;
  padding: 50px 30px;
}
.popupmanageforsignup{
  max-width: 630px;
  width: 100%;
}
#signupPopupfreeTrial p {
  font-size: 16px;
}