@font-face {
    font-family: __myFont;
    src: url(/assets/fonts/867bce6efedfde96-s.p.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: '__myFont_Fallback';
    src: local('Arial');
    ascent-override: 92.36%;
    descent-override: 21.95%;
    line-gap-override: 9.14%;
    size-adjust: 109.35%;
}

/* Scrollbar */

::-webkit-scrollbar {
    width: 0.525rem;
}

/* Body */

body {
    font-family: '__myFont', '__myFont_Fallback';
}

/* Container */

.container h1 {
    font-weight: 700;
}

.container h2 {
    font-weight: 600;
}

.container h5 {
    font-weight: bolder;
}

/* Navbar */

.navbar {
    border-bottom: 0.5px solid lightgray;
}

/* Banner */

.banner {
    display: flex;
    height: 100vh;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: white;
    background: linear-gradient(to right, #2e73fa, #9bbcfd);
}

.banner p {
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
}

.banner input {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.875rem;
    max-width: 28rem;
}

.banner .btn-group {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 28rem;
    width: 100%;
}

.banner .btn-group button {
    font-size: 0.875rem;
}

/* Loader */

.loader {
    margin-top: 3rem;
    text-align: center;
}

/* Downloader */

.downloader-header {
    margin-top: 3rem;
    text-align: center;
}   

.downloader-body {
    margin-top: 2rem;
}

.downloader-body .card {
    margin-top: 1rem;
}

/* Player */

.player-header {
    margin-top: 3rem;
    text-align: center;
}   

.player-body {
    margin-top: 2rem;
}

.player-body .card {
    margin-top: 1rem;
}

/* Content */

.content {
    margin-top: 3rem;
}

.content p, .content li {
    padding-top: 0.25rem;
    font-size: 1.125rem;
}

.content a {
    text-decoration: none;
}

.content form {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.content .share {
    display: flex;
    gap: 1rem;
}

.content .btn-whatsapp {
    color: white;
    background-color: #25D366;
}

.content .btn-facebook {
    color: white;
    background-color: #1877F2;
}

.content .btn-twitter {
    color: white;
    background-color: #000000;
}

.content .btn-reddit {
    color: white;
    background-color: #FF4500;
}

.content .btn-telegram {
    color: white;
    background-color: #0088cc;
}

/* Footer */

.footer {
    margin-top: 3rem;
    text-align: center;
    border-top: 0.5px solid lightgray;
}

.footer .navigation {
    padding-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.footer .social {
    padding-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.footer .copyright {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 0.5px solid lightgray;
}

.footer a {
    color: #212529;
    text-decoration: none;
}

.footer p {
    font-size: .875rem;
}

/* AdBlocker Detector */

.popSc{position:fixed;z-index:99981;top:0;bottom:0;left:0;right:0;padding:20px;background:#f3f5fe;display:flex;justify-content:center;align-items:center}
.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:#fff;max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:30px}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}
.popSc .popBo .popBtn{display:inline-flex;justify-content:center;align-items:center;height:50px;width:50px;outline:none;border:none;background:#f3f5fe;border-radius:50%;margin-top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}
.popSc .popBo .popBtn:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}
.popSc .popBo .popBtn svg{width:24px;height:24px;flex-shrink:0;opacity:.8}
.popSc .popBo .popBtn svg.r{animation:rotateIcn 1.5s infinite linear;-webkit-animation:rotateIcn 1.5s infinite linear}
.darkMode .popSc, .darkMode .popSc .popBo .popBtn{background:#1f1f1f}
.darkMode .popSc .popBo{background:#2c2d31}
.darkMode .popSc .popBo svg{stroke:#fefefe}
.darkMode .popSc .popBo p, .darkMode .popSc .popBo  h2{color:#fefefe}
@keyframes rotateIcn{from{transform:rotate(0deg)} to{transform:rotate(359deg)}}
@-webkit-keyframes rotateIcn{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(359deg)}}