@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
            .header-description h2{
                color: #699558;
                margin: 0 !important;
                padding: 0 !important;
                font-weight: 600;
                font-size: 36px;
            }
             .header-description p{
                font-size: 20px;
                font-weight: 500;
            }
            .faqs h3{
                color: #699558;
                margin: 0 !important;
                padding: 0 !important;
                font-weight: 600;
                font-size: 36px;
            }
            .faqs .et_pb_accordion_item {
                margin-bottom: 5px !important;
            }
            .faqs .et_pb_toggle_open{
                padding: 0 !important;
            }
            .faqs .et_pb_toggle_open p, .faqs .et_pb_toggle_open ul{
                padding: 0 25px !important;
            }
            .faqs .et_pb_toggle_open .et_pb_toggle_title {
                color: #fff;
                padding: 20px;
                background: #699558;               
                font-weight: 400 !important;
                content: "\4c" !important;
            }
            .faqs .et_pb_toggle_content {
                padding-bottom: 20px;
            }
            .faqs .et_pb_toggle_title:before {
                right: 10px;
                font-size: 22px;
                color: #699558;
            }
            .regulatory-cost-estimator-container body {
                font-family: 'Inter', sans-serif;
                background-color: #f0f2f5;
            }
            .regulatory-cost-estimator-container .card {
                background-color: white;
                height: fit-content;
                border-radius: 0.75rem;
                border: 0.5px solid #bfb4b4;
                transition: all 0.3s ease-in-out;
                margin: 25px 0;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                position: relative;
            }
            .regulatory-cost-estimator-container .result-card-value {
                font-size: 1.75rem;
                line-height: 2.25rem;
            }
            .regulatory-cost-estimator-container .total-cost-value {
                font-size: 2.5rem;
                line-height: 1;
                padding-bottom: 10px;
            }
            .regulatory-cost-estimator-container .vessel-section {
                transition: all 0.3s ease-in-out;
                border: 1px solid #e5e7eb;
            }
            .regulatory-cost-estimator-container .ice-class-inputs {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
                padding: 0 1rem;
            }
            .regulatory-cost-estimator-container .ice-class-inputs.expanded {
                max-height: 500px;
                padding: 1rem;
                margin-top: 1rem;
                background-color: #f9fafb;
                border-radius: 0.5rem;
            }
            .regulatory-cost-estimator-container .tooltip {
                position: relative;
                display: inline-block;
            }
            .regulatory-cost-estimator-container .tooltip .tooltiptext {
                visibility: hidden;
                width: 250px;
                background-color: #555;
                color: #fff;
                text-align: center;
                border-radius: 6px;
                padding: 5px;
                position: absolute;
                z-index: 1;
                bottom: 125%;
                left: 50%;
                margin-left: -125px;
                opacity: 0;
                transition: opacity 0.3s;
                font-size: 0.75rem;
                line-height: 1.25;
            }
            .regulatory-cost-estimator-container .tooltip:hover .tooltiptext {
                visibility: visible;
                opacity: 1;
            }            
            .gray-bg
            {
                --tw-bg-opacity: 1;
                background-color: #F7F7F7;
            }
            .gray-dark-bg
            {
                --tw-bg-opacity: 1;
                background-color: #E5E7EB;
            }
            input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
                padding: 0.55em;
            }
            input.text-small, select.text-small {                       
                color: black;
                font-weight: 500;
            }
            .text-small {
                font-size: 1rem;
                line-height: 1.25rem;
                color: #564E4E;
                font-weight: 400;
            }
            .fuel-row {
                border: 1px solid #e5e7eb;
                border-radius: 0.5rem;
            }
            .text-indigo-700{
                color: rgb(49 46 129 / var(--tw-text-opacity, 1)) !important;
            }
            .text-green-600 {
                color: #699558 !important;
            }
            .text-red-600 {
                color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
            }            
            #results-container h3{
                padding-bottom: 0;
            }
            .result-icons{
                margin: auto;
                width: 80px;
            }
            .exposure-data-wrap{
                box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15);
            }
            .exposure-data-wrap p {
                font-size: 2.2em;
                padding-bottom: 12px !important;
            }
            .text-blue-700 {
                --tw-text-opacity: 1;
                color: rgb(29 78 216 / var(--tw-text-opacity, 1)) !important;
            }
            .text-orange-700 {
                --tw-text-opacity: 1;
                color: rgb(194 65 12 / var(--tw-text-opacity, 1)) !important;
            }  
            .calculator-section.et_pb_section{
                height: fit-content;
                padding: 0;
            }       
            #results-container {
                height: fit-content;
            }             
            .get-user-email input{
                width: 100% !important;
                margin-bottom: 10px !important;
            }
            .footer-section .wp-image-9769{
                display: inline !important;
            }
            .unlock-btn{
                background: #33930d;
                padding: 10px 35px;
                border: none;
                border-radius: 26px;
                color: #fff;
                font-size: 14px;
                display: flex;
                cursor: pointer;
                margin: auto;
            }  
            .et_pb_button:hover, .et_pb_module .et_pb_button:hover {
                padding: 10px 35px !important;
            }
            .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
                background: #5A7E41;
                padding: 10px 35px !important;
            }
            .wpcf7-form input[type="email"] {
                @apply w-full p-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500;
            }
            .wpcf7-not-valid-tip {
                @apply text-red-500 text-xs mt-1 text-left;
            }
            .email-modal-inner, .optimize-email-modal-inner{
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);               
            }
            #email-modal,
            #optimize-email-modal,
            #analysisOverlay {
                transition: opacity 0.3s ease;
            }
            #email-modal.hidden,
            #optimize-email-modal.hidden,
            #analysisOverlay.hidden,
            {
                opacity: 0;
                pointer-events: none;
            }
            .optimize-email-modal-inner{
                width: 25vw;
            }
            .optimize-email-modal-inner .get-user-email-for-service input{
                border-radius: 6px;
                margin-bottom: 10px;
            }
            .service-form-list h3{
                font-weight: 700;
                display: flex;
                justify-content: left;
            }
            .service-form-list span.wpcf7-list-item {
                display: flex;
            }
            .email-modal .wpcf7 form.sent .wpcf7-response-output, .optimize-email-modal .wpcf7 form.sent .wpcf7-response-output{
                display: none !important;
            }
            .rounded-buton{
                border-radius: 2rem;
            }
            .select-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;                     
                padding: 0.6rem 1.4rem;
                border-radius: 9999px;         
                color: #374151;
                font-weight: 600;
                cursor: pointer;
                transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
                margin-top: auto;
            }
            .select-btn .icon {
                width: 20px;
                height: 20px;
                border: 2px solid #cbd5e1;
                position: relative;
                flex-shrink: 0;                
            }
            .select-btn:hover {
                background: #e5e7eb;
            }
            .select-btn.button-selected {
                background: #334155;
                border-color: #334155;
                color: #fff;
            }
            .select-btn.button-selected .icon {
                background: #334155;
                border-color: #fff;
            }
            .select-btn.button-selected .icon::after {
                content: "✓";
                position: absolute;
                inset: 0;                       
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                color: #fff;
            }           
            .card-one.service-selected{
                border: 3px solid #FCF6DC;                
            }
            .card-two.service-selected{
                border: 3px solid #DBEAFE;
            }
            .card-four.service-selected{
                border: 2px solid #DCFCE7;
            }
            .card-five.service-selected{
                border: 3px solid #FFE4E6;
            }
            #optimization-tiles-section .card p {
                min-height: 5lh;
                line-height: 1.5;
            }
            .service-selected{
               box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15);
            }
            .premium-card{
                margin: 0 0 !important;
                border: 3px solid #AED5B8 !important;
                background: linear-gradient(135deg, #AED5B8 0%, #ffffff 100%) !important;
            }
            .results-flag{
                height: 25px;
            }
            .otp-verification-form .form-step {
                display: none;
            }
            .otp-verification-form .form-step.active {
                display: block;
            }
            .otp-inputs {
                display: flex;
                gap: 10px;
                justify-content: center;
                margin: 20px 0;
                border: 2px solid #ddd !important;
                border-radius: 15px;
            }
            .otp-digit {
                width: 40px !important;
                height: 50px !important;
                text-align: center !important;
                font-size: 20px !important;
                border:none !important;
            }
            .otp-digit:focus {
                border-color: #007cba !important;
                outline: none !important;
            }
            .otp-message {
                text-align: center;
                margin-bottom: 20px;
                color: #666;
            }
            .otp-actions p {
                display: flex;
                justify-content: space-between;
                margin-top: 20px;
            }
            .go-back-link,
            .resend-link {
                color: #007cba;
                text-decoration: none;
            }
            .go-back-link:hover,
            .resend-link:hover {
                text-decoration: underline;
            }
            .send-otp-btn, .verify-otp-btn {
                width: 100%;
                padding: 12px !important;
                background-color: #33930d !important;
                color: white !important;
                border: none !important;
                border-radius: 5px !important;
                cursor: pointer !important;
                font-size: 16px !important;
            }
            .send-otp-btn:hover,
            .verify-otp-btn:hover {
                background-color: #699558 !important;
            }
            .otp-verification-form .form-step input {     
                width: -webkit-fill-available;
                border-radius: 6px; 
            }
            .otp-verification-form .form-step .otp-inputs input {
                border-bottom: 1px solid #c79696 !important;
                margin: 0 5px !important;
                border-radius: 0 !important;
            }
            .otp-inputs{
                height: 60px;
            }
            .otp-verification-form .form-step .wpcf7-spinner, .get-user-email-for-service .wpcf7-spinner  {
                display: none !important;
            }
            .et_pb_button:hover:after {
               display: none !important;
            }  
            #optimization-tiles-section h1 {
                font-size: 40px;
                padding-top: 25px;
                color: #699558;
            }











            /* #vessel-costs-graph-section, #optimization-tiles-section, #optimize-sectionn, #projection-section {
                display: none !important;
            } */








            @media (max-width: 580px) {
                .button-add-calculate {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 10px;
                }

                .grid-2-column{
                    display: block;
                }
                .ice-classed-text{
                    width: 62%;
                }
            }           


.regulatory-cost-estimator-container {
  display: none !important;
  opacity: 0;
}

.regulatory-cost-estimator-container[style*="display: block"] {
  opacity: 1;
}