section.download-learn-more-sec { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0; }
section.download-learn-more-sec .box { width: 100%; display: flex; gap: 60px; align-items: center; }
section.download-learn-more-sec .box .image { display: block; width: 50%; padding: 0 30px; }
section.download-learn-more-sec .box .image img { display: block;  height: 100%; }
section.download-learn-more-sec .box .cta-sec { display: flex; align-items: center; width: 100%; flex-wrap: wrap; gap: 24px; margin-top: 16px; }
section.download-learn-more-sec .box .cta-sec a.bg-gradient-purplepink.normal-cta-filter:hover svg { transform: translateY(3px); }
section.download-learn-more-sec .box .cta-sec .view { width: auto; display: inline-block; }
section.download-learn-more-sec .box .cta-sec .view span { font-family: "Raleway", sans-serif; font-weight: 600; font-size: 24px; line-height: 100%; letter-spacing: 0; color: var(--Secondary-DarkBlue); }
section.download-learn-more-sec .box h2 { font-family: 'Playfair Display'; font-weight: 600; font-size: 36px; line-height: 120%; margin-bottom: 0; color: var(--Black); }
section.download-learn-more-sec .box .content-sec { width: 50%; display: flex;flex-direction: column;gap: 24px; }
section.download-learn-more-sec .box p { font-weight: 400; font-size: 20px; line-height: 138%; letter-spacing: 0; }

