﻿.site-mode-studio-designer.w-site div.w-panel.d-section.d-ai-agent-panel,
.site-mode-studio-preview.w-site div.w-panel.d-section.d-ai-agent-panel,
.wallet-enabled-false.w-site div.w-panel.d-section.d-ai-agent-panel,
.site-mode-studio-designer.w-site div.w-panel.d-section-panel.d-ai-agent-panel,
.site-mode-studio-preview.w-site div.w-panel.d-section-panel.d-ai-agent-panel,
.wallet-enabled-false.w-site div.w-panel.d-section-panel.d-ai-agent-panel {
    color: #4e4e61;
    background-color: black;
    padding: 0px;
    margin: 20px;
    border-radius: 7px;
    width: 100%;
    max-width: 400px;
    height:350px;
    background-image: url("https://pub-1c0e543900fc40318aa4c4aec39fb352.r2.dev/bg4.png");
} 

    .site-mode-studio-designer.w-site div.w-panel.d-section.d-ai-agent-panel > .w-header,
    .site-mode-studio-preview.w-site div.w-panel.d-section.d-ai-agent-panel > .w-header,
    .wallet-enabled-false.w-site div.w-panel.d-section.d-ai-agent-panel > .w-header,
    .site-mode-studio-designer.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-header,
    .site-mode-studio-preview.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-header,
    .wallet-enabled-false.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-header {
        padding: 7px;
        background: slategray;
        color: white;
        font-size: 1.1rem;
        background-image: url("https://pub-1c0e543900fc40318aa4c4aec39fb352.r2.dev/header-banner-001.png");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        justify-content: center;
    }

    .site-mode-studio-designer.w-site div.w-panel.d-section.d-ai-agent-panel > .w-content,
    .site-mode-studio-preview.w-site div.w-panel.d-section.d-ai-agent-panel > .w-content,
    .wallet-enabled-false.w-site div.w-panel.d-section.d-ai-agent-panel > .w-content,
    .site-mode-studio-designer.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-content,
    .site-mode-studio-preview.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-content,
    .wallet-enabled-false.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-content {
        background-color: #4a5662;
        color: white;
        
    }

.site-mode-studio-designer.w-site div.d-section-panel.w-panel.d-personalbank-aboutBank > .w-content,
.site-mode-studio-preview.w-site div.d-section-panel.w-panel.d-personalbank-aboutBank > .w-content,
.wallet-enabled-false.w-site div.d-section-panel.w-panel.d-personalbank-aboutBank > .w-content {
    background-color: transparent !important;
    color: white;
}


.d-personalbank-aboutBank {
    w-panel w-card container-mdnyz01a2971 d-panel-classic-1 d-section-panel  d-ai-agent-panel d-personalbank-aboutBank custompanelcomponent
}


.site-mode-studio-designer.w-site div.w-panel.d-section.d-ai-agent-panel,
.site-mode-studio-preview.w-site div.w-panel.d-section.d-ai-agent-panel,
.wallet-enabled-false.w-site div.w-panel.d-section.d-ai-agent-panel,
.site-mode-studio-designer.w-site div.w-panel.d-section-panel.d-ai-agent-panel,
.site-mode-studio-preview.w-site div.w-panel.d-section-panel.d-ai-agent-panel,
.wallet-enabled-false.w-site div.w-panel.d-section-panel.d-ai-agent-panel {
    box-shadow: 0 20px 60px rgba(59, 246, 90, 0.3) !important;
    border: 1px solid rgba(59, 246, 106, 0.8) !important;
    opacity: 1;
    background-image: none;
    color: white;
}


    .site-mode-studio-designer.w-site div.w-panel.d-section.d-ai-agent-panel:hover,
    .site-mode-studio-preview.w-site div.w-panel.d-section.d-ai-agent-panel:hover,
    .wallet-enabled-false.w-site div.w-panel.d-section.d-ai-agent-panel:hover,
    .site-mode-studio-designer.w-site div.w-panel.d-section-panel.d-ai-agent-panel:hover,
    .site-mode-studio-preview.w-site div.w-panel.d-section-panel.d-ai-agent-panel:hover,
    .wallet-enabled-false.w-site div.w-panel.d-section-panel.d-ai-agent-panel:hover {
        box-shadow: 0 20px 60px rgba(59, 246, 90, 0.3) !important;
        border: 1px solid rgba(59, 246, 106, 0.8) !important;
        transform: translateY(-10px);
        box-shadow: 0 25px 50px rgba(65, 246, 59, 0.3);
        border-color: rgba(65, 246, 59, 0.8);
        transform: translateY(0px);
        transition: opacity 0.6s, transform 0.6s;
    }



