textArea[name="webAdditionalStyle"] {
    height: 100vh !important
    }
    
    textArea[name="webAdditionalScript"] {
    height: 100vh !important
    }
    
    .hero__image {
    filter: blur(0px) !important;
    }
    
    .hero__image:after {
        background: none !important;
    }
    
    .hero__title {
    }
    
       .custom-web__header {
         background: #074d36 !important
     
       }
    
       #quickDeposit {
        color:#074d36 !important
       }
    
    .section.hero {
        justify-content: center !important;
       }
    
    .btn {
        background: #074d36 !important;
        border: 1px solid #074d36 !important;
color:#ffffff
    }
    
    .btn:hover {
        background: #417f6a !important;
        border: 1px solid #417f6a !important;
    }
    
    .btn.light--button {
        background: #E0f0eb !important;
        border: 1px solid #57c5a4 !important;
        color: #074d36 !important;
    }
    
    .form__button {
        background: #074d36 !important;
        border: 1px solid #074d36 !important;
    }
    
    .form__button:hover {
        background: #417f6a !important;
        border: 1px solid #417f6a !important;
    }
    
    .link-button {
        color: #074d36 !important;
    
    }
    
    input[type="email"] {
        border: 1.5px solid #e0e0e0;
        font-size: 1rem;
        color: #222;
        outline: none;
        margin-top: 6px;
        box-sizing: border-box;
    }
    
    .login-form input[type="email"]::placeholder {
    color: #e0e0e0 !important
    }
    
    .login-form input[type="password"]::placeholder {
    color: #e0e0e0 !important
    }
    
    
    
    .login-form input[type="email"] {
        border: 1.5px solid #e0e0e0;
        font-size: 1rem;
        color: #222;
        outline: none;
        margin-top: 6px;
        box-sizing: border-box;
    }
    
    .login-form input[type="password"] {
        border: 1.5px solid #e0e0e0 !important;
        font-size: 1rem;
        color: #222;
        outline: none;
        margin-top: 6px;
        box-sizing: border-box;
    }
    
    .login-form .form__input-wrapper .form__showpassword{
        top: 50% !important
    }
    
    .login--button {
        background: #E0f0eb !important;
        border: 1px solid #57c5a4 !important;
        color: #074d36 !important;
    }
    
    .light--button {
        background: #E0f0eb !important;
        border: 1px solid #57c5a4 !important;
        color: #074d36 !important;
    }
    
    
    .ant-menu-item-selected {
     background-color: #E0f0eb !important;
    }
    
    .ant-menu-item-selected::after {
     border-inline-end: 3px solid #074d36 !important
    }
    
    .tab-list__tab.active {
         border-color: #074d36 !important; 
        color: #ffffff !important;
        font-weight: 700;
        background-color: #074d36 !important;
    }
    
    .tab-list__tab {
    border: 1px solid #074d36 !important;
        padding: 3px 15px !important;
        border-radius: 7px !important;
        color: #074d36 !important;
        background-color: #E0f0eb !important;
        bottom: 0px !important;
        margin:5px 0px
    }
    
    .tabs.horizontal--tabs .tab-list {
    column-gap: 15px !important; 
    }
    
    .tab-list {
    border-bottom: none !important
    }
    
    .login-form form {
        display: flex !important;
        flex-direction: column !important;
    }
    
    button[id="SignIn"] {
    border-radius:30px !important;
    }
    
    .login-form .form-actions {
    margin-bottom: 15px;
    }
    
     @media (max-width: 768px) {
              .header .header__container{
                background: #074d36 !important
              }
              .hero__image {
                  display:none !important
                }
.tab-list__wrap {padding:10px !important}

            }
     @media (min-width: 769px) {
              .header__logo-image{
               display:none !important
              }
.home-page .main {
    width: 65% !important;
}


            }
    

    
    .promo-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        color: #ffffff !important;
        padding: 10%;
        border-radius: 0px 18px 18px 0px;
        background: url(https://katoprime.com/wp-content/uploads/2025/07/vectorImage.png), linear-gradient(180deg, #03281C 0%, #05412D 100%);
        background-size: contain;
        background-position: bottom center;
        background-repeat: no-repeat;
height:100% !important;
    }
    
    
    .promo-card h1 {
        font-size: clamp(1rem, 5vw, 3.5rem);
        font-weight: 300;
        line-height: 1.1;     
        margin-top: 0;
        margin-bottom: 1rem;
    
    }
    
    .promo-card p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 0;
        font-weight: 100;
        color: #c2c2c2;
    }
    
    .risk-warning-login {
        margin-top: 10%;
        border-top: 1px solid #f4f4f4;
        padding-top: 10px;
        text-align: center;
        color: #d3d3d3;
        font-size: 0.7rem;
    }
    
    a[href="/account/forgotpassword"] {
    color: #417f6a !important
    }
    
    .header__logo.active{
    left: 20px !important;
    text-align:left !important; 
    }
    
    .viewButton--bJRAGtrh.active--s9tOK5tt {
    background:#E0f0eb !important
    }
    
    .table thead {
    color: #074d36 !important;
    }
    
    .formModal--nps2XLWq.container--AUlIlwVn {
        background-color: rgb(0 0 0 / 72%) !important;
    
    }
    
    .formModalInner--BvAHKxtL.inner--CYDqe6ap{
      max-width: 420px !important;
        border-radius: 10px !important;
    }
    
    .formModalTitle--lKAn44yy {
        padding-bottom: 5px !important;
        text-align: left !important;
        text-transform: none !important;
    }
    
    .formModalBody--CDvepVhY {
    text-align:left !important
    }
    
    .body--YbUqPm_k ol {
        padding-inline-start: 0px;
    }
    
    .body {
    font-family: 'Manrope',sans-serif !important;

    }
    
    .hero__image_cover {
    display:none !important
    }
    
    .hero__image {
        width: 35% !important; 
position: relative !important;
    }

