/* 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: 99999; 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; background-color: transparent;  border: 1px solid #dde7f0; font-weight:500; color: #07070A; border-radius:8px; text-align: center}
.mfn-cookies .mfn-cookies-footer .button:hover { background-color: #e5edf4;}
.mfn-cookies .mfn-cookies-footer .button.secondary { background-color: #0089f7; color: #fff;}
.mfn-cookies .mfn-cookies-footer .button.secondary:hover { background-color: #1999FF;}
.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; margin-bottom:0; 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 p { font-size:15px;line-height:27px;font-weight:400;color:#555c70; }
.mfn-cookies .cookies-tab-content h6 { font-size:16px;line-height:30px;color:#00032a;font-weight:500;margin-bottom:15px }
/* .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}

@media (max-width: 550px) {
  .mfn-cookies .cookies-tab-nav { padding: 0; }
  .mfn-cookies .cookies-tab-nav .tab a span { display: none; }
  .mfn-cookies .mfn-cookies-footer { flex-direction: column; }
}

.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: #0089F7; }
.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; }