/*SECTION TYPE BASED - personalbank */
    .site-mode-studio-designer.w-site div.w-panel.d-section.d-ai-agent-panel > .w-content,
    .site-mode-studio-preview.w-site div.w-panel.d-section.d-ai-agent-panel > .w-content,
    .wallet-enabled-false.w-site div.w-panel.d-section.d-ai-agent-panel > .w-content,
    .site-mode-studio-designer.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-content,
    .site-mode-studio-preview.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-content,
    .wallet-enabled-false.w-site div.w-panel.d-section-panel.d-ai-agent-panel > .w-content {
        background-color: #4a5662;
        color: white;
        height: max-content;
        background-color: black;
         min-height: 220px;
    }
 

.d-personalbank-account-publicRecipient > .w-header {
    background-color: #237439 !important;
}
.d-personalbank-account-publicSender > .w-header {
    background-color:brown !important;
}

.d-personalbank-account-donation-account > .w-header {
    background-color: dodgerblue !important;
}
.d-personalbank-account-primary-aml > .w-header {
    background-color: orangered !important;
}
.d-personalbank-account-primary-kyc > .w-header {
    background-color: indianred !important;
}
.d-personalbank-accumulate-certified-software-engineer > .w-header {
    background-color: lightseagreen !important;
}
.d-personalbank-accumulate-certified-business-architect > .w-header {
    background-color: yellowgreen !important;
}
.d-personalbank-accumulate-certified-hackathon-0001-winner > .w-header {
    background-color: darkslateblue !important;
}
.d-personalbank-accumulate-certified-hackathon-0001-attendee > .w-header {
    background-color: slategray !important;
}
.d-personalbank-operate-certified-software-engineer > .w-header {
    background-color: orangered !important;
}
.d-personalbank-operate-certified-business-architect > .w-header {
    background-color: yellowgreen !important;
}
.d-personalbank-operate-certified-hackathon-0001-winner > .w-header {
    background-color: darkslateblue !important;
}
.d-personalbank-operate-certified-hackathon-0001-attendee > .w-header {
    background-color: slategray !important;
}

 
.w-edit-mode-off .d-bank-account-url {
    width: 100%
}

.w-edit-mode-off .custompanelcomponent.w-panel.d-ai-agent-panel {
}

    .w-edit-mode-off .custompanelcomponent.w-panel.d-ai-agent-panel > .w-header {
    }

    .w-edit-mode-off .custompanelcomponent.w-panel.d-ai-agent-panel > .w-content {
    }

    .w-edit-mode-off .custompanelcomponent.w-panel.d-ai-agent-panel > .w-header .d-section-help {
        display: none;
    }


.w-edit-mode-off .custompanelcomponent.w-panel.d-personalbank-account-publicRecipient > .w-header {
    background: #4e4e61;
    color: white;
}

.w-edit-mode-off .custompanelcomponent.w-panel.d-personalbank-account-publicSender > .w-header {
    background: #6c1405;
    color: white;
}

.w-edit-mode-off .custompanelcomponent.w-panel.d-personalbank-account-donation > .w-header {
    background: #237439;
    color: white;
}
.w-edit-mode-off .d-ai-agent-panel .d-public-key-hash {
    width: 100% !important;
    justify-content:center;
}

.w-edit-mode-off .d-ai-agent-panel .d-public-key-hash .w-field-name,
.w-edit-mode-off .d-ai-agent-panel .d-public-key-hash .w-field-value {
    text-align: center !important;
    width: 100% !important;
}

.w-edit-mode-off .d-ai-agent-panel .d-disco-field {
    min-width: 250px;
}
    .w-edit-mode-off .d-ai-agent-panel .bank-entry-sub-title,
    .w-edit-mode-off .d-ai-agent-panel .d-blockchain-network,
    .w-edit-mode-off .d-ai-agent-panel .d-disco-field .w-field-name,
    .w-edit-mode-off .d-ai-agent-panel .d-disco-field .w-field-value {
        /*        padding-left: 20px;
*/ text-align: left;
        width: 100%;
    }

