/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/

 
 
 
 
  @import url('https://fonts.cdnfonts.com/css/netflix-font');


body , h1, h2, h3, h4, h5, h6, .btn, p, a {
    font-family: Netflix Sans, Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif !important;
}

.video--player {
    position: relative;
}


p.sponsered {
    width: 100%;
    text-align: right;
}

button.close-overlay {
    position: absolute;
    top: -4px;
    right: -5px;
    background: white;
    color: black;
    border-radius: 19px;
    padding: 7px 10px;
    cursor: pointer;
}



.back-button {
    position: absolute;
    top: 0px; /* Adjust as needed */
    left: 10px; /* Adjust as needed */
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.3s;
    opacity: 0; /* Hide by default */
}

.video--player:hover .back-button {
    display: block !important; /* Show the button on hover */
    opacity: 1; /* Fade in effect */
}
i.fa.fa-arrow-left {
    font-size: 24px;
}

.container {
    max-width: 100% !important;
}



#section-breadcrumbs .breadcrumbs{
    visibility: hidden;
}


.player__playlist .playlist{
    display:none;
}


.section--product_hero .container {
    margin-top: 40px;
}

// div#most_watched .container {
//     max-width: 100%;
// }

// .section--product_hero .container {
//     margin-top: -100px;
// }

// .section.section--global.section--product .container {
//     position:relative;
//     z-index:0;
// }

    .section.section--global.section--product {
        padding-top: 0px !important;
    }

.header .logo--text, .header--left .header-menu a {

    font-size: 14px;
    font-weight: 500;
    transition: color .4s;
}

.header--left .header-menu a:hover {color: #b3b3b3 !important;}


a.btn.btn-cta.btn--auto.btn--solid {
    font-size: 18px;
    padding: 10px 24px;
    border-radius: 4px !important;
}


.fa-play:before {
   
    font-size: 25px;
    margin-right: 5px;

}

.fa-info-circle:before {
    content: "\f05a";
    font-size: 25px;
    margin-right: 5px;
}


.slick-slider .slick-track{
    height: 100%;
    margin-bottom:50px;
}

p.card__title.text span {
    font-weight: 400 !important;
}

p.card__title.text {
    margin-bottom: 10px;
    text-align:left;
}

div#section-product_syllabus .panel.syllabus {
    margin-bottom: 0px;
}

.slick-initialized .slick-slide:hover .syllabus__img {
    
    display:none !important;
}
.slick-initialized .slick-slide:hover .syllabus__vid {
    
    display:block !important;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: transparent; /* Transparent background */
  transition: background-color 0.3s ease; /* Smooth transition if background color is added */
}

@media (max-width: 767px){
    
    
    .mob_panel {max-height: 90vh !important;
    overflow: auto;}
    
 div#section-post_sidebar {
    // display: none;
}   

    
    div#section-post_comments .panel {
    padding: 20px;
}
    
    .kjb-video-responsive {
    padding-bottom: 56% !important;
}
    
 div#section-post_body h1.panel__title {
    font-size: 20px;
    line-height: 30px;
}  
    
    
   div#section-post_player .player.player--inline.player--unrecognized {
    margin-top: -17px;
} 
    .video--player:hover .back-button {
    display: none !important;
    opacity: 0;
}

    a.back-buttonPost {
    top: -7px;
    z-index: 99999;
    position: fixed;
    color: #fff;
    left: 9px;
    top: -3px;
}
    a.search-result__title img {
    border-radius: 8px;
}
   .search-result {
    max-height: 100vh;
    overflow: auto;
    display: flex;
    align-items: center;
    // flex-wrap: wrap;
    gap: 12px;
} 
  .search-result__title {
    display: block;
    font-weight: bold;
    text-decoration: underline;
    width: 48%;
    /* border-radius: 12px; */
    margin: 0;
}  
    
    
    
    .header{
        background-color:black !important;
    }
    .header.scrolled {
      
    }

    
.section--product_hero {
    min-height: 100% !important;
    padding-bottom: 0;
    position: relative;
    z-index:0;
}

}