section.die-series { width: 100%; display: inline-block; vertical-align: top; }
section.die-series .wrap { display: flex; gap: 48px; width: 100%; }
section.die-series .wrap .form-box { width: 50%; border-radius: 20px; padding: 40px; background: transparent; position: relative; }
section.die-series .wrap .form-box::before { content: ""; position: absolute; inset: 0; border-radius: 20px; padding: 3px; background: linear-gradient(90deg, #622241 0%, #C84585 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.calculator-section .field {display: block; width: 100%; position: relative; margin-bottom: 24px; }
.calculator-section .field > label { font-family: 'Raleway'; font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 1.28px; text-transform: uppercase; margin-bottom: 4px; width: 100%; display: block; }
.calculator-section .field input { padding: 17px 29px; border: none; border-radius: 30px; background: white; font-size: 22px; font-family: 'Raleway'; font-weight: 500; color: black; }
.summary-card .sheet-data { width: 100%; display: inline-block; padding-bottom: 40px; }
.summary-card .sheet-data ul {justify-content: space-between; display: flex; flex-wrap: wrap; gap: 40px; width: 100%; list-style-type: none; }
.summary-card h3 { font-family: Raleway; font-weight: 600; font-size: 32px; line-height: 100%; letter-spacing: 1.28px; text-transform: uppercase; width: 100%; display: block; margin-bottom: 32px; }
.summary-card .sheet-data ul li { flex-direction: column; display: flex; gap: 10px; }
.summary-card .sheet-data ul li strong { opacity: 30%; font-family: Raleway; font-weight: 600; line-height: 100%; letter-spacing: 1.28px; text-transform: uppercase; font-size: 18px; }
.summary-card .sheet-data ul li span { font-family: Raleway; font-weight: 600; font-size: 24px; line-height: 100%; letter-spacing: 0; }
.summary-card .summary-sheet{margin-bottom: 40px; border-bottom: 3px solid rgb(0 0 0 / 10%); }
.summary-card .die-series.sheet-data ul { gap: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; }
section.die-series .wrap .form-box .bottom-cta { display: flex; align-items: center; gap: 32px; justify-content: space-between; }
section.die-series .wrap .form-box .bottom-cta a.normal-cta-filter:hover svg{transform: unset;}

.calculator-section { width: 100%; display: inline-block;padding-bottom: 90px;  }
.calculator-section.die-series {  padding-top: 60px; }
.calculator-section .calculator-value { display: flex; width: 100%; margin-top: 40px; }
.calculator-section .calculator-value .left-form { display: flex;justify-content: space-between;flex-direction: column; width: 40%; padding-right: 38px; margin-right: 38px; border-right: 3px solid rgb(0 0 0 / 10%); }
.calculator-section .calculator-value .right-result { width: 40%; }
.calculator-section .calculator-value .right-result .result { width: 100%; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.calculator-section .calculator-value .right-result  span.calc-title { font-family: Raleway; font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 1.28px; text-transform: uppercase; opacity: 0.3; }
.calculator-section .calculator-value .right-result .result strong.calc-result { font-family: Raleway; font-weight: 600; font-size: 48px; line-height: 100%;  }
.calculator-section .calculator-value .right-result .formula { width: 100%; display: flex; flex-direction: column; gap: 14px; }
.calculator-section .calculator-value .right-result .formula .calc-formula { width: 100%; display: inline-block; }
.calculator-section .calculator-value .right-result .formula .calc-formula div { font-size: 40px; margin-bottom: 20px; line-height: 1; }
.calculator-section .calculator-value .right-result .formula .calc-formula p { font-size: 18px; line-height: 140%; margin-bottom: 3px; }
.calculator-section .tabs, .calculator-section .tab-top  { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.calculator-section .tabs button.tab, .calculator-section .tab-top button.tab  {color: #000; backdrop-filter: blur(16.200000762939453px); box-shadow: 2px 4px 24.6px 0px rgba(0, 0, 0, 0.15); font-size: 24px; line-height: 140%; font-weight: 500; padding: 16px 30px;  }
.calculator-section .tabs button.tab.active, .calculator-section .tabs button.tab:hover { background: var(--Gradient-Orange); color: #fff; }
.calculator-section .tab-top button.tab.active, .calculator-section .tab-top button.tab:hover { background: var(--Gradient-Orange); color: #fff; }
section.conversion-calculator.calculator-section .tabs { box-shadow: 2px 4px 24.6px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(16.200000762939453px); width: max-content; border-radius: 60px; gap: 0; }
section.conversion-calculator.calculator-section .tabs button.tab { backdrop-filter: unset; box-shadow: unset; background: none; color: #000; }
section.conversion-calculator.calculator-section .tabs button.tab.active { background: var(--Gradient-Orange); color: #fff; }
section.die-series .wrap .form-card.form-box { display: flex; flex-direction: column; justify-content: space-between; }
.calculator-section button.copy-btn.copied svg path{fill: green;}
.calculator-section .calculator-value .right-result .result .result__text button.active svg path{fill: green;}
.calculator-section .calculator-value .right-result .result .result__text { display: flex; gap: 12px; align-items: center; }
.calculator-section .calculator-value .right-result .result .result__text button { border: none; background: none; padding: 0; }
.calculator-section .calculator-value .right-result .result .result__text button svg { height: 24px; width: 24px; }
.calculator-section .calculator-value .right-result .result:last-child {margin: 0;}
.production-tab { width: 100%; display: none; }
.production-tab.active { display: block; }
.calculator-section .field > label .info { position: relative; display: inline-block; cursor: pointer; }
.calculator-section .field > label .info img { opacity: 0.4;width: 24px; height: 24px; display: block; }
.calculator-section .field > label { display: flex; align-items: center; gap: 10px; }
.calculator-section .field > label .info { position: relative; display: inline-block; cursor: pointer; }
.calculator-section .field > label .info span { visibility: hidden; width: 335px; background: #fff; color: #000; text-align: center; padding: 12px; border-radius: 20px; position: absolute; z-index: 1; bottom: -5%; /* above the icon */ left: 100%; opacity: 0; transition: opacity 0.3s; font-size: 16px; box-shadow: 2px 4px 24.6px 0px rgba(0, 0, 0, 0.25); text-transform: capitalize; font-family: 'Raleway'; }
.calculator-section .field > label .info span::after { content: ""; position: absolute; top: 100%; /* bottom of tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; }
.calculator-section .field > label .info:hover span { visibility: visible; opacity: 1; }
.calculator-section .field > label > span { opacity: 0.4; }
section.die-series .wrap .summary-card .die-series.sheet-data ul { overflow-y: auto; max-height: 280px; height: 100%; }
section.die-series .wrap .summary-card .die-series.sheet-data ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; }
section.die-series .wrap .summary-card .die-series.sheet-data ul::-webkit-scrollbar { border-radius: 10px; width: 5px; background-color: #F5F5F5; }
section.die-series .wrap .summary-card .die-series.sheet-data ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background: var(--Gradient-Orange) }
.calculator-section .tab-headings { width: 100%; overflow-x: auto; overflow-y: hidden; padding: 30px 20px; }
.calculator-section .tab-headings .tab-top { display: flex; width: max-content; gap: 24px; }
.calculator-section .tab-headings::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; }
.calculator-section .tab-headings::-webkit-scrollbar { height: 6px;background-color: #F5F5F5; border-radius: 10px; }
.calculator-section .tab-headings::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background: var(--Gradient-Orange); }
.popup-wrap .form-popup::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px; }
.popup-wrap .form-popup::-webkit-scrollbar { border-radius: 10px; width: 6px; background-color: #F5F5F5; }
.popup-wrap .form-popup::-webkit-scrollbar-thumb { border-radius: 10px; background: linear-gradient(88.27deg, #2C1B47 0%, #6B42AD 100%); }
section.die-series .wrap .form-box.summary-card { display: flex; flex-direction: column; }
section.die-series .wrap .form-box.summary-card .bottom-cta { flex: 1; align-items: flex-end; }
.calculator-section .calculator-value .right-result .result .result__text button { position: relative;display: flex; align-items: center; justify-content: center; gap: 5px; }
.calculator-section .calculator-value .right-result .result .result__text button span {position: absolute;left: calc(100% + 10px);width: max-content;display: none; font-family: Raleway; font-weight: 500; line-height: 20px; font-size: 16px; padding: 16px; border-radius: 30px; background-color: white; }
.calculator-section .calculator-value .right-result .result .result__text button.copied span {display: block;}
.calculator-section .calculator-value .right-result .result .result__text button.active span { display: block; }
.calculator-section .field span.error-msg { font-family: Raleway; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0.64px; padding: 12px; text-transform: uppercase; display: block; color: rgba(215, 0, 0, 1); opacity: 0.4; }

@media (max-width:1400px) {
    .calculator-section .tabs button.tab, .calculator-section .tab-top button.tab { font-size: 18px; padding: 12px 20px; letter-spacing: 1px; }
    .calculator-section .tabs, .calculator-section .tab-top { gap: 16px; }
    .calculator-section .field span.error-msg{font-size: 14px;padding: 8px;}
}
@media (max-width:1200px) {
    .calculator-section {padding-bottom: 80px;}
    .wrap { gap: 32px; }
    .summary-card h3 {margin-bottom: 24px; font-size: 24px; }
    .summary-card .sheet-data ul li span { font-size: 20px; }
    .summary-card .sheet-data ul li strong { font-size: 17px; letter-spacing: 1px; }
    .summary-card .sheet-data ul { gap: 20px; }
    .summary-card .summary-sheet { margin-bottom: 30px; }
    .summary-card .sheet-data { padding-bottom: 30px; }
    .summary-card .die-series.sheet-data ul {max-height: 260px;}
    section.download-learn-more-sec .box .image { padding: 0; }
    section.download-learn-more-sec .box { gap: 20px; }
    section.download-learn-more-sec .box .content-sec { gap: 16px; }
    .calculator-section .field input { padding: 12px 24px; font-size: 18px; }
    section.die-series .wrap .form-box{padding: 24px;}
    .calculator-section .calculator-value .left-form { width: 50%; }
    .calculator-section .calculator-value .right-result { width: 50%; }
    .calculator-section .calculator-value .right-result .result strong.calc-result { font-size: 40px; }
    .calculator-section .calculator-value .right-result .formula .calc-formula div { font-size: 30px; }
    .calculator-section .field span.error-msg{font-size: 12px;padding: 6px;}
    
}
@media (max-width:991px) {
    .calculator-section .field span.error-msg{font-size: 10px;padding: 4px;}
    .calculator-section .tab-headings .tab-top {  gap: 16px; }
    .calculator-section {padding-bottom: 60px;}
    .calculator-section.die-series{padding-top: 40px;}
    section.die-series .wrap { flex-direction: column; }
    section.die-series .wrap .form-box { width: 100%; }
    .calculator-section .calculator-value .left-form { padding-right: 20px; margin-right: 20px; width: 60%; }
    .calculator-section .calculator-value .right-result .formula .calc-formula div { font-size: 25px; }
    .calculator-section .calculator-value .right-result .formula .calc-formula p { font-size: 17px; }
    section.download-learn-more-sec .box h2 { font-size: 24px; line-height: 140%; }
    section.download-learn-more-sec .box p { font-size: 18px; }
    section.download-learn-more-sec .box .image { width: 40%; }
    section.download-learn-more-sec .box .content-sec { width: 60%; }
    section.download-learn-more-sec .box .cta-sec { gap: 10px; margin: 0; }
    .calculator-section .calculator-value .right-result .result .result__text button span { padding: 7px; font-size: 11px; left: calc(100% + 3px); }
    .calculator-section .calculator-value .right-result .result .result__text { gap: 10px; }
    .calculator-section .tabs button.tab, .calculator-section .tab-top button.tab { font-size: 16px; padding: 10px 18px; letter-spacing: 0; }
    .calculator-section .calculator-value .right-result { width: 50%; }
    .calculator-section .calculator-value .left-form { width: 50%; }

}
@media (max-width:767px) {
    .calculator-section {padding-bottom:40px;}
    .calculator-section.die-series{padding-top: 30px;}
    .calculator-section .calculator-value { flex-direction: column; gap: 30px; }
    .calculator-section .calculator-value .left-form { width: 100%; padding: 0 0 30px; margin: 0; border-right: unset; border-bottom: 3px solid rgb(0 0 0 / 10%); }
    .calculator-section .calculator-value .right-result{ width: 100%; }
    section.download-learn-more-sec .box { flex-direction: column; }
    section.download-learn-more-sec .box .image { width: 100%; }
    section.download-learn-more-sec .box .content-sec { width: 100%; }
    section.download-learn-more-sec .box .image img { max-height: 400px; max-width: 400px; margin: 0 auto; }
    section.conversion-calculator.calculator-section h2 {margin: 0;}
    .calculator-section .field > label .info span { left: -140px; width: 175px; padding: 5px; font-size: 12px; border-radius: 10px; }
}
@media (max-width:640px) {
    section.download-learn-more-sec .box h2 { font-size: 21px;}
    section.download-learn-more-sec .box .image img { max-height: 300px; }
    .calculator-section .calculator-value .right-result .result strong.calc-result { font-size: 30px; }
    .calculator-section .calculator-value .right-result span.calc-title { font-size: 17px; letter-spacing: 0.5px; }
    .calculator-section .calculator-value .right-result .formula .calc-formula div { font-size: 22px; }
    section.die-series .wrap .form-card.form-box { padding: 20px; }
    .calculator-section .field > label {letter-spacing: 0.5px; font-size: 15px; }
    .calculator-section .field > label .info img {height: 20px; width: 20px;}
    .calculator-section .field input { padding: 12px 20px; font-size: 17px; }
    .calculator-section .field { margin-bottom: 20px; }
    section.die-series .wrap .form-box .bottom-cta { flex-wrap: wrap; gap: 20px; }

    .summary-card h3 { margin-bottom: 20px; font-size: 20px; }
    .summary-card .sheet-data { padding-bottom: 20px; }
    .summary-card .summary-sheet { margin-bottom: 20px; }
    .summary-card .die-series.sheet-data ul { grid-template-columns: 1fr 1fr; }
    .summary-card .sheet-data ul li { gap: 4px; }
    .summary-card .sheet-data ul li span { font-size: 19px; }
    .summary-card .sheet-data ul li strong { font-size: 16px; }
    .summary-card .die-series.sheet-data ul {max-height: 280px;}
}

.popup-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);    /* dimmed background */ display: flex; justify-content: center; align-items: center; z-index: 1000; padding: 20px; }
.popup-wrap .form-popup {z-index: 99; font-family: Raleway; border-radius: 16px; width: 970px; max-width: 100%; overflow: hidden; position: relative; animation: fadeInUp 0.3s ease; background: linear-gradient(180deg, #FFFFFF 0%, #E0E0E0 58.65%, #878787 79.33%, #BABABA 100%); box-shadow: 2px 4px 24.6px 0px rgba(0, 0, 0, 0.25); max-height: 100%; overflow-y: auto; height: fit-content; }
.popup-wrap .form-popup .top-title { display: flex; align-items: center; gap: 8px; width: 100%; padding: 16px 32px; }
.popup-wrap .form-popup .close-btn { position: absolute; top: 15px; right: 20px; font-size: 28px; color: #666; cursor: pointer; transition: 0.3s; }
.popup-wrap .form-popup .close-btn:hover { color: #000; }
.popup-wrap .form-popup .form-wrap { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 0 32px 32px; }
.popup-wrap .form-popup .form-image { width: 40%; display: flex; flex-direction: column; gap: 16px; }
.popup-wrap .form-popup .form-image img { max-width: 100%; }
.popup-wrap .form-popup .note { font-family: Raleway; font-weight: 600; line-height: 100%; text-transform: uppercase; opacity: 0.56; font-size: 18px; color: #fff; }
.popup-wrap .form-popup .form-content { flex: 1; width: 70%; }
.popup-wrap .form-popup .form-group { margin-bottom: 24px; }
.popup-wrap .form-popup .form-group label { color: #000; display: block; margin-bottom: 6px; font-family: Raleway; font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 1.28px; text-transform: uppercase; opacity: 0.4; }
.popup-wrap .form-popup .form-group input { font-family: Raleway; color: #000; opacity: 0.8; width: 100%; padding: 17px 29px; border-radius: 25px; border: none; outline: none; font-size: 20px; transition: border 0.3s; }
.popup-wrap .form-popup .form-group input:focus { border-color: #8b5cf6;    /* violet border on focus */ }
.popup-wrap .form-popup .checkbox-group { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.popup-wrap .form-popup .download-btn { display: flex; color: #fff; padding: 12px 30px; border-radius: 25px; font-size: 14px; font-weight: bold; text-decoration: none; transition:0.3s ease-in-out; box-shadow: 2px 4px 24.6px 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(16.200000762939453px);background: linear-gradient(88.27deg, #2C1B47 0%, #6B42AD 100%); align-items: center; justify-content: center; gap: 8px; }
.popup-wrap .form-popup .download-btn:hover {background: linear-gradient(85.82deg, #622241 30.05%, #C84585 100%); }
@keyframes fadeInUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.popup-wrap .form-popup .top-title span { font-family: Raleway; font-weight: 600; line-height: 20px; letter-spacing: 0.48; text-transform: uppercase; font-size: 16px; opacity: 0.4; flex: 1; }
.popup-wrap .form-popup .form-group input::-webkit-input-placeholder { color: inherit; opacity: 0.3; font-family: inherit; }
.popup-wrap .form-popup .form-group input::-moz-placeholder { color: inherit; opacity: 0.3; font-family: inherit; }
.popup-wrap .form-popup .form-group input:-ms-input-placeholder { color: inherit; opacity: 0.3; font-family: inherit; }
.popup-wrap .form-popup .form-group input:-moz-placeholder { color: inherit; opacity: 0.3; font-family: inherit; }
.popup-wrap .form-popup .form-group.checkbox-btn { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.popup-wrap .form-popup .checkbox-group input { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 50%;    /* makes it round */ outline: none; cursor: pointer; position: relative; transition: all 0.2s ease; font-size: unset; aspect-ratio: 1; padding: 0 !important; }
.popup-wrap .form-popup .checkbox-group input[type="checkbox"]:checked { background: linear-gradient(90deg, #6d28d9, #9333ea); border-color: #6d28d9; }
.checkbox-group input[type="checkbox"]:checked::after { content: "✔"; font-size: 16px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -52%); }
.popup-wrap .form-popup .checkbox-group label { margin: 0; color: #fff; opacity: 1; }
.popup-wrap .form-popup .download-btn:hover { background: linear-gradient(85.82deg, #622241 30.05%, #C84585 100%); }
@media (max-width:991px) {
    .popup-wrap .form-popup .form-group.checkbox-btn { gap: 20px }
    .popup-wrap .form-popup .form-wrap { gap: 20px; }
    .popup-wrap .form-popup .form-group input { font-size: 18px; padding: 14px 16px; }
    .popup-wrap .form-popup .form-group label { font-size: 17px; }
}
@media (max-width:767px) {
    .popup-wrap .form-popup .form-wrap { flex-direction: column; padding: 0 20px 20px; }
    .popup-wrap .form-popup .form-image { flex: unset; }
    .popup-wrap .form-popup .form-content { width: 100%; }
    .popup-wrap .form-popup .download-btn { width: 100%; }
    .popup-wrap .form-popup .top-title { padding: 12px 37px 12px 20px; }
    .popup-wrap .form-popup .top-title svg { height: 17px; width: 17px; }
    .popup-wrap .form-popup .top-title span { line-height: 14px; line-height: 1.2; }
}