.w-edit-mode-off .d-ai-agent-panel .d-bank-account-url .w-field-name {
    padding-bottom: 30px;
}

.w-edit-mode-off .d-ai-agent-panel .d-bank-account-url .w-field-value {
    font-size: large;
    font-weight: bold;
}

.w-edit-mode-off .d-ai-agent-panel .bank-entry-sub-title,
.w-edit-mode-off .d-ai-agent-panel .d-blockchain-network {
    flex-flow: row;
    background: silver;
    border-radius: 5px;
    flex-flow: row;
    /*   background: #2e1430;*/
    border-radius: 0px 0px 0px 0px;
    color: silver;
    height: 40px;
    background: rgb(29 64 28 / 80%);
}


.w-edit-mode-off .d-ai-agent-panel .bank-entry-sub-title .w-field-name,
.w-edit-mode-off .d-ai-agent-panel .d-blockchain-network .w-field-name {
    width: 100%;
    text-align: right;
    padding-right: 6px;
}
    .w-edit-mode-off .d-ai-agent-panel .bank-entry-sub-title .w-field-value,
    .w-edit-mode-off .d-ai-agent-panel .d-blockchain-network .w-field-value {
        width: 100px;
        text-align: right;
        width: fit-content;
        overflow-x: visible;
    }



.d-certificateLogoUrl {
}


/*CERTIFICATE PRINT*/
.w-edit-mode-off .d-print-image {
    width: 400px;
    height: 400px;
    padding-left: 20px;
}

.d-print-special-notes,
.d-print-certificateTitle,
.d-print-name,
.d-print-fromDate,
.w-edit-mode-off .d-print-toDate {
    position: absolute;
    color: black;
    left: 50px;
    width: 300px;
    max-width: 300px;
}

    .w-edit-mode-off .d-print-special-notes .w-field-value,
    .w-edit-mode-off .d-print-certificateTitle .w-field-value,
    .w-edit-mode-off .d-print-name .w-field-value,
    .w-edit-mode-off .d-print-fromDate .w-field-value,
    .w-edit-mode-off .d-print-toDate .w-field-value {
        text-align: center !important;
        word-break: break-word;
        text-align: center;
    }



.w-edit-mode-off .d-print-certificateTitle {
    top: 30px;
    font-weight: bold;
    font-size: 18px;
    color: goldenrod;
}

.w-edit-mode-off .d-print-name {
    top: 90px;
    font-weight: bold;
    font-size: 16px;
}

.w-edit-mode-off .d-print-special-notes {
    top: 110px;
}

.w-edit-mode-off .d-print-fromDate, .w-edit-mode-off .d-print-toDate {
    top: 210px;
}

.w-edit-mode-off .d-print-fromDate {
    left: 0px;
}

.w-edit-mode-off .d-print-toDate {
    left: 100px;
}


.w-edit-mode-off .custompanelcomponent.w-panel.d-dataform-cert,
.w-edit-mode-off .custompanelcomponent.w-panel.d-dataform-cert-of-achievement {
    max-width: 425px;
}

.w-edit-mode-off .d-dataform-cert > .w-content,
.w-edit-mode-off .d-dataform-cert-of-achievement > .w-content {
    overflow-x: auto;
    padding-right: 15px;
}



.site-mode-studio-designer.w-site.active-wallet-bizfirstai div.w-panel.d-section.d-ai-agent-panel > .w-content .w-datagrid-row ,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai div.w-panel.d-section.d-ai-agent-panel > .w-content .w-datagrid-row,
.wallet-enabled-false.w-site.active-wallet-bizfirstai div.w-panel.d-section.d-ai-agent-panel > .w-content .w-datagrid-row {
    width: 100%;
}

