.badge { display: inline-block; font-size: 12px; line-height: 1.2; font-weight: 400; padding: 4px 8px; border-radius: 6px; vertical-align: middle; }
.badge-filled { color: #fff; background-color: #555c70; }
.badge-outlined { border: 1px solid #555c70; color: #555c70; }
.badge-filled.blue { background-color: #0089f7; }
.badge-outlined.blue { color: #0089f7; border-color: #0089f7;}
.badge-filled.light-grey { background-color: #F0F0F0; color: #555C70; }
.badge-outlined.light-grey { color: #94a3b8; border-color: #cbd5e1;}


.badge-group { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; position: relative; z-index: 1; padding: 8px 15px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 1.2; font-weight: 500; }
.badge-group .info-icon { content: ""; display: inline-block; position: relative; width: 6px; height: 6px; flex-shrink: 0; background: #0089F7; margin-right: 6px; border-radius: 100%; }
.badge-group .info-icon:before,
.badge-group .info-icon:after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: inherit; border-radius: 50%; transform: translate(-50%, -50%); animation: sf-badge-group-icon 2s infinite linear; opacity: 0.3; background-color: #0089F7; }
.badge-group .info-icon:after { animation-delay: 1s; }
.badge-group .badge-icon { height: 12px; }
.badge-group a { text-decoration: none; }
.badge-group a:hover { text-decoration: underline; }
.badge-group a:after { content: "\00BB"; display: inline-block; margin-left: 10px; }

.badge-group.white { border-color: #fff; color: #fff; }

.badge-group.big { font-size: 22px; font-weight: 300; gap: 10px; }
.badge-group.big .badge-icon { height: 20px; }

@keyframes sf-badge-group-icon {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}


.pills-wrapper { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0 auto;  }
.pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; line-height: 1.2; font-weight: 500; padding: 8px 16px 8px 8px; border-radius: 24px; vertical-align: middle; }
.pill .pill-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 32px; background-color: #CBD3FC; }
.pill-filled { color: #00032a; background-color: rgba(203,211,252,.15); }
.pill-filled.white { background-color: #fff; }
.pill-outlined {}




a.play-button { position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; border-radius: 100%; background-color: #ffffff; box-shadow: 0px 0 46px 0px rgba(1,7,39,.4); background-image: url(../img/play.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; text-indent: -9999px; overflow: hidden; }
a:hover.play-button { transform: scale(1.1);  }

.search-wrapper{position:relative;display:inline-block;width:100%}
.search-wrapper input.search{outline:none;border-radius:0;box-sizing:border-box;border:none; /*background: #fff; box-shadow: 0px 10px 46px 0px rgba(1,7,39,.1);*/ border-radius: 4px; font-size:17px;line-height:20px;padding:15px 20px 15px 65px;width:100%;background:#F6F6F6 url('../img/search.svg') no-repeat 25px center;background-size:19px}
.search-wrapper .close{position:absolute;top:15px;left:14px;display:none;width:40px;height:40px;cursor:pointer}
.search-active .search-wrapper input.search{background-image:url('../img/close.svg')}
.search-active .search-wrapper .close{display:block}
.search-active .search-wrapper .popular-search{display:none}
.search-wrapper .popular-search { display: flex; align-items: center; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.search-wrapper .popular-search > span { font-size: 70%; margin-right: 5px; }
.search-wrapper .popular-search > a { font-size: 85%; margin-left: 5px; }



span.muffin-logo { display: inline-block; position: relative; top: 5px; width: 31px; height: 32px; background-image:url(../img/svg/logo_muffin_simple.svg); background-position: center; background-repeat: no-repeat; }
span.muffin-logo.big { top: 15px; width: 63px; height: 67px; }
span.new-feature { display: inline-block; position: relative; top: 2px; width: 18px; height: 18px; background-image:url(../img/new-pink.svg); background-position: center; background-size: 18px; background-repeat: no-repeat; }
span.new-feature.big { width: 52px; height: 52px; background-size: 52px; }



/* Tooltip */
[data-tooltip] {  position: relative; text-decoration: none; }
[data-tooltip]:hover:before, [data-tooltip]:focus:before { opacity: 1; transform: translate(-50%, -10px); }
[data-tooltip]:hover:after, [data-tooltip]:focus:after { opacity: 1; transform: translate(-50%, -10px) rotate(45deg); }
[data-tooltip]:before { content: attr(data-tooltip); position: absolute; z-index: 2; text-indent: 0; bottom: 100%; left: 50%; padding: 6px 12px; color: #fff; background-color: #304050; font-size: 13px; line-height: 20px; opacity: 0; transform: translate(-50%, 0); pointer-events: none; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); white-space: nowrap; }
[data-tooltip]:after { position: absolute; z-index: 3; display: block; bottom: 100%; left: 50%; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: #304050; margin-bottom: -4px; transform: translate(-50%, 0) rotate(45deg); opacity: 0; pointer-events: none; }

[data-tooltip][data-position="bottom"]:before { transform: translate(-50%, 0); top: 100%; bottom: auto; }
[data-tooltip][data-position="bottom"]:hover:before, .mfn-ui [data-tooltip][data-position="bottom"]:focus:before { opacity: 1; transform: translate(-50%, 10px); }
[data-tooltip][data-position="bottom"]:after { transform: translate(-50%, 0) rotate(45deg); top: 100%; bottom: auto; }
[data-tooltip][data-position="bottom"]:hover:after, .mfn-ui [data-tooltip][data-position="bottom"]:focus:after { transform: translate(-50%, 10px) rotate(45deg); margin-top: -4px; }

/* alert */

.alert-box { display: flex; align-items: center; margin-bottom:30px;padding:15px 25px; line-height: 1.6; font-size: 14px; box-sizing:border-box;position:relative;width:100%}
.alert-box .alert_icon { flex-shrink:0;width:30px;height:30px; margin-right: 20px;}
.alert-box .alert_wrapper { margin-right: 20px; }
.alert-box .alert_wrapper a { border-bottom: 1px solid; text-decoration: none; }
.alert-box .alert_wrapper a.separated{margin-left:10px}
.alert-box a.close{flex-shrink:0;margin-left: auto; margin-right: -10px; text-decoration: none; }

.alert_warning{background:#fef8ea;}
.alert_warning,.alert_warning a,.alert_warning a:hover,.alert_warning a.close .icon{color:#8a5b20}
.alert_warning .path{stroke:#8a5b20}

.alert_error{background:#fae9e8;}
.alert_error,.alert_error a,.alert_error a:hover,.alert_error a.close .icon{color:#962317}
.alert_error .path{stroke:#8a5b20}

.alert_info{background:#efefef;}
.alert_info,.alert_info a,.alert_info a:hover,.alert_info a.close .icon{color:#57575b}
.alert_info .path{stroke:#57575b}

.alert_success{background:#eaf8ef;}
.alert_success,.alert_success a,.alert_success a:hover,.alert_success a.close .icon{color:#3a8b5b}
.alert_success .path{stroke:#3a8b5b}

/* Floating banner */
.mfn-floating-banner { position: fixed; display: flex; justify-content: center; left: 10%; right: 10%; opacity:0; bottom: 0; width: 80%; padding: 0 80px; box-sizing: border-box; background-color: #191919; color: #fff; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,.25); transition: bottom .3s ease-in-out, opacity .3s ease-in-out; z-index: 9999; font-family: sans-serif; }
.mfn-floating-banner.show{opacity:1;bottom:20px;}
.mfn-floating-banner .mfn-floating-banner-inner { display: none; align-items: center; justify-content: center; gap: 15px; width: 950px; max-width: 100%; }
.mfn-floating-banner.show .mfn-floating-banner-inner{display:flex}
.mfn-floating-banner .mfn-floating-banner-close { position: absolute; right: 20px; top: calc(50% - 20px); width: 40px; height: 40px; overflow: hidden; text-indent: -9999px; border-radius: 100%; display: block; transition: transform .3s ease-in-out; background-image: url(../img/close-white.svg); background-repeat: no-repeat; background-position: center; background-size: 30px; }
.mfn-floating-banner .mfn-floating-banner-close:hover { transform: rotate(-180deg); }

  .cyberweek2025 .sale { position: relative; top: -30%; width: min(100%, 180px); }
  .cyberweek2025 .text { width: min(100%, 450px); }
  .cyberweek2025 .button { margin: 10px 0; flex-shrink: 0; }


/* Plugin: Magnific Popup */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}
.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}

/* Plugin: Slick slider */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots{list-style:none;text-align:center;margin-top:20px;}
.slick-dots li{display:inline-block}
.slick-dots li button{width:10px;height:10px;margin:0 5px;padding:0;border:none;border-radius:50%;background:#f1f1f3;text-indent:-9999px;cursor:pointer}
.slick-dots li.slick-active button{background:#0086ff}
a.nav-arrow, .slick-arrow { display: block; z-index: 1; cursor: pointer; width: 50px; height: 50px; border-radius: 100%; overflow: hidden; text-indent: -9999px; border: 0; background-color: #f0f0f2; background-position: center; background-repeat: no-repeat; background-size: 26px; }
a:hover.nav-arrow, .slick-arrow:hover { transform: scale(1.15); }
a.nav-arrow.prev, .slick-prev { background-image: url(../img/move-left.svg); }
a.nav-arrow.next, .slick-next { background-image: url(../img/move-right.svg);}

/* Popup */

body.mfn-modal-open{overflow:hidden} /* Dodac do body */

.mfn-popup { display: none; box-sizing: content-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(25,37,48,.6); z-index: 9991;  }
.mfn-popup-inner { display: flex; align-items: center; position: fixed; padding: 0; left: 50%; top: 50%; width: 600px; transform: translate(-50%,-50%); z-index: 9999; }
.mfn-popup-inner .desc-wrapper { text-align: center; padding: 0 7%; }
.mfn-popup-inner .desc-wrapper h2 { font-size: 42px; line-height: 52px; font-weight: 400; margin-bottom: 25px; }
.mfn-popup-inner .desc-wrapper lottie-player { margin-bottom: 35px; }
.mfn-popup-inner .pic-wrapper { width: 100%; flex-shrink: 0; overflow: hidden; line-height: 0; }
.mfn-popup-inner .pic-wrapper a { display: block; }
.mfn-popup-inner a.mfn-popup-close { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; overflow: hidden; text-indent: -9999px; border-radius: 100%; display: block; transition: transform .3s ease-in-out; background-color: #dce5ec; background-image: url(../img/be-popup-close.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; }
.mfn-popup-inner a:hover.mfn-popup-close { background-color: #cbd6de; transform: rotate(-180deg); }

/* Cookie popup */
.mfn-cookies { display: none; box-sizing: content-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; background: rgba(25,37,48,.6); z-index: 9991; font-size: 15px; line-height: 1.8; }
.mfn-cookies-open .mfn-cookies { display: block; }
.mfn-cookies-popup { display: flex; flex-direction: column; position: fixed; box-sizing: border-box; padding: 15px; left: 50%; top: 50%; width: 750px; max-width: calc(100% - 40px); transform: translate(-50%,-50%); z-index: 9999; border-radius: 8px; background-color: #fff; box-shadow: 6px 30px 60px 0px rgba(0,0,0,.18); }

.mfn-cookies .mfn-cookies-header { padding: 15px 0; text-align: center; }
.mfn-cookies .mfn-cookies-header > * { margin: 0; }
.mfn-cookies .mfn-cookies-wrapper {}
.mfn-cookies .mfn-cookies-footer { display: flex; gap: 10px; padding: 20px; background-color: #FBFBFB; border-radius: 8px; width: 100%; box-sizing: border-box; }
.mfn-cookies .mfn-cookies-footer > .button { flex-grow: 1; margin: 0; padding: 11px 20px; }
.mfn-cookies .mfn-cookies-footer #consent_selected { display:none }

.mfn-cookies .cookies-tab-nav { width: 100%; list-style: none; border-bottom: 1px solid rgba(8,8,14,.1); display: flex; gap: 10px; padding: 0 20px; box-sizing: border-box; }
.mfn-cookies .cookies-tab-nav .tab { flex-grow: 1; }
.mfn-cookies .cookies-tab-nav .tab a { display: block; text-align: center; padding: 15px 0px; position: relative; text-decoration: none; color: #07070A; font-size: 14px; line-height: 1.2; font-weight: 600; }
.mfn-cookies .cookies-tab-nav .tab a:after { display: none; content: ""; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #0089F7; }
.mfn-cookies .cookies-tab-nav .is-active a { color: #0089F7; }
.mfn-cookies .cookies-tab-nav .is-active a:after  { display: block; }
.mfn-cookies .cookies-tab-content { display: none; padding: 20px; box-sizing: border-box; max-height: calc(100vh - 260px ); overflow: auto; }
.mfn-cookies .cookies-tab-content > *:last-child { margin-bottom: 0; }
/* .mfn-cookies .cookies-tab-content.is-active { display: block; } */

.mfn-cookies[data-tab="consent"] .cookies-tab-content[data-id="consent"]{display:block}
.mfn-cookies[data-tab="details"] .cookies-tab-content[data-id="details"]{display:block}
.mfn-cookies[data-tab="about"] .cookies-tab-content[data-id="about"]{display:block}

.mfn-cookies[data-tab="details"] .mfn-cookies-footer #consent_selected{display:inline-block}
.mfn-cookies[data-tab="details"] .mfn-cookies-footer #consent_customize{display:none}


.mfn-cookies .cookie-consent { display: flex; flex-direction: column; gap: 15px; }
.mfn-cookies .cookie-consent .cookie-type { flex-grow: 1; padding: 15px 20px;  background-color: #FBFBFB; border-bottom: 1px solid rgba(8,8,14,.04); }
.mfn-cookies .cookie-consent .cookie-type header { display: flex; align-items: center; margin-bottom: 5px; }
.mfn-cookies .cookie-consent .cookie-type header .mfn-switch { margin-left: auto; }
.mfn-cookies .cookie-consent .cookie-type h6 { margin: 0; }
.mfn-cookies .cookie-consent .cookie-type > *:last-child { margin-bottom: 0; }

.mfn-switch { display: inline-flex; }
.mfn-switch label { display: block; position: relative; width: 60px; height: 30px; background-color: #00032A; border-radius: 30px; cursor: pointer; transition: all ease-in-out 0.3s; }
.mfn-switch label:after { content: ""; display: block; width: 22px; height: 22px; background-color: #fff; border-radius: 100%; cursor: pointer; position: absolute;  left: 4px; top: 4px; transition: all ease-in-out 0.3s; }
.mfn-switch input[type=checkbox] { display: none; }
.mfn-switch input[type=checkbox]:checked ~ label { background-color: #5ACB65; }
.mfn-switch input[type=checkbox]:checked ~ label:after { left: 32px; }
.mfn-switch input[type=checkbox]:disabled ~ label { opacity: .5; cursor: not-allowed; filter: saturate(0%);}
.mfn-switch input[type=checkbox]:disabled ~ label:after { cursor: not-allowed; }

/******************************************************
***********************   Columns   **********************
******************************************************/

.mfn-row { display:flex; flex: 0 1 auto; flex-direction:row; flex-wrap:wrap; box-sizing:border-box; margin-left: -10px; margin-right: -10px; }
.mfn-row .row-column { box-sizing:border-box; flex:0 0 auto;padding: 0 10px; margin-bottom: 15px; }
.mfn-row-start { align-items: flex-start; }
.mfn-row-center { align-items: center; }
.mfn-row-end { align-items: flex-end; }
.mfn-row-align-center { justify-content: center; }
.mfn-row .row-column-padding-l5 { padding-left: 5%; }
.mfn-row .row-column-padding-r5 { padding-right: 5%; }
.mfn-row .row-column-padding-l3 { padding-left: 3%; }
.mfn-row .row-column-padding-r3 { padding-right: 3%; }

    .mfn-row .row-column[data-size="0.1"] { flex-basis: 10%; max-width: 10%; }
    .mfn-row .row-column[data-size="0.14"] { flex-basis: 14%; max-width: 14%; }
    .mfn-row .row-column[data-size="0.1666"] { flex-basis: 16.66666666%; max-width: 16.66666666%; }
    .mfn-row .row-column[data-size="0.2"] { flex-basis: 20%; max-width: 20%; }
    .mfn-row .row-column[data-size="0.25"] { flex-basis: 25%; max-width: 25%; }
    .mfn-row .row-column[data-size="0.3"] { flex-basis: 30%; max-width: 30%; }
    .mfn-row .row-column[data-size="0.3333"] { flex-basis: 33.33333333%; max-width: 33.33333333%; }
    .mfn-row .row-column[data-size="0.4"] { flex-basis: 40%; max-width: 40%; }
    .mfn-row .row-column[data-size="0.45"] { flex-basis: 45%; max-width: 45%; }
    .mfn-row .row-column[data-size="0.5"] { flex-basis: 50%; max-width: 50%; }
    .mfn-row .row-column[data-size="0.6"] { flex-basis: 60%; max-width: 60%; }
    .mfn-row .row-column[data-size="0.6667"] { flex-basis: 66.66%; max-width: 66.66%; }
    .mfn-row .row-column[data-size="0.7"] { flex-basis: 70%; max-width: 70%; }
    .mfn-row .row-column[data-size="0.75"] { flex-basis: 75%; max-width: 75%; }
    .mfn-row .row-column[data-size="0.8"] { flex-basis: 80%; max-width: 80%; }
    .mfn-row .row-column[data-size="0.8333"] { flex-basis: 83.33333333%; max-width: 83.33333333%; }
    .mfn-row .row-column[data-size="1"] { flex-basis: 100%; max-width: 100%; }



/******************************************************
***********************   Grid   **********************
******************************************************/

.mfn-grid { display: grid; gap: 20px; }

.mfn-grid-gap20 { gap: 20px; }
.mfn-grid-gap40 { gap: 40px; }

.mfn-grid-1col { grid-template-columns: repeat(1, 1fr); }
.mfn-grid-2col { grid-template-columns: repeat(2, 1fr); }
.mfn-grid-3col { grid-template-columns: repeat(3, 1fr); }
.mfn-grid-4col { grid-template-columns: repeat(4, 1fr); }