@charset "UTF-8";
/* Layout'un, sayfa içeriğinden sonra gelen stilleri: sayfa CSS'lerinden sonra yüklenir (eski sıra). */

/* ===== Kaynak: _Layout.cshtml: referanslardan sonraki stil bloğu ===== */
body {
    font-family: "Varela Round", sans-serif !important;
}

.popular-products {
    width: 100%;
    margin: 10px 0;
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.thumbnail {
    width: 100%;
    margin-bottom: 0;
    overflow: hidden !important;
    text-overflow: ellipsis;
    border-radius: 0;
    box-shadow: none;
}

.thumbnail h3 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #666;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.thumbnail h2 {
    font-weight: bold;
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 3px;
    padding: 10px 10px 0 10px;
    color: #1aa5de;
    border-top: 1px solid #eee;
}

#tb1 {
    max-width: 1170px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.generalSubTab {
    max-width: 1170px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption {
    padding: 9px 0 0 0;
}

.UMatbaaContainer {
    height: 120px;
    border: 1px solid #d8d8d8;
    background: #fff;
    margin-bottom: 35px;
}

.UMatbaaBanner {
    position: relative;
    display: block;
    height: auto;
    margin: 12px auto 30px auto;
    text-align: center;
}

.newTabs {
    max-width: 1170px;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 10px auto 0 auto;
}

.newTabs::after {
    position: absolute;
    width: 100%;
    content: "";
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
}

.newTabsSpan {
    position: relative;
    width: auto;
    height: auto;
    padding: 13px;
    display: inline-block;
    border-bottom: none !important;
    border-radius: none !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    color: #616161;
    letter-spacing: 0.5px;
    z-index: 1;
}

.newTabs span i {
    font-size: 12px;
    color: #616161 !important;
    margin: 0 3px 0 0;
}

.activeSpan {
    background: #fff;
    border-bottom: none;
    z-index: 1;
}

.newTabs .activeSpan i {
    color: #fff;
}

.swiper-button-prev {
    left: -35px;
    opacity: 0.9;
}

.swiper-button-next {
    right: -35px;
    opacity: 0.9;
}

.swiper-container-referanslar .swiper-button-prev {
    left: 0;
}

.swiper-container-referanslar .swiper-button-next {
    right: 0;
}

/* Logolar tembel yüklenir; width/height öznitelikleri inmeden yerlerini ayırır (şerit sonradan uzamasın). Genişlik sınıftan,
   yükseklik orandan gelsin (öznitelikteki yükseklik kullanılmasın). */
.swiper-container-referanslar img {
    height: auto;
}

.categories-dropdown > * {
    height: 52.5px;
}

.thumbButtonBox {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 134px;
    justify-content: center;
    align-items: flex-end;
    background: -moz-linear-gradient(
        top,
        rgba(252, 252, 252, 0.72) 0%,
        rgba(249, 249, 249, 0.28) 1%,
        rgba(0, 0, 0, 0.72) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(252, 252, 252, 0.72) 0%,
        rgba(249, 249, 249, 0.28) 1%,
        rgba(0, 0, 0, 0.72) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(252, 252, 252, 0.72) 0%,
        rgba(249, 249, 249, 0.28) 1%,
        rgba(0, 0, 0, 0.72) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47fcfcfc', endColorstr='#45000000', GradientType=0);
    transition: all 0.01s;
    transform: scale(0.001);
}

.thumbnail:hover .thumbButtonBox {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

.thumbButton {
    width: 40%;
    height: 30px;
    background: #00afef;
    margin: 0 3px 20px 3px;
    font-size: 12px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0.4px;
}

.thumbButton:hover {
    background: #00a1d8;
}

.thumbButton:nth-child(1) {
    background: none;
    border: 1px solid #fff;
}

.thumbButton:nth-child(1):hover {
    border: 1px solid #eee;
}

.thumbButton i {
    font-size: 12px;
    margin-right: 4px;
    color: #666;
}

.thumbButton a {
    color: #fff;
}

.thumbButton a:hover {
    color: #eee;
    text-decoration: none;
}

.main-nav a:hover {
    text-decoration: none !important;
    /*color: #e8e8e8*/
    color: #a5a8ab;
}

.social a:hover {
    text-decoration: none !important;
}

.search {
    margin-left: 120px;
}

.search-input {
    height: 45px;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 15px;
}

.search-submit {
    height: 45px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    font-size: 15px;
}

.main-header .button {
    padding: 12.5px 22px;
}

.footer-step {
    padding-bottom: 25px;
    margin-top: 0;
}

.footer-step:before {
    width: 75px;
    height: 75px;
    font-size: 38px;
    line-height: 77px;
}

.footer-step-text {
    font-size: 15px;
    letter-spacing: 0;
}

.footer-arrow {
    margin-top: 40px;
}

@media only screen and (max-width: 1140px) {
    .UMatbaaContainer {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .main-header .button {
        padding: 12.5px 12px;
    }

    .main-footer .inner {
        padding: 50px 0;
    }

    .newTabsSpan {
        font-size: 12px;
        padding: 13px 6px;
    }

    .swiper-button-prev {
        display: none;
    }

    .swiper-button-next {
        display: none;
    }
    /*.tab2-referans-wrapper {
            margin: 50px auto !important;
        }*/
    .home-referanslar {
        margin: 60px auto 0px auto !important;
    }
}

.tab2-referans-wrapper {
    /*margin: 100px 0;*/
    margin: 100px auto;
    text-align: center;
}

@media (max-width: 479px) {
    .tab2-referans-wrapper {
        margin: 50px auto;
    }
}

@media (max-width: 500px) {
    .tab2-referans-wrapper {
        margin: 50px auto;
        width: 100%;
    }
}
/*767px eski değer*/
@media (max-width: 1000px) {
    .iletisimGenislik {
        margin: 30px auto !important;
    }
}

@media (max-width: 767px) {
    .iletisimBoyut {
        /*margin-right: 80px !important;*/
        margin-left: 9%;
    }

    .iletisimGenislik {
        width: 100% !important;
        margin: 30px auto !important;
    }

    .iletisimHucre {
        text-align: right;
    }
}

.tab2-referans-wrapper p {
    margin: 20px;
    font-size: 17px;
}

.home-referanslar {
    /*margin: 50px 0 0 0;*/
    margin: 60px 0 -22px 0;
}

.categories-dropdown > div.active .category {
    z-index: 9;
}

.categories-dropdown > * {
    height: 52.6px;
}

/* ===== Kaynak: _Layout.cshtml: footer'dan sonraki stil bloğu (ikonlar dahil) ===== */
.search {
    margin-left: 120px;
    /*margin-left: -20px !important;
        width: 100% !important;*/
}

.search-input {
    height: 45px;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 15px;
}

.search-submit {
    height: 45px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    font-size: 15px;
}

.main-header .button {
    padding: 12.5px 22px;
}

/* İkonlar (ikon fontlarının yerine; docs/IYILESTIRME.md → Parti 6): SVG maskesi, rengi yazı rengi, boyutu yazı boyutu.
       Şekiller eski ikon fontlarından: Font Awesome 4.7 (Dave Gandy, SIL OFL 1.1) ve sitenin "matbaa" fontu. Her ikon eski
       glifin kutusuyla aynı yerde ve ölçüde: genişlik --icon-width (glifin genişliği), yükseklik 1em; Font Awesome glifleri
       taban çizgisinin 256/1792 em altına iner. Yeni ikon: aynı biçimde bir .icon-ad kuralı (--icon, --icon-width).
       Satır içinde ortalanan ikonlarda dikey konum, Chrome'un yazı taban çizgisini tam piksele aşağı yuvarlamasıyla aynı
       hesaplanır (--icon-ascent: glifin taban çizgisi üstündeki kısmı); yoksa ikon yarım-bir piksel kayıyordu. */
.svg-icon {
    display: inline-block;
    box-sizing: content-box;
    width: var(--icon-width);
    height: 1em;
    vertical-align: -0.142857em;
    background-color: currentColor;
    -webkit-mask: var(--icon) 0 0 / 100% 100% no-repeat content-box;
    mask: var(--icon) 0 0 / 100% 100% no-repeat content-box;
}
/* Arama kutusundaki büyüteç: eskiden 22 px glif; kutu glifin kendisi (1em × 1em). */
.search.icon-search::before {
    content: "";
    width: var(--icon-width);
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--icon) 0 0 / 100% 100% no-repeat;
    mask: var(--icon) 0 0 / 100% 100% no-repeat;
}
/* Footer'daki sosyal bağlantılar: ::before bir satırlık blok (26 px yazı, 48 px satır), ikon satırın ortasında. */
.social a::before {
    content: "";
    height: 48px;
    height: 1lh;
    background-color: currentColor;
    -webkit-mask: var(--icon) center / var(--icon-width) 1em no-repeat;
    mask: var(--icon) center / var(--icon-width) 1em no-repeat;
    --icon-top: calc(round(down, calc((1lh - 1em) / 2 + var(--icon-ascent)), 1px) - var(--icon-ascent));
    -webkit-mask-position: center var(--icon-top);
    mask-position: center var(--icon-top);
}
/* Footer adımları: ::before çerçeveli daire, maske kullanılamaz; ikon arka plan görseli (rengi görselde, üzerine
       gelince koyulaşır), eski glifin yerinde: satırın ortası (satır yüksekliği dairenin iç yüksekliğinden büyük). */
.footer-step::before {
    content: "";
    background-image: var(--icon-image);
    background-repeat: no-repeat;
    background-size: var(--icon-width) 1em;
    background-position: center;
    background-position: center calc(round(down, calc((1lh - 1em) / 2 + var(--icon-ascent)), 1px) - var(--icon-ascent));
}
.icon-envelope {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1792 1792'%3E%3Cpath transform='scale(1 -1)' d='M1792 826v-794q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v794q44 -49 101 -87q362 -246 497 -345q57 -42 92.5 -65.5t94.5 -48t110 -24.5h1h1q51 0 110 24.5t94.5 48t92.5 65.5q170 123 498 345q57 39 100 87zM1792 1120q0 -79 -49 -151t-122 -123 q-376 -261 -468 -325q-10 -7 -42.5 -30.5t-54 -38t-52 -32.5t-57.5 -27t-50 -9h-1h-1q-23 0 -50 9t-57.5 27t-52 32.5t-54 38t-42.5 30.5q-91 64 -262 182.5t-205 142.5q-62 42 -117 115.5t-55 136.5q0 78 41.5 130t118.5 52h1472q65 0 112.5 -47t47.5 -113z'/%3E%3C/svg%3E");
    --icon-width: 1em;
}
.icon-phone {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1408 1792'%3E%3Cpath transform='scale(1 -1)' d='M1408 296q0 -27 -10 -70.5t-21 -68.5q-21 -50 -122 -106q-94 -51 -186 -51q-27 0 -53 3.5t-57.5 12.5t-47 14.5t-55.5 20.5t-49 18q-98 35 -175 83q-127 79 -264 216t-216 264q-48 77 -83 175q-3 9 -18 49t-20.5 55.5t-14.5 47t-12.5 57.5t-3.5 53q0 92 51 186 q56 101 106 122q25 11 68.5 21t70.5 10q14 0 21 -3q18 -6 53 -76q11 -19 30 -54t35 -63.5t31 -53.5q3 -4 17.5 -25t21.5 -35.5t7 -28.5q0 -20 -28.5 -50t-62 -55t-62 -53t-28.5 -46q0 -9 5 -22.5t8.5 -20.5t14 -24t11.5 -19q76 -137 174 -235t235 -174q2 -1 19 -11.5t24 -14 t20.5 -8.5t22.5 -5q18 0 46 28.5t53 62t55 62t50 28.5q14 0 28.5 -7t35.5 -21.5t25 -17.5q25 -15 53.5 -31t63.5 -35t54 -30q70 -35 76 -53q3 -7 3 -21z'/%3E%3C/svg%3E");
    --icon-width: 0.785714em;
}
.icon-file {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M1024 1024v472q22 -14 36 -28l408 -408q14 -14 28 -36h-472zM896 992q0 -40 28 -68t68 -28h544v-1056q0 -40 -28 -68t-68 -28h-1344q-40 0 -68 28t-28 68v1600q0 40 28 68t68 28h800v-544z'/%3E%3C/svg%3E");
    --icon-width: 0.857143em;
}
.icon-hand-pointer {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1792 1792'%3E%3Cpath transform='scale(1 -1)' d='M640 1408q-53 0 -90.5 -37.5t-37.5 -90.5v-512v-384l-151 202q-41 54 -107 54q-52 0 -89 -38t-37 -90q0 -43 26 -77l384 -512q38 -51 102 -51h718q22 0 39.5 13.5t22.5 34.5l92 368q24 96 24 194v217q0 41 -28 71t-68 30t-68 -28t-28 -68h-32v61q0 48 -32 81.5t-80 33.5 q-46 0 -79 -33t-33 -79v-64h-32v90q0 55 -37 94.5t-91 39.5q-53 0 -90.5 -37.5t-37.5 -90.5v-96h-32v570q0 55 -37 94.5t-91 39.5zM640 1536q107 0 181.5 -77.5t74.5 -184.5v-220q22 2 32 2q99 0 173 -69q47 21 99 21q113 0 184 -87q27 7 56 7q94 0 159 -67.5t65 -161.5 v-217q0 -116 -28 -225l-92 -368q-16 -64 -68 -104.5t-118 -40.5h-718q-60 0 -114.5 27.5t-90.5 74.5l-384 512q-51 68 -51 154q0 105 74.5 180.5t179.5 75.5q71 0 130 -35v547q0 106 75 181t181 75zM768 128v384h-32v-384h32zM1024 128v384h-32v-384h32zM1280 128v384h-32 v-384h32z'/%3E%3C/svg%3E");
    --icon-width: 1em;
}
.icon-linkedin {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M237 122h231v694h-231v-694zM483 1030q-1 52 -36 86t-93 34t-94.5 -34t-36.5 -86q0 -51 35.5 -85.5t92.5 -34.5h1q59 0 95 34.5t36 85.5zM1068 122h231v398q0 154 -73 233t-193 79q-136 0 -209 -117h2v101h-231q3 -66 0 -694h231v388q0 38 7 56q15 35 45 59.5t74 24.5 q116 0 116 -157v-371zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z'/%3E%3C/svg%3E");
    --icon-width: 0.857143em;
}
.icon-whatsapp {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M985 562q13 0 97.5 -44t89.5 -53q2 -5 2 -15q0 -33 -17 -76q-16 -39 -71 -65.5t-102 -26.5q-57 0 -190 62q-98 45 -170 118t-148 185q-72 107 -71 194v8q3 91 74 158q24 22 52 22q6 0 18 -1.5t19 -1.5q19 0 26.5 -6.5t15.5 -27.5q8 -20 33 -88t25 -75q0 -21 -34.5 -57.5 t-34.5 -46.5q0 -7 5 -15q34 -73 102 -137q56 -53 151 -101q12 -7 22 -7q15 0 54 48.5t52 48.5zM782 32q127 0 243.5 50t200.5 134t134 200.5t50 243.5t-50 243.5t-134 200.5t-200.5 134t-243.5 50t-243.5 -50t-200.5 -134t-134 -200.5t-50 -243.5q0 -203 120 -368l-79 -233 l242 77q158 -104 345 -104zM782 1414q153 0 292.5 -60t240.5 -161t161 -240.5t60 -292.5t-60 -292.5t-161 -240.5t-240.5 -161t-292.5 -60q-195 0 -365 94l-417 -134l136 405q-108 178 -108 389q0 153 60 292.5t161 240.5t240.5 161t292.5 60z'/%3E%3C/svg%3E");
    --icon-width: 0.857143em;
}
.icon-star {
    --icon-ascent: 0.857143em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1664 1792'%3E%3Cpath transform='scale(1 -1)' d='M1664 889q0 -22 -26 -48l-363 -354l86 -500q1 -7 1 -20q0 -21 -10.5 -35.5t-30.5 -14.5q-19 0 -40 12l-449 236l-449 -236q-22 -12 -40 -12q-21 0 -31.5 14.5t-10.5 35.5q0 6 2 20l86 500l-364 354q-25 27 -25 48q0 37 56 46l502 73l225 455q19 41 49 41t49 -41l225 -455 l502 -73q56 -9 56 -46z'/%3E%3C/svg%3E");
    --icon-width: 0.928572em; /* 1664/1792: 14 px'te tam 13 px */
}
/* Müşteri yorumları: yıldızlar ve kaydırıcı okları. Eski glifler yazı gölgesi alıyordu; maske gölgeyi taşımadığı için
   gölge üst öğede filter ile (Bootstrap'in .carousel-caption/.carousel-control gölgesiyle aynı). Oklar glyphicon'dan
   (Bootstrap 3, MIT); konum ve boyut Bootstrap'in .carousel-control kurallarında. Fontun gerçek ölçüleriyle (hhea 1300/-123,
   satır yüksekliği 1) taban çizgisi kutunun altına denk geliyor; viewBox buna göre. */
.customerVote {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
}
.customerVote .icon-star {
    color: #ffd700;
}
.glyphicon-chevron-left,
.glyphicon-chevron-right {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
}
.glyphicon-chevron-left {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1200 1200 1200'%3E%3Cpath transform='scale(1 -1)' d='M885 900l-352 -353l352 -353l-197 -198l-552 552l552 550z'/%3E%3C/svg%3E");
}
.glyphicon-chevron-right {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1200 1200 1200'%3E%3Cpath transform='scale(1 -1)' d='M1064 547l-551 -551l-198 198l353 353l-353 353l198 198z'/%3E%3C/svg%3E");
}
.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--icon) 0 0 / 100% 100% no-repeat;
    mask: var(--icon) 0 0 / 100% 100% no-repeat;
}
@media screen and (min-width: 768px) {
    /* 30 px'te Chrome fontun ölçüsünü yuvarlıyor, taban çizgisi 1 px yukarıda (29 px). */
    .glyphicon-chevron-left::before,
    .glyphicon-chevron-right::before {
        -webkit-mask-position: 0 -1px;
        mask-position: 0 -1px;
    }
}
.icon-search {
    --icon-ascent: 1em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath transform='scale(1 -1)' d='M450 117Q465 99 453 85L429 61Q411 46 394 61L297 159Q260 137 217 137Q151 137 103 186Q54 234 54 300Q54 364 100 412Q147 459 212 459Q278 459 327 410Q376 361 376 296Q376 250 352 213ZM102 300Q102 255 137 220Q172 185 217 185Q262 185 294 218Q327 250 327 296Q327 340 292 375Q257 410 212 410Q166 410 135 377Q102 346 102 300Z'/%3E%3C/svg%3E");
    --icon-width: 1em;
}
.icon-instagram {
    --icon-ascent: 1em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath transform='scale(1 -1)' d='M426 105V290H387Q393 272 393 252Q393 216 375 186Q355 155 325 138Q294 120 256 120Q200 120 160 159Q120 198 120 252Q120 272 126 290H85V105Q85 97 90 92Q97 87 103 87H408Q414 87 421 92Q426 97 426 105ZM345 257Q345 293 319 317Q293 342 256 342Q219 342 194 317Q168 293 168 257Q168 222 194 196Q221 171 256 171Q291 171 319 196Q345 222 345 257ZM426 360V407Q426 415 420 421Q414 427 406 427H356Q348 427 342 421Q337 416 337 407V360Q337 351 342 346Q348 340 356 340H406Q414 340 420 346Q426 352 426 360ZM475 419V93Q475 69 459 53Q443 37 419 37H93Q69 37 53 53Q37 69 37 93V419Q37 443 53 459Q69 475 93 475H419Q443 475 459 459Q475 443 475 419Z'/%3E%3C/svg%3E");
    --icon-width: 1em;
}
.icon-facebook {
    --icon-ascent: 1em;
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath transform='scale(1 -1)' d='M292 353H366L357 272H292V37H195V272H146V353H195V402Q195 454 219 481Q244 507 300 507H365V426H325Q311 426 307 424Q300 423 297 418Q295 414 293 408Q293 407 292.5 402Q292 397 292 394Z'/%3E%3C/svg%3E");
    --icon-width: 1em;
}
.footer-step.icon-card-pre::before {
    --icon-ascent: 1em;
    --icon-width: 1em;
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath fill='%23a5a8ab' transform='scale(1 -1)' d='M162 403 256 497 350 403H368L261 510Q257 512 256 512Q255 512 251 510L144 403ZM12 272 6 266V250L12 244ZM358 119 256 18 154 119H137L251 5Q255 3 256 3Q258 3 260 5L375 119ZM500 113H12Q6 113 6 119V397Q6 403 12 403H500Q506 403 506 397V119Q506 113 500 113ZM18 126H494V391H18ZM152 159Q111 159 82 188Q53 217 53 258Q53 299 82 327.5Q111 356 152 356Q193 356 222 327Q251 298 251 258Q251 218 221.5 188.5Q192 159 152 159ZM66 258Q66 222 91 196.5Q116 171 152 171Q188 171 213.5 196.5Q239 222 239 258Q238 294 213 319Q188 344 152 344Q116 344 91 318.5Q66 293 66 258ZM152 240Q98 240 81 194L91 184Q97 204 113.5 216.5Q130 229 152 229Q174 229 190 217.5Q206 206 212 187Q220 193 222 196Q204 240 152 240ZM151 230Q134 230 121 242.5Q108 255 108 273V291Q108 308 121 320.5Q134 333 151 333Q169 333 181.5 320.5Q194 308 194 291V273Q194 255 181.5 242.5Q169 230 151 230ZM151 321Q139 321 130 312Q121 303 121 291V273Q121 260 130 251Q139 242 151 242Q164 242 173 251Q182 260 182 273V291Q182 303 173 312Q164 321 151 321ZM293 303H453ZM453 297H293Q287 297 287 303Q287 309 293 309H453Q459 309 459 303Q459 297 453 297ZM453 248H293Q287 248 287 254Q287 260 293 260H453Q459 260 459 254Q459 248 453 248ZM453 207H293Q287 207 287 213Q287 220 293 220H453Q459 220 459 213Q459 207 453 207Z'/%3E%3C/svg%3E");
}
.footer-step.icon-card-pre:hover::before {
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath fill='%230c454e' transform='scale(1 -1)' d='M162 403 256 497 350 403H368L261 510Q257 512 256 512Q255 512 251 510L144 403ZM12 272 6 266V250L12 244ZM358 119 256 18 154 119H137L251 5Q255 3 256 3Q258 3 260 5L375 119ZM500 113H12Q6 113 6 119V397Q6 403 12 403H500Q506 403 506 397V119Q506 113 500 113ZM18 126H494V391H18ZM152 159Q111 159 82 188Q53 217 53 258Q53 299 82 327.5Q111 356 152 356Q193 356 222 327Q251 298 251 258Q251 218 221.5 188.5Q192 159 152 159ZM66 258Q66 222 91 196.5Q116 171 152 171Q188 171 213.5 196.5Q239 222 239 258Q238 294 213 319Q188 344 152 344Q116 344 91 318.5Q66 293 66 258ZM152 240Q98 240 81 194L91 184Q97 204 113.5 216.5Q130 229 152 229Q174 229 190 217.5Q206 206 212 187Q220 193 222 196Q204 240 152 240ZM151 230Q134 230 121 242.5Q108 255 108 273V291Q108 308 121 320.5Q134 333 151 333Q169 333 181.5 320.5Q194 308 194 291V273Q194 255 181.5 242.5Q169 230 151 230ZM151 321Q139 321 130 312Q121 303 121 291V273Q121 260 130 251Q139 242 151 242Q164 242 173 251Q182 260 182 273V291Q182 303 173 312Q164 321 151 321ZM293 303H453ZM453 297H293Q287 297 287 303Q287 309 293 309H453Q459 309 459 303Q459 297 453 297ZM453 248H293Q287 248 287 254Q287 260 293 260H453Q459 260 459 254Q459 248 453 248ZM453 207H293Q287 207 287 213Q287 220 293 220H453Q459 220 459 213Q459 207 453 207Z'/%3E%3C/svg%3E");
}
.footer-step.icon-properties::before {
    --icon-ascent: 1em;
    --icon-width: 1em;
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath fill='%23a5a8ab' transform='scale(1 -1)' d='M505 14H46Q39 14 39 20V49H7Q0 49 0 55V417Q0 423 7 423H466Q473 423 473 417V384H505Q512 384 512 377V20Q512 14 505 14ZM52 27H499V231L496 228L473 204V55Q473 49 466 49H52ZM469 279Q460 279 453 272L315 134Q311 130 306 134L266 175Q259 182 248 182Q238 182 231 175Q224 169 224 158Q224 150 231 141L294 79Q301 72 311 72Q321 72 328 79L486 238Q493 244 493 255Q493 265 486 272Q479 279 469 279ZM460 191 338 69Q332 63 327 62H460ZM13 410V62H294Q290 64 284 69L222 131Q211 142 211 158Q211 173 222 184Q233 195 249 195Q264 195 275 184L311 148L443 281Q453 289 460 290V410ZM473 371V291Q484 291 496 281Q497 280 499 277V371ZM379 330 402 353 424 330 402 307ZM313 266 335 289 358 266 335 243ZM313 330 335 353 358 330 335 307ZM246 266 269 289 292 266 269 243ZM246 330 269 353 292 330 269 307ZM180 203 203 225 226 203 203 180ZM180 266 203 289 226 266 203 243ZM180 330 203 353 226 330 203 307ZM114 139 136 162 159 139 136 116ZM114 203 136 225 159 203 136 180ZM114 266 136 289 159 266 136 243ZM114 330 136 353 159 330 136 307ZM47 203 70 225 93 203 70 180ZM47 330 70 353 93 330 70 307ZM466 443Q460 443 460 449V489H13V454Q13 447 7 447Q0 447 0 454V495Q0 502 7 502H466Q473 502 473 495V449Q473 443 466 443Z'/%3E%3C/svg%3E");
}
.footer-step.icon-properties:hover::before {
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath fill='%230c454e' transform='scale(1 -1)' d='M505 14H46Q39 14 39 20V49H7Q0 49 0 55V417Q0 423 7 423H466Q473 423 473 417V384H505Q512 384 512 377V20Q512 14 505 14ZM52 27H499V231L496 228L473 204V55Q473 49 466 49H52ZM469 279Q460 279 453 272L315 134Q311 130 306 134L266 175Q259 182 248 182Q238 182 231 175Q224 169 224 158Q224 150 231 141L294 79Q301 72 311 72Q321 72 328 79L486 238Q493 244 493 255Q493 265 486 272Q479 279 469 279ZM460 191 338 69Q332 63 327 62H460ZM13 410V62H294Q290 64 284 69L222 131Q211 142 211 158Q211 173 222 184Q233 195 249 195Q264 195 275 184L311 148L443 281Q453 289 460 290V410ZM473 371V291Q484 291 496 281Q497 280 499 277V371ZM379 330 402 353 424 330 402 307ZM313 266 335 289 358 266 335 243ZM313 330 335 353 358 330 335 307ZM246 266 269 289 292 266 269 243ZM246 330 269 353 292 330 269 307ZM180 203 203 225 226 203 203 180ZM180 266 203 289 226 266 203 243ZM180 330 203 353 226 330 203 307ZM114 139 136 162 159 139 136 116ZM114 203 136 225 159 203 136 180ZM114 266 136 289 159 266 136 243ZM114 330 136 353 159 330 136 307ZM47 203 70 225 93 203 70 180ZM47 330 70 353 93 330 70 307ZM466 443Q460 443 460 449V489H13V454Q13 447 7 447Q0 447 0 454V495Q0 502 7 502H466Q473 502 473 495V449Q473 443 466 443Z'/%3E%3C/svg%3E");
}
.footer-step.icon-post-it::before {
    --icon-ascent: 1em;
    --icon-width: 1em;
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath fill='%23a5a8ab' transform='scale(1 -1)' d='M262 358H251L256 355ZM443 358H351L330 345H443Q465 345 480 330Q495 315 495 294V69Q495 48 479.5 32Q464 16 443 16H69Q48 16 32.5 31.5Q17 47 17 69V294Q17 315 32 330Q47 345 69 345H183L161 358H69Q42 358 23 339Q4 320 4 294V69Q4 42 23.5 22.5Q43 3 69 3H443Q470 3 489 22.5Q508 42 508 69V294Q508 320 489 339Q470 358 443 358ZM41 274 254 153ZM254 147Q252 147 251 148L38 269Q32 271 36 277Q38 284 44 280L257 159Q263 155 260 150Q258 147 254 147ZM471 274 258 153ZM258 147Q254 147 253 150Q249 155 255 159L468 280Q474 284 477 277Q481 271 474 269L262 148Q260 147 258 147ZM216 67Q216 61 210 61Q203 61 203 67Q203 74 210 74Q216 74 216 67ZM210 59Q201 59 201 67Q201 76 210 76Q218 76 218 67Q218 59 210 59ZM210 72Q205 72 205 67Q205 63 210 63Q214 63 214 67Q214 72 210 72ZM263 67Q263 61 256 61Q249 61 249 67Q249 74 256 74Q263 74 263 67ZM247 67Q247 76 256 76Q265 76 265 67Q265 59 256 59Q247 59 247 67ZM256 72Q252 72 252 67Q252 63 256 63Q261 63 261 67Q261 72 256 72ZM309 67Q309 61 303 61Q296 61 296 67Q296 74 303 74Q309 74 309 67ZM294 67Q294 76 303 76Q312 76 312 67Q312 59 303 59Q294 59 294 67ZM303 72Q298 72 298 67Q298 63 303 63Q308 63 308 67Q306 72 303 72ZM256 200H255Q254 201 253 201L69 312Q64 314 66 319Q68 324 72 324H162H163Q164 323 165 323L256 268L347 323Q348 323 349 323.5Q350 324 351 324H440Q444 324 446 319Q446 315 443 312L259 201Q259 200 256 200ZM96 311 256 214 417 311H353L259 255Q256 254 253 255L160 311ZM256 294H255Q254 295 253 295L69 406Q64 408 66 413Q68 418 72 418H162H163Q164 417 165 417L256 362L347 417Q348 417 349 417.5Q350 418 351 418H440Q444 418 446 413Q446 409 443 406L259 295Q259 294 256 294ZM96 405 256 308 417 405H353L259 349Q256 348 253 349L160 405ZM256 388Q254 388 253 389L69 500Q66 502 66 507Q68 512 73 512H162H163Q164 511 165 511L256 456L347 511L350 512H440Q444 512 446 507Q447 504 443 500L259 389Q259 388 256 388ZM96 499 256 402 417 499H353L259 443Q256 442 253 443L160 499Z'/%3E%3C/svg%3E");
}
.footer-step.icon-post-it:hover::before {
    --icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -512 512 512'%3E%3Cpath fill='%230c454e' transform='scale(1 -1)' d='M262 358H251L256 355ZM443 358H351L330 345H443Q465 345 480 330Q495 315 495 294V69Q495 48 479.5 32Q464 16 443 16H69Q48 16 32.5 31.5Q17 47 17 69V294Q17 315 32 330Q47 345 69 345H183L161 358H69Q42 358 23 339Q4 320 4 294V69Q4 42 23.5 22.5Q43 3 69 3H443Q470 3 489 22.5Q508 42 508 69V294Q508 320 489 339Q470 358 443 358ZM41 274 254 153ZM254 147Q252 147 251 148L38 269Q32 271 36 277Q38 284 44 280L257 159Q263 155 260 150Q258 147 254 147ZM471 274 258 153ZM258 147Q254 147 253 150Q249 155 255 159L468 280Q474 284 477 277Q481 271 474 269L262 148Q260 147 258 147ZM216 67Q216 61 210 61Q203 61 203 67Q203 74 210 74Q216 74 216 67ZM210 59Q201 59 201 67Q201 76 210 76Q218 76 218 67Q218 59 210 59ZM210 72Q205 72 205 67Q205 63 210 63Q214 63 214 67Q214 72 210 72ZM263 67Q263 61 256 61Q249 61 249 67Q249 74 256 74Q263 74 263 67ZM247 67Q247 76 256 76Q265 76 265 67Q265 59 256 59Q247 59 247 67ZM256 72Q252 72 252 67Q252 63 256 63Q261 63 261 67Q261 72 256 72ZM309 67Q309 61 303 61Q296 61 296 67Q296 74 303 74Q309 74 309 67ZM294 67Q294 76 303 76Q312 76 312 67Q312 59 303 59Q294 59 294 67ZM303 72Q298 72 298 67Q298 63 303 63Q308 63 308 67Q306 72 303 72ZM256 200H255Q254 201 253 201L69 312Q64 314 66 319Q68 324 72 324H162H163Q164 323 165 323L256 268L347 323Q348 323 349 323.5Q350 324 351 324H440Q444 324 446 319Q446 315 443 312L259 201Q259 200 256 200ZM96 311 256 214 417 311H353L259 255Q256 254 253 255L160 311ZM256 294H255Q254 295 253 295L69 406Q64 408 66 413Q68 418 72 418H162H163Q164 417 165 417L256 362L347 417Q348 417 349 417.5Q350 418 351 418H440Q444 418 446 413Q446 409 443 406L259 295Q259 294 256 294ZM96 405 256 308 417 405H353L259 349Q256 348 253 349L160 405ZM256 388Q254 388 253 389L69 500Q66 502 66 507Q68 512 73 512H162H163Q164 511 165 511L256 456L347 511L350 512H440Q444 512 446 507Q447 504 443 500L259 389Q259 388 256 388ZM96 499 256 402 417 499H353L259 443Q256 442 253 443L160 499Z'/%3E%3C/svg%3E");
}