@font-face {
    font-family: Readex Pro;
    src: url(../Readex_Pro/ReadexPro-VariableFont_HEXP\,wght.ttf);
  }

:root,
[data-bs-theme=light] {
    --bs-gutter-x:0;
  --bs-blue: #C29257;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #C29257;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 194, 146, 87, 1;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: Readex Pro;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #132459;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #C29257;
  --bs-link-color-rgb: 194, 146, 87;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #E6AC64;	 
  --bs-link-hover-color-rgb: 230, 172, 100;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
  --naqlcolorshadowcolor1: rgba(28, 33, 51, 0.01);
  --naqlcolorshadowcolor2: rgba(28, 33, 51, 0.02);
  --naqlcolorshadowcolor3: rgba(28, 33, 51, 0.03);
  --naqlcolorshadowblur1: 4px;
  --naqlcolorshadowblur3: 8px;
  --naqlcolorshadowblur5: 12px;
  --naqlcolorshadowblur6: 16px;
}
.container-fluid {
   
    padding-right: 0 !important;
    padding-left:0!important;
  
}
.btn-outline-primary {
    --bs-btn-color: #C29257;  /* Text color */
    --bs-btn-border-color: #C29257;  /* Border color */
    --bs-btn-hover-color: #fff;  /* Hover text color */
    --bs-btn-hover-bg: #E6AC64;  /* Hover background color */
    --bs-btn-hover-border-color: #E6AC64;  /* Hover border color */
    --bs-btn-focus-shadow-rgb: 194, 146, 87;  /* Focus shadow color (adjust to the new color's RGB) */
    --bs-btn-active-color: #fff;  /* Active text color */
    --bs-btn-active-bg: #C29257;  /* Active background color */
    --bs-btn-active-border-color: #C29257;  /* Active border color */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  /* Active shadow */
    --bs-btn-disabled-color: #C29257;  /* Disabled text color */
    --bs-btn-disabled-bg: transparent;  /* Disabled background color */
    --bs-btn-disabled-border-color: #C29257;  /* Disabled border color */
    --bs-gradient: none;  /* Gradient */
    background: #fff;
}
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #C29257 !important;
    --bs-btn-border-color: #C29257 !important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #E6AC64!important;
    --bs-btn-hover-border-color: #E6AC64!important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #E6AC64!important;
    --bs-btn-active-border-color: #C29257!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #C29257!important;
    --bs-btn-disabled-border-color: #C29257!important;
    
    border-radius: 2rem;
}
.gup{
    overflow:hidden;
}
.naqlservices {
    background-image: url(../Images/eservicePattern.svg);
}
.naqlstatistics {
 background-image: url(../Images/staticbackground.svg);
}

