.elementor-1350 .elementor-element.elementor-element-60c6321{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1350 .elementor-element.elementor-element-60c6321:not(.elementor-motion-effects-element-type-background), .elementor-1350 .elementor-element.elementor-element-60c6321 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9d7b85a );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1350 .elementor-element.elementor-element-fbe51fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1350 .elementor-element.elementor-element-fbe51fc.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1366px){.elementor-1350 .elementor-element.elementor-element-60c6321{--min-height:300px;}}@media(max-width:767px){.elementor-1350 .elementor-element.elementor-element-60c6321{--min-height:500px;--justify-content:center;--margin-top:-126px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:45px;--padding-left:25px;--padding-right:25px;}.elementor-1350 .elementor-element.elementor-element-456d5a6{text-align:center;}.elementor-1350 .elementor-element.elementor-element-fbe51fc{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:45px;--padding-bottom:45px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for html, class: .elementor-element-9b53107 */.currentCaptable{
    display: flex;
    gap: 32px;
    flex-direction: row;
    justify-content:space-between;
}
.currentCaptableInput{
   width: 100%;
}



.currency-.elementor-1350 .elementor-element.elementor-element-9b53107 {
    text-align: center;
    margin-bottom: 20px;
}

#ownershipChart {
    max-width: 100%;   
    flex: 1;
}



.results-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#resultsTable {
    flex: 1;
    margin-top: 0;
    margin-left: 20px;
}

.conversion-method {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 20px;
}

.conversion-method label {
    margin-right: 10px;
}

.conversion-method input[type="radio"] {
    margin-left: 10px;
    margin-right: 5px;
}


/* button */
.custom-button {
    background-color: #E55933;
    color: white;
    border: none;
    margin: 44px 0 0 0;
    /* margin-top: 25px; */
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 5px;
    justify-content: end;
  }

  .custom-button:hover {
    background-color: #c94c2a;
  }
  .alignEnd{
    flex-direction: row;
    display:flex;
    justify-content: end;
  }

  /* animation */
  .fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.hidden {
    display: none;
}


@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.conversion-method {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    align-items: flex-start;  /* Aligns children to the start */
}

.method-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #0C224A;
}

.radio-group {
    display: flex;
    flex-direction: row;  /* Changed to column for vertical alignment */
    align-items: flex-start;  /* Aligns radio buttons to the start */
    gap: 10px;  /* Vertical gap between radio buttons */
}

.radio-item {
    display: flex;
    align-items: center;
}

.radio-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 50%;
    outline: none;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.radio-item input[type="radio"]:checked {
    border-color: #E55933;
    background-color: #E55933;
    box-shadow: inset 0 0 0 4px #fff;
}

.radio-item label {
    font-size: 14px;
    color: #555;
    cursor: pointer;
}

.radio-item:hover input[type="radio"] {
    border-color: #c94c2a;
}

.radio-item:hover label {
    color: #4A4A4A;
}



.finalResultValues{
    display: flex;
    flex-direction: column;
    gap: 20px;width: 60%;
}