.header .header-menu a{
    font-family: Netflix Sans, Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;
}


.header.scrolled {
  background-color: rgba(0, 0, 0, 0.8) !important; /* Background color on scroll */
}


.section.section--global.section--product h5.syllabus__heading {
    font-size: 21px;
    margin-bottom:0px;
    width:max-content;
}

// post page
.section--product_hero h1 {
    font-size: 28px;
}

.section--product_hero .panel__block p {
    font-size: 18px !important;
    font-weight: 500;
}

    
    
.section--product_hero {
    min-height: 100vh;
    padding-bottom: 0;
    position: relative;
    z-index:0;
}
.section--product_hero .row {
    text-align: justify;
}


.btn--med {
    padding: 12px 32px;
    border: none !important;
    border-radius: 6px;
}

.header--dark .header-ham span {
    background-color: #ffffff;
}

.panel__body {
    padding: 0;
}


.progress__icon {
    background: #0000003d;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


a.media.track.slick-slide{
    padding: 0;position: relative;box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;border-radius: 12px;
}



.playlist__title {
    background: transparent;
    padding: 20px 0;
}
.playlist__title h2 {
    font-size: 26px;
}

.media-left.media-middle.track_count_cls {
    display: none;
}
.player__playlist {overflow:inherit !important;}
.playlist {
    background: transparent;
}
.media-body, .media-left, .media-right {
    display: contents;
}



// end
.common_class {
    background: #f6f5fb;
}
.media.media_one {
    border-radius: 12px;
}




.section.section--global.section--product .container {   padding-top: 30px;        padding-right: 20px;}
.panel__body {    padding-right: 0;}
 .slick-track {    margin-left: inherit !important;height:230px;}  
.slick-list.draggable {    padding-left: 0 !important;}
    .container {  width: 100% !important;}
.section__body.col-lg-12 {    padding: 0;}

// post style
.slick-track {
    display: flex !important;
}
.media-left {padding:0;}
// .first_row {    color: #fff;}
i.fa.fa-play-circle {    font-size: 32px;}
.first_row {    display: flex;    justify-content: space-between; align-items: center;    padding-bottom: 10px;}
.media {    margin: 0px;        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px;}
.common_class {    padding: 12px;}
// .Video_duration {    color: #46d369;}
.common_class {
    display: none;
    opacity: 0; /* Start with opacity 0 for smooth transition */
    transition: opacity 300ms ease-in-out; /* Transition opacity for smooth appearance */
}

.media_one:hover .common_class {
    display: block !important;
    opacity: 1; /* Show with full opacity on hover */
    position:absolute;
    bottom:0;
    width:100%;
}

.media_one {
    transition: transform 300ms ease-in-out; /* Simplify transition for .media */
    // z-index: -1 !important;
    position: relative;
    
}

.media_one:hover {
    transform: scale(1.1);
 z-index:99999999999;
 position: relative;
 
}

// Post page slider 

a.media:hover .common_class {
    display: block !important;
    opacity: 1; /* Show with full opacity on hover */
    width: 100%;
    position: absolute;
    /* top: 0; */
    bottom: 0;
}

a.media {
    transition: transform 300ms ease-in-out; /* Simplify transition for .media */
    z-index: -1;
    // position: relative;
    
}

a.media:hover {
    transform: scale(1.1);
 z-index:9999;
  position: relative;
}
.syllabus__item {
    position: relative;
    margin: 5px;
}
div#section-category_body .panel__body , div#section-categories_body .panel__body {
    padding-left: 0;
}


@media(min-width:767px) and (max-width:850px){
    .new-popup-open .new-popup-content{
        max-width:90%;
    }
}


@media (max-width: 991px) {
    .player__playlist {
        display: block !important;
    }
}
@media(max-width:767px){
.panel__body {
    padding-left: 10px !important;
}
.section--hero .btn {     width: auto !important; }
.slick-prev {    left: -15px !important;}
.slick-next {    right: -15px !important;}

.section--product_hero {
    height: 80vh;
    padding-bottom: 0;
    position: relative;
    z-index:0;
}

div#most_watched .Most_headline {
    padding: 10px;
}