.naqlfooter {
 background-image: url(../Images/Footers.svg);
 background-size: cover; /* Scale to cover the area */
 background-repeat: no-repeat; /* Avoid tiling */
 background-position: center; /* Center the image */
 
}
.naqlfooter a{ color: #fff;}  
.card{
    border: none;
}
.custom-card-shadow {
    box-shadow: 
        0px 0.5px var(--naqlcolorshadowblur1) 0px var(--naqlcolorshadowcolor1),   /* Light shadow */
        0px 1.5px var(--naqlcolorshadowblur3) 0px var(--naqlcolorshadowcolor1),   /* Moderate shadow */
        0px 4px var(--naqlcolorshadowblur5) 0px var(--naqlcolorshadowcolor2),    /* Strong shadow */
        0px 8px var(--naqlcolorshadowblur6) 0px var(--naqlcolorshadowcolor3);    /* Very strong shadow */
}

 
.naqlfooter ul li a {
    font-size: small;
    font-weight: 300;
}
.naqlfooter h5 {
    font-weight: 600;
    font-size: larger;
}

.naqlfooter ul li a:hover {
    text-decoration: underline;
    color: #E6AC64; /* Highlight color */
}

.naqlfooter .input-group .form-control {
    border-radius: 0;
}

.naqlfooter .input-group .btn {
    background-color: #C29257; /* Button color */
    border: none;
}

.section-title h2{

    text-align: start;
    font-weight: bold;
    margin-block: 1rem;

}
/* Base styles (desktop) */
.ownerTypeDiv {
    height: 90px;
}

.ownerTypeDiv a {
    width: 300px;
    height: 70px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

/* Tablet styles */
@media (max-width: 1024px) {
    .ownerTypeDiv {
        height: 80px; /* Adjust height for smaller screens */
    }

    .ownerTypeDiv a {
        width: 150px; /* Smaller width */
        height: 70px; /* Smaller height */
    }
}

/* Mobile styles */
@media (max-width: 768px) {
    .ownerTypeDiv {
        height: 70px; /* Even smaller height */
    }

    .ownerTypeDiv a {
        width: 120px; /* Adjusted for mobile width */
        height: 60px; /* Adjusted for mobile height */
        font-size: 14px; /* Optional, adjust text size for readability */
    }
}

.Gup-Services-header{
    background: linear-gradient(180deg, #EFF5FF 0%, #F7F5F1 100%);
height: 15vh;
font-weight: bold;
}
.NaqlGupheader  {
    background: var(--gup-color-background-navigation-bar, rgba(255, 255, 255, 0.48));
}

.NaqlGupheader a {
    color: #132459;
}

.NaqlGupheader p {
    color: #132459;
}
.Headline{
    font-family: Readex Pro;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: initial;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
/* Tablet devices (screen width up to 768px) */
@media (max-width: 768px) {
    .Headline {
        font-size: 28px; /* Slightly smaller font size */
        line-height: 40px; /* Adjusted line height */
    }
}

/* Mobile devices (screen width up to 480px) */
@media (max-width: 480px) {
    .Headline {
        font-size: 24px; /* Smaller font size for mobile */
        line-height: 36px; /* Adjusted line height */
        text-align: center; /* Optionally center the text */
    }
}
 .card-text{
    display: inline-block !important;
    width: 100%!important;
/* white-space: nowrap!important; */
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    font-size: 16px!important;
 }
.card-title{
    font-size: 20px!important;
    font-weight: 700!important;}
 .gup-title-section{
    font-family: Readex Pro;
font-size: 24px;
font-weight: 700;
line-height: 24px;
text-align: initial;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding-block:8px;
margin-top:48px;

 }

 .gup p.label-headline-xxs{
    font-family: Readex Pro;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: initial;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
 }

 .gup p{
    font-family: Readex Pro;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: initial;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.gup-from-container{
    width: 100%;
    max-width: 632px;
    height: 100%;
}

.aboutUs-title{
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(102, 102, 102, 0.25) 100%);
  
}
.aboutUs-title p{
  
     
    margin-inline-start: 1rem;

}
.aboutUs-header {
    width: 100%; /* Take full width of the screen */
    max-width: 1920px; /* Limit the width for larger screens */
    height: auto; /* Adjust height automatically to maintain aspect ratio */
    aspect-ratio: 1920 / 250; /* Maintain the original aspect ratio */
    background-image: url(../Images/aboutus.svg); /* Replace with the actual path */
    background-size: cover; /* Cover the entire container */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repetition */
    margin: 0 auto; /* Center the container */
    display: flex;
    align-items: center;
    color: #FFF;
  }
  
  /* Media query for smaller screens like tablets */
  @media (max-width: 768px) {
    .aboutUs-header {
      max-width: 100%; /* Allow the container to scale down */
      height: auto; /* Maintain aspect ratio */
    }
  }
  
  /* Media query for mobile devices */
  @media (max-width: 480px) {
    .aboutUs-header {
      max-width: 100%; /* Ensure it fits smaller screens */
      height: auto; /* Maintain aspect ratio */
    }
  }


  .aboutus-details-title p{
    font-family: 'Readex Pro'; /* Font family with fallback */
    font-size: 32px; /* Default font size */
    font-weight: 700;
    line-height: 94.27px; /* Default line height */
    text-align: initial; /* Align text to the left */
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
}

/* Tablet devices (screen width up to 768px) */
@media (max-width: 768px) {
    .aboutus-details-title p{
        font-size: 28px; /* Slightly smaller font size */
        line-height: 70px; /* Adjusted line height for tablets */
    }
}

/* Mobile devices (screen width up to 480px) */
@media (max-width: 480px) {
    .aboutus-details-title p{
        font-size: 24px; /* Smaller font size for mobile */
        line-height: 60px; /* Adjusted line height for mobile */
        text-align: center; /* Center the text for better mobile layout */
    }
}
 
.aboutus-details p {
    font-family: 'Readex Pro', sans-serif; /* Font family with fallback */
    font-size: 16px; /* Default font size */
    font-weight: 400; /* Regular font weight */
    line-height: 40px; /* Default line height */
    text-align: justify; /* Justify text alignment */
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

/* Tablet devices (screen width up to 768px) */
@media (max-width: 768px) {
    .aboutus-details p {
        font-size: 18px; /* Slightly smaller font size for tablets */
        line-height: 36px; /* Adjusted line height for tablets */
    }
}

/* Mobile devices (screen width up to 480px) */
@media (max-width: 480px) {
    .aboutus-details p {
        font-size: 16px; /* Smaller font size for mobile */
        line-height: 32px; /* Adjusted line height for mobile */
        text-align: left; /* Optional: Align left on smaller screens */
    }
}

.aboutUs-header-2 {
    width: 100%; /* Take full width of the screen */
    max-width: 1920px; /* Limit the width for larger screens */
    height: auto; /* Adjust height automatically to maintain aspect ratio */
    aspect-ratio: 1920 / 250; /* Maintain the original aspect ratio */
    background-image: url(../Images/about2.svg); /* Replace with the actual path */
    background-size: cover; /* Cover the entire container */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repetition */
    margin: 0 auto; /* Center the container */
    display: flex;
    align-items: center;
    color: #FFF;
  }
  
  /* Media query for smaller screens like tablets */
  @media (max-width: 768px) {
    .aboutUs-header-2 {
      max-width: 100%; /* Allow the container to scale down */
      height: auto; /* Maintain aspect ratio */
    }
  }
  
  /* Media query for mobile devices */
  @media (max-width: 480px) {
    .aboutUs-header-2 {
      max-width: 100%; /* Ensure it fits smaller screens */
      height: auto; /* Maintain aspect ratio */
    }
  }

  .aboutCard {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    height: 290px;
}

/* Tablet devices (screen width up to 768px) */
@media (max-width: 768px) {
    .aboutCard {
        width: 250px; /* Adjust width for tablets */
        height: 250px; /* Adjust height for tablets */

        border-radius: 15px; /* Adjusted border radius */
    }
}

/* Mobile devices (screen width up to 480px) */
@media (max-width: 480px) {
    .aboutCard {
        width: 200px; /* Narrower width for mobile */
        height: 200px; /* Shorter height for mobile */
        
        border-radius: 10px; /* Smaller border radius */
    }
}
footer .inner{
    margin-inline: auto;
}
/* @import url("https://develop.omangup.me/nexus/repository/gup-raw-repo/gup-ds-components/latest/styles.css"); */
/* Headline/headline-md Base Style */
.headline-md {
    font-family: 'Readex Pro', sans-serif; /* Font family with fallback */
    font-size: 28px; /* Default font size */
    font-weight: 700; /* Bold font */
    line-height: 40px; /* Line height for good readability */
    letter-spacing: -0.02em; /* Adjusted spacing between letters */
    text-align: initial; /* Align text to the left */
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-block: 16px;
}

/* Tablet devices (screen width up to 768px) */
@media (max-width: 768px) {
    .headline-md {
        font-size: 24px; /* Slightly smaller font size for tablets */
        line-height: 36px; /* Adjusted line height */
    }
}

/* Mobile devices (screen width up to 480px) */
@media (max-width: 480px) {
    .headline-md {
        font-size: 20px; /* Smaller font size for mobile */
        line-height: 30px; /* Adjusted line height for mobile */
        text-align: initial; /* Optional: Center text alignment for narrow screens */
    }
}
/* Body/body-xl Base Style */
.body-xl {
    font-family: 'Readex Pro', sans-serif; /* Font family with fallback */
    font-size: 24px; /* Default font size */
    font-weight: 400; /* Normal font weight */
    line-height: 32px; /* Line height for readability */
    text-align: initial; /* Align text to the left */
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-block: 4px;
}

/* Tablet devices (screen width up to 768px) */
@media (max-width: 768px) {
    .body-xl {
        font-size: 20px; /* Slightly smaller font size for tablets */
        line-height: 28px; /* Adjusted line height */
    }
}

/* Mobile devices (screen width up to 480px) */
@media (max-width: 480px) {
    .body-xl {
        font-size: 18px; /* Smaller font size for mobile */
        line-height: 24px; /* Adjusted line height for mobile */
        text-align: initial; /* Optional: Center text alignment for narrow screens */
    }
}
/* Base Style */
.headline-xxs {
    font-family: 'Readex Pro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-block: 4px;
}

/* Tablet - adjust font size and line height */
@media (max-width: 768px) {
    .headline-xxs {
        font-size: 14px;
        line-height: 20px;
    }
}

/* Mobile - further adjustments for smaller screens */
@media (max-width: 480px) {
    .headline-xxs {
        font-size: 12px;
        line-height: 18px;
    }
}
/* Base styles (for all screen sizes) */
.body-md {
    font-family: 'Readex Pro', sans-serif;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-block:16px;
}

/* Large screens (desktops, tablets in landscape) */
@media (min-width: 1200px) {
    .body-md {
        font-size: 24px !important; /* Increase font size for larger screens */
        line-height: 28px !important; /* Adjust line height */
    }
}

/* Medium screens (tablets in portrait, large phones) */
@media (min-width: 768px) and (max-width: 1199px) {
    .body-md {
        font-size: 24px !important; /* Slightly larger font for medium-sized screens */
        line-height: 26px !important;
    }
}

/* Small screens (phones) */
@media (max-width: 767px) {
    .body-md {
        font-size: 15px !important; /* Smaller font size for small screens */
        line-height: 22px !important; /* Tighter line height */
    }
}
/* Default styles (desktop-first approach) */
.body-lg {
    font-family: 'Readex Pro', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: initial;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

/* Tablet styles */
@media (max-width: 768px) {
    .body-lg {
        font-size: 18px; /* Slightly smaller font for tablets */
        line-height: 26px;
    }
}

/* Mobile styles */
@media (max-width: 480px) {
    .body-lg {
        font-size: 16px; /* Smaller font for mobile devices */
        line-height: 24px;
    }
}
/* Default styles (desktop-first approach) */
.strong-lg {
    font-family: 'Readex Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: initial;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-block:4px;
}

/* Tablet styles */
@media (max-width: 768px) {
    .strong-lg {
        font-size: 18px; /* Slightly smaller font for tablets */
        line-height: 26px;
    }
}

/* Mobile styles */
@media (max-width: 480px) {
    .strong-lg {
        font-size: 16px; /* Smaller font for mobile devices */
        line-height: 24px;
    }
}
input[readonly] {
    background-color: #d0d0d4;
}
gup-wizard-main {
    padding-block: 1.4%;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    height: calc(100vh - 273px);
    overflow-x: auto;
    overflow-y: auto;
}
    
gup-table-cell[role="rowheader"] {
    width: 30%;
}


.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

gup-dialog {
    width: 100%;
   
}

gup-form-hint ol {
    list-style:decimal;
}

gup-wizard-main .inner{
    width:1024px;
}
#SelfDeclaration{
    padding-top:48px;
}
gup-callout{
    padding-block:35px !important;
}
gup-details{
    line-height:2;
}
gup-form-hint ol {
    padding-inline:25px;
    padding-block:10px;
}
span[title="Mandatory field"] {
    color: red;
}

.actionrequirednote{
    padding-block:16px;
}
input {
    text-align: -webkit-match-parent;
}
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
        box-shadow: 0 0 0px 1000px transparent inset !important;
        background-color: transparent !important;
    }
#errorBannerSystem {
    padding-block: 16px;
}
#errorBanner {
    
    padding-block: 16px !important;
}
.nofooter {
    height: calc(100vh - 200px) !important;
}