@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Nastaliq+Urdu:wght@400..700&display=swap');

html, body { font-family: "Montserrat", sans-serif; }
body { background-color: #EDE9EA;}

.navbar-brand-img {  width: 170px; }

.navbar-nav .nav-link { padding: 0.5rem 1rem; font-size: 1rem; }

.btn-primary { font-size: 0.9rem; padding: 0.5rem 1rem; }

.btn-success { background-color: #32BD79; font-weight: 500; text-transform: uppercase;font-size: 18px; }
.navbar-nav .nav-item .nav-link { font-weight: 600; text-transform: uppercase; font-size: 12px; }

.hero-list  { list-style: none; }
.hero-list li img { width: 24px; }
.hero-list li  { margin-top: 10px; }

.how-works-section p { margin: 0; }

.about-section .container.card{ background-image: url('../img/about.png'); background-size: cover; background-position: center;
}
.about-section .container.card .row p { color: white;}

.payment-section .container { background-color: #213A57; border-radius: 8px; }

@media screen and (max-width: 767px) {
    .sti-section .container { background-image: url('../img/sti-bg-mobile.png'); background-size: cover; background-color: #F6F6F6; }
    .sti-section h1 { font-family: none; font-weight: 700; font-size: 32px;text-align: center;}
    .sti-section p { text-align: left;}
    .sti-section .logo-sti { width: 125px; }
    .payment-section .container img.legitscript{ width: 35px; margin: 0 20px; height: auto; }
}
/* .sti-section .btn-success { background-color: #8EF2B3; border: 0; font-size: 24px; border-radius: 50px; color: #000;text-transform: capitalize; font-weight: 700;} */


.footer-section h5 { height: 30px; }
.footer-section .list-unstyled li { margin-bottom: 10px; }
.footer-section .list-unstyled li a { color: #969696; margin-bottom: 10px; }

.footer-section .input-group .input-group-text,
.footer-section .input-group .form-control  { background-color: #323842; font-size: 14px; }

.footer-section .input-group .form-control::placeholder { color: #969696; }
.footer-section .logo-container p { color: #969696; }


.background-color-gray { background-color: #F6F6F6 !important; }

.reverse-column-mobile .how-works-section .card-body { position: relative; text-align: left; }
.reverse-column-mobile .how-works-section .card-body .text-content { position: absolute; color: white; bottom: 20px; padding: 30px; }

@media (min-width: 768px) {
    .about-section .container.card .row { background-color: #00000078; border-radius: 8px; }
    .payment-section .container img{ width: 175px; height: auto; }
    .payment-section .container img.legitscript{ width: 75px; height: auto; }
    .hero-section .box-left h2.card-title { font-size: 40px; font-weight: 600; }
    .how-works-section h2 { font-weight: 700; font-size: 42px; }
    .how-works-section h4 { font-size: 32px; }
    .how-works-section p{ font-size: 12px; }
    .navbar-nav .nav-item .nav-link { padding: 0 20px; }
    .about-section .container.card .row h4 { color: white; font-weight: 600; font-size: 42px; }
    .border-color-gray-md { border: 1px solid #C2C2C2 !important; }
    img.border-color-gray { border-radius: 5px; }
    .sti-section .container { background-image: url('../img/sti-bg.png'); background-size: cover; background-color: #F6F6F6; }
    .sti-section h1 { font-family: none; font-weight: 700; font-size: 62px;}
    .sti-section .sti-img { width: 500px; }
    section#hero-section .card-body img.w-100{object-position: left; object-fit: cover; border-radius: 10px; }
}