.chk-icon-box-4{display:flex;align-items:flex-start;background-color:transparent;gap:var(--chk-size-8);border-radius:var(--chk-br-base);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{transform:scale(0);background:var(--chk-c-secondary)}.chk-icon-box-4:hover .chk-icon-box-4__icon:before{transform:scale(1);opacity:1;visibility:visible}.chk-icon-box-4__icon i,.chk-icon-box-4__icon img,.chk-icon-box-4__icon svg{position:relative;z-index:2;font-size:var(--icon-size, var(--chk-size-24));width:var(--icon-size, var(--chk-size-24));height:auto}.chk-icon-box-4__icon svg,.chk-icon-box-4__icon svg path{fill:currentColor}.chk-icon-box-4__content{width:100%;flex:1;display:inline-flex;flex-direction:column}.chk-icon-box-4__title{font-size:var(--chk-size-18);line-height:var(--chk-size-28);color:var(--chk-c-heading);font-weight:600;margin-bottom:var(--chk-size-4)}.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 (min-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{flex-direction:row-reverse;text-align:left}.chk-icon-box-4.s2:hover:before{left:0;right:auto}.chk-icon-box-4.s3{flex-direction:column;text-align:left}.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}