/*Brand color start here */
.SearchContainer__searchIcon,.AppContainer__backToTop,.Button__footerBtn:hover,.LoginDetail__profileBtn{
background:#7a764a
}
.SearchContainer__downArrow{
border-top-color:#7a764a
}
.commonStyle__zt3BrandFill{
fill:#7a764a;
    color:#7a764a
}
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover, .globalfixednav .globalSignin:hover, .globalfixednav .globalSignup:hover,.globalfixednav .LoginDetail__signin:hover,.globalfixednav .LoginDetail__signup:hover{
border-bottom: .1875rem solid #7a764a;
    color: #7a764a;
}
.globalfixednav .aPlusIcon:hover,.Signin__userLink,.Link__link2,.Icon__hoverbrand:hover,.Icon__brand,.Comment__cmtUsrNme,.TabFilter__tab:hover, .ThreadedComment__commentContent a,.FileUpload__userLink,.AvatarText__avatarText,.TopicDetailRightContainer__commentCount>span, .TopicDetailRightContainer__followerCount>span, .TopicDetailRightContainer__viewCount>span,.Button__primaryBorder, .Button__warningBorder,.TopicPreview__txtPrimary,.Pill__pillText,.NoContent__contentDescription a, .NoContent__title,.TopicDetailLeftContainer__creatorName,.ThreadedComment__userNameType2,.TopicPreview__creatorName, .globalfixednav .CustomizeContainer__aPlus:hover,.ForgetPasswordContainer__userLink,.Captcha__captchaText,.communityDetail .description a,.articleDetail .description a,.FilterTabs__activeFilter,.ForumTabs__activeFilter,.LoginDetail__userMail .commonStyle__zt3Brand,.TopicListRightContainer__countValue,.commonStyle__zt3Brand,.TicketFilterPopup__active,.TicketFilterPopup__filterValue:hover {
color: #7a764a !important;
}
.AvatarText__avatarText{
background: #fff;
}
.FileUpload__attachPin,.AvatarText__avatarText,.Button__primaryBorder, .Button__warningBorder,.Pill__pill{
border-color:#7a764a;
}
/*Brand color end here */
/* Sticky header background */
.Header__homeNavbarFixed .Header__navbar,
.Header__homeNavbarFixed .Header__searchSection{
    background-color:#3b3d48 !important;
}

/* Search bar width */
.Header__homeNavbarFixed .Header__globalSearchAlt{
    width:70% !important;
}

/* =========================
   Custom Form Widgets
   ========================= */

.custom-forms-container{
    max-width:1100px;
    margin:60px auto 100px;
    display:grid;
    grid-template-columns:repeat(2,430px);
    justify-content:center;
    column-gap:80px;
    row-gap:40px;
}


.custom-form-card{
    background:#ffffff;
    border-radius:10px;
    width:430px;
    padding:25px;
    display:flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
    color:#1f1f1f;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
    transition:all .25s ease;
}

.custom-form-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
}

.custom-form-card img{
    width:100px;
    height:100px;
    object-fit:contain;
    flex-shrink:0;
}

.custom-form-content{
    flex:1;
}

.custom-form-content h3{
    margin:0 0 8px;
    font-size:24px;
    font-weight:600;
    line-height:1.3;
    color:#1f1f1f !important;
}

.custom-form-content p{
    margin:0;
    font-size:15px;
    line-height:1.5;
    color:#5f6368 !important;
}

.custom-form-card,
.custom-form-card *{
    color:#1f1f1f !important;
}

/* Tablet */
@media (max-width:1050px){
    .custom-forms-container{
        grid-template-columns:1fr;
        max-width:500px;
        gap:25px;
    }

    .custom-form-card{
        width:100%;
        max-width:430px;
        justify-self:center;
    }
}

/* Mobile */
@media (max-width:992px){
    .custom-forms-container{
        grid-template-columns:1fr;
        max-width:500px;
        gap:25px;
        margin:40px auto;
    }

    .custom-form-card{
        width:100%;
        max-width:500px;
    }
}

@media (max-width:768px){
    .custom-forms-container{
        margin:30px 15px;
        gap:20px;
    }

    .custom-form-card{
        width:100%;
        padding:20px;
    }

    .custom-form-content h3{
        font-size:20px;
    }

    .custom-form-content p{
        font-size:14px;
    }
}

.onboard-buttons{
    display:flex;
    gap:15px;          /* Space between buttons */
    align-items:center;
    flex-wrap:wrap;    /* Prevents breaking on smaller screens */
}

.onboard-btn{
    background:#7A764A;
    color:#fff !important;
    padding:6px 18px;
    border-radius:3px;
    text-decoration:none;
    display:inline-block;
    min-width:100px;
    text-align:center;
    font-size:14px; 
  font-weight: 500;
}
.onboard-btn:hover {
    background-color: #68653f;
    color: #ffffff;
}
.offboard-buttons{
    display:flex;
    gap:15px;          /* Space between buttons */
    align-items:center;
    flex-wrap:wrap;    /* Prevents breaking on smaller screens */
}

.offboard-btn{
    background:#7A764A;
    color:#fff !important;
    padding:6px 18px;
    border-radius:3px;
    text-decoration:none;
    display:inline-block;
    min-width:100px;
    text-align:center;
    font-size:14px; 
  font-weight: 500;
}
.offboard-btn:hover {
    background-color: #68653f;
    color: #ffffff;
}
.change-request-btn {
    background-color: #7a764a;
    color: #ffffff;
    padding: 6px 18px;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    min-width: 100px;
    text-align: center;
}

.change-request-btn:hover {
    background-color: #68653f;
    color: #ffffff;
}