.login-form__title {
font-weight: 400 !Important;
font-size: 48px !important;
}

.home--page .main {
 min-height: 80vh !important
}

.main-layout {
    background: #ffffff !important;
}

       .home--page .main {
            margin-left: 0px !important;
width: 65% !important;
        }

.home--page .footer {
    width: 65% !important;
    padding: 20px !important;
    margin-left: 0px !important;
    position: fixed;
    bottom: 0;
    width: 65%;
    right: 0;
}

.home--page .footer .footer__text {
    padding: 0 !important
}

.main-layout.home--page {
flex-direction: row !Important
}

.d-login-logo {
    width: 70%;
    margin-bottom: 10%;
}

.separator.separator-content {
    display: flex;
    align-items: center;
    border-bottom: 0;
    text-align: center;
    margin: 7% 0px;
}


.separator.separator-content::after, .separator.separator-content::before {
    content: " ";
    width: 50%;
     border-bottom: 1px solid #eeeeee;;
  margin: 0px 10px;
}

.fw-semibold.fs-7 {
font-size: 0.7rem;
white-space: nowrap;
color: #c9c9c9;
}

.table thead {
    border-bottom: 1px solid #0b5bb8;
}

.table__extendedNewRow, .table__extendedRow:hover {
    background-color: #eff8f5 !important;
}

th {
    color: #154d36 !important; 
border-bottom: 1px solid #154d36 !important;
}

button[type="submit"] {
background-color: #154d36 !important;
}

.table thead {
    border-bottom: 1px solid #154d36;
}

.tabs__note {
    background: rgb(224 240 235) !important; 
}

.ant-switch.ant-switch-checked {
    background: #2e8d6c !important;
}

.psp-confirm__note {
    background: #e0f0eb !important;
    border: 1px solid #154d36 !important;
    color: #154d36 !important;
}

ant-dropdown-menu-item-selected {
color: #154d36 !important;
    background-color: #e0f0eb !important;
}

.link-btn {
    color: #074d36 !important;
}

.ant-btn-primary{
        background-color: #074d36 !important;
    border: 1px solid #074d36 !important;
}

.ma-item__header {
    border-bottom: 1px solid #074d36;
}

.form__radio-input:checked+.form__radio-label {
    color: #074d36 !important;
}