.black-patch{
    background: transparent !important;
}
.page-template-page-daybreak .header.navbar-container.navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.page-template-page-daybreak.header .home-nav-container .home-navbar-unit .home-nav-btn-unit .home-nav-explore-unit {
  border: 1px solid rgba(255, 255, 255, 0.24);
}
.page-template-page-daybreak .header .home-nav-container .home-navbar-unit .home-nav-btn-unit .home-nav-explore-unit p {
  color: rgba(255, 255, 255, 0.72);
}

.page-template-page-daybreak .header .home-nav-container .home-navbar-unit .home-nav-btn-unit .home-nav-explore-unit svg path{
  stroke: #fff !important;
}
..page-template-page-daybreak .header .home-nav-container .home-navbar-unit .home-nav-btn-unit .home-nav-explore-unit p:hover {
    color: rgba(255, 255, 255, 0.72);
}
/*.nav-explore-unit .nav-explore:hover{
  background: transparent !important;
}
*/
/* Fix Added by Habib 13th Aug for banner*/

@media (max-width: 767px) {
   
    .tfty-hero-content .floating-card-container .full-width-btn {
        width: 45% !important;
    }
    .hero-floating-card{
    flex-wrap:wrap !important;  
    }
    .tfty-bottom-section{
        padding-top: 0;
    }
    .tfty-hero-content .floating-card-container .floating-card{
        border-radius: 4px;
        box-shadow: 1px 5px 10px 2px rgba(0, 0, 0, 0.16);
    }
    .black-patch{
        display: none;
    }
    .btn-cta-container{
     width:100% !important;
     display: flex;
     justify-content: space-between;
     gap:10px;
     margin:auto;
    }

}

@media(min-width:768px) and (max-width:1023px){
    .tfty-hero-content .floating-card-container .full-width-btn {
        width: 100% !important;
    }   
}




@media (max-width: 1024px) {
    .tfty-hero-section {
        position: relative;
        background: none !important;
        background-repeat: no-repeat;
        background-position: 0 20%;
        background-size: 100%;
        padding-top: 0vh !important;
        margin-top: -25px !important;
    }

    .black-patch{
        visibility: hidden !important;
    }


    .btn-cta-container{
         width:100% !important;
         display: flex;
         justify-content: space-between;
         gap:10px;
         margin:auto;
    } 
   
}

.tfty-hero-section>.hero-image{
    margin-bottom: 25px;
    margin-top:25px;
}

/*@media (max-width: 1023px) {
    .tfty-hero-content .floating-card-container .full-width-btn {
        width: 49% !important;
    }
}*/

@media (min-width: 1024px) {
    .tfty-hero-section {
        padding-bottom: 0;
    }
}

@media (min-width: 1024px) {
    .tfty-hero-section {
        position: relative;
        background: url(https://the-ken.com/wp-content/themes/the-ken/assets/assets_3_0/images/podcasts/daybreak/Daybreak_Web_banner_1.png);
        background-repeat: no-repeat;
        background-position: 0 15%;
        background-size: 100%;
    }
    .tfty-hero-content .floating-card-container .full-width-btn {
        width: 47% !important;
    }


    .tfty-hero-content .floating-card-container .card-content {
        padding: 5px 0px 15px 0px !important;
    }

    .tfty-bottom-section {
        padding: 20px 0 60px !important;
        position: relative;
    }



}

.tfty-hero-content .floating-card-container .full-width-btn {
    margin: 5px 5px;
}

.tfty-hero-content .floating-card-container .full-width-btn{
     margin: 5px 5px;
}

/*.header.navbar{
    background: #000 !important;
}*/