/* Font family starts */
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('https://cdn.shopify.com/s/files/1/0903/1657/0927/files/Montserrat-Bold.woff2?v=1728891608') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima-Regular';
  src: url('https://cdn.shopify.com/s/files/1/0903/1657/0927/files/ProximaNova-Regular.woff2?v=1728892294') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima-Extra-Bold';
  src: url('https://cdn.shopify.com/s/files/1/0903/1657/0927/files/Proxima_Nova_Extrabold.woff2?v=1728892294') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima-Medium';
  src: url('https://cdn.shopify.com/s/files/1/0903/1657/0927/files/ProximaNova-Medium.woff2?v=1728892294') format('woff2');
  font-weight: normal;
  font-style: normal;
}

h1,
h2,
h3,
.h1,
.h2,
.h3,
.h0{
  font-family: Montserrat-Bold, sans-serif;
  text-transform: capitalize;
}
h4,
h5,
.h4,
.h5{
  font-family: Proxima-Medium, sans-serif;
  text-transform: capitalize;
}

body{
  font-family: Proxima-Medium, sans-serif !important;
}
/* Font family ends */


/* header css starts */
.announcement-bar {
    background-color: black;
    color: white;
    padding: 0.5rem 1rem;
}
.announcement-bar p{
    font-size: 14px;
    margin-bottom: 0px;
}
.announcement-bar .owl-prev,
.announcement-bar .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px !important;
}
.announcement-bar .owl-prev{
    left: 0;
}
.announcement-bar .owl-next{
    right: 0;
}
.announcement-bar .owl-prev:hover,
.announcement-bar .owl-next:hover{
    background: transparent !important;
}
.announcement-bar .owl-prev span,
.announcement-bar .owl-next span{
    font-size: 20px;
    line-height: normal;
}
.announcement-bar .owl-nav{
    margin-top: 0px !important;
}

.navbar-brand svg {
    width: 120px;
    height: auto;
}
.nav-link {
    color: rgb(18 18 18 / 75%) !important;
    font-weight: 600;
    font-size: .9rem;
    letter-spacing: 0.5px;
}
.nav-link:hover {
    color: #666;
}
.navbar-nav .nav-link.active {
    font-weight: 700;
}
.icon-btn {
    padding: 0.25rem 0.5rem;
    color: #333;
}
.icon-btn:hover {
    color: #666;
}
.navbar .navbar-nav > li > a:before{
    display: none;
}
.navbar .navbar-nav > li > a:hover{
    text-decoration: underline;
}
.navbar .navbar-nav .custom-dropdown-chevron{
    margin-right: 12px;
}
.navbar .navbar-nav .custom-dropdown-chevron:after{
    content: "\F282";
    font-family: "bootstrap-icons";
    line-height: normal;
    margin-top: 6px;
    position: absolute;
    vertical-align: unset;
    border: 0;
    font-size: 14px;
}
@media (max-width: 991.98px) {
    .offcanvas {
        width: 100%;
    }
}
/* header css ends */

/* Footer css starts */
.footer {
    background-color: black;
    color: white;
    padding: 4rem 0 1rem 0;
}

.footer a {
    color: #ffffffbf;
    text-decoration: none;
    display: block;
    margin-bottom: 1rem;
}

.footer a:hover {
    color: #ccc;
}

.footer-logo {
    max-width: 150px;
    margin-bottom: 2rem;
}

.footer h5 {
    margin-bottom: 1.5rem;
}

.footer-bottom {
    border-top: 1px solid #333;
    padding-top: 1rem;
    margin-top: 2rem;
    font-size: 0.875rem;
}

.footer-bottom a {
    display: inline;
    margin: 0 0.5rem;
}

.subscribe-input {
    background: transparent;
    border: 1px solid white;
    color: white;
    padding: 0.5rem;
    width: 100%;
    max-width: 300px;
}

.subscribe-input:focus {
    outline: none;
    border-color: #ccc;
}

.social-icons a {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.25rem;
}

@media (max-width: 767px) {
    .footer {
        text-align: center;
    }
    
    .footer-logo {
        margin: 0 auto 2rem;
    }

    .footer-section {
        margin-bottom: 2rem;
    }

    .subscribe-input {
        margin: 0 auto;
    }

    .social-icons {
        margin-top: 1.5rem;
    }
}
/* Footer css ends */