.wrapper:hover .wrapper__back {
            display:none;
        }
       .wrapper:hover .wrapper__front {
            display:block;
        } 
        
        .wrapper .wrapper__front {
            display:block;
        }
        
    .slick-track {
        height: 160px;
    }

}
.section--product_hero .panel__block p {
    font-size: 24px;
}


@media(min-width:1024) and (max-height: 1024) and (orientation: landscape) {
    
    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
    }  
    
    
}

@media(min-width:768px) and (max-width: 1024px) and (orientation: portrait) {
    
    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
    }  
    
    .section--product_hero{
        min-height: 40vh;
    }
    
    
}


@media(min-width:1024px) and (max-width:1366px) {
        div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
    }
    .section.section--global.section--product .slick-prev {
    left: -18px !important;
}
.section.section--global.section--product .slick-next {
    right: 0px !important;
}

}


.slick-slide img {
    margin:0 !important;
}

.slick-slide {
    margin: 4px;
}





        .text {
            font-size: 0.6rem;
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .text {
                font-size: 0.8rem;
            }
        }

        @media (min-width: 1024px) {
            .text {
                font-size: 1rem;
            }
            
            .header .container{
                display:flex;
                align-items:center;
            }
            
            .player__video {
                margin-bottom: -50px;
            }
            
            
            .header .header-menu {
                    display: flex !important;
                    justify-content: flex-end;
                    align-items: center;
                    padding-left:35px;
                    width: 100%;
                }
        }

        .text--bold {
            font-weight: 700;
            margin-right: 0.3rem;
        }

        .text--muted {
            color: grey;
        }

        .text--white {
            color: white;
        }

        .text--category {
            font-size: 0.8rem;
            margin-bottom: 1rem;
        }

        @media (min-width: 768px) {
               a.search__toggle {
    display: none !important;
} 
div#section-post_player .player {
    margin-bottom: -30px !important;
}
            .text--category {
                font-size: 1rem;
            }
            .header-hambars {
    display: none;
}
        }

        @media (min-width: 1024px) {
            .text--category {
                font-size: 1.2rem;
            }
        }

        .flex {
            display: flex;
        }

        .justify-between {
            justify-content: space-between;
        }

        .items-center {
            align-items: center;
        }

        .cards {
            display: flex;
            gap: 0.75rem;
        }



.wrapper {
    position: relative;
}

.wrapper__front {
    transition: all 400ms ease-out;
    transition-delay: 300ms;
}

.wrapper__back {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100%; /* Set initial width to 100% */
    transform: scale(1) translateY(0); /* Start with the original scale and position */
    transition: opacity 0.5s ease 0.3s, visibility 0.5s ease 0.3s, transform 0.5s ease 0.3s, width 0.5s ease 0.3s;
    z-index: 999;
}

@media (min-width: 1024px) {
    .wrapper__back {
        width: 100%;
        top: 0%;
    }
}

.hover:hover .wrapper__front {
    /* opacity: 0; */ /* Commented out for now if not needed */
    transform: scale(1.26) translateY(-10%); /* Scale up and move up */
    transition: opacity 0.6s ease 0.6s, visibility 0.5s ease 0.5s, transform 0.5s ease 0.5s, width 0.5s ease 0.5s;
}

.hover:hover .wrapper__back {
    opacity: 1;
    visibility: visible;
    // width: 150%; /* Zoom in */
    transform: scale(1.26) translateY(-30%); /* Scale up and move up */
    transition: opacity 0.5s ease 0.3s, visibility 0.5s ease 0.3s, transform 0.5s ease 0.3s, width 0.5s ease 0.3s;
}

@media (min-width: 1024px) {
    .hover:hover .wrapper__back {
        width: 100%; /* Adjust zoom for larger screens */
    }
}

.card {
    overflow: hidden;
    background-color: #141414;
    box-shadow: 0 0 10px 1px #0a0a0a;
    border-radius: 4px;
}