.site-mode-studio-designer.w-site.active-wallet-bizfirstai div.w-panel.d-section.d-ai-agent-panel .w-header .w-title,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai div.w-panel.d-section.d-ai-agent-panel .w-header .w-title,
.wallet-enabled-false.w-site.active-wallet-bizfirstai div.w-panel.d-section.d-ai-agent-panel .w-header .w-title,
.site-mode-studio-designer.w-site.active-wallet-bizfirstai div.w-panel.d-section-panel.d-ai-agent-panel .w-header .w-title,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai div.w-panel.d-section-panel.d-ai-agent-panel .w-header .w-title,
.wallet-enabled-false.w-site.active-wallet-bizfirstai div.w-panel.d-section-panel.d-ai-agent-panel .w-header .w-title {
    justify-content: left !important;
    color: #549bab;
    font-size:medium;
}

.site-mode-studio-designer.w-site.active-wallet-bizfirstai .d-bank-account-url > .w-field-name,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai .d-bank-account-url > .w-field-name,
.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-bank-account-url > .w-field-name {
    text-align: left !important;
    color: silver;
    font-size: 12px;
}

.site-mode-studio-designer.w-site.active-wallet-bizfirstai .d-bank-account-url > .w-field-value,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai .d-bank-account-url > .w-field-value,
.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-bank-account-url > .w-field-value {
    text-align: center !important;
}



.site-mode-studio-designer.w-site.active-wallet-bizfirstai .d-ai-agent-panel .w-content .w-datagrid-row,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai .d-ai-agent-panel .w-content .w-datagrid-row,
.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-ai-agent-panel .w-content .w-datagrid-row {
    width: 100%;
}
    .site-mode-studio-designer.w-site.active-wallet-bizfirstai .d-ai-agent-panel .w-content .w-datagrid-row > .w-field-name,
    .site-mode-studio-preview.w-site.active-wallet-bizfirstai .d-ai-agent-panel .w-content .w-datagrid-row > .w-field-name,
    .wallet-enabled-false.w-site.active-wallet-bizfirstai .d-ai-agent-panel .w-content .w-datagrid-row > .w-field-name {
        color: gray;
    }
 


.site-mode-studio-designer.w-site.active-wallet-bizfirstai .d-personalbank-aboutBank .w-content .w-datagrid-row > .w-field-name,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai .d-personalbank-aboutBank .w-content .w-datagrid-row > .w-field-name,
.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-personalbank-aboutBank .w-content .w-datagrid-row > .w-field-name,
.site-mode-studio-designer.w-site.active-wallet-bizfirstai .d-personalbank-aboutBank .w-content .w-datagrid-row > .w-field-value,
.site-mode-studio-preview.w-site.active-wallet-bizfirstai .d-personalbank-aboutBank .w-content .w-datagrid-row > .w-field-value,
.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-personalbank-aboutBank .w-content .w-datagrid-row > .w-field-value {
    text-align: center !important;
}



.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-bankName {
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 900;
    margin-bottom: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #2EC500 50%, #4aee6e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 30px rgba(65, 246, 59, 0.3);
    animation: fadeInUp 1s ease 0.4s both;
    text-shadow: 0 0 20px rgba(59, 246, 115, 0.3);
}

.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-bankDescription {
    color: white;
    font-size: clamp(1.5rem, 6vw, 2rem);
}

.wallet-enabled-false.w-site.active-wallet-bizfirstai .d-ownerDescription {
    color: silver;
}



.wallet-enabled-false.w-site.active-wallet-bizfirstai div.w-panel.d-section-panel.d-ai-agent-panel.d-personalbank-aboutBank {
    max-width: none !important;
    border-width: 0px !important;
    background-color: transparent;
    padding: 20px 0 80px;
    box-shadow: none !important;
    /*background-image: url("/assets/bizfirstai/greenAbstract.png") !important;*/
}

.wallet-enabled-false.w-site.active-wallet-bizfirstai .custom-display-panel-holder {
    justify-content: center;
}

.wallet-enabled-false.w-site.active-wallet-bizfirstai div.w-panel.d-section-panel .d-page-title,
.wallet-enabled-false.w-site.active-wallet-bizfirstai div.w-panel.d-section-panel .d-page-title > .w-field-value
{
    text-align: center;
    width: 100%;
}
.wallet-enabled-false.w-site.active-wallet-bizfirstai  .d-top-menu .w-content {
    justify-content: right;
    color: #549bab;
    text-decoration: underline;
}

