* {box-sizing: border-box;}
body {padding: 0; margin: 0; font-family: "Urbanist", sans-serif; font-size: 16px; font-weight: 400; background: #181A20 !important; color: #EEEEEE;}
body:before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url(../images/body-bg.png); background-position: top left; background-repeat: no-repeat; background-size: cover; z-index: -1; opacity: 0.8;}
.container {max-width: 1700px;}
.btn-common {font-size: 14px; font-weight: 500; color: #9783F2; line-height: 1; border: 1px solid #9783F2; border-radius: 30px; padding: 10px 14px; transition: all 400ms ease; display: inline-block;     text-align: center;}
.btn-common:hover {background: #9783F2; color: #fff;}
.btn-common.fill {background: #9783F2; color: #fff;}
.btn-common.fill:hover {background: transparent; color: #9783F2;}
img {max-width: 100%;}
.ptb-7 {padding-top: 7px; padding-bottom: 7px;}
.pb-12 {padding-bottom: 12px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.text-brand-color {color: #9783f2;}
.brand-bg-color {background-color: #9783f2;}
.website-toast {visibility: hidden; min-width: 250px; background-color: #333; color: #fff; text-align: center; border-radius: 6px; padding: 12px; position: fixed; z-index: 9999; left: 50%; transform: translate(-50%); bottom: 30px; font-size: 16px; opacity: 0; transition: opacity 0.4s ease, bottom 0.4s ease;     width: max-content;}
.website-toast.show {visibility: visible; opacity: 1; bottom: 50px;}
footer {padding: 15px 0px;}
footer p {margin-bottom: 0;}
.header-right-part {flex: 0 0 410px; max-width: 410px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
.header-left-part {flex: 0 0 350px; max-width: 350px;}
.desktop-menu {flex: 0 0 calc(100% - 760px); max-width: calc(100% - 760px);}
header.top-header {padding: 20px 0px; position: sticky; top: 0; z-index: 2; background: transparent; transition: all 400ms ease;}
header.top-header.sticky {background: rgba(3, 3, 3, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}
.top-header-logo-img {max-width: 240px;}
.desktop-menu ul {padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.desktop-menu ul li {list-style: none; margin: 0 15px;}
.desktop-menu ul li a {color: #fff; font-size: 16px; font-weight: 600; transition: all 400ms ease;}
.desktop-menu ul li:hover a, .desktop-menu ul li.active a {color: #9783F2;}
.header-right-part ul {padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; order: 2;}
.header-right-part ul li {list-style: none; padding: 0px 7px;}
.header-right-part ul li:first-child {padding-left: 0;}
.header-right-part ul li:last-child {padding-right: 0;}
.header-right-part .mobile-search-div {order: 1; padding-right: 15px;}
.mobile-search-div svg {fill: #fff; width: 20px; height: 20px !important; transition: all 400ms ease;}
#messageModal .modal-content {background: #181A20;}
.modal-header {border-bottom: 1px solid #35383F;}
.modal-footer {border-top: 1px solid #35383F;}
.popup-overlay {display: none; position: fixed; top: 0;  left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000; justify-content: center; align-items: center;}
.popup-overlay.active {display: flex;}
.popup-content {background: #1F222A; padding: 20px; border-radius: 10px; text-align: center; min-width: 320px; min-height: 180px; max-width: 100; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.spinner {width: 50px; height: 50px; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 10px;}
.spinner img {width: 100%;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.home-section .flickity-button-icon {height: auto !important;}
.main-slider .carousel-cell {width: 100% !important;}
.main-slider .carousel-cell img {height: auto;}
.main-slider {border-radius: 10px; overflow: hidden;}
.main-slider button svg {color: #fff !important; width: 30px !important; height: 30px !important; position: unset !important; opacity: 0; transition: all 400ms ease;}
.main-slider button {background: transparent !important;}
.main-slider:hover svg {opacity: 1;}
.main-slider button:hover svg {color: #9783F2 !important;}
.main-slider button:disabled {opacity: .5;}
.main-slider .flickity-page-dots .dot {width: 10px; height: 10px; border-radius: 100%; background: #D9D9D9B2; opacity: 1;}
.main-slider .flickity-page-dots .dot.is-selected, .main-slider .flickity-page-dots .dot:hover {background: #9783F2;}
.main-slider .flickity-page-dots {bottom: 25px; opacity: 1; left: 0; display: flex; justify-content: center;}
.row-2 {margin-right: -6px; margin-left: -6px;}
.row-2 > * {padding-right: 6px; padding-left: 6px;}
.section-title {margin: 0 !important; font-size: 18px; font-weight: 700; line-height: 1.6;}
.view-all-btn {font-size: 14px; font-weight: 700; letter-spacing: 0.2px; color: #9783F2; transition: all 400ms ease;}
.view-all-btn:hover {color: #fff;}
.view-all-btn svg {width: 15px; height: 15px !important; fill: #9783F2; display: inline-block; margin-left: 5px; transition: all 400ms ease;}
.view-all-btn:hover svg {fill: #fff;}
.slideshow-container.home-banner-main {height: unset !important;}
.d-inlineblock {display: inline-block;}
.portrait-slider .portrait-card {border-radius: 4px; overflow: hidden; max-width: 15%;}
.single-grid img {width: 100%; border-radius: 4px;}
.landscape-slider .landscape-item {margin-right: 12px; border-radius: 4px; overflow: hidden;}
.landscape-slider .landscape-item {max-width: 500px;}
.appBottomMenu.hdr-mobile span {font-size: 10px; line-height: 1.6; font-weight: 500; letter-spacing: 0.2px; color: #9E9E9E; transition: all 400ms ease; margin-top: 5px;}
.appBottomMenu.hdr-mobile .menu-active span {color: #9783F2; font-weight: 700;}
.appBottomMenu.hdr-mobile svg {width: 24px; height: 24px !important;}
.appBottomMenu.hdr-mobile .menu-active svg path {fill: #9783F2 !important;}
.top-header-vip-img {padding-left: 10px;}
.top-bar-nav {padding: 10px 0px; position: sticky; top: 0; background: transparent; transition: all 400ms ease; z-index: 2;}
.top-bar-nav.sticky {background: rgba(3, 3, 3, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}
.top-bar-nav .display-only-sticky {opacity: 0; visibility: hidden; pointer-events: none; font-size: 0 !important;}
.series-detail-section .slideshow-container {border-radius: 4px; overflow: hidden;}
.series-detail-section .slideshow-container > img {width: 100%; height: 100%; object-fit: cover;}
.series-detail-section .slideshow-container .play-action {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.section-title-2 {font-size: 20px; line-height: 1.2; font-weight: 700; margin: 0 !important; padding-bottom: 10px;}
.series-detail-section .slideshow-container .play-action img {width: 85px; transition: all 400ms ease; opacity: 0.9; position: relative;}
.series-detail-section .slideshow-container .play-action:hover img {opacity: 1;}
.series-detail-section .slideshow-container .play-action:hover:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #9783F2; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.series-detail-section .series-details .expert {color: #eee; font-size: 14px; padding-bottom: 15px;}
.series-detail-section .series-details .expert label {margin: 0;}
.series-detail-section .series-details .expert a {color: #9783F2; text-decoration: underline;}
.button-group-2 .btn-common {display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; height: 44px; border-radius: 8px;}
.button-group-2 .btn-common img {width: 18px; filter: brightness(1); transition: all 400ms ease;}
.button-group-2 .btn-common:hover img {filter: brightness(2);}
.button-group-2 .btn-common span {padding-left: 15px;}
.video-sec-col .video-sec-detail {position: relative; border-radius: 4px; overflow: hidden; height: 100%;}
.video-sec-col .video-sec-detail img {height: 100%; object-fit: cover;}
.video-sec-col .play-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 34px; height: 34px !important;}
.video-sec-col .play-icon img {opacity: 0.9; transition: all 400ms ease; position: relative;}
.video-sec-col .play-icon:hover img {opacity: 1}
.video-sec-col .play-icon:hover:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 32px; height: 32px; background: #9783F2; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}
.video-sec-col {padding-bottom: 12px;}
.series-listing {margin-bottom: -12px;}
.tooltip-buttons .subscribe-button {background: linear-gradient(90deg, #F75555 0%, #9783F2 100%); border: unset; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 17px 15px; border-radius: 30px; position: relative; z-index: 0; max-width: 300px; margin-left: auto;}
.tooltip-buttons .subscribe-button img {width: 18px; margin-right: 10px;}
.tooltip-buttons.sticky-bottom-part {bottom: 0; left: 0; width: 100%; padding: 0px 0px; background: transparent; box-shadow: unset;}
.tooltip-buttons .subscribe-button:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #9783F2 0%, #F75555 100%); z-index: -1; border-radius: 30px; transition: all 400ms ease; opacity: 0;}
.tooltip-buttons .subscribe-button:hover:before {opacity: 1;}
section.series-detail-section .button-group-2 {max-width: 600px;}
.website-toast:empty {display: none;}
.walkthroughcarousel .tooltips-item {flex-direction: column; height: calc(var(--vh, 1vh) * 100); display: flex;}
.walkthrough-img-main {position: relative; overflow: hidden; flex: 1.5;}
.walkthrough-content-main {flex: 1; display: flex; flex-direction: column; justify-content: space-between; text-align: center;}
.walkthrough-img-main:before {content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 1200px; height: 1200px; border-radius: 50%; background: transparent; box-shadow: 0px 0px 0px 200px #181A20;}
.pt-0 {padding-top: 0 !important;}
.ptb-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.walkthroughcarousel {background: #181A20;     background: #181A20; position: relative; overflow: hidden; width: 100%; touch-action: pan-y;}
.walkthroughcarousel .tooltips-part {display: flex; transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);}
.walkthroughcarousel-btn-group .btn#getStartedBtn {width: 100%;}
.walkthroughcarousel .tooltip-buttons.sticky-bottom-part {position: fixed; bottom: 0; left: 0; width: 100%; box-shadow: unset;}
.walkthroughcarousel .walkthrough-content {text-align: center; padding-top: 30px; font-size: 16px; line-height: 1.5; color: #EEEEEE; padding-bottom: 160px;}
.walkthroughcarousel .walkthrough-title {margin: 0; color: #fff; font-size: 24px; font-weight: 700; line-height: 1.2; padding-bottom: 20px;}
.walkthroughcarousel .tooltip-buttons {box-shadow: unset; border-top: 1px solid #35383F; padding: 20px 0px;}
.walkthroughcarousel-btn-group {display: flex; flex-wrap: wrap; margin: 0px -7px;}
.walkthroughcarousel-btn-group .btn {width: calc(50% - 14px); margin: 0px 7px; border-radius: 40px; font-size: 14px; font-weight: 600; letter-spacing: 0.2px; color: #fff !important; background: #35383F !important; border-color: #35383F !important; padding: 10px 15px; transition: all 400ms ease; text-transform: unset;}
.walkthroughcarousel-btn-group .btn.walkthrough-next {background: #9783F2 !important; border-color: #9783F2 !important;}
.walkthroughcarousel .walkthrough-content p:last-child {margin-bottom: 0;}
.walkthroughcarousel .dot-list {padding: 0; margin: 0; display: flex; justify-content: center; gap: 10px;}
.walkthroughcarousel .dot-list li {width: 8px; height: 8px; border-radius: 20px; background: #35383F; transition: all 400ms ease;}
.walkthroughcarousel .dot-list li.active {background: #9783F2; width: 32px;}
.walkthroughcarousel-btn-group .btn.walkthrough-next.started-btn {width: calc(100% - 14px);}
.walkthrough-dot {position: fixed; bottom: 125px; left: 50%; transform: translate(-50%);}
.signin-policy ul {padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.signin-policy ul li {list-style: none; padding: 0px 20px; position: relative;}
.signin-policy ul li:before {content: ""; position: absolute; top: 11px; left: -2px; width: 5px; height: 5px; background: #EEEEEE; border-radius: 100%;}
.signin-policy ul li:first-child:before {content: unset;}
.signin-policy ul li a {font-size: 14px; font-weight: 400; letter-spacing: 0.2px;}
.signin-buttons .btn {color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.2px; margin-bottom: 15px; background: #1F222A; border: 1px solid #35383F; border-radius: 50px; position: relative; padding: 12px 50px; transition: all 400ms ease;}
.signin-buttons .btn img {margin: 0; max-width: 20px; max-height: 20px; position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
.signin-buttons .btn:hover {background: #9783F2; border-color: #9783F2;}
.signin-buttons .btn.btn-primary:hover {background: #1F222A !important; border: 1px solid #35383F !important;}
.signin-buttons .btn.skip-btn {background: #35383F; border-color: #35383F;}
.signin-buttons .btn.skip-btn:hover {background: #9783F2; border-color: #9783F2;}
.signin-title h1 {font-size: 26px; line-height: 1.2; margin: 0; font-weight: 700; padding-bottom: 5px;}
.signin-title {font-size: 16px; line-height: 1.6; letter-spacing: 0.2px; font-weight: 400; padding-bottom: 30px;}
.signin-title p:last-child {margin-bottom: 0;}
.signin-logo {padding-bottom: 30px;}
.signin-buttons {padding-bottom: 30px;}
.sign-in-section {padding: 0 !important;}
.sign-in-section .login-main > * {width: 100%; height: fit-content;}
.sign_in_box, .mobile-login-box, .otp-section, .profile-settings-inner, .edit-profile-box {max-width: 500px; margin: 0 auto; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px; margin-top: 50px;}
.otp-section {padding: 50px 35px !important; text-align: center;}
.portrait-slider .flickity-button, .landscape-slider .flickity-button {padding: 0; width: unset; height: unset; background: transparent; border-radius: 0; opacity: 0 !important;     transition: all 400ms ease;}
.portrait-slider .flickity-button svg, .landscape-slider .flickity-button svg {color: #fff !important; width: 25px; position: unset; transition: all 400ms ease;}
.portrait-slider .flickity-button:hover, .landscape-slider .flickity-button:hover {background: transparent;}
.portrait-slider .flickity-button:hover svg, .landscape-slider .flickity-button:hover svg {color: #9783F2 !important;}
.portrait-slider:hover .flickity-button, .landscape-slider:hover .flickity-button {opacity: 1 !important;}
.portrait-slider:hover .flickity-button:disabled, .landscape-slider:hover .flickity-button:disabled {opacity: 0.3 !important;}
.series-grid a {display: block; position: relative; border-radius: 4px; overflow: hidden;}
.series-grid a .series-label {font-size: 13px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.71); padding: 5px 10px; display: block;}
.series-items .series-grid {padding-bottom: 12px;}
.series-items {margin-bottom: -12px;}
.series-grid a .play-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.series-grid a .play-icon img {opacity: 0.9; transition: all 400ms ease; position: relative;}
.series-grid a .play-icon:hover img {opacity: 1;}
.series-grid a .play-icon:hover:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 32px; height: 32px; background: #9783F2; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}
.top-bar-nav .page-title-bar {font-size: 20px; font-weight: 700; color: #fff;}
.form-group label {font-size: 18px; font-weight: 600; color: #fff; letter-spacing: 0.2px;}
.signin-form-mob form {margin: 0; padding: 0;}
.form-group label {font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.2px;     margin-bottom: 3px;}
.form-group .form-control {font-size: 14px; font-weight: 600; color: #fff !important; letter-spacing: 0.2px; background: #22252e; border: 1px solid #1F222A !important; border-radius: 10px; height: 50px !important; padding: 10px 15px !important;}
.signin-form-mob .form-group {position: relative;}
.signin-form-mob .form-group .icons-l {position: absolute; top: 24px; left: 15px; width: 50px !important; height: 50px !important;}
.signin-form-mob .form-group .icons-l .select2 {width: 100% !important; height: 50px !important;}
.signin-form-mob .form-group .icons-l .select2-selection {border-radius: 0; border: unset; background: transparent; display: flex; align-items: center;}
.signin-form-mob .form-group .icons-l .select2-selection__rendered {padding: 0; max-width: 24px;}
.signin-form-mob .form-group .icons-l .select2-selection__arrow {height: 16px !important;}
.signin-form-mob #country_code_span + input.form-control {padding-left: 105px !important;}
.signin-form-mob .form-group .icons-l .select2-selection__arrow b {display: none;}
.signin-form-mob .form-group .icons-l .select2-selection__arrow {height: 8px !important; width: 8px; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(45deg); position: relative; top: -2px; left: 10px;}
.select2-container .select2-dropdown {width: 250px !important; background: #000000; border: unset;}
.select2-container .select2-dropdown .select2-search {padding: 10px 10px;}
.select2-container .select2-dropdown .select2-search__field {background: #1F222A; border: unset; border-radius: 4px; color: #fff; padding: 7px 10px; outline: unset !important;}
.select2-container .select2-dropdown ul li {padding: 5px 10px;}
.select2-container .select2-dropdown ul li.select2-results__option--highlighted[aria-selected] {background: #9783F2;}
.signin-form-mob .form-group .icons-l .select2 .selection {position: relative; top: 15px;}
.form-group .form-control.btn, .opt-form .sticky-bottom-part btn {font-size: 14px; padding: 12px 15px !important; height: unset !important; border-radius: 40px; background: #9783F2 !important; border-color: #9783F2 !important;     max-width: 500px;}
.form-group .form-control.btn:hover, .opt-form .sticky-bottom-part btn:hover {background: transparent !important; color: #9783F2 !important;}
.sign-in-mob .top-bar-nav {display: none;}
.opt-form #otp-inputs {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding-bottom: 25px;}
.opt-form #otp-inputs input {font-size: 20px; font-weight: 700; color: #fff; background: #21252d; border: 1px solid #1F222A; outline: unset !important; padding: 4px 0px; width: 40px; text-align: center; border-radius: 10px;}
.opt-form #countdown {color: #9783F2 !important;}
.otp-section .top-bar-nav {display: none;}
.alert-success {background: transparent; border-color: #fff; color: #fff; font-weight: 400; font-size: 14px;}
.body-min-height {min-height: calc(100vh - 135px);}
.profile-settings-inner {max-width: 500px; margin-left: auto; margin-right: auto; text-align: center;}
.profile-settings-inner .form-group {text-align: left;}
.profile-settings-inner .form-group strong {font-size: 18px; font-weight: 700; color: #EEEEEE; letter-spacing: 0.2px; padding-bottom: 10px; display: block;}
.profile-settings-inner .form-group label {font-weight: 400; color: #EEEEEE;}
.profile-settings-inner form {margin: 0;}
.breadcum {padding-bottom: 30px;}
.breadcum ul {padding: 0 !important; margin: 0px -10px !important;}
.breadcum ul li {list-style: none !important; display: inline-block; position: relative !important; padding: 0px 10px; font-size: 12px;}
.section-title-2.series-title:has(+.breadcum) {padding-bottom: 0;}
.breadcum ul li:before {content: "" !important; position: absolute !important; top: 4px !important; left: -1px !important; width: 1px !important; height: 12px !important; background: #fff !important; transform: rotate(25deg) !important;}
.breadcum ul li:first-child:before {content: unset !important;}
.breadcum ul li a {text-decoration: unset !important;}
.continue-watching-btn .play-action {font-size: 14px; font-weight: 700; letter-spacing: 0.2px; color: #fff; width: 100%; background: #9783F2; transition: all 400ms ease; border: 1px solid #9783F2; border-radius: 8px; padding: 10px 14px;}
.continue-watching-btn .play-action:hover {background: transparent; color: #9783F2;}
.continue-watching-btn {padding-bottom: 20px; max-width: 600px;}
.continue-watching-btn .play-action img {width: 18px; filter: brightness(2); transition: all 400ms ease;}
.continue-watching-btn .play-action:hover img {filter: brightness(1);}
.continue-watching-btn .play-action span {padding-left: 10px;}
.expert a {text-decoration: underline !important;}
.categories-ul-list ul {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.categories-ul-list ul li {width: 25%; padding: 0px 10px 20px 10px;}
.categories-ul-list ul li a {display: flex; background: transparent; border: 2px solid #35383F; border-radius: 8px; color: #fff; transition: all 400ms ease; font-size: 16px; font-weight: 700; letter-spacing: 0.2px; align-items: center; justify-content: center; padding: 10px 20px;}
.categories-ul-list ul li a .character-round {font-size: 25px; margin-right: 15px; display: none;}
.categories-ul-list ul li a .category-title {color: #fff; transition: all 400ms ease; font-size: 16px; font-weight: 700; letter-spacing: 0.2px;}
.categories-ul-list ul li a .category-arrow {max-width: 8px; margin-left: 10px; transition: all 400ms ease; filter: brightness(2);}
.categories-ul-list ul li a:hover {background: #9783F2; color: #fff; border-color: #9783F2;}
.categories-ul-list ul li a:hover .category-title {color: #fff;}
.categories-ul-list ul li a:hover .category-arrow {filter: brightness(2);}
.account-detail-page .account-detail {display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 30px;}
.account-detail-option {padding-top: 20px; padding-bottom: 30px; min-height: calc(100vh - 135px);}
.account-detail-page .account-detail .profile-image {width: 60px; height: 60px; border-radius: 100%; overflow: hidden;}
.account-detail-page .account-detail .profile-image img { height: 100%;object-fit: cover; width: 100%;}
.account-detail-page .account-detail .profile-info {width: calc(100% - 75px); padding-left: 15px; font-size: 14px; color: #EEEEEE; letter-spacing: 0.2px;}
.account-detail-page .account-detail .profile-name {margin: 0; font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: 0;}
.account-detail-page .account-detail .profile-info p {margin: 0;}
.account-detail-page .account-detail .profile-arrow {width: 15px; text-align: right;}
.upgrade-plan-detail {background: linear-gradient(90deg, #F75555 0%, #9783F2 100%); border-radius: 8px; display: flex; align-items: center; padding: 10px 10px; margin-bottom: 30px;}
.upgrade-plan-detail .upgrade-img {width: 50px;}
.upgrade-plan-detail .upgrade-info {width: calc(100% - 65px); padding-left: 15px;}
.upgrade-plan-detail .upgrade-info .upgrade-title {font-size: 16px; font-weight: 700; margin: 0; line-height: 1.6;}
.upgrade-plan-detail .upgrade-info p {font-size: 10px; font-weight: 500; color: #fff; margin: 0;}
.upgrade-plan-detail .upgrade-arrow {width: 15px; text-align: right;}
.profile-menu-list ul li {padding-bottom: 30px;}
.profile-menu-list ul li:last-child {padding-bottom: 0px;}
.profile-menu-list ul li a {display: flex; flex-wrap: wrap; font-size: 15px; font-weight: 700; color: #fff; line-height: 1.6; align-items: center; transition: all 400ms ease;}
.profile-menu-list ul li a .list-icon {width: 20px; display: block; padding-left: 0;}
.profile-menu-list ul li a .list-icon img {width: 100%; filter: brightness(3); transition: all 400ms ease;}
.profile-menu-list ul li a span {width: calc(100% - 40px); display: block; padding-left: 15px;}
.profile-menu-list ul li a .arrow {width: 15px; display: block; text-align: right; padding-left: 0;}
.profile-menu-list ul li a .arrow img {filter: brightness(2); transition: all 400ms ease; max-width: 8px;}
.profile-menu-list ul li a:hover {color: #9783F2;}
.profile-menu-list ul li a:hover .list-icon img {filter: brightness(1);}
.profile-menu-list ul li a:hover .arrow img {filter: brightness(1);}
.profile-menu-list ul {margin: 0; padding: 0;}
.profile-menu-list ul li a .list-icon svg {height: unset !important;}
.profile-menu-list ul li.logout a {color: #F75555;}
.profile-menu-list ul li.logout a:hover {color: #9783F2;}
.profile-menu-list ul li.logout a .list-icon svg path {transition: all 400ms ease;}
.profile-menu-list ul li.logout a:hover .list-icon svg path {fill: #9783F2;}
.logout-popup {position: fixed; top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); background: rgba(9, 16, 29, 0.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 999; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; pointer-events: none; visibility: hidden; opacity: 0; transition: all 400ms ease;}
.logout-popup .logout-popup-box {background: #181A20; border: 1px solid #35383F; width: 100%; border-radius: 12px; text-align: center; padding: 30px 30px; color: #EEEEEE; font-size: 18px; letter-spacing: 0.2px; max-width: 400px;}
.logout-popup .logout-popup-box .title {font-size: 24px; font-weight: 700; color: #fff; line-height: 1.6; margin: 0; padding-bottom: 8px;}
.logout-popup .logout-popup-box ul {display: flex; flex-wrap: wrap; margin: 0px -7px; padding: 0; padding-top: 35px; padding-bottom: 8px;}
.logout-popup .logout-popup-box ul li {list-style: none; width: 50%; padding: 0px 7px;}
.logout-popup .logout-popup-box ul .btn-common {width: 100%; font-size: 16px; letter-spacing: 0.2px; font-weight: 700; color: #fff; border-radius: 30px; background: #35383F; border-color: #35383F; padding: 16px 15px;}
.logout-popup .logout-popup-box ul .btn-common:hover {background: #9783F2; border-color: #9783F2;}
.logout-popup .logout-popup-box ul .btn-common.fill {background: #9783F2; border-color: #9783F2;}
.logout-popup .logout-popup-box ul .btn-common.fill:hover {background: #35383F; border-color: #35383F;}
body.logout-active .logout-popup {pointer-events: unset; visibility: visible; opacity: 1;}
.edit-profile-box {max-width: 100%; margin: 0 auto;}
.edit-profile-box .box-title {font-size: 24px; font-weight: 700; text-align: center; color: #fff; margin: 0; padding-bottom: 0px;}
.edit-profile-box .breadcum {text-align: center;}
.avatar-upload {position: relative; max-width: 90px; margin: 0px auto;}
.avatar-upload .avatar-edit {position: absolute; bottom: 3px; right: -1px; z-index: 1;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: block; width: 25px; height: 25px; margin-bottom: 0; border-radius: 5px; background: #9783F2; cursor: pointer; font-weight: normal; transition: all 400ms ease;}
.avatar-upload .avatar-edit input + label:hover:after {color: #fff;}
.avatar-upload .avatar-edit input + label:after {content: "\f040"; font-family: 'FontAwesome'; color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; margin: auto; font-size: 18px; transition: all 400ms ease; padding-top: 2px; padding-left: 2px;}
.avatar-upload .avatar-preview {width: 90px; height: 90px; position: relative; border-radius: 100%; margin-bottom: 15px;}
.avatar-upload .avatar-preview > div {width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.icon-input {position: relative;}
.icon-input img {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 16px;}
.form-group .icon-input .form-control {padding-left: 40px !important;}
.form-group select.form-control {appearance: none; background: #22252e url(../images/down-arrow.svg); background-position: calc(100% - 14px); background-repeat: no-repeat;}
.edit-profile-box .form-group {margin-bottom: 18px;}
.ui-datepicker .ui-datepicker-header .ui-icon {background: url(../images/right-arrow-icon-2.svg); background-position: center; background-repeat: no-repeat; background-size: 8px; filter: brightness(0);}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {transform: rotate(180deg);}
.ui-datepicker table thead th {color: #000;}
.ui-datepicker .ui-datepicker-header .ui-corner-all {border: unset !important;}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next-hover {right: 2px; top: 2px;}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev-hover {left: 2px; top: 2px;}
.icon-input-calendar .input-icon {position: absolute; top: 50%; right: 15px; transform: translateY(-50%); pointer-events: none;}
.icon-input-calendar {position: relative;}
.edit-profile-main {padding-top: 0 !important;}
.subscriptions-bg-box {min-height: 100vh; position: relative;}
.subscriptions-bg-box-in {max-width: 800px; margin: 0 auto; padding-bottom: 30px;}
.subscriptions-main .subscriptions-content {position: relative; z-index: 1; padding-top: 80px;}
.subscriptions-header {display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 80px;}
.subscriptions-header .logo-img {max-width: calc(100% - 55px);}
.subscriptions-header .vip-img {margin-left: 10px;}
.subscriptions-header span {display: block; width: 100%; color: #fff; font-size: 16px; padding-top: 10px;}
.subscriptions-main .check-list ul {padding: 0; margin: 0;}
.subscriptions-bg-box .check-list {padding-bottom: 30px;}
.subscriptions-main .check-list ul li {list-style: none; position: relative; padding-left: 25px; font-size: 16px; letter-spacing: 0.2px; color: #fff; font-weight: 500; line-height: 1.2; padding-bottom: 20px;}
.subscriptions-main .check-list ul li:last-child {padding-bottom: 0;}
.subscriptions-main .check-list ul li:before {content: ""; width: 15px; height: 15px; background: url(../images/check-list.svg); background-position: center; background-repeat: no-repeat; background-size: 15px; position: absolute; top: 2px; left: 0;}
.plans-boxs ul {padding: 0; margin: 0;}
.plans-boxs ul li .plans-box-input {list-style: none; background: #1F222A; border: 2px solid #35383F; border-radius: 8px; margin-bottom: 10px; padding: 15px 15px; transition: all 400ms ease; display: block;}
.plans-boxs ul li input[type="radio"]:checked + .plans-box-input {border-color: #FF9E1E;}
.plans-boxs ul li:last-child .plans-box-input {margin-bottom: 0;}
.plans-boxs .list-heading {display: flex; flex-wrap: wrap; align-items: flex-start; padding-bottom: 10px;}
.plans-boxs .list-heading .title {font-size: 18px; line-height: 1.2; font-weight: 700; color: #fff; width: calc(100% - 82px); padding-right: 10px;}
.plans-boxs .list-heading .value {color: #211849; background: #FF9E1E; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 30px; padding: 2px 12px 0px 12px; letter-spacing: 0.2px; width: 82px; height: 24px; position: relative; top: 0px;}
.plans-boxs .list-heading .des {font-size: 14px; color: #fff; padding-bottom: 15px;}
.plans-boxs .price-box .save {font-size: 14px; color: #12D18E; font-weight: 600;}
.plans-boxs .list-heading .value:empty {display: none;}
.prices-box .price {background: rgba(255, 255, 255, 0.10); border-radius: 30px; padding: 3px 11px;}
.prices-box .price .main-price {font-size: 14px; color: #9E9E9E; position: relative;}
.prices-box .price .dis-price {font-size: 14px; color: #fff; padding-left: 5px; font-weight: 600;}
.prices-box .price .main-price:before {content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #9E9E9E;}
.plans-boxs .price-box {display: flex; align-items: center; gap: 10px; width: 215px; justify-content: flex-end;}
.plans-boxs .prices-box {display: flex; flex-wrap: wrap; align-items: center;}
.plans-boxs .prices-box .prices-title {font-size: 14px; color: #fff; font-weight: 600; width: calc(100% - 215px); display: block; padding-right: 10px;}
.plans-boxs .list-heading .des:empty {padding-bottom: 0;}
.subscriptions-bg-box .service-policy {padding: 20px 0px;}
.subscriptions-bg-box .service-policy span {display: block; text-align: center; font-size: 11px; color: #8A879A; font-weight: 500;}
.subscriptions-bg-box .service-policy a {text-decoration: underline !important;}
.subscriptions-bg-box .tooltip-buttons .subscribe-button {margin: 0 auto;}
.subscriptions-bg-box .plans-boxs {padding-bottom: 30px;}
.plans-boxs ul li {list-style: none;}
.plans-boxs ul li input[type="radio"] {display: none;}
.subscriptions-close {display: none;}
.subscriptions-popup {position: fixed; top: 0; left: 0; width: 100vw; height: calc(var(--vh, 1vh) * 100); display: flex; align-items: center; justify-content: center; background: rgba(9, 16, 29, 0.60); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 3; pointer-events: none; visibility: hidden; opacity: 0; transition: all 400ms ease;}
.subscriptions-popup .subscriptions-popup-inner {background: #181A20; border: 1px solid #35383F; width: 100%; border-radius: 12px; padding: 20px 20px; color: #EEEEEE; font-size: 18px; letter-spacing: 0.2px; max-width: 500px; position: relative;}
.subscriptions-popup .subscriptions-popup-inner .popup-title {font-size: 22px; line-height: 1.2; color: #fff; font-weight: 700; text-align: left; margin: 0; padding-bottom: 20px;}
.subscriptions-popup .close {width: 15px; height: 15px; position: absolute; top: 10px; right: 10px; opacity: 1;}
.subscriptions-popup .close:before {content: ""; position: absolute; top: 10px; left: 0; width: 100%; height: 2px; background: #fff; transform: rotate(-45deg);}
.subscriptions-popup .close:after {content: ""; position: absolute; top: 10px; left: 0; width: 100%; height: 2px; background: #fff; transform: rotate(45deg);}
.subscriptions-popup .coupon-code .coupon-code {color: #9783F2; font-size: 16px; letter-spacing: 0.2px; text-decoration: underline !important;}
.subscriptions-popup .coupon-code .coupon-code:hover {color: #fff;}
.subscriptions-popup .plans-boxs {list-style: none; background: #1F222A; border: 2px solid #35383F; border-radius: 8px; margin-bottom: 15px; padding: 15px 15px; transition: all 400ms ease;}
.subscriptions-popup .coupon-code {text-align: center;     padding-bottom: 20px;}
.subscriptions-popup .plans-boxs .price {padding: 4px 11px;}
.subscriptions-btns {display: flex; flex-direction: column; gap: 15px;}
.subscriptions-btns .subscriptions-btn {width: 100%; background: linear-gradient(90deg, #F75555 0%, #9783F2 100%); border: unset; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 12px 15px; border-radius: 30px; position: relative; z-index: 0;}
.subscriptions-close img {max-width: 20px;}
.subscriptions-btns .subscriptions-btn:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #9783F2 0%, #F75555 100%); z-index: -1; border-radius: 30px; transition: all 400ms ease; opacity: 0;}
.subscriptions-btns .subscriptions-btn:hover:before {opacity: 1;}
.subscriptions-popup .service-policy {padding: 20px 0px;}
.subscriptions-popup .service-policy span {display: block; text-align: center; font-size: 11px; color: #8A879A; font-weight: 500;}
.subscriptions-popup .service-policy a {text-decoration: underline !important;}
.subscriptions-popup .description {color: #8A879A; font-size: 9px;}
.subscriptions-popup .description p:last-child {margin-bottom: 0;}
.form-group .form-btn {font-size: 16px; font-weight: 700; letter-spacing: 0.2px; color: #fff; background: #9783F2; border: 1px solid #9783F2; border-radius: 30px; padding: 16px 50px !important; transition: all 400ms ease;}
.form-group .form-btn:hover {background: transparent; color: #9783F2; border-color: #9783F2;}
.coupon-input .form-group {display: flex; flex-wrap: wrap; margin-bottom: 0; padding-top: 20px; padding-bottom: 10px;}
.coupon-input .form-group .form-control {width: calc(100% - 135px);}
.coupon-input .form-group .form-btn {width: 120px; margin-left: 15px; border-radius: 8px; padding: 16px 30px !important;}
.coupon-input {display: none;}
body.popup-active .subscriptions-popup {pointer-events: unset; visibility: visible; opacity: 1;}
.popup-overlay-cus {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;}
.plans-boxs .current-plan {color: #E0E0E0; text-align: center; font-size: 20px; font-weight: 600; border-top: 1px solid #35383F; margin-top: 15px; padding-top: 10px;}
.subscription-expire-desc {text-align: center; max-width: 350px; margin: 0 auto; padding-bottom: 25px;}
.subscription-expire-desc p:last-child {margin-bottom: 0;}
.billing-sub-in .plans-boxs {padding-bottom: 30px;}
.subscription-expire-desc a {color: #9783F2;}
.transaction-history ul {margin: 0; padding: 0;}
.transaction-history ul li {list-style: none; background: #1F222A; border: 1px solid #35383F; border-radius: 8px; margin-bottom: 15px; padding: 10px 15px; display: flex; flex-wrap: wrap; align-items: center;}
.transaction-history ul li .content {width: calc(100% - 100px);}
.transaction-history ul li .date {display: block; font-size: 14px; font-weight: 600; color: #fff;}
.transaction-history ul li .plan-tran {font-size: 14px; color: #9E9E9E;}
.transaction-history ul li .price {width: 100px; text-align: right;}
.billing-sub-in {margin: 0 auto; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px;}
.transaction-history ul li:last-child {margin-bottom: 0;}
.transaction-history .tooltip-buttons .subscribe-button {margin: 0 auto;}
.transaction-history .tooltip-buttons {padding-top: 30px;}
.congratulations-box {text-align: center; border-bottom: 1px solid #35383F; padding-bottom: 30px; margin-bottom: 30px;}
.congratulations-box img {padding-bottom: 15px; max-width: 250px;}
.congratulations-box .title {font-size: 32px; font-weight: 700; color: #fff; line-height: 1.6; margin: 0; padding-bottom: 10px;}
.congratulations-box p {margin: 0; font-size: 18px; color: #F5F5F5; letter-spacing: 0.2px; line-height: 1.6;}
.content-checklist ul {margin: 0; padding: 0;}
.content-checklist ul li {list-style: none; position: relative; padding-left: 30px; font-size: 16px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.4; color: #fff; padding-bottom: 15px;}
.content-checklist ul li:before {content: ""; background: url(../images/right-icon.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; filter: brightness(3); position: absolute; top: 4px; left: 0; width: 16px; height: 16px;}
.content-checklist ul li:last-child {padding-bottom: 0;}
.content-checklist.bottom-border {border-bottom: 1px solid #35383F; padding-bottom: 25px;}
.thank-msg {text-align: center; font-size: 16px; font-weight: 500; letter-spacing: 0.2px; color: #F5F5F5; line-height: 1.4; padding: 0px 11px; padding-bottom: 30px;}
.thank-msg p {margin: 0;}
.content-checklist {margin-bottom: 30px;}
.successful-inner {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px;}
.tooltip-buttons .btn-common {text-align: center; display: flex; align-items: center; justify-content: center; padding: 17px 15px; border-radius: 30px; font-size: 14px; font-weight: 700; letter-spacing: 0.2px;}
.subscriptions-successful {padding: 30px 0px;}
.earn-referral .congratulations-box .title {font-size: 22px; padding-bottom: 0;}
.earn-referral .congratulations-box {margin-bottom: 0; border-bottom: unset;}
.referral-box {background: #1F222A; border: 2px solid #35383F; border-radius: 8px; text-align: center; padding: 10px 20px;}
.referral-box .referral-cod {display: block; font-size: 30px; font-weight: 700; color: #fff; border-bottom: 1px solid #35383F; padding-bottom: 10px; padding-top: 5px;}
.referral-box .code-copy {color: #E0E0E0; padding-top: 10px; display: block;}
.referral-earnings-btn .earnings-btn {font-size: 16px; font-weight: 500; color: #9783F2; text-decoration: underline !important; position: relative; padding-right: 15px; transition: all 400ms ease;}
.referral-earnings-btn .earnings-btn:before {content: ""; position: absolute; top: 7px; right: 0; width: 8px; height: 8px; border-left: 1px solid #9783F2; border-top: 1px solid #9783F2; transform: rotate(135deg); transition: all 400ms ease;}
.referral-earnings-btn {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.referral-earnings-btn .earnings-btn:hover {color: #fff;}
.referral-earnings-btn .earnings-btn:hover:before {border-color: #fff;}
.earnings-amount {font-size: 34px; font-weight: 700; color: #fff; text-align: center; background: #1F222A; border: 2px solid #35383F; border-radius: 8px; padding: 21px 15px;}
.withdraw-earnings .btn-common {font-size: 16px; font-weight: 700; letter-spacing: 0.2px; border-radius: 30px; padding: 15px 15px;}
.withdraw-earnings {padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #35383F;}
.earnings-history {padding-top: 30px;}
.history-tabs {margin: 0; padding: 0; display: flex; flex-wrap: wrap; padding-bottom: 15px;}
.history-tabs li {width: 50%; list-style: none;}
.history-tabs li a {display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.2px; color: #fff; text-align: center; background: transparent; transition: all 400ms ease; border-radius: 6px; padding: 10px 10px;}
.history-tabs li a.active {background: #9783F2;}
.referral-earnings .transaction-history ul li {padding: 18px 15px;}
.referral-earnings-in {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px;}
.referral-earnings .transaction-history::-webkit-scrollbar-track {background-color: #F5F5F5;}
.referral-earnings .transaction-history::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;}
.referral-earnings .transaction-history::-webkit-scrollbar-thumb {background-color: #000000;}
.help-support .profile-menu-list ul li a span:first-child {padding-left: 0; width: calc(100% - 15px);}
.pages-content {font-size: 18px; font-weight: 500; color: #F5F5F5; letter-spacing: 0.2px; line-height: 1.6; padding-bottom: 30px; max-width: 1000px; margin: 0 auto;}
.pages-content h1, .pages-content h2, .pages-content h3, .pages-content h4, .pages-content h5, .pages-content h6 { font-weight: 700; line-height: 1.6; letter-spacing: 0; padding-bottom: 10px; }
.pages-content h2 {font-size: 20px;}
.pages-content p {margin-bottom: 25px;}
.pages-content p:last-child {margin-bottom: 0px;}
.pages-content ul {padding: 0; margin: 0; padding-left: 15px; margin-bottom: 25px;}
.pages-content ul:last-child {margin-bottom: 0px;}
.pages-content ul li {list-style: none; position: relative; padding-left: 15px; padding-bottom: 5px;}
.pages-content ul li:last-child {padding-bottom: 0px;}
.pages-content ul li:before {content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #fff;}
.pages-content .section-title {font-size: 24px; padding-bottom: 0px;}
.pages-content a {text-decoration: underline !important;}
.pages-content .accordion {background-color: #181A20; color: #fff; cursor: pointer; padding: 15px; width: 100%; text-align: left; border: none; outline: none; transition: all 400ms ease; margin-bottom: 15px; text-transform: unset; border-radius: 5px;     position: relative;}
.pages-content .active, .pages-content .accordion:hover {background-color: #181A20;}
.pages-content .panel {display: none; overflow: hidden; padding-bottom: 30px;  margin-top: -14px;   background: #181A20;}
.pages-content button:focus {outline: 0px auto #f00;}
.emoji-div {background: #1F222A; border-radius: 8px; padding: 25px 20px; margin-bottom: 25px;}
.emoji-div p {margin: 0; text-align: center; font-size: 18px; font-weight: 500; color: #fff; padding-bottom: 25px;}
.emoji-div ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.emoji-div ul li {list-style: none; width: 33.33%; text-align: center; background: transparent !important;}
.emoji-div ul li .emoji-box {border: 2px solid transparent; border-radius: 10px; width: fit-content; padding: 10px; transition: all 400ms ease; margin: 0 auto; max-width: 85px;}
.emoji-div ul li.active .emoji-box {border-color: #9783F2;}
.review .congratulations-box {margin-bottom: 0; border-bottom: unset; padding-bottom: 40px;}
.unlock-bottom-box {background: #181A20; border: 1px solid #35383F; width: 100%; border-radius: 12px; text-align: center; padding: 30px 30px; color: #EEEEEE; font-size: 18px; letter-spacing: 0.2px; border-top-left-radius: 0; border-top-right-radius: 0;}
.unlock-bottom-box .unlock-icon {padding-bottom: 25px;}
.unlock-bottom-box .title {font-size: 24px; font-weight: 700; color: #fff; line-height: 1.6; margin: 0; padding-bottom: 8px;}
.unlock-bottom-box ul {display: flex; flex-wrap: wrap; margin: 0px -7px; padding: 0; padding-top: 35px; padding-bottom: 8px;}
.unlock-bottom-box ul li {list-style: none; width: 50%; padding: 0px 7px;}
.unlock-bottom-box ul li .btn-common {width: 100%; font-size: 16px; letter-spacing: 0.2px; font-weight: 700; color: #fff; border-radius: 30px; background: #35383F; border-color: #35383F; padding: 16px 15px;}
.unlock-bottom-box ul li .btn-common.fill {background: #9783F2; border-color: #9783F2;}
.unlock-bottom-box ul li .btn-common:hover {background: #9783F2; border-color: #9783F2;}
.unlock-bottom-box ul li .btn-common.fill:hover {background: #35383F; border-color: #35383F; color: #fff;}
.unlock-bottom-box span {max-width: 500px; display: block; margin: 0 auto;}
.unlock-plan .unlock-img {text-align: center; padding-bottom: 10px; position: relative; flex: 1.5;}
.unlock-plan img {max-height: 370px; margin: 0 auto;}
.unlock-plan .unlock-img:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(9, 16, 29, 0.60); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}
section.unlock-plan {max-width: 500px; margin: 0 auto; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 30px 30px; border-radius: 10px; margin-bottom: 50px; margin-top: 30px; display: flex; flex-direction: column; min-height: calc(var(--vh, 1vh) * 100 - 160px);}
#messageModal .modal-dialog {max-width: 300px;}
.notifications-main .notifications-list > ul {padding: 0; margin: 0; margin: 0 auto; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 30px 30px; border-radius: 10px; margin-top: 0px; margin-bottom: 20px;}
.notifications-main .notifications-list > ul li {list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600;}
.notifications-main .notification-toggle input {display: none;}
.notifications-main .notification-toggle .toggle-box {height: 12px; width: 30px; background-color: #494c57; transition: background-color 0.25s ease; border-radius: 11px; position: relative; margin: 0;}
.header-left-part a {display: flex;}
.notifications-main .notification-toggle .toggle-box:after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; display: block; background-color: #fff; border-radius: 50%; transition: left 0.25s ease;}
.notifications-main .notification-toggle input:checked ~ .toggle-box:after {left: 14px;}
.notifications-main .notification-toggle input:checked ~ .toggle-box {background-color: #9783F2;}
.form-group .icon-input-2 {position: relative;}
.form-group .icon-input-2 {position: relative;}
.form-group .icon-input-2 .input-icon {position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
.form-group .icon-input-2 .form-control {padding-left: 30px !important;}
#subscriptionModel .modal-content {background: #1d1e29; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); border-radius: 8px; max-height: calc(100% - 60px); overflow: auto;     text-align: left;}
#subscriptionModel .modal-content::-webkit-scrollbar-track {background-color: #1F222A;}
#subscriptionModel .modal-content::-webkit-scrollbar {width: 6px; background-color: #1F222A;}
#subscriptionModel .modal-content::-webkit-scrollbar-thumb {background-color: #9783F2;}
#subscriptionModel .modal-content button.close {color: #fff; opacity: 1;}
#subscriptionModel .modal-content .modal-body .btn {color: #fff !important; font-size: 16px; font-weight: 700; letter-spacing: 0.2px; background: #9783F2 !important; border: 1px solid #9783F2 !important; border-radius: 50px; position: relative; padding: 12px 50px; transition: all 400ms ease; height: unset !important;}
#subscriptionModel .modal-content .modal-body .btn:hover {background: #1F222A !important; border: 1px solid #35383F !important;}
#subscriptionModel .modal-content .modal-body {text-align: center; padding-top: 30px; padding-bottom: 30px;}
#subscriptionModel .modal-dialog {max-width: 800px;}
#subscriptionModel .subscriptions-header {text-align: left;}
#subscriptionModel .subscriptions-main .subscriptions-content {padding-top: 0;}
#subscriptionModel .subscriptions-bg-box-in {padding-bottom: 0;}
#subscriptionModel .modal-content .subscriptions-bg-box-in .container {padding-left: 0; padding-right: 0;}
#subscriptionModel .subscriptions-header {padding-bottom: 20px;}
#subscriptionModel .subscriptions-bg-box .service-policy {padding-bottom: 0; padding-top: 15px;}
#subscriptionModel .subscriptions-bg-box {min-height: unset !important;}
#subscriptionModel .subscriptions-main .check-list ul li {font-size: 14px; padding-bottom: 12px;}
#subscriptionModel .subscriptions-main .check-list ul li:last-child {padding-bottom: 0;}
#subscriptionModel .subscriptions-header span {font-size: 14px;}
#subscriptionModel .subscriptions-header {padding-bottom: 20px; max-width: 280px; font-size: 14px;}
#subscriptionModel .subscriptions-main .check-list ul li:before {width: 13px; height: 13px; background-size: 13px; top: 1px;}
#subscriptionModel .plans-boxs ul li .plans-box-input {margin-bottom: 8px; padding: 10px 10px;}
#subscriptionModel .subscriptions-bg-box .plans-boxs {padding-bottom: 25px;}
#subscriptionModel .plans-boxs ul li:last-child .plans-box-input {margin-bottom: 0;}
#subscriptionModel .subscriptions-close {position: absolute; top: -25px; right: -18px; display: block; z-index: 1; opacity: 0.7;}
#subscriptionModel .subscriptions-close:hover {opacity: 1;}

.blogs-detail-page .blog-thum img {border-radius: 8px; width: 100%;}
.blog-detail-cus h1 {font-size: 32px; line-height: 1.2;}
.blog-detail-cus h1, .blog-detail-cus h2, .blog-detail-cus h3, .blog-detail-cus h4, .blog-detail-cus h5, .blog-detail-cus h6 {padding-bottom: 10px;}
.blog-detail-cus ol {margin: 0; padding: 0; padding-left: 15px;}
.blog-detail-cus a {color: #9783F2; text-decoration: underline !important;}
.blog-detail-cus a:hover {color: #fff;}
.blog-detail-cus .breadcum a {color: #fff;}
.blog-detail-cus .breadcum a:hover {color: #9783F2;}
.contact-box {max-width: 500px; margin: 0 auto;}
.contact-box .contact-detail {text-align: center; padding-top: 20px;}
.pages-content .accordion:before, .pages-content .accordion:after {content: ""; position: absolute; background: #fff; transition: all 400ms ease;}
.pages-content .accordion:before {width: 10px; height: 2px; top: 28px; right: 10px;}
.pages-content .accordion:after {width: 2px; height: 10px; top: 24px; right: 14px;}
.pages-content .accordion.active:after {transform: rotate(90deg);}
.pages-content ul li:first-child {padding-left: 10px;}
.subscriptions-popup .list-heading {padding-bottom: 0;}
.series-detail-section .breadcum {padding-bottom: 20px;}
.expert-banner img {width: 100%;}
.notifications-main .notifications-list .series-details .breadcum {padding-bottom: 20px;}
.gradient-btn {background: linear-gradient(90deg, #F75555 0%, #9783F2 100%); color: #fff; border: unset; padding: 10px 14px; position: relative; z-index: 0;}
.gradient-btn:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #9783F2 0%, #F75555 100%); z-index: -1; border-radius: 30px; transition: all 400ms ease; opacity: 0;}
.gradient-btn:hover {background: linear-gradient(90deg, #F75555 0%, #9783F2 100%);}
.gradient-btn:hover:before {opacity: 1;}
.gradient-btn img {max-width: 16px; position: relative; top: -2px;}
.account-sidebar-in {height: 100%; position: relative; padding-right: 40px;}
.account-sidebar-in:before {content: ""; position: absolute; top: 0; right: -15px; width: 1px; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50% 50%, rgba(255, 255, 255, 0) 100%);}
.account-sidebar-content-in {width: 100%; padding-left: 40px;}
.accound-with-sidebar .account-sidebar {flex: 0 0 425px; max-width: 425px;}
.accound-with-sidebar .account-sidebar-content {flex: 0 0 calc(100% - 425px); max-width: calc(100% - 425px);}
.sign_in_box {margin-top: 0px; margin: unset;     max-width: 100%;}
.accound-with-sidebar {max-width: 1300px; margin-left: auto; margin-right: auto;}
.edit-profile-box .form-control.btn {max-width: 350px;}
.upgrade-plan-banner {display: none !important;}
.icon-input .icons-l {position: absolute;}
.transaction-history .section-headding {text-align: center;}
.transaction-history-main .plans-boxs, .transaction-history {max-width: 500px; margin-left: auto; margin-right: auto;}
.transaction-history .subscribe-button {max-width: 100%;}
.account-sidebar-content .container {padding-left: 0px; padding-right: 0px;}
.modal .modal-dialog {display: flex; flex-wrap: wrap; height: 100%; margin-top: 0; margin-bottom: 0; align-items: center; justify-content: center;}
.modal-backdrop {background: rgba(9, 16, 29, 0.60); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.modal-backdrop.show {opacity: 1;}
.modal .modal-content {background: #181A20 !important; border: 1px solid #35383F !important; border-radius: 12px; text-align: center; padding: 30px 30px;}
.modal .modal-content .modal-header {justify-content: center; padding: 0; border: unset;}
.modal .modal-content .modal-header .modal-title {font-size: 24px; font-weight: 700; color: #fff; line-height: 1.6; margin: 0; padding-bottom: 8px; letter-spacing: 0.2px;}
.modal .modal-content .modal-body {color: #EEEEEE; font-size: 18px; letter-spacing: 0.2px; padding: 0;}
.modal .modal-content .modal-footer {border: unset; display: flex; flex-wrap: wrap; margin: 0px -7px; padding: 0; padding-top: 35px; padding-bottom: 8px; justify-content: center;}
.modal .modal-content .modal-footer .btn-common {width: 100%; font-size: 16px; letter-spacing: 0.2px; font-weight: 700; color: #fff; border-radius: 30px; background: #35383F; border-color: #35383F; padding: 16px 15px; width: calc(50% - 14px); margin: 0px 7px; transition: all 400ms ease; opacity: 1 !important;}
.modal .modal-content .modal-footer .btn-common.fill {background: #9783F2; border-color: #9783F2;}
.modal .modal-content .modal-footer .btn-common:hover {background: #9783F2; border-color: #9783F2;}
.modal .modal-content .modal-footer .btn-common.fill:hover {background: #35383F; border-color: #35383F;}
#cancelSubscriptionModal .modal-dialog {max-width: 400px;}
.account-sidebar-in .account-detail-page {position: sticky; top: 85px;}
.search-box {display: flex; flex-wrap: wrap; position: relative; padding-bottom: 30px;}
.search-box .input-search {width: 100%; margin-bottom: 0;}
.search-box .search-btn {position: absolute; top: 0; right: 0; width: 50px; margin: 0; height: 50px; display: flex; align-items: center; justify-content: center;}
.search-box .search-btn .btn {padding: 0 !important; background: transparent !important; border: unset !important; height: 100% !important;}
.search-box .search-btn .btn svg {height: unset !important; width: 20px; fill: #fff; transition: all 400ms ease;}
.search-box .search-btn .btn:hover svg {fill: #9783F2;}
.search-box .back-arrow {display: none;}
.accound-with-sidebar .subscriptions-successful {padding: 0;}
.content-checklist .section-title-2 {padding-bottom: 20px;}
.referral-earnings-in .referral-body {max-width: 500px; margin: 0 auto;}
.withdraw-main {padding-bottom: 0 !important;}
.blog-lsting-main {padding-top: 0 !important;     padding-bottom: 0 !important;}
.watchlist-main .video-sec-col .video-sec-detail {height: unset; padding-top: 150%;}
.watchlist-main .video-sec-col .video-sec-detail img:first-child {position: absolute; top: 0; left: 0;}
.preferences-main .wizard-step {display: none;}
.preferences-main .wizard-step.active {display: block; background: unset;}
.preferences-main .checkbox input {display: none;}
.preferences-main .checkbox label {background: #22252e; display: block; margin: 0px 0px 15px 0px; font-size: 14px;     font-weight: 500; color: #fff; padding: 11px 20px; border-radius: 5px; letter-spacing: 0.2px; cursor: pointer; transition: all 400ms ease; border: 2px solid #22252e; position: relative; padding-right: 55px;}
.preferences-main .checkbox input:checked + label {border-color: #9783F2;}
.preferences-main .checkbox label:before {content: ""; background: url(../images/right-icon.svg); background-position: center; background-repeat: no-repeat; background-size: 18px; position: absolute; top: 0; right: 20px; width: 20px; height: 100%; opacity: 0; transition: all 400ms ease;}
.preferences-main .checkbox input:checked + label:before {opacity: 1;}
.preferences-main .progressbar {display: flex; gap: 5px; justify-content: space-between; padding-bottom: 25px;}
.preferences-main .progressbar .progress-step {background: #35383F; height: 3px; width: 100%; border-radius: 30px; transition: all 400ms ease;}
.preferences-main .progressbar .progress-step.active {background: #9783F2;}
.preferences-main .wizard-step .title {font-size: 17px; color: #fff; font-weight: 600; text-align: center; letter-spacing: 0.3px; padding-bottom: 15px;}
.preferences-main .buttons {display: flex; flex-wrap: wrap; margin: 0px -7px; padding-top: 15px;}
.preferences-main .buttons .btn-common {width: calc(50% - 14px); font-size: 16px; letter-spacing: 0.2px; font-weight: 700; color: #fff; border-radius: 30px; background: #35383F; border-color: #35383F; padding: 16px 15px; margin: 0px 7px; outline: none !important;}
.preferences-main .buttons .btn-common.fill {background: #9783F2; border-color: #9783F2;}
.preferences-main .buttons .btn-common:hover {background: #9783F2; border-color: #9783F2;}
.preferences-main .buttons .btn-common.fill:hover {background: #35383F; border-color: #35383F;}
.successful-inner > * {max-width: 500px; margin: 0 auto;}
.successful-inner > .content-checklist {padding-bottom: 30px;}
.help-support-main .help-support .profile-menu-list {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px;}
.expert-grid > a {padding-top: 150%;}
.expert-grid > a img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;}
.content-type-4 .portrait-card > a {position: relative; padding-top: 150%; display: block;}
.content-type-4 .portrait-card > a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.preferences-wizardform {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px;}
.subscriptions-popup-inner .coupon-code .apply-coupon {border-radius: 30px; padding: 12px 30px !important;}
.coupon-input.coupon-valid .form-group .form-control {width: 100%;}
.coupon-input.coupon-valid .form-group .coupon-close {position: absolute; top: 32px; right: 8px; display: block; width: 27px;}
.coupon-input.coupon-valid #coupon-message {font-size: 13px; line-height: 1.3; margin-top: -7px;}
.contact-main {padding: 30px 0px 30px 0px !important;}
.contact-box form {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5); padding: 50px 50px; border-radius: 10px;}
.subscriptions-successful .congratulations-box {margin-bottom: 30px;}
.subscriptions-successful .section-headding .section-title-2 {padding-bottom: 20px;}
.subscriptions-successful .successful-inner .content-checklist {margin-bottom: 30px;}
.subscriptions-successful .successful-inner .thank-msg {padding: 0px 0px; padding-bottom: 30px;}
.subscriptions-successful .successful-inner {max-width: 500px; margin-left: auto; margin-right: auto;}
.subscriptions-failed .congratulations-box p {font-size: 16px; line-height: 1.4; padding-bottom: 15px;}
.subscriptions-failed .congratulations-box p:last-child {padding-bottom: 0;}
.subscriptions-failed .congratulations-box .section-title-2 {padding-bottom: 20px;}
.account-sidebar .profile-menu-list ul li {border: 2px solid transparent; padding: 12px 15px; background: transparent; border-radius: 5px; transition: all 400ms ease;}
.account-sidebar .profile-menu-list ul li.active {border-color: #35383F; background: #1F222A;}
.account-sidebar .account-detail-page > a {border: 2px solid transparent; padding: 12px 15px; background: transparent; transition: all 400ms ease; border-radius: 5px; display: block; margin-bottom: 10px;}
.account-sidebar .account-detail-page > a.active {border-color: #35383F; background: #1F222A;}
.account-sidebar .account-detail-page > a .account-detail {padding-bottom: 0;}
.account-sidebar .profile-menu-list ul li.active a:hover {color: #fff;}
.account-sidebar .profile-menu-list ul li.active a:hover .list-icon img {filter: brightness(3);}
.account-sidebar .profile-menu-list ul li.active a:hover .arrow img {filter: brightness(2);}
.account-sidebar .account-detail-page > a.upgrade-plan-banner {margin-bottom: 0; padding: 0px 0px;}
.blog-detail-cus-in {max-width: 900px; margin: 0 auto;}
.video-btn-group {display: flex; flex-wrap: wrap;     justify-content: space-between;}
.video-btn-group .continue-watching-btn {max-width: 300px; width: 100%; padding-right: 12px;}
.video-btn-group .button-group-2 {width: 100%; max-width: 500px !important;}
.video-btn-group .tooltip-buttons {width: calc(100% - 800px); padding-left: 15px;}
.razorpay-container {background: rgba(9, 16, 29, 0.60); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.accound-with-sidebar .subscriptions-successful .successful-inner {max-width: 100%;}
.video-details.series-detail-section .slideshow-container {aspect-ratio: 16 / 9;}
.video-details.series-detail-section .slideshow-container > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.series-detail-section .series-details .expert:has(+.expert) {padding-bottom: 3px;}
.mobile-login-box #country_code_span {position: absolute; top: 40px; left: 70px; font-size: 14px; font-weight: 600; color: #fff !important; letter-spacing: 0.2px;}
.accound-with-sidebar .earn-referral .congratulations-box {margin-bottom: 0; padding-bottom: 15px;}
.blog-grids .card .card-body {padding-left: 0; padding-right: 0; font-weight: 600;}
.review .congratulations-box img {max-width: 100px;}
.review .congratulations-box .title {font-size: 28px;}
.review .congratulations-box p {font-size: 16px;}
.review .congratulations-box {margin-bottom: 0px; padding-bottom: 20px;}
.bmi-calculator-main path.purple {stroke: url(#gradient); stroke-dasharray: 158; stroke-dashoffset: 198; animation: dash 3s ease-out forwards;}
.bmi-calculator-main path.white {stroke: #ffffff; stroke-dasharray: 0px, 198px; stroke-dashoffset: 198; stroke-width: 3.5px; animation: dash 3s ease-out forwards;}
@keyframes dash {
  to {
    stroke-dashoffset: 1;
  }
}
.bmi-calculator-main .progress-bar {position: relative; height: 150px; width: 150px; transform: rotate(226deg); background: transparent; top: 0px;}
.bmi-calculator-main .progress-bar div {height: 150px; width: 150px;}
.bmi-calculator-main .progress-bar .background {background-color: gray;}
.bmi-calculator-main .position {float: unset; margin: 0px auto !important;}
.bmi-calculator-main .progress-bar div span {position: absolute; font-family: "Urbanist", sans-serif; font-size: 25px; line-height: 125px; height: 140px; width: 140px; left: 4.5px; top: 4.5px; text-align: center; border-radius: 50%; background-color:  #000; color: transparent;}
.bmi-calculator-main input, .bmi-calculator-main textarea {opacity: 1 !important;}
.bmi-calculator-main .btn.weight-minus, .bmi-calculator-main .btn.weight-plus, .bmi-calculator-main .btn.age-minus, .btn.age-plus {border-radius: 5px; padding: 3px 6px 1px 7px;}
.bmi-calculator-main .heading-section {margin-bottom: 0; padding-bottom: 15px;}
.bmi-calculator-main .bmi-btn {display: block; position: absolute; text-decoration: none; width: 160px; height: 160px; border-radius: 50%; text-align: center; background: transparent; box-shadow: inset 0 0 4px rgb(0 0 0 / 8%); border-right: 3px gray solid; border-left: 5px #b19fdb solid; border-top: 3px gray solid; border-bottom: 5px #000 solid; color: #9783F2; left: 50%; top: 50%; border: 0; transform: translate(-50%, -50%);}
.bmi-calculator-main .bmi-btn .bmi-text {position: absolute; content: ''; width: 100px; height: 100px; line-height: 100px; vertical-align: middle; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; font-size: 28px; font-family: "Urbanist", sans-serif !important; background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%); background-image: linear-gradient(#ffffff 0%, #fbf9f9 100%); text-shadow: 1px 1px 1px rgb(255 255 255 / 66%); border-bottom: solid 2px #b5b5b5; box-shadow: 0px 0px 0px 15px #d8d8d8; border: none;}
.bmi-calculator-main .progress-bar-round {padding-bottom: 10px;}
.bmi-calculator-main .progress-round-msg p {margin-bottom: 0;}
.bmi-gender-box .bmi-cal-gender {background: #1F222A; border: 2px solid #35383F; border-radius: 8px; padding: 12px 15px 10px 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0; cursor: pointer;}
.bmi-gender-box .bmi-cal-gender i {color: #9783F2; padding-bottom: 10px;}
.bmi-gender-box .bmi-cal-gender input {display: none;}
.bmi-gender-box .bmi-cal-gender input + label {display: block; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 100%; position: relative; transition: all 400ms ease; margin-bottom: 5px;}
.bmi-gender-box .bmi-cal-gender input + label:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 5px); height: calc(100% - 5px); background: #9783F2; border-radius: 100%; transition: all 400ms ease; opacity: 0;}
.bmi-gender-box .bmi-cal-gender input:checked + label {border-color: #9783F2;}
.bmi-gender-box .bmi-cal-gender input:checked + label:before {opacity: 1;}
.bmi-gender-box .bmi-cal-gender span {font-weight: 600; color: #fff; letter-spacing: 0.2px;}
.progress-round-msg {padding-bottom: 20px;}
.bmi-gender-boxs {max-width: 700px; margin-left: auto; margin-right: auto; padding-bottom: 20px;}
.bmi-calculator-main .range-slide-height .range-title {margin: 0; font-size: 20px; font-weight: 500; letter-spacing: 0.2px;}
.bmi-calculator-main .range-slide-height .range-value {font-size: 14px;}
.bmi-calculator-main .range-slide-height .range-value input {background: transparent; border: unset; color: #fff; padding: 0;}
.range-slide-height {padding-bottom: 25px;}
.range-slide-bar input {width: 100% !important; max-width: 700px !important;}
.bmi-cal-boxs {max-width: 700px; margin-left: auto; margin-right: auto; padding-bottom: 30px;}
.bmi-cal-boxs .row {justify-content: center;}
.bmi-cal-boxs .bmi-cal {background: #1F222A; border: 2px solid #35383F; border-radius: 8px; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.bmi-calculator-main {padding-top: 20px !important; padding-bottom: 30px !important;}
.bmi-cal-boxs .title {font-weight: 600; color: #fff; letter-spacing: 0.2px;}
.bmi-cal-boxs .bmi-cal-count {font-size: 14px; color: #fff; padding-bottom: 0px; min-width: 25px;
  border: 0;
    background: transparent;
    outline: none;
    max-width: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 30px;
    margin: 0 10px;
}
.bmi-cal-boxs input.bmi-cal-count::-webkit-outer-spin-button,
.bmi-cal-boxs input.bmi-cal-count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.bmi-cal-boxs .bmi-cal-btns {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px;}
.bmi-cal-boxs .bmi-cal-btns .btn {background: #35383F; border-radius: 20px; color: #fff; padding: 0px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border: unset; outline: unset; transition: all 400ms ease; touch-action: manipulation; }
.bmi-cal-boxs .bmi-cal-btns .btn i {color: #fff; transition: all 400ms ease;}
.bmi-cal-boxs .bmi-cal-btns .btn:hover {background: #9783F2;}
.bmi-calculate-btn .btn {font-size: 14px; padding: 12px 15px !important; height: unset !important; border-radius: 40px; background: #9783F2 !important; border-color: #9783F2 !important; color: #fff !important; letter-spacing: 0.2px; font-weight: 600; width: 100%; transition: all 400ms ease; border: 1px solid #9783F2 !important;}
.bmi-calculate-btn .btn:hover {background: transparent !important; color: #9783F2 !important;}
.bmi-calculate-btn {max-width: 700px; margin-left: auto; margin-right: auto;}
.opt-form .resendOtpRegistration.disabled {display: none;}
.opt-form .countdown-code {display: none;}
.opt-form .countdown-code:has(+.disabled) {display: block;}
.alert-info {background: #1F222A; border: 2px solid #35383F; border-radius: 8px; padding: 10px 15px; color: #fff;}
.alert-info strong {font-weight: 400;}
.alert-danger {background: #1F222A; border: 2px solid #ff0018; border-radius: 8px; color: #ff0018;}
.alert-danger strong {font-weight: 400;}
.earn-referral .congratulations-box img {max-width: 150px;}
.earn-referral .referral-box .referral-cod {padding-top: 0;}
.subscriptions-successful.earn-referral .successful-inner .content-checklist {margin-bottom: 0; padding-bottom: 20px;}
.earn-referral .content-checklist ul li {padding-bottom: 10px;}
.accound-with-sidebar .signin-buttons {max-width: 500px; margin-left: auto; margin-right: auto;}
.btn-common.disabled {background: #35383F !important; border-color: #35383F !important; color: #fff !important; cursor: no-drop;}
.withdrawal-note {font-size: 14px; padding-top: 5px;}
.signin-form-mob .form-group .no-verified .icons-l img {position: unset; transform: unset;}
.signin-form-mob .form-group .no-verified .icons-l {top: 1px; left: 40px;}
.form-group .icon-input.no-verified .form-control {padding-left: 117px !important;}
.form-group .icon-input.no-verified .dial_code {position: absolute; top: 12px; left: 42px; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.2px;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #9e7ded;}
.earnings-empty-msg {padding-top: 35px;}
.otp-response .alert {text-align: center;}
.edit-profile-submit {margin-bottom: 0 !important;}
.video-sec-col .video-sec-detail > img {height: unset;}
.watchlist-main .video-sec-col .video-sec-detail > img {height: 100%;}
.form-group .icon-input.no-verified .icons-l .select2 .selection {top: 10px;}
.search-not-found img {max-width: 200px; width: 100%; padding-bottom: 30px;}
.search-not-found .section-title {font-size: 20px; font-weight: 600; margin-bottom: 0 !important; padding-bottom: 7px;}
.search-not-found p {font-size: 14px; color: #fff; line-height: 1.4; font-weight: 400; letter-spacing: 0.2px; margin-bottom: 0;}
.search-not-found {padding-top: 60px; width: 100%;}
.home-section .section-headding > * {display: flex ;align-items: center;}
.subscriptions-main.page .subscriptions-content {padding-top: 30px;}
.subscriptions-main.page .subscriptions-header {padding-bottom: 25px;}
.subscriptions-main.page .check-list ul li {font-size: 14px; padding-bottom: 12px;}
.subscriptions-main.page .check-list ul li:before {width: 12px; height: 12px; top: 2px; background-size: 12px;}
.subscriptions-main.page .check-list ul li:last-child {padding-bottom: 0;}
.subscriptions-main.page .subscriptions-bg-box .check-list {padding-bottom: 25px;}
.subscriptions-main.page .plans-boxs ul li .plans-box-input {margin-bottom: 7px; padding: 10px 15px;}
.subscriptions-main.page .plans-boxs .list-heading .title {font-size: 16px;}
.subscriptions-main.page .subscriptions-bg-box {min-height: unset;}
.subscriptions-main.page .subscriptions-bg-box-in {padding-bottom: 0px;}
.feedback-main .contact-box {max-width: 800px;}
.feedback-main .form-group .form-control.btn {max-width: 100%;}
.diet-plan iframe {border: unset; height: calc(var(--vh, 1vh) * 100 - 145px); display: block !important;}
.single-grid .diet-banner img {border-radius: 15px;}
.form-control:-webkit-autofill {box-shadow: 0 0 0px 1000px #22252e inset !important; -webkit-text-fill-color: #fff !important;caret-color: white;}
.bmi-gender-box .bmi-cal-gender label {cursor: pointer;}
.subscriptions-popup .payment-type ul li {font-size: 16px; margin-bottom: 0 !important; margin-right: 20px;}
.subscriptions-popup .payment-type ul li input {display: none;}
.subscriptions-popup .payment-type ul li label {position: relative; padding-left: 25px; margin-bottom: 0;}
.subscriptions-popup .payment-type ul li label:before {content: ""; width: 18px; height: 18px; border: 2px solid #fff; position: absolute; border-radius: 100%; top: 5px; left: 0; transition: all 400ms ease;}
.subscriptions-popup .payment-type ul li:last-child {margin-right: 0;}
.subscriptions-popup .payment-type ul li input:checked + label:before {border-color: #9783F2;}
.subscriptions-popup .payment-type ul li label:after {content: ""; position: absolute; top: 14px; left: 9px; transform: translate(-50%, -50%); width: 8px; height: 8px; background: #9783F2; border-radius: 100%; transition: all 400ms ease; opacity: 0;}
.subscriptions-popup .payment-type ul li input:checked + label:after {opacity: 1;}
.subscriptions-popup .payment-type .offer-note {font-size: 12px; line-height: 18px; display: block; padding-top: 8px;}

@media (max-width: 1500px) {
    .header-left-part {flex: 0 0 220px; max-width: 220px;}
    .desktop-menu {flex: 0 0 calc(100% - 620px); max-width: calc(100% - 620px); padding-right: 0;}
    .header-right-part {flex: 0 0 400px; max-width: 400px;}
    .desktop-menu ul {justify-content: center;}
    .desktop-menu ul li {margin: 0 10px;}
    .desktop-menu ul li a {font-size: 13px;}
    .top-header-logo-img {max-width: 160px;}
}

@media (max-width: 1199px) {
    .desktop-menu {display: none;}
    .header-right-part ul {display: none;}
    .header-right-part .mobile-search-div {display: block; padding-right: 0px;}
    .header-right-part {flex: 0 0 calc(100% - 150px); max-width: calc(100% - 150px);}
    .mobile-search-div svg {fill: #fff; width: 20px; height: 20px !important; transition: all 400ms ease;}
    .mobile-search-div a:hover svg {fill: #9783F2;}
    .header-left-part {flex: 0 0 300px; max-width: 300px;}
    .header-right-part {flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px);}
    .series-detail-section .slideshow-container .play-action img {width: 60px;}
    .container {padding-left: 15px; padding-right: 15px;}
    .portrait-slider .portrait-card {max-width: 20%;}
    .accound-with-sidebar .account-sidebar {flex: 0 0 405px; max-width: 405px;}
    .accound-with-sidebar .account-sidebar-content {flex: 0 0 calc(100% - 405px); max-width: calc(100% - 405px);}
    .account-sidebar-content-in {padding-left: 0px;}
    .video-btn-group .continue-watching-btn {max-width: 250px;}
    .video-btn-group .button-group-2 {max-width: 450px !important;}
    .video-btn-group .tooltip-buttons {width: calc(100% - 700px);}
}

@media (max-width: 1024px) {
    section.series-detail-section .button-group-2 {max-width: 100%;}
    .tooltip-buttons .subscribe-button {max-width: 100%;}
    .series-detail-section .slideshow-container .play-action img {width: 50px;}
    .sign-in-section .login-main {height: calc(100vh - 0px);}
    .sign-in-mob .top-bar-nav {display: block;}
    .mobile-login-box {max-width: 100%;}
    .form-group .form-control.btn {max-width: 100%;}
    .otp-section .top-bar-nav {display: block;}
    .tooltip-buttons.sticky-bottom-part {padding: 25px 0px; background: #181A20; border-top: 1px solid #35383F;}
    .series-detail-section .sticky-bottom-part {position: fixed; bottom: 0; z-index: 1;}
    .series-detail-section .sticky-bottom-part .pb-30 {padding-bottom: 0; padding-left: 15px; padding-right: 15px;}
    .profile-settings-inner .sticky-bottom-part {position: fixed; bottom: 0; left: 0; background: #181A20; width: 100%; padding: 20px 15px; border-top: 1px solid #35383F; margin-bottom: 0;}
    .profile-settings {height: calc(var(--vh, 1vh) * 100); display: flex; flex-wrap: wrap; align-items: center;}
    .profile-settings .signin-title {padding-bottom: 50px;}
    .signin-form-mob .form-group.sticky-bottom-part {position: fixed; bottom: 0; left: 0; background: #181A20; width: 100%; padding: 20px 15px; border-top: 1px solid #35383F; margin-bottom: 0;}
    .opt-form .sticky-bottom-part {position: fixed; bottom: 0; left: 0; background: #181A20; width: 100%; padding: 20px 15px; border-top: 1px solid #35383F; margin-bottom: 0;}
    .sign_in_box, .mobile-login-box, .otp-section, .profile-settings-inner, .edit-profile-box {box-shadow: unset; padding: 0px 0px; border-radius: 0; margin-top: 0;}
    .sign-in-section .login-main {display: flex; flex-wrap: wrap; height: calc(var(--vh, 1vh) * 100); align-items: anchor-center; padding: 30px 15px;}
    .otp-section {padding: 0px 0px !important; text-align: left; max-width: 100%; display: flex ; flex-direction: column; height: calc(var(--vh, 1vh) * 100);}
    .series-detail-section.expert-detail-section {padding-bottom: 0;}
    .expert-detail-section .expert {padding-bottom: 0 !important;}
    .categories-ul-list ul li {width: 100%; padding: 0px 0px 20px 0px;}
    .categories-ul-list ul {margin: 0 0px;}
    .categories-ul-list ul li a {background: transparent; padding: 0; border: 0; justify-content: space-between; flex-wrap: wrap;}
    .categories-ul-list ul li a .character-round {display: flex; font-size: 20px; margin-right: 0; background: #9783F2; width: 35px; height: 35px; border-radius: 100%; align-items: center; justify-content: center;}
    .categories-ul-list ul li a:hover {background: transparent;}
    .categories-ul-list ul li a .category-title {margin: 0; width: calc(100% - 55px); padding-left: 15px;}
    .categories-ul-list ul li a:hover .character-round {color: #fff;}
    .profile-menu-list ul li {padding-bottom: 18px;}
    .logout-popup {align-items: flex-end;}
    .logout-popup .logout-popup-box {max-width: 100%; border-bottom: unset;}
    .edit-profile-box {max-width: 100%;}
    .subscriptions-bg-box:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: url(../images/subscriptions-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
    .subscriptions-bg-box:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: #000; opacity: 0.8;}
    .subscriptions-bg-box-in:before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(0deg, #272739 70%, #27273900 100%);}
    .subscriptions-main .subscriptions-content {padding-top: 0px; padding-bottom: 0px;}
    .subscriptions-header {padding-top: 50px; position: sticky; top: 0; padding-bottom: 5px;}
    .subscriptions-scroll {height: calc(var(--vh, 1vh) * 100 - 128px); overflow: auto; padding-top: 30px; padding-bottom: 80px; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
    .subscriptions-bg-box, .body-min-height {min-height: unset;}
    .subscriptions-bg-box-in {padding-bottom: 0px;}
    .subscriptions-bg-box .tooltip-buttons {position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset;}
    .subscriptions-bg-box .plans-boxs {padding-bottom: 0;}
    .subscriptions-popup {align-items: flex-end;}
    .subscriptions-popup .subscriptions-popup-inner {border-bottom-left-radius: 0; border-bottom-right-radius: 0; max-height: 100vh; overflow: auto; border-bottom: 0;}
    .billing-sub-in {margin-top: 0; margin-bottom: 0; padding: 0; max-width: 100%; box-shadow: unset; padding-bottom: 130px;}
    .transaction-history .tooltip-buttons {position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset;}
    .successful-inner {box-shadow: unset; padding: 0px 0px; border-radius: 0px; padding-bottom: 70px;}
    .subscriptions-successful .tooltip-buttons {position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset;}
    .referral-earnings-in {max-width: 100%; margin: 0 auto; box-shadow: unset; padding: 0; border-radius: 0;}
    section.unlock-plan {max-width: 100%; margin: 0 auto; box-shadow: unset; padding: 0; border-radius: 0; margin-bottom: 0; margin-top: 0; display: flex; flex-direction: column; height: calc(var(--vh, 1vh) * 100);}
    .unlock-plan .unlock-img {flex: 1.5;}
    section.unlock-plan .unlock-bottom {flex: 1; display: flex; flex-direction: column; justify-content: space-between; text-align: center;}
    .unlock-bottom-box {border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
    .signin-logo {padding-bottom: 30px;}
    .signin-title {padding-bottom: 30px;}
    .signin-buttons {padding-bottom: 30px;}
    .sign-in-section .login-main .signin-policy {padding-bottom: 30px;}
    .signin-buttons .btn:last-child {margin-bottom: 0;}
    .mobile-login-box {display: flex; flex-direction: column; height: calc(var(--vh, 1vh) * 100);}
    .profile-settings-inner {padding-bottom: 90px;}
    .account-detail-option {padding-top: 0px; padding-bottom: 0px; min-height: unset;}
    .edit-profile-outer {height: calc(var(--vh, 1vh) * 100);}
    .edit-profile-submit {position: fixed !important; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset; border-top: 1px solid #35383F; background: #181A20;         margin-bottom: 0 !important;}
    .edit-profile-outer form {padding-bottom: 80px;}
    .subscriptions-close {position: fixed; top: 5px; right: 5px; display: block; z-index: 1;}
    .preferences-main {padding: 0px 15px;}
    .accound-with-sidebar {height: calc(var(--vh, 1vh) * 100 - 61px); overflow: auto; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
    .referral-earnings {padding-bottom: 30px; padding-top: 10px;}
    .referral-earnings .transaction-history {max-height: unset;}
    .pages-content {height: calc(var(--vh, 1vh) * 100 - 61px); overflow: auto;}
    .notifications-main .notifications-list > ul {max-width: 100%; box-shadow: unset; padding: 0; border-radius: 0; margin-top: 0; margin-bottom: 0; padding-top: 10px;}
    .contact-main {padding: 0 !important;}
    .contact-main .form-submit-btn {position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset; background: #181A20; border-top: 1px solid #35383F; margin-bottom: 0;}
    .contact-main {height: calc(var(--vh, 1vh) * 100 - 61px); overflow: auto;}
    .contact-box {padding-bottom: 115px; max-width: 100%;}
    .section-title-2.series-title:has(+.breadcum) {padding-bottom: 5px;}
    .account-sidebar-in {height: unset; padding-right: 0px; padding-bottom: 80px;}
    .account-detail-page .account-detail {padding-bottom: 20px;}
    .upgrade-plan-detail {margin-bottom: 15px;}
    .account-sidebar-in:before {content: unset;}
    .accound-with-sidebar .account-sidebar {flex: 0 0 100%; max-width: 100%;}
    .accound-with-sidebar .account-sidebar-content {flex: 0 0 100%; max-width: 100%;}
    .edit-profile-main {padding-top: 15px !important;}
    .edit-profile-main.page {height: calc(var(--vh, 1vh) * 100 - 61px); padding-top: 0px !important; overflow: auto; padding-bottom: 20px !important;}
    .upgrade-plan-banner {display: block !important;}
    .transaction-history-main .billing-sub-in {padding-top: 10px;}
    .modal .modal-dialog {align-items: end;}
    #cancelSubscriptionModal .modal-dialog {max-width: 100%;}
    .modal .modal-dialog {margin: 0;}
    .modal .modal-content {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
    .search-box .back-arrow {display: flex; height: 50px; align-items: center; width: 30px;}
    .search-box .input-search {width: calc(100% - 30px); padding-left: 15px;}
    .search-box {padding-top: 15px;}
    .search-box .search-btn {top: 15px; right: unset; left: 45px; width: 40px;}
    .search-box .input-search .form-control {padding-left: 40px !important;}
    .search-box .search-btn .btn svg {width: 16px;}
    .referral-earnings-in .referral-body, .transaction-history {max-width: 100%;}
    .withdraw-main-outer {height: unset;}
    .preferences-main .buttons {position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset; border-top: 1px solid #35383F; background: #181A20; margin-bottom: 0 !important;}
    .preferences-main form {padding-bottom: 110px;}
    .preferences-main .progressbar {padding-top: 10px;}
    .congratulations-box .title {padding-bottom: 0px;}
    .successful-inner > * {max-width: 100%;}
    .help-support-main .help-support .profile-menu-list, .preferences-wizardform, .contact-box form {box-shadow: unset; padding: 0; border-radius: 0;}
    .accound-with-sidebar .account-sidebar-content .series-details, .edit-profile-main .series-details, .notifications-main .notifications-list .series-details, .series-detail-section .breadcum, .earn-referral .series-details, .referral-earnings .series-details, .contact-main .series-details, .edit-profile-box .breadcum, .help-support .section-headding, .pages-content .section-headding, .edit-profile-box .box-title, .categories-ul-list-outer .series-details, .series-items-outer .series-details {display: none;}
    .subscriptions-failed .congratulations-box {margin-bottom: 0; border-bottom: unset; padding-bottom: 0;}
    .subscriptions-failed {padding: 0; height: calc(var(--vh, 1vh) * 100); overflow: auto; display: flex; flex-wrap: wrap; align-items: center;}
    #home-section-list {padding-bottom: 70px;}
    #messageModal .modal-dialog {max-width: 100%;}
    .video-btn-group .tooltip-buttons {width: 100%;}
    .video-btn-group .continue-watching-btn {max-width: 34%;}
    .video-btn-group .button-group-2 {max-width: 66% !important;}
    .account-sidebar .account-detail-page > a {border: 0px solid transparent; padding-left: 0; padding-right: 0; margin-bottom: 10px;}
    .account-sidebar .profile-menu-list ul li {border: 0px solid transparent; padding-left: 0; padding-right: 0;}
    .accound-with-sidebar .subscriptions-successful.earn-referral .successful-inner {padding-bottom: 0;}
    .accound-with-sidebar .subscriptions-successful.earn-referral .successful-inner .content-checklist {margin-bottom: 0; padding-bottom: 130px;}
    .main-slider .flickity-page-dots {display: none;}
    .top-bar-nav {padding-bottom: 15px;}
    section.subscriptions-successful {height: calc(var(--vh, 1vh) * 100 - 50px); overflow: auto;}
    .subscriptions-successful .successful-inner {max-width: 100%;}
    .accound-with-sidebar .subscriptions-successful {height: unset; overflow: unset;}
    body {font-size: 14px;}
    .referral-earnings-btn .earnings-btn {font-size: 14px;}
    .content-checklist ul li {font-size: 14px;}
    .preferences-main .accound-with-sidebar {padding-left: 0px; padding-right: 0px;}
    .bmi-calculator-main .bmi-btn .bmi-text {font-size: 22px;}
    .bmi-calculator-main .progress-bar {height: 140px; width: 140px;}
    .bmi-calculator-main .progress-bar div {height: 140px !important; width: 140px !important;}
    .bmi-calculator-main .progress-bar div span {line-height: 130px; height: 130px; width: 130px;}
    .bmi-calculator-main .bmi-btn {width: 150px; height: 150px;}
    .bmi-calculator-main .bmi-btn .bmi-text {width: 90px; height: 90px; line-height: 90px; margin: 0;}
    .bmi-calculator-main .heading-section {display: none;}
    .bmi-gender-boxs .row, .bmi-cal-boxs .row {margin-right: -7px; margin-left: -7px;}
    .bmi-gender-boxs .bmi-gender-box, .bmi-cal-boxs .bmi-cal-box {padding-right: 7px; padding-left: 7px;}
    .bmi-gender-box .bmi-cal-gender {padding: 12px 10px;}
    .bmi-gender-box .bmi-cal-gender i {padding-bottom: 10px;}
    .bmi-gender-box .bmi-cal-gender input + label {margin-bottom: 5px;}
    .bmi-gender-box .bmi-cal-gender input + label {width: 16px; height: 16px;}
    .bmi-calculator-main .progress-bar-round {padding-bottom: 10px;}
    .range-slide-height {padding-bottom: 15px;}
    .bmi-gender-boxs {padding-bottom: 15px;}
    .progress-round-msg {padding-bottom: 20px;}
    .bmi-cal-boxs .bmi-cal {padding: 12px 10px;}
    .bmi-calculate-btn {background: #181A20; border-top: 1px solid #35383F; position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 15px; box-shadow: unset;}
    .bmi-cal-boxs {padding-bottom: 110px;}
    .series-items-outer.celebrity-tv {padding-bottom: 90px;}
    .video-details.series-detail-section {padding-bottom: 0px;}
    .earnings-empty-msg {padding-top: 50px;}
    .categories-ul-list-outer #categories-list {padding-bottom: 80px;}
    .earn-referral .congratulations-box img {max-width: 200px;}
    #subscriptionModel .modal-content {height: calc(var(--vh, 1vh) * 100); max-height: height: calc(var(--vh, 1vh) * 100); overflow: hidden;}
    #subscriptionModel .modal-content {border-radius: 0; border: 0; padding: 0;}
    #subscriptionModel .subscriptions-header {padding-bottom: 5px; max-width: 100%;}
    #subscriptionModel .modal-content .subscriptions-bg-box-in .container {padding-left: 15px; padding-right: 15px;}
    #subscriptionModel .subscriptions-bg-box .service-policy {padding-bottom: 20px; padding-top: 0px;}
    #subscriptionModel .subscriptions-bg-box .plans-boxs {padding-bottom: 15px;}
    #subscriptionModel .subscriptions-close {position: fixed; top: 5px; right: 7px; opacity: 1;}
    .video-details.premium-section .series-items {padding-bottom: 110px;}
    .series-detail-section.premium-section .series-listing {padding-bottom: 110px;}
    .search-not-found {padding-top: 0; height: calc(var(--vh, 1vh) * 100 - 125px); overflow: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .search-not-found p {max-width: 300px;}
    .subscriptions-main.page .subscriptions-scroll {padding-bottom: 105px;}
    .subscriptions-main.page .subscriptions-content {padding-top: 0px;}
    .subscriptions-main.page .subscriptions-scroll {height: calc(var(--vh, 1vh) * 100 - 133px);}
    .watchlist-main .accound-with-sidebar {margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
    .bmi-calculator-main {height: calc(var(--vh, 1vh) * 100 - 61px); overflow: auto; padding-top: 0 !important;}
    .feedback-main .contact-box {max-width: 100%;}
    .diet-plan iframe {border: unset; height: calc(var(--vh, 1vh) * 100 - 61px); width: 100% !important;}
    #subscriptionModel .subscriptions-main.page .subscriptions-scroll {padding-bottom: 80px;}
    .bmi-cal-boxs .bmi-cal-btns .btn {width: 40px; height: 40px;}
    .bmi-cal-boxs .bmi-cal-btns .btn i {font-size: 12px;}
    .bmi-cal-boxs .bmi-cal-btns {gap: 5px;}
}

@media (max-width: 991px) {
    .portrait-slider .portrait-card {max-width: 22%;}
}

@media (max-width: 767px) {
    .header-left-part {flex: 0 0 calc(100% - 60px); max-width: calc(100% - 60px);}
    .header-right-part {flex: 0 0 60px; max-width: 60px;}
    header.top-header {padding: 15px 0px;}
    .main-slider .flickity-page-dots {bottom: 10px;}
    .main-slider button {display: none;}
    .portrait-slider {margin-right: -15px;}
    .portrait-slider .portrait-card {max-width: 35%;}
    .landscape-slider .landscape-item {max-width: 337px;}
    .landscape-slider {margin-right: -15px;}
    .section-headding > *:last-child .pb-20 {padding-bottom: 13px;}
    .top-header-logo-img {max-width: 220px;}
    .series-detail-section .slideshow-container .play-action img {width: 38px;}
    .video-btn-group .continue-watching-btn {max-width: 100%; padding-right: 0;}
    .video-btn-group .button-group-2 {max-width: 100% !important;}
    .razorpay-container iframe {width: 100% !important;}
    .razorpay-container {padding: 20px 20px;}
}

@media (max-width: 374px) {
    .top-header-logo-img {max-width: 170px;}
    .razorpay-container iframe {width: 100% !important;}
}