/*  ===================== Insight Page Start ===================== */
.insights-grid-container{  --ig-grid-line: var(--kal-grey);}  
.bg-grey.insights-grid-container{  --ig-grid-line: var(--kal-white);} 
.insights-grid-head { padding: 30px 38px 40px 30px; }
.igh-left h2 { font-size: 40px; letter-spacing: -.025em; margin-bottom: 0; }
.igh-icon { width: 50px; }
.insights-grid-item { width: 25%; height: auto; }
.insights-grid-cta { margin-top: 45px; padding: 0 30px; }

.insights-grid-item:nth-child(4n+1) .scb-text{background-color: var(--kal-blue-light);color: var(--kal-black);}
.insights-grid-item:nth-child(4n+2) .scb-text{background-color: var(--kal-violet);color: var(--kal-black);}
.insights-grid-item:nth-child(4n+3) .scb-text{background-color: var(--kal-green);color: var(--kal-black);}
.insights-grid-item:nth-child(4n+4) .scb-text{background-color: var(--kal-blue);color: var(--kal-white);}

.insights-grid-container.has-grid .insights-grid-head{position: relative;}
.insights-grid-container.has-grid .insights-grid-head::before{content: '';width: 100vw;height: 1px;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); background: var(--ig-grid-line);}
.insights-grid-container.has-grid .insights-grid-content{position: relative;}
.insights-grid-container.has-grid .insights-grid-content::before{content: '';width: 1px;height: 200%;position: absolute;top: 50%;left: 100%;transform: translateY(-50%); background: var(--ig-grid-line);}
.insights-grid-container.has-grid .insights-grid-content::after{content: '';width: 1px;height: 200%;position: absolute;top: 50%;right: 100%;transform: translateY(-50%); background: var(--ig-grid-line);}
.insights-grid-container.has-grid .insights-grid-holder{position: relative;}
.insights-grid-container.has-grid .insights-grid-holder::before{content: '';width: 100vw;height: 1px;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); background: var(--ig-grid-line);}
.insights-grid-container.has-grid .insights-grid-holder::after{content: '';width: 100vw;height: 1px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%); background: var(--ig-grid-line);}
.insights-grid-container.has-grid::after{content: '';width: 100vw;height: 1px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); background: var(--ig-grid-line);}

.insights-grid-container.has-grid + .insights-grid-container.has-grid{padding-top: 0;}

