body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;}
.form-information,.form-number,.loading{font-family:initial}
.form-information .form-title{font-family: unset;}
.img-card .card-name{width: 12rem;padding: .1rem .5rem;} 
.join-competitor-form .iti--separate-dial-code{width: 100%;}
#verify-account .invalid-feedback {font-size: .9rem;}
#verify-account .form {height: auto;}
.cover-photo-container .p-details .title {width: auto;padding: 4px 12px 5px 9px;border-radius: 5px;text-align: left;}
.cover-photo-container .p-details .fa-pencil-alt{background-color: transparent;}
.cover-photo-container .p-details .hobbies{letter-spacing: 0.36px;text-align: left;color: #ffffff !important;padding-left: 0.7rem;padding-right: 0.7rem;width: fit-content !important;}
.cover-photo-container .p-details .bio{letter-spacing: 0.24px !important; width: auto !important;font-size: 1rem !important;}
.cover-photo-container .cover-photo-overlay{background-color: #000000;opacity: 0.4;}
/* .cover-photo-container .p-info{transform: translateY(100%);top: unset;left: 2rem;} */
.page-footer > div:nth-child(1) > div:nth-child(1)  .nav-linkk{margin: 7px;}
.show_hide{left: 14rem !important;}

.formInputs .form-information{width: 5rem  !important;}
.formInputs .form-information .loading{width: 80%;}
/* @media (max-width: 452px){.audio-container {top: 90% !important;}} */
@media (max-width: 556px){
    
    .sm-card-container .img-card {width: 16rem !important;height: 19rem !important;}
    .img-cover-container .badge-transpernt {padding: 0.4rem .7rem !important;font-size: 1rem !important;}
}
@media (max-width: 529px){
    .img-cover-container .btns .btn {width: auto !important;font-size: inherit !important;}
    

}
@media( max-width:768px ){
#nextBtn{  border: 3px solid #bd004b;}
/* .carousel-item video,.homeIntro .carousel img{height: auto !important;} */

/* .audio-container{position:fixed !important;top:90% ​!important}   */
.section-title,.scrolling{ padding-left: 1rem !important; }
.card-container .card-transparent{width: 16rem !important;}
.scrolling{background-size: cover;}
.scrolling .img-card .card-name{transform: translateY(50%);bottom: 3rem;}
.LgCard-section .title{min-height: auto;}
.scrolling .sm-card-container .img-card{display: flex;align-items: flex-end;justify-content: center; }
.sm-card-container .img-card .card-name{padding: 0.5rem;bottom: 3rem;}
.section-competion-container .img-cover-container .badge-top{width: auto;padding: 0.5rem 1rem;}
.img-cover-container .test h4{margin: 0 !important;font-size: 1rem;}
.img-cover-container .btns .btn {width: auto !important;font-size: inherit !important;}
.pop-track-container .track{display:flex;padding: 1rem;}
.pop-track-container .track .img-track {width: 4rem !important;height: 4rem !important}
.track-name{ width: auto; }
.track-name,.track-type{ margin-top: .5rem !important; }
.one-track .track-name{display: block !important;}
.one-track .track-desc{ width: 5rem !important;}
.one-track .track-type{display: block !important;width: auto !important;}
.one-track .track-owner{ display: block;width: auto;}
.track-name .fa-play,.track-type .fa-copy{font-size: 1.3rem !important;}
.track-type p{ margin-top: 1rem !important; }
.owner-name{text-align: center;margin-top: 1rem !important;}
.pop-track-container .track .one-track{flex-wrap: wrap;display: flex;}
.one-track .track-wave {flex: 1 0 100%;}
.pop-track-container .track .one-track{grid-gap:inherit}
.track-owner .owner-img{ margin:auto }
.one-track .img-track {width: 4rem !important;height: 4rem !important;}
.track-type,.track-owner {width: auto !important;display: block !important}
.one-track {justify-content:space-between !important;}
.section-competion-container .img-cover-container .btns{top: 11rem;left: 1rem;bottom:unset;right: unset;}
.follow-btn{font-size: 1.3rem !important;font-weight: bolder;}
.plapla a img{ border-radius: 0.5rem;}
footer .icons-containe .navbar-nav {flex-direction: row;justify-content: center;}
footer .nav-linkk {margin-right: 0 !important;}
.login-button-in-mobile-screen{background-color: transparent !important;font-weight: bold;width: auto !important;}
.navbar-toggler{background-color:unset !important;border: none  !important;}
.navbar-light .navbar-toggler{color:#fff;font-size: 1.7rem;}
.navbar-light .navbar-toggler:focus{outline: none;}
.carousel-indicators{display: none;}
.latest-videos{margin-top: 0rem !important;}
.img-cover-container {height: 16rem !important;}
.img-cover-container .test {bottom: 8rem !important;left: 1rem !important;}
.img-cover-container .text-muted {top: 7.5rem !important;}
.img-cover-container .text-muted p,
.img-cover-container .text-muted {display: inline-block;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;}
.img-cover-container .text-muted p{width: 100%;}
.competition-box .btns > .btn{margin-bottom: 10px !important;}
.competition-box .img-cover-container .btns {right:  1rem !important;bottom: 1rem !important;display: flex;}
.competition-box .img-cover-container .test .badge-transpernt{margin:0 5px}
.join-competition-container > .test{ bottom: 10rem !important;}
.join-competition-container .test .badge-transpernt{margin-left: 0 !important;}
.join-competition-container .test .fa-trophy{margin-bottom: 10px;}
#joinCompForm #prevBtn{float: left !important;}
.join-competitor-form{margin: inherit !important;}
#verify-account .gradientBackground .form{width: 100%;}
.cover-photo-container .p-info{transform: unset;left: 1rem !important;}
.cover-photo-container .follow-container{bottom: 1rem;right: 50%;transform: translateX(50%);}
.categories-list{padding-top: 1rem;}
.gradientBackground.categories-page .form{width: auto;height: auto;margin-top: 15rem;}
.categories-page .form{background-color: unset;}
.gradientBackground.categories-page .form{margin-top: 2rem;}
.categories-page .form h4{font-size: 1.1rem;}
.categories-list ul{padding-top: 0rem;height: 220px;}
.categories-list label img{height: 70px;}
.categories-list button{width: 100%;}
.media-background{ min-height: 18rem; }
.media-content .sm-card-container .card {height: 13rem !important;width: 15rem !important;}
.media-content [style="margin-right: 0px !important; width: 98%; margin: auto;"]{width: 100%  !important;}

.media-content .img-card {width: 80% !important;}
.media-content h3[style="font-size:1.55rem !important;display: flex;align-items: center;justify-content: space-between;"]{padding-left: 0 !important;}
.media-content .scrolling{padding-left: 0 !important;}
.media-content .scrol-right{left: -1rem !important;}
.media-content .scrol-left{right: -.5rem !important;}
.media-content .scrolling .card .hide{display: block;}
.media-content .scrolling .hide .watch{margin-bottom: 5px;}
.media-content .hide > p {background-color: rgba(0, 0, 0, .4);padding: .375rem .75rem;font-weight: 500;letter-spacing: 1px;font-size: .6rem;}
.media-content > div > div:nth-child(2){margin-top: 2rem;}

.profile-in-mobile-screen{display: flex ;position: absolute!important;right: 5.3rem !important;height: 2.5 !important;width: 3.4rem !important;background-color: transparent !important;border-radius: 5px !important;}

.img-cover-container .badge-top{top: 2rem;width: auto;padding: .5rem;}
.show_hide{bottom: 0.5rem !important;right: 0 !important;left: unset !important;}
.category-cards .title{min-height: auto !important;}
/* .media-content > div > div:first-child{display: none;} */
.single-competition .text-muted p {bottom: 12rem !important;white-space: unset;}
.single-competition .test-tail{margin-top: 5px;}










}
.homeIntro, #demo {height: 100% !important;}


@media (max-width: 567px){
    .homeIntro {height: 350px !important;}
}


@media (max-width: 776px){
    .one-track .img-track {width: 4rem !important;height: 4rem !important;}
    .show-comptetition-competitors{height: 9rem !important;min-height: 9rem !important;margin: 0;}
    .show-comptetition-competitors img{ width: 100%;height: 100%;  border-radius: 1rem; }
    .search-competitors-form button{margin-top: 10px;}
    .background.img-fluid{min-height: 18rem;}
    .background.img-fluid .page-intro p{font-size: 2rem;}

}
@media (max-width: 889px){.track-type,.track-owner {width: auto !important;display: block !important}}
@media (max-width: 435px){.one-track {justify-content: space-between;}}
@media (max-width: 435px){.one-track {justify-content:space-between !important;}}
@media (max-width: 1262px){.nav-linkk {margin-right: 0rem !important;}}
@media (max-width: 427px){
    .homeIntro .carousel-control-prev,
    .homeIntro .carousel-control-next {top: 75% !important;}
}


@media (max-width: 889px){
    .carousel-item > a {display: block; text-align: center; }
    .carousel-item > a > img{ transform: scaleX(1.7); }
}



.scrol-right{display: none ;}

.scrol-right .fa-chevron-left,.scrol-left .fa-chevron-right{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.video-js .vjs-play-progress:before{z-index: auto;}

/* .owl-carousel .owl-stage-outer{overflow: visible;} */

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
    touch-action: none;
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    touch-action:initial
}

@media (max-width: 776px){

.cards-container  {margin-bottom: 3rem;}
    
}


.cards-container .widget-header{margin-top: 1rem;}

.card-caption > h5{ font-size: 1rem; }

.card-caption > p{ font-size: .9rem; }

/* .cards-container:nth-child(odd) .card-container .card-caption{
    background-color: #24283f;
} */

.similar-talents-container a > div { margin: 1rem; }

.similar-talents-container{margin-top: 1rem;}


.cover-photo-container .follow-container .followers{  width: 5rem;}

.cards-container{margin: 0;padding: .5rem 0;}

/* .cards-container:nth-child(odd){background: #20466d;} */

.cards-container .widget-header{margin-left: 3rem !important;padding-left: 15px !important;}

.cards-container > div {margin-left: 3rem !important;}

.cards-container > .top-videos{margin-left: 0rem !important;}

@media only screen and (max-width: 600px){
    .cover-photo-container .follow-container .followers {width: 5rem !important;}
    .profile-header{text-align: center !important;margin: 1rem auto;}
    .similar-talents-container a > div { margin: auto; }

    .cards-container .widget-header{margin-left: 1rem !important;}

    .cards-container >div{margin-left: 0rem !important;}

    .cover-photo-container .cover-photo{ background: #0c0033;background-image: unset !important; }
}

.top-videos-cards.cards-container{height: 200px !important} 

@media only screen and (min-width: 770px){
.red-line,.blue-line{position: absolute;width:94%;border-radius: 20px 0;}
.red-line{height:80%;top:0;border-right: solid 0.5px #c61847;border-bottom: solid 0.5px #c61847;}
.blue-line{height:85%;right:8%;top:0;border-right: solid 0.5px #6bacd5;border-bottom: solid 0.5px #6bacd5;}
}