/* Breadcrumb */
.demo-breadcrumb-wrapper{ position: absolute; top: 0; left: 0;right: 0; height: min-content; z-index: 9;}
.demo-container .breadcrumb-wrapper { position: relative;width: calc(100% + 30px);height: 60px; background: var(--kal-black); }
.demo-container .breadcrumb-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background-color: var(--kal-black); z-index: 0; }
.demo-container .breadcrumb-icon { width: 60px; height: 60px; background-color: var(--kal-blue); padding: 12px;}

.demo-container .sticky-top{top: 60px;}
.demo-hero-content-wrapper { padding-top: 60px; min-height: 635px; }
.demo-hero-content {  padding: 80px 0; }
.demo-hero-content-text { font-size: 20px; font-weight: 600;  display: flex; flex-flow: column;  }
.demo-hero-category { font-size: 18px; font-weight: 400; line-height: 1.25; letter-spacing: 0.004em; margin-bottom: 10px;}
.demo-hero-content-text h1 { font-size: 70px; font-weight: 700; line-height: 0.85; letter-spacing: -0.01em; margin-bottom: 20px; }
.demo-hero-cta { margin-top: 25px; }
.demo-hero-img-holder { height: 100%; width: calc(100% + 15px); }
.demo-hero-img { padding-bottom: 100%; }
.demo-hero-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.demo-single-content { letter-spacing: -0.025em; } 
.demo-single-content h2 { font-size: 30px; line-height: 1; letter-spacing: -0.025em; margin-bottom: 0; }
.demo-single-content ul{list-style: none;font-size: 18px;font-weight: 600;margin-left: 0;}
.demo-single-content ul li{position: relative;padding-left: 30px; }
.demo-single-content ul li:not(:last-child){margin-bottom: 10px;}
.demo-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){
	.demo-hero-content-wrapper { min-height: 0; }
	.demo-hero-content { padding: 85px 0; max-width: 580px;}
	.demo-hero-category { margin-bottom: 5px; }
	.demo-hero-content-text h1 { font-size: 50px;}
	.demo-hero-cta { margin-top: 30px; }

	.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){
	.demo-container .breadcrumb-icon{position: relative;inset: 0;}
 
	.demo-hero-content-text h1 { margin-bottom: 18px; }
	.demo-hero-cta { margin-top: 25px; }
    .demo-hero-img-holder { padding-left: 24px; }

	.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){
	.demo-container .breadcrumb-wrapper{width: calc(100% + 135px);}
    .demo-hero-content { padding: 92px 0; }
	.demo-hero-content-text h1 { margin-bottom: 8px; }
    .demo-hero-cta { margin-top: 20px; }
	.demo-hero-img-holder { width: calc(100% + 30px); margin-left: -15px; padding: 0; }


	.demo-video-modal .modal-dialog{max-width: 100%;}

	.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){
	.demo-container .breadcrumb-wrapper {width: calc(100% + 15px); height: 50px; } 
	.demo-hero-content-wrapper { padding-top: 0px; }
	.demo-hero-content { padding: 45px 0 35px; }
    .demo-hero-category { margin-bottom: 15px; }
	.demo-hero-img-holder { padding-top: 50px; }

	.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){}