.card__body {
    padding: 1rem 0.75rem;
}








        .card__icon {
            width: 1rem;
            height: 1rem;
            fill: white;
        }

        @media (min-width: 768px) {
            .card__icon {
                width: 0.8rem;
                height: 0.8rem;
            }
        }

        @media (min-width: 1024px) {
            .card__icon {
                width: 1rem;
                height: 1rem;
            }
        }

        .card__title {
            color: white;
            margin-bottom: 10px;
        }

        .card__progress {
            gap: 0.75rem;
        }
        
        .progress__bar{
            width:100%;
        }

        .btn {
            padding: 0.5rem;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border: 2px solid rgba(255, 255, 255, 0.5);
 cursor: pointer;
            transition: all 250ms;
        }

        .btn--transparent {
            background: transparent;
        }

        .btn--circle {
            border-radius: 50%;
        }

        // .btn:hover {
        //     background: white;
        // }

        .btn:hover .card__icon {
            fill: #fff;
        }

        .progressbar {
            flex: 1;
            height: 0.15rem;
            border-radius: 5px;
            background: grey;
            overflow: hidden;
        }

        .progressbar__status {
            width: 98%;
            height: 100%;
            background: rgb(229, 9, 20);
        }




// .thumb-video {
//     opacity: 0;
//     transition: opacity 300ms ease-in-out;
// }

// .syllabus__img {
//     opacity: 1;
//     transition: opacity 300ms ease-in-out;
// }





  /* Video Player Container Styling */
  /* Video Player Container Styling */
  /* Video Player Container Styling */
  /* Video Player Container Styling */
.video-overlay {
    position: absolute;
    right: 5%; /* Keeps the horizontal offset */
    top: 30%; /* Moves the element to the vertical center of its parent */
    transform: translateY(-50%); /* Centers the element vertically */
    color: white;
    display: flex;
    flex-direction: column;
    width: 30%;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.9s ease, visibility 0.9s;
}

.video-overlay.show {
    opacity: 1; /* Make it visible */
    visibility: visible; /* Enable clickability */
}


.video-overlay p {
    font-size: 30px;
}
.video-title {
    position: absolute;
    left: 10%;
    top: 13%;
    color: white;
    z-index: 10;
    opacity: 0; /* Initially hidden */
    visibility: hidden; /* Initially hidden */
    transform: translateY(20px); /* Start the element below its natural position */
    transition: opacity 0.9s ease, visibility 0.9s, transform 0.9s ease; /* Add smooth transition for transform */
width: 21%;
    text-align: left;
    
}

.video-title.show h4 {
    font-weight: 500;
    border-left: 9px solid #e50914;
    padding-left: 14px;
}
.video-title h4 {
    font-weight: 500;
    border-left: 9px solid #e50914;
    padding-left: 14px;
}

.video-title.show {
    opacity: 1; /* Make it visible */
    visibility: visible; /* Enable clickability */
    transform: translateY(0); /* Slide to its normal position */
    width: 21%;
    text-align: left;
    
}

.video-title p {
    font-size: 30px;
}







.mark-as-complete{
    display:none;
}



.w-bottom-bar-lower.w-css-reset{
    height:80px;
}

.w-bottom-bar-lower.w-css-reset div:first-child {
    opacity: 0;
}


.w-bottom-bar-lower.w-css-reset div div:nth-child(n) {
    opacity: 1;
}

.w-bottom-bar-lower.w-css-reset div:nth-children(n+2){
    opacity: 1;
}


.player__video{
   text-align:center;
}


@media(min-width:768px){
//     div#section-post_player .kjb-video-responsive .wistia_embed  {
//     width: 100% !important;
// }
// div#section-post_player .kjb-video-responsive {
//     padding-bottom: 100% !important; 
// }
    
    .mob {display:none;
}

@media (min-width: 768px) {
    .tabs {
        width: 100%;
        flex-wrap: unset !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: auto !important;
    }
}
    
}


