@font-face {

    font-family: 'Abuget';

    src: url('../webfonts/Abuget.eot');

    src: url('../webfonts/Abuget.eot?#iefix') format('embedded-opentype'), url('../webfonts/Abuget.woff2') format('woff2'), url('../webfonts/Abuget.woff') format('woff'), url('../webfonts/Abuget.ttf') format('truetype'), url('../webfonts/Abuget.svg') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Avenir-Black';

    src: url('../webfonts/Avenir-Black.eot');

    src: url('../webfonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('../webfonts/Avenir-Black.woff2') format('woff2'), url('../webfonts/Avenir-Black.woff') format('woff'), url('../webfonts/Avenir-Black.ttf') format('truetype'), url('../webfonts/Avenir-Black.svg') format('svg');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'avenir_regularregular';

    src: url('../webfonts/avenir_regular-webfont.eot');

    src: url('../webfonts/avenir_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/avenir_regular-webfont.woff2') format('woff2'), url('../webfonts/avenir_regular-webfont.woff') format('woff'), url('../webfonts/avenir_regular-webfont.svg#avenir_regularregular') format('svg'), url('../webfonts/Avenir-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}





/* @font-face {

    font-family: 'Avenir-LT-Std-Book';

    src: url('../webfonts/AvenirLTStd-Book.eot');

    src: url('../webfonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), url('../webfonts/AvenirLTStd-Book.woff2') format('woff2'), url('../webfonts/AvenirLTStd-Book.woff') format('woff'), url('../webfonts/AvenirLTStd-Book.ttf') format('truetype'), url('../webfonts/AvenirLTStd-Book.svg') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

} */





/* @font-face {

    font-family: 'Avenir Book';

    src: url('../webfonts/Avenir-Book.eot');

    src: url('../webfonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('../webfonts/Avenir-Book.woff2') format('woff2'), url('../webfonts/Avenir-Book.woff') format('woff'), url('../webfonts/Avenir-Book.ttf') format('truetype'), url('../webfonts/Avenir-Book.svg#Avenir-Book') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

} */



@font-face {

    font-family: 'Avenir-LT-Std-Light';

    src: url('../webfonts/AvenirLTStd-Light.eot');

    src: url('../webfonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../webfonts/AvenirLTStd-Light.woff2') format('woff2'), url('../webfonts/AvenirLTStd-Light.woff') format('woff'), url('../webfonts/AvenirLTStd-Light.ttf') format('truetype'), url('../webfonts/AvenirLTStd-Light.svg') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Avenir LT Std Roman';

    src: url('../webfonts/AvenirLTStd-Roman.eot');

    src: url('../webfonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../webfonts/AvenirLTStd-Roman.woff2') format('woff2'), url('../webfonts/AvenirLTStd-Roman.woff') format('woff'), url('../webfonts/AvenirLTStd-Roman.ttf') format('truetype'), url('../webfonts/AvenirLTStd-Roman.svg') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Avenir Roman';

    src: url('../webfonts/Avenir-Roman.eot');

    src: url('../webfonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), url('../webfonts/Avenir-Roman.woff2') format('woff2'), url('../webfonts/Avenir-Roman.woff') format('woff'), url('Avenir-Roman.ttf') format('truetype'), url('../webfonts/Avenir-Roman.svg#Avenir-Roman') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



html {

    scroll-behavior: smooth

}



body {

    /* font-family: 'Avenir Roman'; */

    font-family: 'Avenir LT Std Roman';

    font-size: 16px;

    color: #282828;

    position: relative

}



a,

img {

    text-decoration: none;

    outline: 0;

    border: 0;

    max-width: 100%

}



img {

    height: auto;

    max-height: 100vh

}



a,

.btn {

    transition: all .5s

}



.btn:focus,

.form-control:focus {

    box-shadow: none

}



:focus {

    outline: 0

}



a,

a:hover,

a:focus,

a:active {

    text-decoration: none;

    outline: 0

}



ul,

li {

    list-style: none;

    margin: 0;

    padding: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0

}



h1 {

    /* font-size: 101px; */

    font-size: 56px;

    font-family: 'Avenir-Black';

}



h2 {

    font-size: 48px;

    font-family: 'Avenir-Black';

    /* font-family: 'avenir_regularregular'; */

}



h3 {

    font-size: 36px;

    font-family: 'Avenir-Black';

    /* font-family: 'avenir_regularregular'; */

}



h4 {

    font-size: 24px

}



p:last-child {

    margin-bottom: 0

}



figure {

    margin: 0

}



*::selection {

    background-color: transparent

}



*:not(img)::selection {

    background-color: #2a8ae8;

    color: #fff

}



section {

    overflow: hidden;

    position: relative

}



.z1 {

    position: relative;

    z-index: 1

}



.bg-green {

    background-color: #007854;

}



.text-green {

    color: #007854;

}



.btn {

    background-color: #007854;

    padding: 10px 15px;

    font-size: 16px;

    color: white;

    font-family: 'Avenir-Black';

    /* font-family: 'avenir_regularregular'; */

    border-radius: 0;

    line-height: 1.06;

    position: relative;

    transition: all 0.3s linear;

    z-index: 1;

    box-shadow: 0px 3px 8px hsl(162deg 100% 23.53% / 28%);

}



.btn:hover{
    box-shadow: 0px 3px 8px hwb(319.47deg 0% 11.76% / 28%);
}



.btn::before,

.btn::after {

    content: '';

    position: absolute;

    width: 0;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #E10098;

    z-index: -1;

}



.btn::after {

    left: auto;

    right: 0;

}



.btn:hover::before,

.btn:hover::after {

    width: 100%;

}





/* header css start */



header,

.header-section nav {

    transition: all 0.3s linear;

}



.header-section.sticky .bg-green {

    background-color: rgb(0 120 84 / 40%);

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    color: #E10098;

    text-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.16);

}



.header-section .navbar-nav .nav-item a {

    position: relative;

}



.header-section .navbar-light .navbar-toggler {

    border-color: white;

}



.header-section .navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: 0 0 0 0.08rem;

}





/* 

.navbar-nav .nav-item a::before,

.navbar-nav .nav-item a::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    height: 2px;

    background-color: white;

    width: 0;

    transition: all 0.3s linear;

}



.navbar-nav .nav-item a::after {

    left: auto;

    right: 0;

}



.navbar-nav .nav-item:hover a::before,

.navbar-nav .nav-item:hover a::after {

    width: 100%;

} */



.header-section {

    position: static;

    z-index: 9;

    left: 0;

    right: 0;

    top: 0;

    transition: all 0.3s linear;

}
.header-section.sticky {
	position: fixed;
}


.header-section.sticky nav {

    padding: 8PX 80px;

    transition: all 0.3s linear;

}



.header-section.sticky nav .navbar-brand {

    /* transform: scale(0.8); */

    max-width: 245px;

}



.navbar-brand {

    transition: all 0.2s linear;

}



.header-section nav {

    padding: 34px 80px;

}



.navbar-light .navbar-nav .nav-link {

    font-size: 14px;

    color: #ffffff;

    text-transform: uppercase;

    margin-left: 40px;

    font-family: 'Avenir-Black';

    /* font-family: 'avenir_regularregular'; */

    line-height: 1.188;

}



.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link:valid,

.navbar-light .navbar-nav .nav-link:focus {

    color: #E10098;

}



.navbar-light .navbar-nav .show>.nav-link {

    color: white;

}



.navbar-light .navbar-nav .nav-item:first-of-type .nav-link {

    margin-left: 0;

}



.banner-section {

    /* height: 922px; */

   

}



.banner-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.banner-section h1 {

    line-height: 0.939;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



.banner-content {

    max-width: 688px;

    position: relative;

    z-index: 1;

    padding: 0;

    /* padding: 108px 0 220px; */

    top: 45%;

    transform: translateY(-50%);

}



.banner-content .btn {

    font-size: 16px;

    line-height: 1.125;

    margin-top: 37px;

}



.banner-section h1 span {

    font-size: 180px;

    font-family: 'Abuget';

    font-weight: 400;

}



.banner-section h1 small {

    /* font-size: 94px; /

    / font-size: .930em; /

    / font-size: 1.59em; */

    font-size: .882em;

    display: flex;

    width: 100%;

}



.banner-section h1 span:first-child {

    margin-left: 12px;

}



.banner-section h1 span:last-child {

    margin-right: 24px;

}



.banner-section p {

    font-size: 21px;

    /* font-family: 'Avenir Roman'; */

    font-family: 'Avenir LT Std Roman';

    line-height: 1.34;

    max-width: 597px;

    width: 100%;

    margin: auto;

}



.banner-section .carousel-item {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 100% 100%;

    position: relative;

}



.banner-section .carousel-item::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-image: url('../images/Rectangle-1715.png');

    background-size: cover;

    background-repeat: repeat;

    z-index: 1;

}



.banner-section .carousel-item::after {

    border: 6px solid #007854;

    border-left: none;

    content: '';

    position: absolute;

    top: 24px;

    bottom: 65px;

    right: 41px;

    left: 0;

}





/* .banner-img-content {

    position: relative;

} */



.banner-img-content::before {

    content: '';

    position: absolute;

    border-bottom: 6px solid #007854;

    bottom: 65px;

    /* right: 41px; */

    right: 41px;

    left: 0;

    z-index: 1;

}



.hedding {

    margin-bottom: 20px;

}



.hedding h2 {

    line-height: 0.99;

    display: inline-block;

}



.hedding h2 span {

    font-size: 100px;

    font-family: 'Abuget';

    display: block;

    position: relative;

    left: -40px;

    top: 10px;

    color: #007854;

    text-align: left;

}



.about-section {

    padding: 227px 80px 110px 60px;

}



.about-section .text-content {

    max-width: 552px;

    margin-left: auto;

}



.about-section .text-content .btn {

    margin-top: 40px;

}



.img-effact {

    position: relative;

    padding: 38px 0px 0 41px;

    margin-left: 55px;

}



.img-effact>DIV {

    transition: all 0.3s linear;

    width: fit-content;

}



.img-effact>div::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #EDDDDE;

    top: -37px;

    left: -58px;

}



.img-effact.img-box-right {

    padding: 38px 41px 0 0px;

}



.img-effact.img-box-right>DIV {

    margin-left: auto;

}



.img-effact.img-box-right>div::before {

    top: -37px;

    right: -58px;

    left: auto;

}



.img-effact>div::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: transparent;

    border: 4px solid #007854;

    z-index: 2;

    top: -19px;

    left: -24px;

    transition: all 0.3s linear;

}



.img-effact.img-box-right>div::after {

    top: -19px;

    right: -24px;

    left: auto;

}



.about-section .slick-dots {
    text-align: left;
    /* margin-left: 36px; */
	right: -6px;
	width: auto !important;
    margin-bottom: 1px;

}



.about-section .slick-dots li {

    width: 10px;

    height: 10px;

    width: 10px;

    height: 10px;

    margin: 0 5px;

}





/* .slick-initialized .slick-slide {

    margin-right: 40PX;

} */



.about-section .slick-dots li button {

    width: 10px;

    height: 10px;

}



.about-section .slick-dots li button:before {

    font-size: 9px;

    width: 10px;

    height: 10px;

    /* color: hsla(162, 100%, 24%, 0.25); */

    color: #007854;

    opacity: 0.25;

}



.about-section li.slick-active button:before {

    opacity: 1;

}



.newsletter-section {

    padding: 70px 0 70px;

}



.newsletter-section .hedding {

    margin-bottom: 15px;

}



.newsletter-section h2 {

    font-size: 36px;

    color: #007854;

    line-height: 1.195;

}



.newsletter-section input {

    height: 51px;

    border: none;

    background-color: white;

    border-radius: 0;

    padding: 15px 12px 16px;

}



.newsletter-section a.btn {

    height: 51px;

    padding: 16px 30px 18px;

    line-height: 19px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.newsletter-section a.btn:hover {

    border: none;

}



.newsletter-section a.btn::before,

.newsletter-section a.btn::after {

    display: none;

}



.newsletter-section p {

    margin-bottom: 30px;

}



.newsletter-section input::placeholder {

    color: #007854;

    /* font-weight: bold; */

}



.recent-episodes-box::before {

    content: '';

    position: absolute;

    border: 6px solid white;

    right: 12px;

    left: 12px;

    top: 18px;

    bottom: 18px;

    z-index: 1;

    transition: all 0.3s linear;

}



.favorites-box .img-box:hover::before {

    border-color: #E10098;

}





/* .recent-episodes-box:hover::before,

.favorites-box:hover .img-box::before {

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

} */



.recent-episodes-box {

    overflow: hidden;

}



.recent-episodes-box img,

.favorites-box img {

    transition: all 0.3s linear;

}





/* .recent-episodes-box:hover img,

.favorites-box:hover img {

    transform: scale(1.2);

} */



.recent-episodes-box .text-content {

    position: absolute;

    bottom: 22px;

    z-index: 2;

    text-align: left;

    right: 18px;

    left: 18px;

    background: #007854;

    color: white;

    z-index: 2;

    padding: 7px 10px 12px;

    transition: all 0.3s linear;

}



.recent-episodes-box:hover .text-content {

    background: hsla(162, 100%, 24%, 0.50);

}



.recent-episodes-box:hover .text-content h3,

.recent-episodes-box:hover .text-content p {

    text-shadow: 0 .125rem .25rem hsla(0, 0%, 0%, 0.6)!important;

}



.recent-episodes-box .text-content h3 {

    font-family: 'Abuget';

    font-size: 42px;

}



.recent-episodes-box p span {


    font-size: 16px;

}



.recent-episodes-box p span i {

    width: 13px;

    margin-right: 7px;

}



.recent-episodes-section .hedding {

    margin-bottom: 68px;

}



.recent-episodes-section .hedding span {

    font-size: 72px;

    left: -93px;

    top: 7px;

    text-align: left;

}



.recent-episodes-section .btn {
    margin-top: 69px;
    margin-bottom: 30px;
}



.favorites-box .img-box {

    position: relative;

    overflow: hidden;

}



.favorites-box .img-box::before {

    border: 4px solid #007854;

    content: '';

    position: absolute;

    left: 11px;

    right: 11px;

    top: 11px;

    bottom: 11px;

    transition: all 0.3s linear;

    z-index: 1;

}



.favorites-box .img-box~div:hover p,

.favorites-box .img-box~div:hover a {

    color: #E10098;

}



.favorites-box p,

.favorites-box a {

    margin-top: 16px;

    font-size: 21px;

}



.favorites-section .btn {

    margin-top: 33px;

}



.favorites-section img {

    width: 100%;

}



.favorites-section .hedding {

    margin-bottom: 47px;

}



.py-100 {

    padding: 70px 100px 100px;

}



.mt-60 {

    margin-top: 30px;

}



.featured-section {

    padding: 100px 80px 70px;

}



.featured-section .text-content {

    padding-left: 66px;

}



.featured-section nav ol li a {

    font-size: 21px;

    color: #282828;

    font-family: 'Avenir-Black';

}



.featured-section .text-content {

    max-width: 674px;

}



.featured-section .breadcrumb-item+.breadcrumb-item {

    position: relative;

    padding-left: 20px;

}



.featured-section .breadcrumb-item+.breadcrumb-item::before {

    content: '';

    width: 5px;

    height: 5px;

    background-color: #282828;

    border-radius: 100px;

    padding: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 8px;

}



.featured-section strong {

    margin-bottom: 28px;

    display: block;

    font-family: 'Avenir-Black';

}



.become-boss-section h3 {

    margin-bottom: 14px;

}



.become-boss-section ul li {

    display: flex;

    margin-bottom: 10px;

}



.become-boss-section ul li span {

    min-width: 30px;

    height: 30px;

    background-color: white;

    border-radius: 100px;

    margin-right: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    line-height: 39px;

    font-family: 'Abuget';

}



.become-boss-section .text-content {

    max-width: 581;

    margin-left: auto;

}



.bg-lite-green {

    background-color: hsla(162, 100%, 24%, 0.25);

}



.become-boss-section .img-effact>div::before {

    background-color: #007854;

}



.become-boss-section .img-effact>div::after {

    border-color: #EBDDDD;

    left: 23px;

}



.about-section.become-boss-section .text-content .btn {

    margin-top: 30px;

}



.about-section.become-boss-section .text-content p {

    margin-bottom: 20px;

}



footer {

    padding: 50px 100px 60px;

    color: white;

    overflow: hidden;

    z-index: 1;

    position: relative;

}



footer::before {

    content: '';

    position: absolute;

    border: 6px solid white;

    border-top: none;

    right: 44px;

    left: 44px;

    bottom: 45px;

    top: 0;

    z-index: -1;

}



.logo-content {

    max-width: 396px;

}



.logo-content p {

    margin-top: 19px;

}



footer strong {

    font-size: 21px;

    margin-bottom: 35px;

    display: block;

    font-family: 'Avenir-Black';

}



.page-content li {

    margin-bottom: 9px;

    padding-left: 23px;

    position: relative;

}



.page-content li::before {

    position: absolute;

    left: 0;

    content: '\f105';

    font-family: "Font Awesome 6 Free";

    top: 50%;

    transform: translateY(-50%);

}



.page-content li a {

    font-size: 16px;

    line-height: 15px;

    color: white;

}



footer .page-content li:hover a,

footer .page-content li:hover::before {

    color: #e10098;

}



.listenon-contnet ul li a img {

    max-width: 150px;

}



.listenon-contnet ul li a {

    margin-bottom: 17px;

    display: block;

}



.listenon-contnet ul li:last-of-type a {

    margin-bottom: 0;

}



.contact-content strong {

    margin-bottom: 40px;

}



.contact-content ul li {

    margin-bottom: 24px;

}



.contact-content ul li:last-of-type {

    margin-bottom: 0;

}



.contact-content ul li span {

    background-color: white;

    width: 50px;

    height: 50px;

    border-radius: 100px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    /* margin-right: 30px; */

    margin-right: 27px;

}



.contact-content ul li span img {

    max-width: 20px;

}



.contact-content ul li a {

    color: white;

}



.social-icon {

    margin-top: 23px;

}



.contact-content .social-icon ul li {

    margin-bottom: 0;

}



.social-icon li {

    margin-right: 16px;

}



.social-icon li:last-of-type {

    margin-right: 0;

}



.social-icon a {

    color: white;

    font-size: 20px;

    width: 40px;

    height: 40px;

    border-radius: 100px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    position: relative;

    transition: all 0.3s linear;

}



.social-icon a:hover {

    transform: scale(1.2);

    color: white;

}



.social-icon a::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    border: 1px solid white;

    border-radius: 100px;

    left: 0;

    top: 0;

    transition: all 0.3s linear;

}



.social-icon a:hover::before {

    width: 0;

    height: 0;

    left: 50%;

    top: 50%;

    z-index: -1;

    border: 1px solid transparent;

}



.copyright-text {

    margin-top: 30px;

}



.music-player-section {

    position: relative;

    overflow: visible;

    /* transform: ; */

}

.music-player-section .container {
	width: 1080px !important;
}


.music-player-section .card {

    border-radius: 0;

    padding: 0;

    box-shadow: 0px 0px 25px hsla(0, 0%, 0%, 0.14);

    flex-direction: row;

    z-index: 2;

    border: none;

    top: -35px;

    position: absolute;

    left: 0;

    right: 0;

}



.music-player-section .img-box {

    min-width: 120px;

    height: 120px;

}



.music-player-section h2 {

    margin-left: 40px;

    margin-right: 28px;

    font-family: 'Avenir-Roman';

    font-size: 21px;

    white-space: nowrap;

    width: 295px;

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

}



#audio-player-container {

    display: flex;

    align-items: center;

}



