.cms-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.counter-media__icon,.counter-media__icon i,.counter-media__icon svg{color:#fff!important;opacity:1;visibility:visible}.counter-media__icon svg{width:44px;height:44px}
.cms-counter-band{background-size:cover!important;background-position:center 58%!important}.cms-counter-band:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(3,17,44,.9),rgba(5,29,63,.65));z-index:-1}.cms-counter-band{isolation:isolate;position:relative}.cms-counter-band .counter-media__number{font-size:clamp(20px,2.2vw,30px)}
.feature-style1 .cms-feature-image{width:100%;height:160px;object-fit:cover;border-radius:6px;margin-bottom:20px}.feature-style1 .cms-feature-icon{font-size:32px;color:var(--genel);margin-bottom:16px}.feature-style1 img[src=""]{display:none}
.cms-section-bg{background-size:cover;background-position:center}.detail-banner{position:relative}.cms-footer-column{flex:1 1 180px;max-width:300px}
@media(max-width:575px){.counter-media{margin:0;gap:10px}.counter-media__icon{margin-right:0!important}.counter-media__icon svg{width:32px;height:32px}.counter-media__title{font-size:13px}.cms-counter-band{padding:45px 0!important}}

/* Telsim and Karel share the same brand area in every header state. */
.cms-logo-pair{--primary-logo-width:220px;--secondary-logo-width:145px;display:inline-flex;align-items:center;gap:14px;vertical-align:middle;max-width:100%}
.header-logo .cms-logo-pair .cms-logo-primary,.compact-header-logo .cms-logo-pair .cms-logo-primary,.mobile-panel .cms-logo-pair .cms-logo-primary{display:block;position:static;width:var(--primary-logo-width)!important;height:auto!important;max-height:none!important;object-fit:contain;flex:0 0 auto;margin:0}
.cms-logo-secondary{display:block;position:relative;width:var(--secondary-logo-width);flex:0 0 auto}
.header-logo .cms-logo-secondary img,.compact-header-logo .cms-logo-secondary img,.mobile-panel .cms-logo-secondary img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;margin:0}
.cms-logo-reference{aspect-ratio:580 / 185;overflow:hidden}
.header-logo .cms-logo-reference img,.compact-header-logo .cms-logo-reference img,.mobile-panel .cms-logo-reference img{position:absolute!important;width:275.862069%!important;max-width:none!important;height:auto!important;left:-162.068966%;top:-248.648649%}
.vs-header.is-compact .compact-header-logo:has(.cms-logo-pair){width:250px!important}
.compact-header-logo .cms-logo-pair{--primary-logo-width:145px;--secondary-logo-width:95px;gap:10px}
.mobile-panel .cms-logo-pair{--primary-logo-width:150px;--secondary-logo-width:95px;gap:10px;margin:25px 0}
@media(max-width:1199px){.header-logo .cms-logo-pair{--primary-logo-width:180px;--secondary-logo-width:120px;gap:12px}}
@media(max-width:575px){.header-logo .cms-logo-pair{--primary-logo-width:120px;--secondary-logo-width:82px;gap:8px}.compact-header-logo .cms-logo-pair{--primary-logo-width:130px;--secondary-logo-width:90px;gap:8px}.vs-header.is-compact .compact-header-logo:has(.cms-logo-pair){width:228px!important}}
@media(max-width:359px){.header-logo .cms-logo-pair{--primary-logo-width:100px;--secondary-logo-width:68px;gap:6px}}