@media(max-width:767px){
    
footer.footer.footer--dark.footer--left {
    display: block;
    padding:0;
}    
 .section--hero .panel__block {
    margin-bottom: 8px;
} 
      .stop_flex {
        text-align: center !important;
    }
  
  .footer__menu {
    align-items: center !important;
}
    .social-icons__row {
    text-align: center;
}
  .section--hero .btn__spacing.btn__spacing--left {
    padding: 17px;
    padding-bottom:0;
}  
a.btn.btn-cta.btn--auto.btn--solid {
    font-size: 16px;
    padding: 11px 18px;
    border-radius: 4px !important;
}
    
   .section--hero {
    align-items: flex-end !important;
} 
    
    
      .section--product_hero h1 {
        font-size: 23px !important;
    }  
    
   .section--product_hero .panel__block p {
    font-size: 15px !important;
}
   .section--product_hero {
        height: 60vh !important;
    } 
    .slick-slider .slick-track {
    margin-bottom: 10px !important;
}
    .hover:hover .wrapper__front {
    
    transform: none !important;
}
    .hover:hover .wrapper__back {
        display: none;
    }

.section.section--global.section--product h5.syllabus__heading {
    font-size: 16px;
    color: #999 !important;
    width:max-content;
}
    .header .logo img {
        max-height: 30px !important;
    }

// div#section-product_hero {
//     display: none !important;
// }

.section.section--global.section--product {
    padding-top: 63px;
}
.header {
    // background: #0d0c0c !important;
    // padding:0px;
}
// a.logo.logo--image {
//     margin-left: 54px;
// }


.header-ham {
    z-index: 99;
}


.header .header-ham span:nth-child(1) {
    top: 3px;
}

.header .header-ham span:nth-child(3) {
    top: 22px;
}
.mob {
        /* position: absolute; */
        
        /* display: flex
; */
        
        padding-top: 15px;
    }

.section--search {
    top: 0;
    right: 0;
    left: 0;
    background: #000000;
    color: #ffffff;
    height: 100vh;
    margin-top: 0;
    position: fixed;
    z-index: 999999;
}
.section--search .container{
    background: #41393d;
    padding: 7px;
        margin-top: 24px;
}

 .fa-times:before {
    position: absolute;
    top: -41px;
    left: 0;
}

div#section-search_body h4.panel__heading {
    font-size: 19px;
}
#search__data {height:100vh;}

// .search input {
//     width: 175px !important;
//     height: 35px !important;
//     padding-left: 12px !important;
//     border-color: #fff !important;
// }
svg.img_search {
    color: #fff;
    // display: none;
}

/* Initially hide the menu off-screen */
.header-menu3 {
  position: fixed;
  top: 50px;
  right: 0px; /* Start off-screen */
  width: 120px; /* Set the width of the sliding menu */
  height: 100%;
  background-color: #111; /* Dark background */
  color: white;
  transition: transform 0.3s ease; /* Smooth transition */
  z-index: 1000; /* Ensure it's above other content */
  padding: 20px;
  padding-left: 5px;
}

.header-menu3.show {
  transform: translateX(250px); /* Move the menu into view */
}

/* Basic styling for the menu items */
.header-menu3 a {
  display: block;
  padding: 10px;
  color: white;
  text-decoration: none;
  margin-bottom: 10px;
  text-align:right;
}

.header-menu3 a:hover {
  background-color: #444;
}

/* Hamburger icon styles */
.header-hambars {
  cursor: pointer;
  font-size: 30px; /* Adjust the size of the hamburger icon */
  color: #fff;
  position: absolute;
    top: 22px;
  transition: color 0.3s ease;
          right: 15%;
          z-index: 9;
}

.header .header-ham {
        top: 20px;
        right: 25px;
        width: 25px !important;
}


.header .header-ham.open{
    right:30px;
}


.header .header-ham.open span:nth-child(1) {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px;
    left: 8px;
}

.header .header-ham.open span:nth-child(3) {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
    left: 8px;
}


/* Optional: Ensure that the hamburger icon color changes when the menu is open */
// .header-hambars.open i {
//   color: #fff; /* Change color when the menu is open */
// }