#play-icon {

    /* margin: 20px 2.5% 10px 2.5%; */

    width: 70px;

    height: 70px;

    border: 1px solid #282828;

    border-radius: 100%;

    background: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

}



#play-icon:hover {

    color: #E10098;

}



input[type="range"] {

    width: 100%;

}



.start-time {

    color: #8B8B8B;

}



.time {

    color: #282828;

    font-size: 18px;

}



#mute-icon {

    border: none;

    background-color: transparent;

    margin: 0 0 0 24px;

    font-size: 24px;

}



.player-range {

    /* max-width: 393px; */

    width: 393px;

    margin: 0 24px;

}



.about-section.become-boss-section {

    padding: 80px 80px;

}



.navbar-brand img {

    aspect-ratio: auto 344/104;

}


.plyr__progress input[type=range],
.plyr__progress__buffer {
    width: 100% !important;
}

.plyr__control--pressed {
    margin-left: 24px !important;
}




.music-player-section .card .img-box~.d-lg-flex {
    width: 100%;
}

.music-player-section .card .img-box~.d-lg-flex div:last-of-type {
    width: 100%;
}

.music-player-section .card .h5ap_standard_player {
    width: 100% !important;
    max-width: 100% !important;
}

.music-player-section .card .plyr__controls .plyr__controls__item:first-child {
    margin-right: inherit !important;
}

.music-player-section .card .plyr__controls .plyr__controls__item.plyr__progress__container {
     /* max-width: 600px !important; */
     max-width: 100% !important;
}

.music-player-section .card .plyr__controls__item .plyr__control {
    padding: 0 !important;
}

.music-player-section .card .plyr__control svg {
    width: var(--plyr-control-icon-size, 30px) !important;
    height: var(--plyr-control-icon-size, 30px) !important;
}

.music-player-section .card .plyr__controls{
    justify-content: flex-start !important;
}

.plyr__controls__item.plyr__volume {
    width: auto !important;
    max-width: inherit !important;
}

.music-player-section .card .img-box~div {
    padding: 0 24px 0 0;
}

.plyr__controls {
    padding: 0 !important;
}