/* sub-menu */
     .sub-menu {
         width: 100%;
         margin-left: auto;
         margin-right: auto;
         padding: 0px 62px;
     }

     .p-relative {
         position: relative;
     }

     .flex-box {
         display: flex;
         text-align: center;
         align-items: center;
     }

     .h-70 {
         height: 70px;
     }

     .border-bottom::after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         border-bottom: 1px solid #ecebeb;
     }

     .menu p a.active {
         color: var(--tab-bottom-color) !important;
     }

     .sub-nav-set {
         width: 100%;
         display: flex;
         text-align: center;
         align-items: center;
         justify-content: space-between;
     }

     .menu-left-content,
     .menu-right-content {
         display: flex;
         text-align: center;
         align-items: center;
         gap: 10px;
     }

     .header-store {
         width: 100px;
     }

     .menu-right-content p {
         font-size: 14px;
         font-family: var(--font-regular);
         letter-spacing: -0.4px;
     }

     .menu-right-content p>a>strong {
         font-size: 16px;
         font-family: var(--font-bold);
         font-weight: normal;
     }

     .holdGif {
         position: relative;
     }

     .newgif {
         position: absolute;
         width: 40px;
         top: -30px;
         right: -20px;
     }

     .play-button {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         background: rgba(0, 0, 0, 0.6);
         color: white;
         font-size: 2rem;
         padding: 15px 25px;
         border-radius: 50px;
         transition: background 0.3s ease;
     }

     .thumbnail,
     .video-wrapper iframe {
         width: 100%;
         height: 100%;
         object-fit: cover;
         position: absolute;
         top: 0;
         left: 0;
     }

     .video-wrapper {
         position: relative;
         width: 100%;
         /* max-width: 500px; */
         aspect-ratio: 16 / 9;
         margin: auto;
         cursor: pointer;
         overflow: hidden;
         border-radius: 10px;
         grid-column: span 2;
     }

     .roomBox {
         display: flex;
         justify-content: space-between;
         margin: 20px auto;
     }

     .roomFacilites {
         background: transparent;
         border: 2px solid #02b32a;
         border-radius: 35px;
         padding: 5px;
         width: 32%;
         text-align: center;
     }

     .roomFacilites h2 {
         font-size: var(--text-xs);
         font-family: var(--font-bold);
         width: 100%;
         line-height: 1.6;
         margin-bottom: 10px;
     }

     .chargeTitle h2 {
         font-size: var(--text-xs);
         font-family: var(--font-bold);
         width: 100%;
         line-height: 1.6;
         margin-bottom: 10px;
     }

     .chargeTitle p {
         font-size: var(--text-xs);
         font-family: var(--font-regular);
         width: 100%;
         line-height: 1.6;
         margin-bottom: 10px;
         display: flex;
         align-items: center;
         gap: 10px;
     }

     /* carousel */
     .last-end-topper {
         padding: 20px 0 0;
         background-color: #fff;
     }

     .custom-containor {
         width: 100%;
         max-width: 1440px;
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
     }

     .speed_learningset .bot-img {
         display: flex;
         column-gap: 0em;
         justify-content: center;
         margin: 0 auto;
         padding: 0em 0;
         width: 100%;
     }

     .owl-carousel .owl-stage-outer {
         position: relative;
         overflow: hidden;
         -webkit-transform: translate3d(0, 0, 0);
     }

     .owl-carousel .owl-stage {
         position: relative;
         -ms-touch-action: pan-Y;
         touch-action: manipulation;
         -moz-backface-visibility: hidden;
     }

     .speed_learningset .owl-nav {
         text-align: center;
         position: absolute;
         top: 50%;
         left: 0;
         width: 100%;
         height: 0px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
     }

     .imgSourceTopper {
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center;
         position: relative;
         border-radius: 4.8px;
         width: 100%;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .last-end-topper .owl-carousel .owl-item img {
         width: 80% !important;
         object-fit: fill;
         background-position: center;
         height: -webkit-fill-available;
     }

     .sizewh {
         width: 70px;
         height: 70px;
     }

     .landing_section_choose {
         padding: 0 !important;
     }

     .landing_section_choose_flex {
         margin: 0 !important;
     }

     .landing_section_video li img {
         height: 30px;
     }

     .videoViews {
         width: 100%;
         height: 600px;
     }

     .landing_section_choose p {
         font-size: 18px;
         line-height: 24px;
         padding-bottom: 20px;
     }

     .landing_section_choose p strong {
         font-size: 24px;
     }

     .landing_section_choose p:last-child {
         margin-top: 0 !important;
     }

     .speed_learningset .bot-img {
         display: flex;
         flex-direction: column;
     }

     /* Container alignment */
     .owl-dots {
         display: block !important;
         /* Force show dots */
         text-align: center;
         /* Center dots under carousel */
         margin-top: 15px;
         /* Space above dots */
     }


     /* Each dot */
     .owl-dot span {
         width: 12px;
         height: 12px;
         margin: 5px;
         display: block;
         border-radius: 50%;
         /* Make it round */
         background: #ccc;
         /* Inactive color */
         transition: all 0.3s ease;
     }

     /* Active dot */
     .owl-dot.active span {
         background: brown;
         /* Active dot color */
         transform: scale(1.3);
         /* Slightly larger when active */
     }

     /* Optional: hover effect */
     .owl-dot:hover span {
         background: #666;
     }

     .landing_section_revolution {
         margin: 0 !important;
     }

     .desktopViewes {
         display: block;
     }

     .mobileViews {
         display: none;
     }

     .landing_section_revolution_content {
         margin-top: 10px !important;
         padding: 10px 0 !important;
     }

     .landing_section_video_info {
         padding: 15px 10px;
         text-align: center;
         width: 100%;
         border-radius: 8px;
     }

     .landing_section_video_info_block {
         padding-left: 20px;
         display: flex;
         justify-content: flex-start;
         align-items: center;
         gap: 10px;
         line-height: 6px;
     }

     .landing_section_hero_image {
         max-width: 500px;
     }

     .innerSection {
         margin: 0 auto;
         width: 600px;
         height: auto;
     }

     .landing_section_video,
     .landing_section_title {
         margin-bottom: 0;
     }

     .landing_section_video {
         margin-top: 0 !important;
         padding-top: 0 !important;
     }

     .landing_section_video_card {
         margin-top: 5px;
     }

     .play-one {
         font-size: 1.5rem;
         padding: 8px 15px;
     }

     .topperPhoto {
         max-width: 350px;
         object-fit: contain;
     }

     .ratioVideoView {
         aspect-ratio: 15 / 10;
     }

     .last-end-topper .owl-carousel .owl-item img {
         width: 100% !important;
     }

         .landing_section_video_info_block_container {
             grid-template-columns: repeat(1, 1fr);
         }
        .landing_section_video_info_block p {
            margin: 0 !important;
        }
        
     @media screen and (max-width: 768px) {
        #subheader{
            display: none;
        }
         .landing_section_hero_image {
             max-width: 260px;
         }

         .landing_section_video_info_block h5 {
             margin-bottom: 0px;
         }

         .section-placeholder {
             height: 0;
         }

         .landing_section_title {
             line-height: 50px;
         }

         .landing_section_choose p {
             line-height: 28px;
         }
     }

     @media screen and (max-width: 664px) {
        .landing_section_video h5 {
            margin-top: 10px;
        }
         .section-placeholder {
             height: 0;
         }

         .roomBox {
             display: flex;
             justify-content: space-between;
             margin: 20px auto;
             flex-direction: column;
             gap: 20px;
         }

         .roomFacilites {
             width: 100%;
         }

         .landing_section_video_card {
             margin-top: 5px;
             gap: 0;
         }

         .landing_section_video .landing_section_title {
             text-align: left;
             margin-bottom: 10px !important;
         }

         .landing_section_video .landing_section_title+p {
             font-size: 17px;
             line-height: 1.5;
             margin-bottom: 20px;
         }

         .landing_section_choose p {
             padding-bottom: 10px;
         }

         .landing_section_video li img {
             width: 15px;
         }

         .landing_section_video li {
             font-size: 16px;
         }

         .landing_section_hero_content h3 {
             font-size: var(--text-xs);
             display: none;
         }

     }

     @media only screen and (max-width: 500px) {
         .landing_section_hero_content h1 {
             font-size: 34px;
             text-align: center;
             margin: 5px auto;
         }
        .landing_section_hero_image {
            max-width: none;
        }
        .landing_section_title {
            line-height: 30px;
        }
        .landing_section_video {
            width: 100%;
        }
         .innerSection {
             width: 100%;
             height: auto;
         }

         .imgSourceTopper {
             height: auto;
         }

         .landing_section_hero_flex {
             background: #f0fef3 !important;
         }

         .videolanescape {
             aspect-ratio: 5 / 9 !important;
         }

         .landing_section_hero_content {
             width: 100%;
             padding: 0 !important;
         }

         .play-button {
             font-size: 1rem;
             padding: 10px 15px;
         }

         .landing_button--l {
             width: 100%;
             max-width: 200px;
             margin: 5px;
         }

         .last-end-topper .owl-carousel .owl-item img {
             width: 100% !important;
             object-fit: contain;
         }

         .owl-dots {
             margin-top: 5px !important;
         }

         .sizewh {
             width: 40px;
             height: 40px;
         }

         .desktopViewes {
             display: none;
         }

         .mobileViews {
             display: block;
             width: 220px;
             text-align: center;
             margin: 4px auto;
         }

         .landing_section_video_info_block_container {
             width: 100%;
             display: grid;
             grid-template-columns: repeat(1, 1fr);
         }

         .sizeinmobile {
             font-size: 20px !important;
         }

         .landing_section_hero_flex {
             gap: 0;
         }

         .landing_section_title {
             font-size: 20px;
         }

         .landing_footer_content_flex {
             padding: 20px 0px;
             display: flex;
         }

         .landing_footer_content_info {
             display: flex;
             align-items: center;
         }

         .landing_section_choose p strong {
             font-size: 18px;
             font-family: var(--font-bold);
             white-space: normal;
         }

         .last-end-topper {
             padding: 0 !important
         }

         .landing_section_video ol {
             margin-bottom: 0px;
         }

         .landing_section_revolution_content {
             margin: 0 auto;
             width: 95% !important;
             padding: 0 !important;
             background: none;
         }

         .landing_section_revolution_content .landing_button--l {
             margin-top: 10px;
             margin-bottom: 10px;
         }
     }