/*****************Cannyworx Styles*******************/
.card h2 {margin-bottom: 20px;margin-top: 0;font-size: 28px;font-family: 'Metropolis';}
.currency-button {    background: none !important;padding: 10px 26px !important;font-size: 16px;cursor: pointer;color: #D1D1D1 !important;
    transition: color 0.3s, border-bottom 0.3s !important;border: 1px solid #D1D1D1 !important;border-radius: 6px !important;}
.currency-button.active,
.currency-button:hover {color: #E75935 !important;border: 1px solid #E75935;box-shadow: 8px 8px 16px rgba(231, 89, 53, 0.15);}
.over_label {position: absolute;margin-top: -2px;margin-left: 16px;background-color: #FAF9F3;font-size: 14px;}
.top_filter {display: flex;align-items: center;justify-content: center;gap: 15px;}
.card {margin: 20px auto;}
#capTableCard{padding: 36px;border-radius: 8px;background-color: #FAF9F3;margin-top: 35px;}
#noteCard{background-color: #F2F8FC;padding: 36px;border-radius: 8px;}
#resultsCard{padding: 36px;border-radius: 8px;background-color: #FAFAFA;}
.currentCaptableInput input[type="text"], input[type="number"] {width: 100% !important;padding: 15px !important;margin-top: 5px !important;
    font-size: 14px !important;box-sizing: border-box !important;border: 1px solid #C7C3AF !important;border-radius: 5px !important;
    background: no-repeat !important;}
.currentCaptableInput input[type="number"], input[type="text"]:focus {outline: none;}
#notesTable {width: 100%;border-collapse: separate;border-spacing: 0;background-color: #ffffff;overflow: hidden;}
#notesTable th, 
#notesTable td {border: 3px solid #F2F8FC;padding: 15px !important;text-align: center;vertical-align: middle !important; 
    background-color: #fff !important;border-radius: 6px !important;}

#notesTable th {background-color: #6EA4D4 !important;font-weight: 600;font-size: 14px;text-transform: capitalize;color: #ffffff;width: 16.5%;}
#notesTable tbody td input {border: none !important;text-align: center;vertical-align: middle !important; padding: 0 !important;}

#notesTable input[type="number"],
#notesTable input[type="text"]:focus {outline: none;}
#addNote {border: 1px solid #E75935;background-color: #fff;padding: 10px 20px;border-radius: 6px;font-size: 14px;color: #E75935;
    font-weight: 600;}
.tab_res {width: 100%;overflow-x: auto; -webkit-overflow-scrolling: touch;}
#results {display: flex;justify-content: space-between;flex-wrap: wrap;    width: 30%;    margin-bottom: 24px;}
#resultsTable {width: 100%;margin-top: 20px;}
.finalResult {display: flex;flex-direction: row;justify-content: space-between;}
.final_box .currentCaptableInput {width: 50%;}
#adjustValuation{display: flex;gap: 10px;flex-direction: column;}
.results-flex {display: flex;flex-wrap: wrap;flex-direction: row;gap: 32px;}
.result-item {flex: 1 1 calc(33.333% - 20px);padding: 24px 24px 24px 24px;background-color: #ffffff;border: 1px solid rgba(224, 224, 224, 1);border-radius: 5px}
.result-item strong {display: block;font-size: 32px;margin-bottom: 0px;color: #6EA4D4;line-height: 44px;}
#adjustValuation label {font-weight: 500;color: #0C224A;}
#discount1 {margin: 0 !important;background-color: #fff !important;padding: 10px !important;}
.remove-note-btn {font-size: 14px;background: none !important;color: red !important;font-weight: 600;display: inline-block;
    margin: auto;align-items: center;padding: 0 !important;}
.finalResultValues label {background-color: #FAFAFA !important;}    
.elementor-1350 .elementor-element.elementor-element-9b53107 input[type="text"], input[type="number"] {color: #0C224A !important;font-weight: 600;font-size: 14px !important;}
#valuationSliderValue {color: #0C224A;font-weight: 600;}





@media (max-width: 767px) {

.currency-button {padding: 8px 20px !important;font-size: 14px !important;}
#capTableCard {padding: 24px;}
.currentCaptable {display: flex; gap: 24px;flex-direction: column;justify-content: space-between;}
#noteCard {padding: 24px;}
#resultsCard {padding: 24px;border-radius: 8px;background-color: #FAFAFA;}
.finalResult {display: flex;flex-direction: column;}
.finalResultValues {display: flex;flex-direction: column; gap: 20px; width: 100%;}
#results {display: flex;justify-content: space-between;flex-wrap: wrap;    width: 100%;}
.final_box .currentCaptableInput { width: 100%;}
.results-flex {gap: 20px;}
.radio-group {display: flex; flex-direction: column;align-items: flex-start; gap: 10px;}
div#resultsCard h2 {margin-bottom: 0px !important;}
#addNote {margin-top: 15px;}

}/* End custom CSS */