a.search__toggle {
    display: none !important;
}
.header .user__dropdown a {
    text-align: center !important;
}
    .header--dark .user__dropdown a {
        color: #ffffff;
        text-align: right;
        margin-top: 5px;
    }

 .video-title.show{display:none;}
.back-button {
    
    top: -16px;
    left: 3px;}


.w-bottom-bar-lower.w-css-reset{
    height:40px !important;
}

div#section-post_body .panel__block {
    padding: 0px 17px;
    margin-top:0;
}
}


@media (min-width: 1024px) and (max-width: 1370px) and (orientation: landscape){
    
 .section--product_hero{
     min-height: 80vh;
 }
 
    
}
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait){
   
   
   .section--product_hero {
    min-height: 42vh;
} 
   .section--product_hero .container {
    margin-top: 0;
    margin-bottom: 30px;
}
   .section--product_hero h1 {
    font-size: 25px;
}
   
.section--product_hero .panel__block p {
    font-size: 16px !important;
}   
   
.slick-slider .slick-track {

    margin-bottom: 6px;
}
   
       .header .header-menu {
        padding-left: 20px;
   }
   
   .header--left .header-menu a {
    font-size: 12px;
}
   
   .search input.toggle {
    width: 175px !important;
    padding: 12px;
}
   
  .header .header-menu a {
    margin: 0 4px;
} 
       .hover:hover .wrapper__front {
    
    transform: none !important;
}
    .hover:hover .wrapper__back {
        display: none;
    }
   .video-title.show , .video-title{
    width: 40%;
}
.video-title.show h4 , .video-title h4 {
    font-size: 18px;
}
.w-bottom-bar-lower.w-css-reset{
    height:40px;
}
   
       div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
        max-height: 100% !important;
    }
   
   
}


@media (min-width: 1025px) {
    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
        max-height: 100vh !important;
    }
}

@media (min-width:767px) and (max-width: 1370px) and (orientation: landscape) {
    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
        height: 75vh !important;
    }
}


@media (min-width: 820px) and (max-width: 1023px) and (orientation: landscape) {
    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
        height: 100vh !important;
    }
    
        body .content-item.most_popular {
        width: 22% !important;
        padding: 0 !important;
    }
        .content-item.session {
        gap: 40px !important;
    }
    
        a.Desk_session {
        top: 57% !important;
        right: 13% !important;
       
    }
    body .product-item {
    max-width: 597px !important;
    width: 100% !important;
}
    
    
    
    
    
}


@media (min-width: 821px) and (max-width: 1180px) and (orientation: portrait){
    
    body .product-item {
    max-width: 597px !important;
    width: 48% !important;
}
        body .content-item.most_popular {
        width: 22% !important;
        padding: 0 !important;
    }
        .content-item.session {
        gap: 40px !important;
    }
    
        a.Desk_session {
        top: 57% !important;
        right: 13% !important;
       
    }
    
    
    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
        height: 100% !important;
    }
    
//  .section--product_hero {
//     height: 100% !important;
// } 
   .section--product_hero .container {
    margin-top: 0;
    margin-bottom: 30px;
}
   .section--product_hero h1 {
    font-size: 20px;
}
   
.section--product_hero .panel__block p {
    font-size: 14px !important;
}   
   
.slick-slider .slick-track {

    margin-bottom: 6px;
}
   
       .header .header-menu {
        padding-left: 30px;
   }
   
   .header--left .header-menu a {
    font-size: 10px;
}
   
   .search input.toggle {
    width: 150px !important;
    padding: 8px;
}
   
  .header .header-menu a {
    margin: 0 4px;
} 
       
    .hover:hover .wrapper__front {
    
    transform: none !important;
}
    .hover:hover .wrapper__back {
        display: none;
    }    
    a.btn.btn-cta.btn--auto.btn--solid {
    font-size: 15px;
    padding: 9px 16px;
    border-radius: 4px !important;
}
 .header--left .header-menu {
    text-align: left;
}   
   
      .header .header-menu {
        display: flex !important;
        justify-content: space-between;
        align-items: flex-start !important;
    } 
   
   .search input {
    font-size: 12px;
}
.video-title.show , .video-title{
    width: 40%;
}
.video-title.show h4 , .video-title h4 {
    font-size: 18px;
}
.w-bottom-bar-lower.w-css-reset{
    height:40px;
}
}

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


    div#section-post_player .kjb-video-responsive .wistia_embed {
        width: 100% !important;
    }


    // .section--product_hero {
    //     min-height: 40vh !important;
    // }


   .section--product_hero .container {
    margin-top: 0;
    margin-bottom: 30px;
}
   .section--product_hero h1 {
    font-size: 20px;
}
   
