.chk-icon-box-4{align-items:flex-start;gap:var(--chk-size-8);border-radius:var(--chk-br-base);background-color:#0000;display:flex;overflow:hidden}.chk-icon-box-4__icon{--icon-size:var(--chk-size-36);--text-size:var(--chk-size-36);--icon-padding:var(--chk-size-8);font-size:var(--icon-size,var(--chk-size-20));width:calc(var(--icon-size,var(--chk-size-20)) + 2*var(--icon-padding,var(--chk-size-4)));height:calc(var(--icon-size,var(--chk-size-20)) + 2*var(--icon-padding,var(--chk-size-4)));line-height:var(--icon-size,var(--chk-size-20));color:var(--chk-c-white);background-color:var(--chk-c-primary);border-radius:var(--chk-br-base);padding:var(--icon-padding)}.chk-icon-box-4__icon:before{background:var(--chk-c-secondary);transform:scale(0)}.chk-icon-box-4:hover .chk-icon-box-4__icon:before{opacity:1;visibility:visible;transform:scale(1)}.chk-icon-box-4__icon i,.chk-icon-box-4__icon img,.chk-icon-box-4__icon svg{z-index:2;font-size:var(--icon-size,var(--chk-size-24));width:var(--icon-size,var(--chk-size-24));height:auto;position:relative}.chk-icon-box-4__icon svg,.chk-icon-box-4__icon svg path{fill:currentColor}.chk-icon-box-4__content{flex-direction:column;flex:1;width:100%;display:inline-flex}.chk-icon-box-4__title{font-size:var(--chk-size-18);line-height:var(--chk-size-28);color:var(--chk-c-heading);margin-bottom:var(--chk-size-4);font-weight:600}.chk-icon-box-4__title a{color:currentColor}.chk-icon-box-4__subtitle{font-size:var(--chk-size-14);line-height:var(--chk-size-24);color:var(--chk-c-gray-600);font-weight:400}@media (width>=768px){.chk-icon-box-4{gap:var(--chk-size-12)}}.chk-icon-box-4.s1{text-align:left;flex-direction:row}.chk-icon-box-4.s1:before{left:0;right:auto}.chk-icon-box-4.s1:hover:before,.chk-icon-box-4.s2:before{left:auto;right:0}.chk-icon-box-4.s2{text-align:left;flex-direction:row-reverse}.chk-icon-box-4.s2:hover:before{left:0;right:auto}.chk-icon-box-4.s3{text-align:left;flex-direction:column}.chk-icon-box-4.s3 .chk-icon-box-4__subtitle,.chk-icon-box-4.s3 .chk-icon-box-4__title{margin-bottom:5px}body.rtl .chk-icon-box-4.s1,body.rtl .chk-icon-box-4.s2,body.rtl .chk-icon-box-4.s3{text-align:right}