/* Community main page css starts */
.bg-black{
    background-color: #000;
}
.intro-wrapper h1{
    color: #fff;
    font-size: 34px;
}
.intro-wrapper p{
    color: #8E8E8E;
    font-size: 14px;
}
.cta{
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    padding: 0px 20px;
    display: inline-block;
    font-size: 14px;
}
.cta:hover{
    color: #fff;
}
.collection-listing h2{
    color: #fff;
    font-size: 22px;
    text-align: center;
}
.collection-descp{
    left: 0;
    right: 0;
    bottom: 10px;
}
.collection-title{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
}
.collection-session{
    font-size: 14px;
    color: #9C9C9C;
    display: block;
}
.arrow-icon{
    max-width: 30%;
    float: right;
}
.choose-sec h2{
    font-size: 1.8rem;
    margin-bottom: 30px;
}
.choose-card-wrapp h4{
    color: #fff;
}
.choose-card-wrapp p{
    color: #6C6C6C;
}

/* Expert section css starts */
.expert-sec .section-head h2{
    color: #000;
    font-size: 1.8rem;
    text-align: center;
}
.expert-sec .section-head p{
    color: #7D7D7D;
    font-size: 14px;
    text-align: center;
}
.box-content h4{
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.box-content p{
    color: #BEBEBE;
    font-size: 14px;
    line-height: normal;
}
.box-content a{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    padding: 0px 24px;
    border-radius: 50px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.box-content a:focus-visible{
    box-shadow: none;
}
@media (min-width: 767px){
    .box-content {
        width: 50%;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
    }
}
@media (max-width: 767px){
.box-content {
    width: 98%;
    left: 10px;
    bottom: 30px;
 }
}
/* Expert section css ends */

/* Community main page css ends */

/* Community inner page css starts here */
.excersise-main-wrapp{
    border: 1px solid #595959;
    border-radius: 3px;
}
.excercise-main-box-wrapp:nth-child(1){
    padding-top: 10px;
}
.excercise-main-box-wrapp:not(:last-child){
    border-bottom: 1px solid #595959;
    padding-bottom: 14px;
    margin-bottom: 24px;
}
.excercise-main-box-wrapp .heading{
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 10px;
}
.excercise-main-box-wrapp .sub-heading{
    color: #FFFFFF;
    margin-bottom: 0;
}
.excercise-main-box-wrapp .time{
    color: #9C9C9C;
}
.excercise-main-box-wrapp .excercise{
    color: #9C9C9C;
    margin-left: 20px;
}
.excercise-main-box-wrapp .sets{
    color: #9C9C9C;
    margin-left: 20px;
}
.excercise-main-box-wrapp .description{
    color: #8E8E8E;
}
.excercise-main-box-wrapp .img-fluid{
    border-radius: 8px;
}
.excercise-main-box-wrapp > .row:first-of-type {
    /* margin-top: 30px;  */
    border-bottom: 1px solid #1f1f1f;
    padding-bottom: 14px;
}
.excercise-main-box-wrapp > .row:first-of-type .col-md-4 img {
    margin-bottom: 30px;
}
.excercise-main-box-wrapp .image-title{
    color: #FFFFFF;
    margin-top: 15px;
    display: inline-block;
}
/* .excercise-main-box-wrapp > .row:nth-of-type(2) {
    border-bottom: 1px solid #9C9C9C;
    margin-top: 30px;
    padding-bottom: 20px; 
} */
.excercise-main-box-wrapp .accordion-button{
    color: #8E8E8E;
}
.excercise-main-box-wrapp .accordion-button:not(.collapsed){
    color: #fff;
}
.excercise-main-box-wrapp .accordion-button:after{
    background-image: url('/storage/app/media/icons8-chevron-down-grey.png');
}
.excercise-main-box-wrapp .accordion-button:not(.collapsed):after{
    background-image: url('/storage/app/media/icons8-chevron-down-white.png');
}
.excercise-main-box-wrapp .accordion-button:focus{
    box-shadow: none;
}
.excercise-main-box-wrapp .accordion-item:not(last-child){
    border-bottom: 1px solid #1f1f1f;
}
.excercise-main-box-wrapp video{
    object-fit: cover;
}
/* Community inner page css ends here */