@font-face {
    font-family: __myFont;
    src: url(../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%;
}


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: rgb(255, 255, 255);
    background: linear-gradient(to right, #002fff, #0377bb);
}

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

.banner input {
    margin-left: auto;
    margin-right: auto;
    font-size: 19px;
    max-width: 28rem;
    border: 2px solid #ff0000; /* Add this line for the red border */
}

.banner input:hover {
    border: 2px solid #ff0000;
    /* change text color on hover, if desired */
}

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


.banner .btn-group button {
    font-size: 19px;
    color: rgb(0, 0, 0);
    background-color: #FFD700;
    /* deep yellow */
}

.banner .btn-group button:hover {
    background-color: #FFD700;
    /* a darker shade of yellow for hover */
    color: rgb(0, 0, 0);
    /* change text color on hover, if desired */
}



/* Downloader */

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

/* Button styling */
.downloader-header .btn {
    font-size: 19px;
    color: rgb(0, 0, 0);
    background-color: #FFD700;
    /* deep yellow */
    margin-bottom: 20px;
    /* Add this line */
}

.downloader-header .btn:hover {
    background-color: #FFD700;
    /* a darker shade of yellow for hover */
    color: rgb(0, 0, 0);
    /* change text color on hover, if desired */
}

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

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

/* Content */

.content {
    margin-top: 3rem;
}

.content img {
    display: block;           /* Ensures the image is treated as a block-level element */
    margin: 0 auto;           /* Centers the image horizontally */
    max-width: 100%;          /* Keeps the image responsive and prevents it from exceeding the container's width */
                /* Maintains the aspect ratio of the image */
}



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

.content h2 {
            border-left: 5px solid #0069CF;
            padding-left: 16px;
            background-color: #ECECEC;
        }

 .content h3 {
            border-left: 3px solid #025A74;
            border-right: 3px solid #025A74;
            border-bottom: 5px solid #025A74;
            border-radius: 20px;
            background-color: #A0F5F5;
            text-align: center;
        }

.content h4 {
            border-left: 5px solid #567402;
            border-radius: 20px;
            background-color: #ffd7d7;
            padding-left: 16px;
            text-align: lefter;
        }


.schema-faq-code {
border: 1px solid #dedee0;
border-radius: 10px;
background-color:#fefbf9;
  overflow:hidden;
}
.schema-faq-code .faq-q {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 56px 12px 12px;
line-height: 1.4;
cursor: pointer;
position: relative;
border-bottom: 1px solid #dedee0;
-webkit-touch-callout: none; 
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
}
.faq-q:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0;
    width: 56px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    color: #000;
    font-size: 20px;
}
.faq-q.faq-q-open:after {
    content: "-";	
}
.faq-a {
margin: 0;
padding: 12px;
background-color:#fff;
font-size: 14px;
line-height: 1.4;
  border-bottom: 1px solid #dedee0;
  display: none;
}
.schema-faq-code .faq-question:last-child .faq-a {
  border-bottom:0px;
}

.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;
}
.content .btn-linkedin {
    color: white;
    background-color: #0077B5;
}



/* 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)}}