/*  Event */
.event-card-box { border: 1px solid var(--kal-grey); }
.ecb-img { height: 224px; width: 100%; background: #333;}
.ecb-text { padding: 30px; min-height: 210px; }
.ecb-text h3 { font-size: 25px; letter-spacing: -.01em; margin-bottom: 10px; color: var(--kal-green); }
.ecb-text-date { margin-bottom: 12px; }
.ecb-text address { font-size: 20px; line-height: 1; letter-spacing: -.01em; margin-bottom: 0; }
/*  Blog */
.blog-card-box { border: 1px solid var(--kal-grey); }
.bcb-img { height: 224px; width: 100%; background: #333;}
.bcb-text { padding: 30px; min-height: 210px; }
.bcb-text h3 { font-size: 25px; letter-spacing: -.01em; margin-bottom: 0; }
.bcb-text-category { margin-bottom: 12px; }
/*  Downloads */
.downloads-card-box { border: 1px solid var(--kal-grey); }
.dcb-img { height: 224px; width: 100%; background: #333;}
.dcb-text { padding: 30px; min-height: 210px; }
.dcb-text h3 { font-size: 25px; letter-spacing: -.01em; margin-bottom: 5px; }
.dcb-text-category { margin-bottom: 12px; }
/*  Demos */
.demo-card-box { border: 1px solid var(--kal-white); }
.demo-cb-img { height: 224px; width: 100%; background: #333;}
.demo-cb-text { padding: 30px; min-height: 210px; }
.demo-cb-text h3 { font-size: 25px; letter-spacing: -.01em; margin-bottom: 5px; }
.demo-cb-text-category { margin-bottom: 12px; }
.demo-card-box.has-video .demo-cb-img:before{content:''; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; background: url(../../assets/images/play-icon.svg) no-repeat center/contain;}

.insights-grid-slider { overflow: visible; }
.story-card-box:hover,.event-card-box:hover, .blog-card-box:hover, .downloads-card-box:hover, .demo-card-box:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative; z-index: 9;}
/*  ===================== Insight Page End ===================== */
/*  ===================== Insight Category Page Start ===================== */

.insights-category-grid-container{--icg-grid-line: var(--kal-grey);}  
.bg-grey.insights-category-grid-container{--icg-grid-line: var(--kal-white);}   
.insights-category-grid-filter { padding: 30px 38px 0 32px; margin-bottom: 30px; }
.icgf-head label { font-size: 30px; line-height: 1.33; font-weight: 600; letter-spacing: -.025em; }
.icgf-left { flex-grow: 1; gap: 28px; }
.icgf-input-group { max-width: 305px; width: 100%; }
.icgf-input-group select, input:focus { box-shadow: none !important; border-color: var(--kal-black) !important; }
.icgf-input-group input { height:  60px; font-size: 22px; border: 1px solid var(--kal-black); border-right: 0; }
.icgf-input-group button { min-width: auto; }
.icgf-icon { width: 50px; flex-shrink: 0; }
.icgf-input-group select { color: var(--kal-black); border: 1px solid var(--kal-black); height: 60px; border-radius: 0; font-size: 20px; padding: 10px 27px;  }
.insights-category-grid-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.insights-category-grid-item { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.story-card-box{ border: 1px solid var(--kal-grey);}
.scb-img { height: 224px; width: 100%; background: #333; }
.scb-icon { width: 105px; height: 112px; position: absolute; bottom: 0; right: 0; padding: 15px;}
.scb-text { padding: 30px; min-height: 210px; }
.scb-text h3 { font-size: 25px; letter-spacing: -.01em; margin-bottom: 0; }
.insights-category-grid-cta { margin-top: 35px;padding-bottom: 30px; }
.insights-category-grid-cta span.wpcf7-spinner{top: 15px; right: -40px;}
.insights-category-grid-cta span.wpcf7-spinner.is-active{visibility:visible;}


.insights-category-grid-item:nth-child(4n+1) .scb-text{background-color: var(--kal-blue-light);color: var(--kal-black);}
.insights-category-grid-item:nth-child(4n+2) .scb-text{background-color: var(--kal-violet);color: var(--kal-black);}
.insights-category-grid-item:nth-child(4n+3) .scb-text{background-color: var(--kal-green);color: var(--kal-black);}
.insights-category-grid-item:nth-child(4n+4) .scb-text{background-color: var(--kal-blue);color: var(--kal-white);}


.icgf-header{padding-right: 80px;}
.icgf-button{position: relative;padding-right: 36px;font-size: 30px;font-weight: 600;letter-spacing: -0.025em;text-align: left;background: transparent;border: 0;}
.icgf-button::after{content: '+';position: absolute;top: 0;right: 0;}
.icgf-button:not(.collapsed)::after{content:'-';}
.insights-category-grid-container.has-grid .insights-category-grid-filter{position: relative;}
.insights-category-grid-container.has-grid .insights-category-grid-filter::before{content: '';width: 100vw;height: 1px;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); background: var(--icg-grid-line);}
.insights-category-grid-container.has-grid .insights-category-grid-content{position: relative;}
.insights-category-grid-container.has-grid .insights-category-grid-content::before{content: '';width: 1px;height: 200%;position: absolute;top: 50%;left: 100%;transform: translateY(-50%); background: var(--icg-grid-line);}
.insights-category-grid-container.has-grid .insights-category-grid-content::after{content: '';width: 1px;height: 200%;position: absolute;top: 50%;right: 100%;transform: translateY(-50%); background: var(--icg-grid-line);}
.insights-category-grid-container.has-grid .insights-category-grid-list{position: relative;}
.insights-category-grid-container.has-grid .insights-category-grid-list::before{content: '';width: 100vw;height: 1px;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); background: var(--icg-grid-line);}
.insights-category-grid-container.has-grid .insights-category-grid-list::after{content: '';width: 100vw;height: 1px;position: absolute;top: calc(100% - 30px);left: 50%;transform: translateX(-50%); background: var(--icg-grid-line);}
.insights-category-grid-container.has-grid .insights-category-grid-cta {position: relative;}
.insights-category-grid-container.has-grid .insights-category-grid-cta::after{content: '';width: 100vw;height: 1px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%); background: var(--icg-grid-line);}
/*  ===================== Insight Category Page End ===================== */

@media (min-width:768px){
.insights-category-grid-filter .collapse:not(.show) {display: block;}
}
/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
/*  ===================== Insight Page Start ===================== */
.ecb-img, .bcb-img, .dcb-img, .demo-cb-img, .scb-img  { height: 149px; }
.ecb-text h3, .bcb-text h3, .dcb-text h3,.demo-cb-text h3, .scb-text h3 { font-size: 22px; margin-bottom: 7px;}
.ecb-text, .bcb-text, .dcb-text, .demo-cb-text, .scb-text {padding: 24px 30px;}
.ecb-text-date, .bcb-text-category, .dcb-text-category, .demo-cb-text-category { margin-bottom: 2px; }
/*  ===================== Insight Page End ===================== */
/*  ===================== Insight Category Page Start ===================== */
.icgf-left { gap: 40px; } 
.scb-icon { width: 70px; height: 70px;} 
/*  ===================== Insight Category Page End ===================== */
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
/*  ===================== Insight Page Start ===================== */
.insights-grid-head { padding: 30px 30px 40px; }
.igh-left h2 { font-size: 35px; }
.igh-icon { width: 40px; }
.insights-grid-item { width: 33.33%; }
.insights-grid-item:last-child { display: none; }
.insights-grid-cta { padding: 0 40px; margin-top: 30px; }
.ecb-text h3, .bcb-text h3, .dcb-text h3, .demo-cb-text h3,.scb-text h3 { font-size: 20px; }
 
/*  ===================== Insight Page End ===================== */
/*  ===================== Insight Category Page Start ===================== */
.icgf-head label { font-size: 25px; }
.icgf-left { gap: 45px; }
.icgf-input-group { max-width: 250px; }
.insights-category-grid-filter { padding: 30px 30px 0 32px; }
.icgf-icon { width: 40px; }
.insights-category-grid-item { width: 33.33%;}
 
/*  ===================== Insight Category Page End ===================== */
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
/*  ===================== Insight Page Start ===================== */
.insights-grid-item:last-child { display: block; }
.insights-grid-item { width: 273px; max-width: calc(100vw - 60px); }

.insights-grid-cta { padding: 0 30px; }
/*  ===================== Insight Page End ===================== */
/*  ===================== Insight Category Page Start ===================== */
.insights-category-grid-filter {padding: 26px 38px 0;}
    .icgf-left{gap: 24px;}
    .icgf-head {padding-right: 50px;}
    .icgf-right{position: absolute;top: 30px;right: 40px;}
    .icgf-input-group { max-width: 100%; }
    .insights-category-grid-item { width: 50%;}
/*  ===================== Insight Category Page End ===================== */


}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
/*  ===================== Insight Page Start ===================== */
.insights-grid-head { padding-left: 0; }
.igh-left h2 { font-size: 30px; }
.insights-grid-cta { padding: 0; margin-top: 45px; }
.ecb-text, .bcb-text, .dcb-text, .demo-cb-text, .scb-text { padding: 30px; min-height: auto;}
/*  ===================== Insight Page End ===================== */
/*  ===================== Insight Category Page Start ===================== */
.insights-category-grid-filter {padding: 33px 0 0;}
    .icgf-right{top: 30px;right: 0px;}
.insights-category-grid-item { width: 100%; }
/*  ===================== Insight Category Page End ===================== */

.insights-grid-container.has-grid .insights-grid-content::before,
.insights-grid-container.has-grid .insights-grid-content::after,
.insights-grid-container.has-grid::after,
.insights-grid-container.has-grid .insights-grid-head::before,
.insights-category-grid-container.has-grid .insights-category-grid-content::before,
.insights-category-grid-container.has-grid .insights-category-grid-content::after{display: none;}

.insights-grid-container.has-grid{padding-top: 0 !important;}
.insights-grid-container.has-grid{ border-bottom: solid 1px var(--ig-grid-line);}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}