/* Breadcrumb */
.download-breadcrumb-wrapper { position: absolute; top: 0; left: 0; right: 0; height: min-content; z-index: 9; }
.download-container .breadcrumb-wrapper { position: relative; width: calc(100% + 30px); height: 60px; background: var(--kal-black); }
.download-container .breadcrumb-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background-color: var(--kal-black); z-index: 0; }
.download-container .breadcrumb-icon { width: 60px; height: 60px; background-color: var(--kal-blue); padding: 12px; }
.download-container .sticky-top { top: 60px; }
.download-hero-content-wrapper { padding-top: 60px; min-height: 635px; }
.download-hero-content { max-width: 700px; padding: 80px 0; }
.download-hero-content-text { font-size: 20px; font-weight: 600; display: flex; flex-flow: column; }
.download-hero-category { font-size: 18px; font-weight: 400; line-height: 1.25; letter-spacing: 0.004em; margin-bottom: 10px; }
.download-hero-content-text h1 { font-size: 70px; font-weight: 700; line-height: 0.85; letter-spacing: -0.01em; margin-bottom: 20px; }
.download-hero-cta { margin-top: 20px; }
.download-hero-img-holder { height: 100%; width: calc(100% + 15px); }
.download-hero-img { padding-bottom: 100%; }
.download-hero-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.download-single-content { }
.download-single-content h2 { font-size: 30px; line-height: 1; letter-spacing: -0.025em; margin-bottom: 0; }
.download-single-content p:has(+ img) { margin-bottom: 90px; }
.download-single-content img:not(:last-child) { margin-bottom: 90px; }
.download-single-content ul { list-style: none; font-size: 18px; font-weight: 600; margin-left: 0; }
.download-single-content ul li { position: relative; padding-left: 30px; }
.download-single-content ul li:not(:last-child) { margin-bottom: 10px; }
.download-single-content ul li::before { content: ''; width: 10px; height: 10px; position: absolute; top: 4px; left: 0; background: currentColor; }
.download-form-modal .modal-dialog { max-width: calc(50% - 30px); }
.download-form-content { border-radius: 0; padding: 105px 66px 120px; }
.modal .btn-close.df-close-btn { width: 30px; height: 30px; position: absolute; top: 40px; right: 40px; background: transparent; border: 0; }
.download-form-wrapper { max-width: 685px; }
.download-form-row { width: calc(100% + 20px); margin-left: -10px; margin-bottom: -24px; }
.download-form-col { width: 33.33%; padding: 0 10px; margin-bottom: 24px; }
.download-form-bottom { margin-top: 24px; gap: 20px; }
.df-bottom-left { width: calc(66.66% - 10px); }
.df-bottom-right { width: calc(33.33% - 10px); }
.download-form-wrapper .submit-btn-wrap { margin-top: 0; }
.download-form-wrapper .submit-btn-wrap .btn { min-width: 100%; }
.download-form-modal .wpcf7 form.sent .wpcf7-response-output, .download-form-modal .wpcf7 form.resetting .wpcf7-response-output { display: none !important; }
.blockquote-wrapper { position: relative; padding-left: 13%; margin:  26px 0 50px; }
.blockquote-inner { padding: 50px 52px; background: var(--kal-blue-light); }
.blockquote-wrapper::before { content: ''; width: 8%; aspect-ratio: 1.1/1; position: absolute; top: 0; left: 0; background: url("../../assets/images/quote-icon.svg") no-repeat center/contain; }
.blockquote-wrapper blockquote { font-size: 30px; font-weight: 700; line-height: 1.3; letter-spacing: -0.025em; margin-bottom: 0; }
.blockquote-wrapper blockquote:not(:last-child) { margin-bottom: 36px; }
.blockquote-wrapper p:not(:last-child) { margin-bottom: 20px; }
/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
 .download-hero-content-wrapper { min-height: 0; }
.download-hero-content { padding: 85px 0; }
.download-hero-category { margin-bottom: 5px; }
.download-hero-content-text h1 { font-size: 50px; }
.download-hero-cta { margin-top: 50px; }
.download-single-content p:has(+ img) { margin-bottom: 50px; }
.download-single-content img:not(:last-child) { margin-bottom: 50px; }
.download-form-modal .modal-dialog { max-width: calc(66.66% - 30px); }
.download-form-content { padding: 60px 66px; }
.modal .btn-close.df-close-btn { top: 30px; right: 30px; }
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .download-container .breadcrumb-icon { position: relative; inset: 0; }
.download-hero-content-text h1 { margin-bottom: 38px; }
.download-hero-cta { margin-top: 45px; }
.download-form-modal .modal-dialog { max-width: calc(83.33% - 30px); }
.blockquote-inner { padding: 32px 40px; }
.blockquote-wrapper::before { width: 6.75%; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .download-container .breadcrumb-wrapper { width: calc(100% + 135px); }
.download-hero-content-text h1 { margin-bottom: 18px; }
.download-hero-img-holder { width: calc(100% + 30px); margin-left: -15px; }
.download-form-modal .modal-dialog { max-width: calc(75% - 30px); }
.download-form-content { padding: 40px 48px 50px; }
.modal .btn-close.df-close-btn { top: 20px; right: 20px; }
.download-form-col { width: 50%; }
.df-bottom-left { width: 100%; }
.df-bottom-right { width: 100%; }
.download-form-wrapper .submit-btn-wrap { margin-left: auto; width: min-content; }
.download-form-wrapper .submit-btn-wrap .btn { min-width: 214px; margin-left: auto; }
.blockquote-wrapper { padding-left: 13%; }
.blockquote-inner { padding: 32px 30px; }
.blockquote-wrapper::before { width: 9%; }
.blockquote-wrapper blockquote:not(:last-child) { margin-bottom: 24px; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .download-container .breadcrumb-wrapper { width: calc(100% + 15px); height: 50px; }
.download-hero-content-wrapper { padding-top: 0px; }
.download-hero-content { padding: 45px 0 35px; }
.download-hero-img-holder { padding-top: 50px; }
.download-single-content p:has(+ img) { margin-bottom: 40px; }
.download-single-content img:not(:last-child) { margin-bottom: 40px; }
.download-form-modal .modal-dialog { max-width: calc(100% - 30px); }
.modal .btn-close.df-close-btn { top: 20px; right: 25px; }
.download-form-content { padding: 48px 26px 30px; }
.blockquote-wrapper { padding: 90px 0 0; margin:0 0 24px; }
.blockquote-wrapper::before { width: 66px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 .download-form-modal .modal-dialog { width: 100%; margin: 15px auto; }
.download-form-col { width: 100%; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) {
 }