body {
    height: 100vh;
    position: relative;
    background-color: #f3f2f3;
}

.pc3 {
    border: 2px solid #ddaf47;
    position: relative;
}

.pc1 {
    border: 2px solid #1861c7;
    position: relative;
}


.pc2 {
    border: 2px solid #9264d1;
    position: relative;
}

.pricing-credit {
    color: #fff;
    letter-spacing: 5px;
    font-size: 45px;
    font-weight: 700;
}


.pc-bot-seperates {
    position: relative;
    max-width: 300px;
    left: 74px;
    font-weight: 700;
    font-size: 10px;
}

.pc-bot-seperates-span {
    color: #5a5a5a;
    font-size: 14px;
}

.pc3 > .credit-top > .pricing-credit {
    color: #fff;
    letter-spacing: 5px;
    font-size: 45px;
    text-shadow: 2px 2px #ffb700;
    font-weight: 700;
}


.pc2 > .credit-top > .pricing-credit {
    color: #fff;
    letter-spacing: 5px;
    font-size: 45px;
    text-shadow: 2px 2px #9264d1;
    font-weight: 700;
}

.pc1 > .credit-top > .pricing-credit {
    color: #fff;
    letter-spacing: 5px;
    font-size: 45px;
    text-shadow: 2px 2px #1861c7;
    font-weight: 700;
}

.credit-bottom {
    height: 423px;
}

.pricing-row {
    max-width: 1300px;
    margin: auto;
}

.credit-count {
    font-size: 15px !important;
    color: #fffffffa;
    text-shadow: 2px 2px #181818;
    letter-spacing: 2px;
    position: relative;
    top: -31px;
}

.pc3 > .credit-top > h3 > .credit-count {
    text-shadow: 2px 2px #ffb700 !important;
}

.pc2 > .credit-top > h3 > .credit-count {
    text-shadow: 2px 2px #9264d1 !important;
}

.pc1 > .credit-top > h3 > .credit-count {
    text-shadow: 2px 2px #1b7aff !important;
}


.credit-li {
    font-size: 16px;
}



.credit-ul {
    list-style-type: none;
    width: fit-content;
    padding-top: 20px;
    margin: auto;
}

.credit-ul {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}

.credit-li::before {
    font-size: 30px;
    content: "";
    background-image: url(../../images/green-checkmark.png);
    background-size: cover;
    display: inline-block;
    width: 29px;
    height: 36px;
    padding-right: 45px;
    margin-bottom: 6px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -4px;
}