.section--product_hero .panel__block p {
    font-size: 14px !important;
}   
   
.slick-slider .slick-track {

    margin-bottom: 6px;
}
   
       .header .header-menu {
        padding-left: 30px;
   }
   
   .header--left .header-menu a {
    font-size: 10px;
}
   
   .search input.toggle {
    width: 150px !important;
    padding: 8px;
}
   
  .header .header-menu a {
    margin: 0 4px;
} 
       
    .hover:hover .wrapper__front {
    
    transform: none !important;
}
    .hover:hover .wrapper__back {
        display: none;
    }    
    a.btn.btn-cta.btn--auto.btn--solid {
    font-size: 15px;
    padding: 9px 16px;
    border-radius: 4px !important;
}
 .header--left .header-menu {
    text-align: left;
}   
   
      .header .header-menu {
        display: flex !important;
        justify-content: flex-end;
        align-items: flex-start !important;
    } 
   
   .search input {
    font-size: 12px;
}
.video-title.show , .video-title{
    width: 40%;
}
.video-title.show h4 , .video-title h4 {
    font-size: 18px;
}
.w-bottom-bar-lower.w-css-reset{
    height:40px;
}
}







// .btn--transparent {
//       background: transparent;
//       border: none;
//       padding: 0;
//       cursor: pointer;
//   }

//   .btn--circle {
//       border-radius: 50%;
//       width: 40px;
//       height: 40px;
//       display: inline-flex;
//       justify-content: center;
//       align-items: center;
//       background-color: transparent;
//       border: 2px solid transparent;
//       transition: background-color 0.3s, border-color 0.3s;
//   }

//   .btn--circle:hover {
//       background-color: rgba(0, 0, 0, 0.1); /* Change the hover effect */
//       border-color: #007bff;
//   }

//   .card__icon {
//       fill: #ff4081; /* Pink heart icon */
//       width: 20px;
//       height: 20px;
//   }

//   .post-actions-favorite {
//       display: inline-block;
//       text-decoration: none;
//   }

//   .post-actions-favorite.favorited .card__icon {
//       fill: #ff4081; /* Same color when favorited */
//   }

/* Style for the favorited button when the "favorited" class is dynamically added */
.post-actions-favorite.favorited .btn {
    background: #fff !important;  /* White background for the favorited button */
    border: 1px solid #141414;    /* Optional border for better visibility */
}

/* Change the color of the heart icon when favorited */
.post-actions-favorite.favorited .card__icon {
    fill: #141414; /* Dark color for the heart icon when favorited */
}

/* Optional: Add hover effect for the favorited button */
.post-actions-favorite.favorited .btn:hover {
    background: #f0f0f0 !important;  /* Lighter background on hover */
}

/* Default styles for the button and icon when NOT favorited */
.post-actions-favorite .btn {
    background: transparent; /* Transparent background for non-favorited button */
    // border: 1px solid transparent; /* No border for non-favorited state */
}

/* Default state for the heart icon when NOT favorited */
.post-actions-favorite .card__icon {
    fill: #ccc;  /* Light color for the heart icon when not favorited */
}

/* Hover effect for the non-favorited button */
.post-actions-favorite .btn:hover {
    // background: #f9f9f9;  /* Lighter background on hover for non-favorited state */
}


 @media(min-width:767px){
     
.search-result {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}

a.search-result__title img {
    width: 250px;
}
     
 }



#section-search_body .panel__body {
    margin-top: 20px !important;;
}