.pc-bottom-border {
    height: 4px;
    width: 70%;
    border-radius: 50px;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.pc3-bottom-border {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #cb9c36 30%, #bb8f2b 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ddb037 0%, #cdae5d 8%, #D1B464 25%, #b58416 62.5%, #473305 100%);
}

.pc2-bottom-border {
    background: radial-gradient(ellipse farthest-corner at right bottom, #6431a3 0%, #662dad 8%, #753abd 30%, #8747d7 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #6431a3 0%, #4a1a85c2 8%, #9264d1 25%, #6431a3 62.5%, #ffffff 100%);
}

.pc1-bottom-border {
    background: radial-gradient(ellipse farthest-corner at right bottom, #1c5cb6 0%, #1861c7 8%, #1861c7 30%, #2973db 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #0c69eb 0%, #3686dd 8%, #237eff 25%, #23559b 62.5%, #154a94 100%);
}

.pricing-card > .credit-top {
    height: 242px;
    text-align: center;
    padding-top: 44px;
}

.pricing-card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.05);
}

.pc3 > .credit-top {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #cb9c36 30%, #bb8f2b 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ddb037 0%, #cdae5d 8%, #D1B464 25%, #b58416 62.5%, #473305 100%);
}


.pc1 > .credit-top {
    background: radial-gradient(ellipse farthest-corner at right bottom, #1c5cb6 0%, #1861c7 8%, #1861c7 30%, #2973db 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #0c69eb 0%, #3686dd 8%, #237eff 25%, #23559b 62.5%, #154a94 100%);
}

.pc2 > .credit-top {
    background: radial-gradient(ellipse farthest-corner at right bottom, #6431a3 0%, #662dad 8%, #753abd 30%, #8747d7 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #6431a3 0%, #4a1a85c2 8%, #9264d1 25%, #6431a3 62.5%, #ffffff 100%);
}

.pc3 > .credit-top > .pricing-card-header > .pricing-name {
    letter-spacing: 8px;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    text-shadow: 2px 2px #b98100;
    background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100% );
    color: white;
    -webkit-background-clip: text;
}

.pc2 > .credit-top > .pricing-card-header > .pricing-name {
    letter-spacing: 8px;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    text-shadow: 2px 2px #662dad;
    color: white;
    -webkit-background-clip: text;
}

.pc1 > .credit-top > .pricing-card-header > .pricing-name {
    letter-spacing: 8px;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    text-shadow: 2px 2px #1861c7;
    color: white;
    -webkit-background-clip: text;
}

.body-content {
    padding-bottom: 0px !important;
}

.page-body {
    margin-bottom: 0px !important;
}

.digifyme-table > thead > tr {
    background-color: #fcb033 !important;
    color: #fff;
}

.grecaptcha-badge {
    z-index: 99999999999 !important;
}

.digifyme-table > tbody > tr > td > .form-check-input {
    height: 30px;
    width: 30px;
}

.check-td {
    text-align: center;
}


.reg-form-card {
    background-color: #e1e1e1f7 !important;
}

.reg-body {
    max-width: 850px;
    margin: auto;
}

.registration-container {
    background-image: url('../../images/Digifyme/Website Header Image - Login (1024 × 550 px).svg');
    background-size: cover;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 90vh !important;
    background-repeat: no-repeat;
    background-position: right center;
    padding-bottom: 50px;
}



.demo-btn {
    background-color: #fcb033;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    height: fit-content;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    font-size: 1rem;
    margin-top: 2rem;
    border-radius: 0;
}

    .demo-btn:hover, .demo-btn:focus, .btn:hover, .btn:focus {
        color: #000000 !important;
        opacity: 0.5 !important;
    }

.privacy-btn {
    text-transform: uppercase;
}

.contact-us-header-background {
    background-color: #000000;
    position: relative;
    color: #fcb033;
    font-size: 1.5rem;
}

.c-header {
    font-size: 1.5rem !important;
}

.icons-nav-container {
    position: relative;
    top: -10px;
    min-width: 120px;
}

.DigifymeIcon {
    background-image: url('../../images/Digifyme/DigifyMe Vertical-Logo-Text.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 100px;
    padding: 38px;
    margin-bottom: 4px;
    margin-left: -1.6rem;
}

.LinkdInIcon {
    background-image: url(../../images/Digifyme/Linkedin-Logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: 10px;
    padding: 23px;
    position: relative;
    top: 19px;
}

.FacebookIcon {
    background-image: url(../../images/Digifyme/facebook-logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: 10px;
    padding: 23px;
    position: relative;
    top: 19px;
}


.navbar-nav li.active {
    border: none !important;
}

.navbar-collapse-drop {
    background-color: rgb(243 242 242) !important;
    padding-left: 20px;
    z-index: 5 !important;
    text-align: center;
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 0px;
}

#navbarNav {
}

.navbar-row {
    padding-top: 25px;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(0 0 0 / 50%) !important;
}

.nav-link {
    display: block;
    padding: 0.5rem 3rem;
    font-size: 1.4rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.navbar-nav {
    position: relative;
    top: -10px;
}

.navbar {
    padding: 0px;
    min-height: 10vh;
    background-color: rgb(243 242 242) !important;
}

.navbar-toggler {
    height: 5vh;
    border: 2px solid #fcb033 !important;
}

.navbar-toggler-icon {
    color: #fcb033 !important;
}

.footer-area {
    background-color: #fcb033;
    text-align: center;
    height: 10vh;
    width: 100%;
    position: relative;
    bottom: 0;
}

.footer-text {
    position: relative;
    color: #fff;
    top: 35%;
    font-weight: 500;
}

.footer-bold {
    font-weight: 800;
}

.digifyme-banner {
    margin: 0 !IMPORTANT;
    min-height: 100% !important;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background-image: url('../../images/Digifyme/banner.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    margin-top: -36px;
    max-width: 100% !important;
}

.cookie-bottom-border {
    background-image: url('../../images/Digifyme/Shadow Underline.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    position: relative;
    width: 100%;
    margin-bottom: -2rem;
}

.pvh {
    position: relative;
    font-size: 1.6rem !important;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 10px;
}



.cookie-popup {
    position: absolute;
    min-width: 100% !important;
}

#cookie-banner {
    position: relative;
    z-index: 3;
    background-color: transparent;
    opacity: 0.94;
}

.accept-all-cookies-btn {
    background-color: #14213d;
    width: fit-content;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    padding: 11px;
    font-weight: 100 !important;
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.exit-cookies-btn {
    background-color: #e5e5e5;
    width: fit-content;
    position: relative;
    color: #797979;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    margin-top: 1rem;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: normal;
    font-size: 0.7rem;
    margin-bottom: 1.5rem;
}

.privacy-statement-link {
    color: black;
    text-decoration: underline;
}

.pricacy-modal-card {
    display: block;
    top: 13vh;
    position: relative;
    max-width: 100%;
    padding: 6rem;
    padding-left: 5rem;
    padding-right: 5rem;
    max-width: 791px;
    height: 60vh;
    margin: auto;
}

.slow-slide-up {
    animation: slide-up 3s forwards;
}

@keyframes slide-up {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

.slide-down-slow {
    animation: slide-down 3s forwards;
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

.privacy-text {
    font-size: 17px;
    top: -9px;
    position: relative;
}

.primary-color {
    color: #fcb033;
}

.underline {
    text-decoration: underline !important;
}

.home-card {
    text-align: center;
    border: none;
    background-color: #e7e7e7;
    min-height: 350px;
    width: 80%;
    height: 80%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 374px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.home-card-icon1 {
    background-image: url('../../images/Digifyme/Icons/Ongoing Support Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 6rem;
    position: relative;
}

.home-card-icon2 {
    background-image: url('../../images/Digifyme/Icons/Device Compatibility Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    position: relative;
    width: 100%;
}

.home-card-icon3 {
    background-image: url('../../images/Digifyme/Icons/Data Privacy Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    position: relative;
    width: 100%;
}

.home-card-icon4 {
    background-image: url('../../images/Digifyme/Icons/Industry Certified Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    position: relative;
    width: 100%;
}

.home-card > .card-content {
    margin-top: auto;
    margin-bottom: auto;
}

.home-card-text1 > p {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.home-card-text2 > p {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.home-card-text3 > p {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.home-card-text4 > p {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.what-we-offer {
    background-color: black;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 800;
}

.headingWhite {
    background-color: black;
    color: #fff;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 800;
}

.automation-text-section > h3 {
    margin-bottom: 4px;
}

.icons-sm {
    display: flex !important;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 45%;
    top: -9px;
    z-index: 9;
}



.wwo-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    float: right;
    position: relative;
    right: 20px;
    bottom: 9px;
}

.wwo-img1 {
    background-image: url('../../images/Digifyme/Icons/Liveness and Face Match Icon.png');
}

.wwo-img2 {
    background-image: url('../../images/Digifyme/Icons/Income Verification Icon.png');
}

.wwo-img3 {
    background-image: url('../../images/Digifyme/Icons/ID Verification Icon.png');
}

.wwo-img4 {
    background-image: url('../../images/Digifyme/Icons/Address Verification Icon.png');
}

.wwo-img5 {
    background-image: url('../../images/Digifyme/Icons/DigitalSignaturesIcon.png');
}

.wwo-img6 {
    background-image: url('../../images/Digifyme/Icons/BankAccountVerificationIcon.png');
}

.nav-link:hover {
    color: #fcb033 !important;
}

.nav-item {
    border-radius: 0px !important;
}

    .nav-item.active {
        background-color: #14213d;
        top: -10px;
        height: 56px;
        border-radius: 0px !important;
        position: relative;
        top: 8px;
    }

        .nav-item.active > a {
            color: #fff !important;
            position: relative;
            top: -10px;
        }


.automation-icon-top-left {
    background-image: url('../../images/Digifyme/Icons/Liveness and Face Match Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 3rem;
    position: relative;
}

.automation-icon-top-left {
    background-image: url('/../../images/Digifyme/Icons/Liveness and Face Match Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 4rem;
    position: relative;
    top: 4rem;
    left: 3rem;
}

.automation-icon-bottom-left {
    background-image: url('../../images/Digifyme/Icons/Income Verification Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 4rem;
    position: relative;
    top: 14rem;
    left: 4rem;
}

.automation-icon-top-left {
    background-image: url('../../images/Digifyme/Icons/Liveness and Face Match Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20% !important;
    width: 18%;
    position: relative !important;
    top: 7% !important;
    left: 3% !important;
}

.automation-icon-center-left {
    background-image: url('../../images/Digifyme/Icons/DigitalSignaturesIcon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20% !important;
    width: 18%;
    position: relative !important;
    top: 21% !important;
    left: -9% !important;
}

.automation-icon-bottom-left {
    background-image: url('../../images/Digifyme/Icons/Income Verification Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20% !important;
    width: 20% !important;
    position: relative !important;
    top: 33% !important;
    left: 0% !important;
}

.automation-icon-center {
    background-image: url('../../images/Digifyme/Icons/Orange Verification Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80% !important;
    width: 11rem;
    position: relative;
    top: -48% !important;
    margin: auto;
}

.automation-icon-top-right {
    background-image: url('../../images/Digifyme/Icons/ID Verification Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20% !important;
    width: 20% !important;
    position: relative;
    top: -136% !important;
    left: 78% !important;
}

.automation-icon-center-right {
    background-image: url('../../images/Digifyme/Icons/BankAccountVerificationIcon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20% !important;
    width: 20% !important;
    position: relative;
    top: -122% !important;
    left: 89% !important;
}

.automation-icon-bottom-right {
    background-image: url('../../images/Digifyme/Icons/Address Verification Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20% !important;
    width: 20% !important;
    position: relative;
    top: -109% !important;
    left: 79% !important;
}

.document-icons-div {
    width: 100%;
    height: 300px;
    margin: auto;
    max-width: 330px;
}

.download-our-app-container {
    background-color: #fcb033;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
    font-size: 1rem;
}

.five-star-img {
    background-image: url('../../images/Digifyme/New Stars Image.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 45px !important;
    width: 100% !important;
    position: relative;
    top: 10px;
    margin-bottom: 21px;
}

.quote-img {
    background-image: url('../../images/Digifyme/Icons/Quotation Marks Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px !important;
    width: 25px !important;
    position: relative;
}

.testimonial-card {
    max-width: 330px;
    margin: auto;
    background-color: #eaeaea;
    min-height: 280px;
    border: none;
    margin-top: 2rem;
}

.testimonial-icon-black {
    background-image: url('../../images/Digifyme/Icons/Profile Image Icon Black.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px !important;
    width: 50px !important;
    position: relative;
}

.testimonial-icon-yellow {
    background-image: url('../../images/Digifyme/Icons/Profile Image Icon Orange.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px !important;
    width: 50px !important;
    position: relative;
}

.text-bold {
    font-weight: 800;
}

.quote-img {
    position: relative;
    top: 20px;
    left: 80%;
}

.testimonal-card-label {
    color: #8d8d8d;
}

.testimonials-header-container {
    padding-left: 4%;
    padding-right: 4%;
}

.testimonials-container {
    background-color: black;
    margin-top: 1rem;
    padding: 30px;
    padding-left: 12%;
    padding-right: 12%;
}

.contact-container {
    background-color: black;
    margin-top: 1rem;
    padding: 30px;
    padding-left: 12%;
    padding-right: 12%;
}


.partners-container {
    background-color: black;
    padding: 30px;
    padding-left: 12%;
    padding-right: 12%;
}

.contact-us-header {
    width: 100vw;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.5rem;
    background-color: black;
    color: #fcb033;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding-left: 12%;
}

    .contact-us-header > h3 {
        margin-left: auto;
        margin-right: auto;
    }

.contact-icon1 {
    background-image: url('../../images/Digifyme/Icons/Location Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-icon2 {
    background-image: url('../../images/Digifyme/Icons/Contact Number Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-icon3 {
    background-image: url('../../images/Digifyme/Icons/Email Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-main {
    font-weight: 900 !important;
    font-size: 1.3rem;
}

.contact-sub {
    font-weight: 700 !important;
    font-size: 1.1rem;
    color: #8d8d8d;
}

.contact-us-top-section {
    max-width: 348px;
    position: relative;
    left: 18px;
}

.contact-input-label {
    font-size: 1rem;
}

.contact-form-input {
    border: none !important;
}

    .contact-form-input::placeholder {
        text-align: center;
    }

    /* Microsoft Edge */
    .contact-form-input:-ms-input-placeholder {
        text-align: center;
    }

    /* Safari */
    .contact-form-input::-webkit-input-placeholder {
        text-align: center;
    }

.contact-partial-background {
    background-color: #ebebeb;
    position: relative;
    min-height: 525px;
}

.contact-option-select-label {
    position: relative;
    top: -12px;
    font-size: 1rem;
}

.checkboxes-contact-page {
    position: relative;
    top: -30px;
}

#no-quote {
    accent-color: #14213d;
}

#isQuoteRequest {
    accent-color: #14213d;
}

.contact-submit {
    background-color: #fdaf2f;
    border: none;
    position: relative;
    top: -27px;
}

.success-contact-us {
    position: relative;
    top: -20px;
}

.contact-branding {
    position: relative;
    left: 15px;
}

.contact-info-wrapper {
    width: 37%;
    min-width: 365px;
}


.contact-form-wrapper {
    width: 90%;
    max-width: 420px;
}


.faq-question {
    font-size: 1rem;
    background-color: #f2f2f2;
    padding: 20px;
    padding-left: 9%;
    padding-right: 9%;
}

.faq-answer {
    font-size: 1rem;
    background-color: #e5e5e5;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 21px;
    padding-left: 20px;
    padding-right: 20px;
}

.faq-question-icon {
    background-image: url('../../images/Digifyme/Icons/Drop Down Action Button.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px !important;
    width: 30px !important;
    position: absolute;
    right: 3%;
}

.Scan-Me-Img {
    min-height: 100% !important;
    height: 0;
    padding-bottom: 35.25%;
    background-image: url('../../images/Digifyme/Contact Page Scan Image (1024 × 368 px).svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.navbar-row {
    width: 100% !important;
}

.login-validation-summary {
    padding: 0px !important;
    margin-top: -20px !important;
}

    .login-validation-summary:before {
        content: "! ";
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 30px;
    }

.forgot-password-link {
    /*    float: right;*/
    text-decoration: underline;
    color: #fcb033;
}



.login-label {
    float: right;
    text-decoration: underline;
    color: #fcb033;
}

.login-container {
    min-height: 90vh !important;
    height: 0;
    background-image: url('../../images/Digifyme/Website Header Image - Login (1024 × 550 px).svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.login-card {
    margin: auto;
    min-width: 350px;
    width: 70vw;
    max-width: 800px;
    background-color: #e1e1e1f7 !important;
    position: relative;
    top: 8vh;
}

.login-border-shadow-icon {
    background-image: url('../../images/Digifyme/Shadow Underline.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    position: relative;
    width: 100%;
    margin-bottom: -62px;
}

.login-card-header {
    font-size: 1.8rem;
    font-weight: 900;
    padding-top: 2vh;
    padding-bottom: 11px;
}

.login-text {
    font-size: 19px;
    padding: 20px;
    margin-bottom: 0px;
}

.login-lbl {
    color: black !important;
}

.login-input {
    border: none !important;
    border-radius: 4px !important;
}

.login-btn {
    background-color: #fcb033;
    color: #fff;
    border: none !important;
    border-radius: 4px !important;
    text-transform: none;
    font-size: 15px;
}

.privacy-policy-text {
    padding-top: 2rem;
    padding-left: 12% !important;
    padding-right: 10vw !important;
}

.privacy-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
}

.privacy-modal {
    position: relative;
    background-color: #fff;
    width: 95%;
    animation: slide-in 0.5s forwards;
    margin: auto;
    max-height: 95vh;
    overflow: auto;
    top: 2.5vh;
}

.privacy-modal-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -118px;
    z-index: 9999999999 !important;
    position: relative;
    right: 1rem;
}

.privacy-close-button {
    background-color: transparent;
    border: none;
    font-size: 3rem;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: #fff;
    height: 50px;
    width: 50px;
}

.privacy-modal-content {
    margin-top: 20px;
}

@keyframes slide-in {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slide-out {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

.privacy-modal-overlay {
    z-index: 99999 !important;
}

.faq-answer {
    display: none;
}

.faq-question-icon {
    cursor: pointer;
}

    .faq-question-icon .opened {
        background-image: url('../../images/Digifyme/Icons/Drop Down Action Button.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 30px !important;
        width: 30px !important;
        position: absolute;
        right: 3%;
    }

.faq-question-icon-close {
    background-image: url('../../images/Digifyme/Icons/Drop Down Action Button 2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px !important;
    width: 30px !important;
    position: absolute;
    right: 3%;
}

.padding1 {
    padding-top: 1%;
}


.tns-controls {
    display: none !important;
}

.tns-outer > button {
    display: none !important;
}

.ps {
    text-align: center;
    align-content: center;
    align-items: center;
    z-index: 9999999999 !important;
    position: relative;
}

.partner-slide-wesbank {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.partner-slide-mq {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.partner-slide-img-wesbank {
    width: 367px;
    top: -11px;
}

.partner-slide-img-mq {
    text-align: center;
    z-index: 9999999999 !important;
    position: relative;
    width: 278px !important;
    left: -30px;
    top: 102px;
}

.partner-slide-img-dealfin {
    text-align: center;
    z-index: 9999999999 !important;
    position: relative;
    width: 300px !important;
    max-width: 380px !important;
    top: 79px;
}

.ps:hover {
    cursor: pointer;
}

.custom-slider-container {
    background-image: url('../../images/Digifyme/Website Header Image - Login (1024 × 550 px).svg');
    background-repeat: no-repeat;
    position: relative;
    width: 100.5%;
    left: -2px;
}

.partners-slider {
    min-height: 200px;
}

    .partners-slider::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 70%;
        top: 15%;
        background-color: rgb(33 44 66 / 84%); /* adjust the opacity as needed */
    }

.partner-slide-dealfin {
    text-align: center;
}


.icons-nav-container {
    text-align: center;
}

.slider-extra-zoomed {
    overflow: hidden;
    height: 269px;
}

.nav-item {
    text-align: center;
}

.large-screen-what-we-offer {
    display: none;
}

.small-screen-what-we-offer {
    display: block;
}


.left-top-text {
    position: relative;
    left: 10%;
    top: 17px;
    max-width: 237px;
    min-height: 110px;
    margin-right: 40px !important;
    margin-left: auto;
}


.left-center-text {
    position: relative;
    left: 13px;
    top: 17px;
    max-width: 237px;
    min-height: 110px;
    margin-right: 51px !important;
    margin-left: auto;
}

.left-bot-text {
    position: relative;
    left: -20px;
    top: 22px;
    max-width: 237px;
    margin-right: -9px;
    margin-left: auto;
}

.right-top-text {
    position: relative;
    right: -10%;
    min-height: 110px;
    top: 17px;
    max-width: 237px;
    margin-right: auto;
}

.right-center-text {
    position: relative;
    right: -2%;
    max-width: 237px;
    min-height: 110px;
    top: 17px;
    margin-left: 51px;
    margin-right: auto;
}

.right-bot-text {
    max-width: 237px;
    position: relative;
    right: -20px;
    top: 17px;
    margin-left: 16px;
    margin-right: auto;
}

.digi-icon-small {
    position: absolute;
    top: 10px;
}

.DAS-text {
    margin: auto;
    min-width: 450px;
    position: relative;
    font-size: 0.9rem;
    top: -45px;
    padding-top: 20px;
}


.automation-text-section > h3 {
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: capitalize;
}

.login-validation-summary > ul {
    list-style-type: none;
}

.font-primary {
    color: #fcb033 !important;
}

.btn-primary {
    background-color: #fcb033 !important;
    border-color: #fcb033 !important;
    border-radius: 0px !important;
}

.form-control {
    color: #14213d !important;
    border-color: #fcb033 !important;
    border-radius: 0px !important;
}

.control-label {
    color: #14213d;
}

.forgot-pass-card {
    max-width: 1200px;
    margin: auto;
    position: relative;
    background-color: #e1e1e1fa;
    top: 20%;
    padding: 35px !important;
}

.change-pass-card {
    max-width: 650px;
    margin: auto;
    position: relative;
    background-color: #e1e1e1fa;
    top: 5%;
    padding: 35px !important;
}

.card-shadow {
    -webkit-box-shadow: 1px -7px 36px -8px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px -7px 36px -8px rgba(0,0,0,0.75);
    box-shadow: 1px -2px 18px 1px rgb(0 0 0 / 75%);
}

.img-fit {
    border-radius: 0px;
}

.alert-info {
    color: #ffffff;
    background-color: #14213d;
    border-color: #14213d;
}

.digifyme-blue {
    color: #14213d !important;
}

.digifyme-orange {
    color: #fcb033;
}

.id-sess-container {
    max-width: 800px;
    margin: auto;
    position: relative;
    background-color: #e1e1e1fa;
    top: 2%;
    padding: 50px !important;
}

.checkout-bar:before {
    background-color: #fcb033 !important;
}

ul.checkout-bar li.visited:before {
    background: #fcb033 !important;
    z-index: 3 !important;
}

ul.checkout-bar li.visited {
    background: #ececec;
    color: #fcb033 !important;
    z-index: 1 !important;
}

    ul.checkout-bar li.visited:after {
        background-color: #fcb033 !important;
    }

ul.checkout-bar li.active {
    color: #14213d;
    font-weight: bold;
}

    ul.checkout-bar li.active:before {
        background: #14213d;
        z-index: 1000;
    }

.bg-primary-grad {
    background-color: #8d8d8d !important;
    background: linear-gradient(135deg, #14213d 0%, #8d8d8d 100%);
    background: -moz-linear-gradient(-45deg, #14213d 0%, #8d8d8d 100%);
    background: -webkit-linear-gradient(-45deg, #14213d 0%, #8d8d8d 100%);
}

.border-secondary {
    border-color: #8d8d8d !important;
}

.border-primary {
    border-color: #8d8d8d !important;
    border: none;
}

.digifyme-ul {
    background-color: #8d8d8d !important;
    color: #fff !important;
}

    .digifyme-ul > li {
        background-color: #8d8d8d !important;
        color: #fff !important;
    }

.fa-inverse {
    color: #14213d !important;
}

.bg-primary {
    background-color: #14213d !important;
    color: #fff !important;
}

.bg-digifyme-orange > tr > th {
    background-color: #fcb033 !important;
}

#pdfviewmodalclose {
    background-color: #df3636 !important;
    border-color: #df3636 !important;
}

#ResendPin {
    background-color: #fcb033 !important;
    border-color: #fcb033 !important;
}

#verificationmodalclose {
    background-color: #df3636 !important;
    border-color: #df3636 !important;
}


.forgot-pass-img {
    display: none;
}

.p-5 {
    padding: 1rem !important;
}

.pr-padding {
    padding-right: 30% !important;
    padding-left: 11% !important;
}

.header-no-subtext {
    position: relative;
    top: 18%;
    margin-bottom: 50px !important;
}

.credit-ul {
    margin: auto !important;
}

.pc-bot-seperates {
    position: relative;
    max-width: 300px;
    font-weight: 700;
    margin: auto;
    font-size: 10px;
    left: 20px;
}


.forgot-username-link {
    position: relative;
    text-decoration: underline;
    color: #fcb033;
    left: 0%;
    z-index: 1000;
}



@media (max-width: 575px) {
    .pricing-col {
        max-width: none !important;
        min-width: auto !important;
        margin: auto;
        padding: 14px !important;
    }

    .pricing-card > .credit-top {
        height: 150px;
        text-align: center;
        padding-top: 23px;
    }

    .pc1 > .credit-top > .pricing-credit {
        letter-spacing: 5px;
        font-size: 31px;
        font-weight: 700;
    }

    .pc2 > .credit-top > .pricing-credit {
        letter-spacing: 5px;
        font-size: 31px;
        font-weight: 700;
    }

    .pc3 > .credit-top > .pricing-credit {
        letter-spacing: 5px;
        font-size: 31px;
        font-weight: 700;
    }

    .pc-bot-seperates {
        position: relative;
        max-width: 258px;
        margin: auto;
        left: 20px;
    }

    .pricing-name {
        letter-spacing: 3px;
        font-size: 16px !important;
    }

    .pc1 > .credit-top > .pricing-card-header > .pricing-name {
        letter-spacing: 3px !important;
        font-size: 11px;
    }

    .pc2 > .credit-top > .pricing-card-header > .pricing-name {
        letter-spacing: 3px;
        font-size: 11px;
    }

    .pc3 > .credit-top > .pricing-card-header > .pricing-name {
        letter-spacing: 3px;
        font-size: 11px;
    }

    .pricing-col {
        max-width: none !important;
        min-width: auto !important;
        margin: auto;
    }

    .credit-ul {
        list-style-type: none;
        width: fit-content;
        padding-top: 20px;
    }

    .pc-bot-seperates-span {
        color: #5a5a5a;
        font-size: 12px;
        left: 0px;
    }

    .credit-li {
        font-size: 13px;
    }

        .credit-li::before {
            font-size: 18px;
            content: "";
            background-image: url(../../images/green-checkmark.png);
            background-size: cover;
            display: inline-block;
            width: 25px;
            height: 32px;
            padding-right: 40px;
            margin-bottom: 6px;
            margin-right: 8px;
            vertical-align: middle;
            position: relative;
            top: -4px;
        }
}


@media (max-width: 768px) {
    .digifyme-banner {
        max-height: 285px !important;
    }

    .document-icons-div {
        width: 90vw !important;
        margin: auto;
        position: relative;
    }

    .home-card {
        min-height: 248px;
    }
}



@media (min-width: 768px) {
    .contact-info-wrapper {
        width: 37%;
        min-width: 100%;
    }

    .login-container {
        background-position: center center;
        padding-bottom: 42% !important;
    }

    .faq-question {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    .digi-icon-small {
        display: none !important;
    }

    .DigifymeIcon {
        position: relative !important;
        margin-left: -0rem;
    }

    .large-screen-what-we-offer {
        display: block !important;
    }

    .small-screen-what-we-offer {
        display: none !important;
    }

    .icons-nav-container {
        position: relative;
        top: -10px;
        left: 3%;
        min-width: 120px;
    }

    .custom-slider-container {
        background-size: cover !important;
    }

    .pricacy-modal-card {
        max-height: 72vh;
    }

    .LinkdInIcon {
        top: 0px;
    }

    .FacebookIcon {
        top: 0px;
    }

    .contact-us-header > h3 {
        margin-right: 0;
    }

    .privacy-modal {
        width: 80vw !important;
    }

    #login-card {
        padding-top: 5vh !important;
    }

    .login-card-header {
        padding-top: 5vh !important;
    }

    #loginForm {
        position: relative;
        top: 13%;
    }

    .forgot-password-link {
        float: right;
        text-decoration: underline;
        color: #fcb033;
    }

    .forgot-username-link {
        text-decoration: underline;
        color: #fcb033;
        left: 60% !important;
        color: #fcb033;
        z-index: 1000;
    }


    /* for screens that are medium (md) or larger */
    .digifyme-banner {
        height: 390px /* minimum height for md screens and larger */
    }

    .privacy-text {
        font-size: 17px;
        top: -1.4rem !important;
        position: relative;
    }
}


@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #4c2b74;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
        content: "";
        height: 15px;
        width: 100%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
    }

    .checkout-wrap {
        margin: 80px auto;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
        background-size: 35px 35px;
        background-color: #7e57af;
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        /*position: absolute;*/
        width: 100%;
    }

        ul.checkout-bar:before {
            background-size: 35px 35px;
            background-color: #4c2b74;
            -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
            box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
            border-radius: 15px;
            content: " ";
            height: 15px;
            left: 0;
            position: absolute;
            width: 10%;
        }

        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 24%;
        }

            ul.checkout-bar li:before {
                height: 45px;
                left: 40%;
                line-height: 45px;
                position: absolute;
                top: -65px;
                width: 45px;
                z-index: 99;
            }



            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    background-size: 35px 35px;
                    background-color: #4c2b74;
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .2);
                    content: "";
                    height: 15px;
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    width: 92%;
                }

            ul.checkout-bar li.last:after {
                background-color: #4c2b74;
                height: 15px;
                left: 50%;
                border-radius: 15px;
                width: 63%;
            }
}


@media (min-width: 992px) {

    .pricing-col {
        max-width: 550px;
        min-width: 343px;
        margin: auto;
    }

    .forgot-pass-img {
        display: block !important;
    }

    .faq-question {
        padding-left: 10.5% !important;
        padding-right: 10.5% !important;
    }

    .automation-text-section > h3 {
        font-size: 1.2rem !important;
    }

    .DAS-text {
        font-size: 1.2rem !important;
    }


    .id-sess-container {
        top: 20% !important;
    }
}

@media (min-width: 1200px) {

    .right-top-text {
        right: -3% !important;
        margin-left: -16px;
    }

    .right-center-text {
        margin-left: 20px !important;
    }

    .right-bot-text {
        right: 3% !important;
        margin-left: -16px;
    }

    .forgot-username-link {
        text-decoration: underline;
        color: #fcb033;
        left: 90% !important;
        color: #fcb033;
        z-index: 1000;
    }

    .login-container {
        padding-bottom: 0% !important;
    }

    .faq-question {
        padding-left: 11% !important;
        padding-right: 11% !important;
    }

    .right-offer-content {
        position: relative;
    }

    .left-offer-content {
        position: relative;
    }

    .icons-nav-container {
        left: 0;
    }

    .digifyme-banner {
        position: relative;
        width: 100vw;
        height: 0;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
        background-image: url(../../images/Digifyme/banner.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}

@media (min-width: 1400px) {
    .pricing-col {
        max-width: 550px;
        min-width: 400px;
        margin: auto;
    }
    .left-bot-text {
        margin-right: -2rem !important;
    }
}

@media (min-width: 1600px) {
    .right-offer-content {
        position: relative;
        left: -5vw;
    }

    .left-offer-content {
        position: relative;
        right: -5vw;
    }

    .Scan-Me-Img {
        padding-bottom: 29.25% !important;
    }

    .pricacy-modal-card {
        max-height: 473px;
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .digifyme-banner {
        width: 100vw;
        height: 0;
        padding-bottom: 21.25%;
        background-image: url('../../images/Digifyme/Website Banner Image - Home (2650 × 550 px).svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        min-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .forgot-username-link {
        position: relative;
        text-decoration: underline;
        color: #fcb033;
        left: 90% !important;
        z-index: 1000;
    }
}

@media (min-width: 1900px) {
    .faq-question {
        padding-left: 11.2% !important;
        padding-right: 20.2% !important;
    }

    .left-offer-content {
        position: relative;
    }

    .right-offer-content {
        position: relative;
    }

    .right-bot-text {
        right: 2% !important;
        margin-left: -16px;
    }
}