*{padding:0; box-sizing:border-box; margin:0; color:var(--primary); font-family:'Inter', sans-serif; font-size:19px; font-weight:400; line-height:1.74em; letter-spacing: -0.01em; text-rendering:geometricPrecision; position:relative;}
@font-face {
font-family: 'Inter';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-Regular.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-SemiBold.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-SemiBold.otf) format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AlliancePlatt';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-Regular.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AlliancePlatt';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-Medium.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-Medium.otf) format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AlliancePlatt';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-SemiBold.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-SemiBold.otf) format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AlliancePlatt';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-Bold.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-Bold.otf) format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AlliancePlatt';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-ExtraBold.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/AlliancePlatt-ExtraBold.otf) format('opentype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-Bold.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-Bold.otf) format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-ExtraBold.woff2) format('woff2'),
url(//distyl.ai/wp-content/themes/distyl/fonts/Inter-ExtraBold.otf) format('opentype');
font-weight: 800;
font-style: normal;
font-display: swap;
}  .hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}
body{background-color:var(--page-background-color);}
body.noscroll{overflow:hidden;}
.page-wrapper{overflow:hidden; display:flex; flex-direction:column; width:100%; min-height:100vh; z-index:2;}
.page-content{flex-grow:1; display:flex; flex-direction:column; float:left; width:100%; margin-top:84px; z-index:3; clip-path:inset(0); }
.static-background{width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; position:fixed; top:0; right:0; bottom:0; left:0;}
.flexible{float:left; width:100%;}
section{flex-grow:1; display:flex; flex-direction:column; justify-content:center; float:left; width:100%; border-bottom:1px solid var(--primary); padding:0px 15px; background:var(--page-background-color);}
section.default{padding:0 15px;} .container{width:100%; max-width:1088px; padding:64px 64px; margin:0 auto; z-index:2; display:flex; flex-direction:column; align-items:flex-start;  width:100%; border-left: 1px solid var(--primary); border-right: 1px solid var(--primary); border-top: 0; border-bottom: 0;}
.small{max-width:944px;} .section-content{margin-bottom:32px}
.section-content a{text-decoration:underline} .divider{height:1px; width:100%; border-bottom:1px solid var(--primary);}
.hidden{display:none;} hr{display:block; width:100%; max-width:330px; margin:50px auto; border:1px solid var(--primary);}
img{display:block; width:initial; max-width:100%; height:auto;}
img.alignleft{float:left; margin:15px 15px 15px 0;}
img.alignright{float:right; margin:15px 0 15px 15px;}
img.aligncenter{margin:15px auto;}
strong, strong *, b, b *{font-size:1em; font-weight:700;}
.petrona strong, .petrona strong *, .petrona b, .petrona b *{font-weight:500;}
em{font-style:italic;}
iframe{max-width:100%;}
a{color:var(--primary); font-size:1em; text-decoration:none; transition:all 0.25s;}
a:hover, a:focus, a:active{text-decoration:underline; color: var(--secondary);} p{margin:30px 0;}
p img{max-width:100%; height:auto;}
p img.alignright{float:right; margin:0 0 10px 10px;}
p img.alignleft{float:left; margin:0 10px 10px 0;}
p img.aligncenter{margin:20px auto;}
p + p{margin-top:0px;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
.wp-caption img{max-width:100%; height:auto;}
@media screen and (max-width:600px) {
p img{width:100%; margin:20px 0 !important;}
} h1, h2, h3, h4, h5, h6{width:100%; margin-bottom:20px; color:var(--primary); font-family:'AlliancePlatt', sans-serif;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-size:1em; line-height:1;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}
h1{font-size:72px; font-weight:400; line-height:1.125em; letter-spacing: -0.03em; overflow-wrap: anywhere; word-break: keep-all; hyphens:auto}
h2{font-size:72px; font-weight:400; line-height:1.125em; letter-spacing: -0.03em;}
h3{font-size:19px; font-weight:800; line-height:1.42em; letter-spacing: -0.01em;}
h4{font-size:24px; font-weight:700; line-height:28px;}
h5{font-weight:700; letter-spacing:4.8px; text-transform:uppercase;}
h6{font-size:14px; font-weight:700; line-height:19px; letter-spacing:4.2px; text-transform:uppercase;}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6{margin-top:30px;}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote,
h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q,
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:15px;} ul, ol{width:100%; padding-left:16px; margin:30px 0;}
ul:first-child, ol:first-child{margin-top:0;}
ul:last-child, ol:last-child{margin-bottom:0;}
li{margin-bottom:5px;}
li:last-of-type{margin-bottom:0 !important;}
.section-content li{margin-bottom:20px;}
.section-content li:last-of-type{margin-bottom:0 !important;} nav ul{padding:0; margin:0; list-style:none;}
nav li{padding-left:0;}
nav li:before{display:none;}
nav a:hover, nav a:focus, nav a:active{text-decoration:none;} blockquote, q{width:100%; padding:30px 50px; margin:30px 0;}
blockquote *, q *{font-size:22px; font-weight:300; line-height:30px;}
blockquote:first-child, q:first-child{margin-top:0;}
blockquote:last-child, q:last-child{margin-bottom:0;}
@media screen and (max-width:700px) {
blockquote, q{padding:20px 35px;}
}
@media screen and (max-width:425px) {
blockquote, q{padding:20px;}
} table{width:100%; margin:30px 0;}
table:first-child{margin-top:0;}
table:last-child{margin-bottom:0;}
tr{background:transparent;} th{padding:10px 15px; background-color:var(--primary); text-align:left; outline:1px solid var(--white);}
th *{color:var(--secondary);}
td{padding:10px 15px; outline:1px solid var(--white);} .pagination{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:100%;}
.pagination *{text-decoration:none !important;}
.page-numbers{overflow:hidden; display:flex !important; justify-content:center; align-items:center; width:32px; height:32px; margin:5px; color:var(--primary); border:1px solid var(--primary); font-size:12px; font-weight:700; text-align:center; white-space:nowrap; border-radius:32px; transition:all 0.25s;}
.page-numbers:after{content:''; opacity:0.4; width:100%; height:100%; background-color:#ADD8DA; position:absolute; top:0; left:0; z-index:-1;}
.page-numbers:first-child{margin-left:0;}
.page-numbers:hover,
.page-numbers.current{color:var(--white); background-color:var(--primary);}
.page-numbers.next,
.page-numbers.prev{width:initial; padding:0 12px; letter-spacing:2.4px;} .btn a, a.btn,
.btn input[type=submit], input[type=submit].btn{display:block; float:left !important; padding:14px 29px !important; font-size:14px; font-family: 'AlliancePlatt', sans-serif; font-weight:400; line-height:1.43em; letter-spacing:0.05em; text-align:center; text-transform:uppercase; text-decoration:none !important; background:none; border:none; transition:all 0.25s;}
.btn a:hover, a.btn:hover,
.btn input[type=submit]:hover, input[type=submit].btn:hover{cursor:pointer;}
.btn a:after, a.btn:after,
.btn input[type=submit]:after, input[type=submit].btn:after{content:''; opacity:0.4; width:100%; height:100%; background-color:#ADD8DA; position:absolute; top:0; left:0; z-index:-1;}
.primary-btn a, a.primary-btn,
.primary-btn input[type=submit], input[type=submit].primary-btn{color:var(--white); background-color:var(--secondary);}
.primary-btn a:hover, a.primary-btn:hover,
.primary-btn input[type=submit]:hover, input[type=submit].primary-btn:hover{color:var(--white); background-color:var(--secondary);}
.secondary-btn a, a.secondary-btn,
.secondary-btn input[type=submit], input[type=submit].secondary-btn{color:var(--white); background-color:var(--primary);}
.secondary-btn a:hover, a.secondary-btn:hover,
.secondary-btn input[type=submit]:hover, input[type=submit].secondary-btn:hover{color:var(--white); background-color:var(--secondary);}
.white-btn a, a.white-btn,
.white-btn input[type=submit], input[type=submit].white-btn{color:var(--secondary); background-color:var(--white);}
.white-btn a:hover, a.white-btn:hover,
.white-btn input[type=submit]:hover, input[type=submit].white-btn:hover{background-color:var(--primary);}
.white-transparent-btn a, a.white-transparent-btn,
.white-transparent-btn input[type=submit], input[type=submit].white-transparent-btn{color:var(--white); border:1px solid var(--white);}
.white-transparent-btn a:hover, a.white-transparent-btn:hover,
.white-transparent-btn input[type=submit]:hover, input[type=submit].white-transparent-btn:hover{color:var(--primary); border:1px solid var(--primary);}
@media screen and (max-width:600px) {
} span.btnshrtcd{display:inline-block; padding:15px}
span.btnshrtcd:first-of-type{margin-top:45px;}
@media screen and (max-width:480px) {
span.btnshrtcd{float:left; width:100%; margin-right:0;}
span.btnshrtcd a{width:100%;}
} form{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:100%;}
.form-item{flex-grow:1; float:left; width:100%; min-width:232px; margin-bottom:30px;}
.form-item.form-half{width:50%;}
.form-item.form-third{width:33.33%;}
.form-item.form-quarter{width:25%;}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:var(--primary) !important; position:absolute; top:15px; right:15px; z-index:1;}
.form-text{float:left; width:100%; margin-bottom:10px;}
.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; padding:4px 0; background-color:transparent; border:none; border-bottom:1px solid var(--white);}
.form-input textarea{float:left; width:100%; height:204px; padding:4px; background-color:transparent; border:1px solid var(--white);}
.form-input .wpcf7-list-item label{display:flex;}
.form-input .wpcf7-list-item input{width:15px; height:17px; margin:5px 10px 0 0;}
.form-input .wpcf7-list-item span{font-size:14px;}
.form-input .wpcf7-acceptance .wpcf7-list-item{margin-left:0;}
.form-submit{flex-grow:1; float:left; width:100%; text-align:center;}
.form-submit input[type=submit]{}
.form-submit span.ajax-loader{margin:0 -20px 0 4px !important;}
.form-input input::-webkit-input-placeholder{color:var(--white);}
.form-input input::-moz-placeholder{color:var(--white);}
.form-input input:-ms-input-placeholder{color:var(--white);}
.form-input input:-moz-placeholder{color:var(--white);}
.form-input textarea::-webkit-input-placeholder{color:var(--white);}
.form-input textarea::-moz-placeholder{color:var(--white);}
.form-input textarea:-ms-input-placeholder{color:var(--white);}
.form-input textarea:-moz-placeholder{color:var(--white);} .wpcf7-not-valid-tip{}
form.invalid .wpcf7-not-valid{float:left; color:var(--black) !important; border:1px solid red !important; background:#f0e3e3 !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;}
.wpcf7 form .wpcf7-response-output{margin:0 !important;}
div.wpcf7-mail-sent-ng{float:left; width:100%; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important;}
form input[type=submit]:disabled{opacity:0.5;}
form input[type=submit]:disabled:hover{cursor:not-allowed;} .popup-overlay{opacity:0; visibility:hidden; width:100vw; height:100vh; background-color:var(--secondary);; position:fixed; top:0; right:0; bottom:0; left:0; z-index:900; transition:all 0.25s;}
.popup-overlay.active{opacity:0.7; visibility:visible;}
.popup{width:100vw; max-width:768px; height:100vh; padding:0 80px; background-color:var(--secondary); position:fixed; top:0; right:-768px; bottom:0; z-index:1000; transition:all 0.25s;}
.popup.active{right:0;}
.popup span.close-popup{position:absolute; top:42px; right:68px;}
.popup span.close-popup:hover{cursor:pointer;}
.popup span.close-popup img{width:33px; height:auto;}
.popup .popup-content{overflow:scroll; float:left; width:100%; max-width:500px; height:100%; padding-left:7px;}
.popup .popup-content-inner{float:left; width:100%; padding:110px 0;}
.popup .success-message a{display:flex; align-items:center; margin-top:30px; color:var(--white); font-size:12px; letter-spacing:2.4px; text-transform:uppercase;}
.popup .success-message a:hover{color:var(--primary);}
.popup .success-message a img{display:block; width:13px; height:auto; margin-right:10px; transform:scaleX(-1);} .popup .popup-content::-webkit-scrollbar{
display:none;
} .popup .popup-content{
-ms-overflow-style:none; scrollbar-width:none; }
@media screen and (max-width:700px) {
.popup{padding:0 50px;}
.popup span.close-popup{top:20px; right:15px;}
.popup span.close-popup img{width:20px;}
.popup .popup-content-inner{padding:50px 0;}
}
@media screen and (max-width:480px) {
.popup{padding:0 35px;}
.popup span.close-popup{right:8px;}
} .hamburger{display:none; float:right; padding:6px 0 0; cursor:pointer; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible; z-index:102;}
.hamburger:hover{}
.hamburger:focus{outline:none;}
.hamburger-box{width:30px; height:24px; display:inline-block; position:relative;}
.hamburger-inner{display:block; top:50%; margin-top:0px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:30px; height:1px; background-color:var(--primary);; border-radius:0px; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease;}
.header-dark .hamburger-inner, .header-dark .hamburger-inner::before, .header-dark .hamburger-inner::after{background-color:#fff;}
.hamburger-inner::before, .hamburger-inner::after{content:''; display:block;}
.hamburger-inner::before{top:-7px;}
.hamburger-inner::after{bottom:-7px;}
.hamburger--emphatic{overflow:hidden;}
.hamburger--emphatic .hamburger-inner{transition:background-color 0s 0s ease-in;}
.hamburger--emphatic .hamburger-inner::before{left:0; transition:none;}
.hamburger--emphatic .hamburger-inner::after{top:7px; right:0; transition:none;}
.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s; transition-timing-function:ease-out; background-color:transparent !important;}
.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px; top:-80px; transform:translate3d(80px, 80px, 0) rotate(45deg); transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); background-color:#fff !important}
.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px; top:-80px; transform:translate3d(-80px, 80px, 0) rotate(-45deg); transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); background-color:#fff !important}
@media screen and (max-width:992px) {
.hamburger{display:inline-block;}
} .cky-consent-container{width: 550px !important; }
.cky-consent-container .cky-consent-bar{border-radius:0px !important; box-shadow: 0px 4px 4px 0px #00000040 !important; padding:52px 32px 32px 32px !important; }
.cky-consent-container .cky-consent-bar .cky-notice .cky-title{margin-bottom:24px !important; font-family: 'AlliancePlatt', sans-serif !important; font-size:19px !important; font-weight:800 !important}
.cky-consent-container .cky-consent-bar .cky-notice .cky-notice-des p{font-size:19px !important;}
.cky-consent-container button{font-family: 'AlliancePlatt', sans-serif !important; font-weight:400 !important; text-transform:uppercase !important}
.cky-consent-container button:hover{background:var(--secondary) !important; color:var(--white) !important; border-color:var(--secondary) !important;}
.cky-modal{border-radius: 0px !important;}
.cky-modal .cky-preference-title, .cky-modal .cky-accordion-btn{font-family: 'AlliancePlatt', sans-serif !important;}
.cky-btn.cky-btn-accept, .cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject{font-family: 'AlliancePlatt', sans-serif !important; font-weight:400 !important; text-transform:uppercase !important}
.cky-btn.cky-btn-accept:hover, .cky-btn.cky-btn-preferences:hover, .cky-btn.cky-btn-reject:hover{background:var(--secondary) !important; color:var(--white) !important; border-color:var(--secondary) !important;}
.cky-consent-bar .cky-banner-btn-close{right: 32px !important; top: 60px !important; z-index:3 !important}
.cky-consent-bar .cky-banner-btn-close img, .cky-btn-close img{filter: invert(1) brightness(0);}  header{display:flex; align-items:center; float:left; width:100%; position:fixed; z-index:100; border-bottom:1px solid var(--primary); border-top:1px solid var(--primary); padding:0px 15px; transition: background-color 0.5s ease;}
header.fixed-header.dark-background{ background-color: #170B2F !important; }
header.fixed-header.dark-background .logo img.standard-logo-dark{opacity:0 !important}
header.fixed-header.dark-background .logo img.standard-logo{opacity:1 !important}
header.fixed-header.dark-background .container{border-left:1px solid #5D4EE780; border-right:1px solid #5D4EE780;}
header.fixed-header.dark-background  ul.header_menu li a{color:#fff}
header.fixed-header.dark-background .hamburger-inner, header.fixed-header.dark-background .hamburger-inner::before, header.fixed-header.dark-background .hamburger-inner::after{background-color:#fff}
header.fixed-header.light-background{ background-color: var(--page-background-color) !important; border-bottom:1px solid var(--primary) }
header.fixed-header.light-background .logo img.standard-logo-dark{opacity:1 !important}
header.fixed-header.light-background .logo img.standard-logo{opacity:0 !important}
header.fixed-header.light-background .container{border-left:1px solid var(--primary); border-right:1px solid var(--primary)}
header.fixed-header.light-background  ul.header_menu li a{color:var(--primary)}
header.fixed-header.light-background .hamburger-inner, header.fixed-header.light-background .hamburger-inner::before, header.fixed-header.light-background .hamburger-inner::after{background-color:var(--primary)}
.hamburger-active header.fixed-header .logo img.standard-logo-dark{opacity:0 !important}
.hamburger-active header.fixed-header .logo img.standard-logo{opacity:1 !important}
.hamburger-active header .container .logo img.standard-logo-dark{opacity:0 !important}
.hamburger-active header .container .logo img.standard-logo{opacity:1 !important}
header .container{display:flex; justify-content:space-between; align-items:center; z-index:999; flex-direction:row; min-height:84px; padding:0px 64px; border-left: 1px solid var(--primary); border-right: 1px solid var(--primary);}
header .logo{width:100px; display:flex; justify-content:center; align-items:center; padding:15px 0; margin-right:auto; background:none; z-index:102;}
header .logo img{display:block; width:initial; width: 100%; margin-left: -68px;}
header .logo img.standard-logo-dark{position:absolute}
header:not(.header-dark) .logo img.standard-logo{opacity:0 !important}
header.header-dark .logo img.standard-logo-dark{opacity:0 !important}
header.header-dark .container{border-left: 1px solid #5D4EE780;
border-right: 1px solid #5D4EE780;}
header.header-dark{border-bottom:none}
header .menu{display:flex; align-items:center;}
header .menu-header-menu-container{display:flex; width:100%;}
header ul.header_menu{display:flex; align-items:center; padding:0; margin:0; gap:16px}
header ul.header_menu li{padding:0; margin:0;}
header ul.header_menu li a{display:flex; justify-content:center; align-items:center; color:var(--primary); font-size:14px; font-family: 'AlliancePlatt', sans-serif; font-weight:400; line-height:1.43em; letter-spacing:0.05em; text-align:center; text-transform:uppercase; transition:all 0.3s ease;}
header ul.header_menu li a:hover{color:var(--secondary); transition:all 0.3s ease;}
header.header-dark ul.header_menu li a{color:#fff}
header .slicknav.open ul.header_menu li a{color:#fff}
header ul.header_menu #menu-item-1884 a{display: block; float: left !important; padding: 14px 29px !important; font-size: 14px; font-family: 'AlliancePlatt', sans-serif; font-weight: 400; line-height: 1.43em; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; text-decoration: none !important; background: none; border: none; transition: all 0.25s; background-color: var(--secondary); margin-left:35px; color:var(--white)}
header ul.header_menu #menu-item-1884 a:hover{color:#fff}
header ul.header_menu #menu-item-1884.current_page_item a{color:#fff}
header ul.header_menu #menu-item-1884.current_page_item a:after{display:none}
header ul.header_menu li.current_page_item a{position:relative; color:var(--secondary); }
header ul.header_menu li.current_page_item a:after{content:""; position:absolute; width:100%; height:2px; background:var(--secondary); bottom:-2px}
@media screen and (max-width:767px){ header ul.header_menu li.current_page_item a:after{bottom:-22px} }
header .slicknav{opacity:0; visibility:hidden; float:left; width:100%; height:100vh; padding:64px 0px 70px 0px; background-color:#170B2F; box-shadow:0 3px 6px rgba(0,0,0,0.5); text-align:center; position:fixed; top:0; left:0; z-index:101; transition:all 0.25s; }
header .slicknav.open{opacity:1; visibility:visible;}
header .slicknav .container{padding-top:70px; border-top:0px solid #5D4EE780; border-bottom:0px solid #5D4EE780; height: -webkit-fill-available; border-bottom: none;     align-items: flex-start;} header .slicknav ul.header_menu{flex-direction:column; gap:0px}
header .slicknav ul.header_menu li{width:100%; max-width:335px; margin-bottom:20px;}
header .slicknav ul.header_menu li.header-btn{margin-left:0;}
header .slicknav ul.header_menu li a{width:100%; padding:10px 7px 10px 15px; border:none;}
header .slicknav ul.header_menu li a:active, header .slicknav ul.header_menu li a:focus{border:none;}
header .slicknav ul.header_menu li.current_page_item a:after{display:none} @media screen and (min-width:993px) {
header .slicknav{opacity:0 !important; visibility:hidden !important;}
}
@media screen and (max-width:992px) {
header .menu{display:none;}
} footer{float:left; width:100%; background-color:#170B2F; z-index:99; padding:0px 15px}
footer .container{padding-top:84px; padding-bottom:90px; border-left: 1px solid #5D4EE780; border-right: 1px solid #5D4EE780;}
footer .footer-logo{width:100px; margin-bottom:20px; margin-left:-5px}
footer .footer-logo-mobile{display:none}
footer a, footer p{color:var(--white)}
footer .footer-content{width:100%; display:flex; gap:30px; }
footer .footer-content > div{ box-sizing: border-box; min-width: 0; width: 100%; max-width: 100%;}
footer .footer-content .footer-navigation, footer .footer-content .footer-location, footer .footer-content .footer-social{max-width:150px}
footer .footer-content .footer-navigation{margin-right:50px}
footer .footer-content.bottom{margin-top:70px}
footer .footer-content h4{font-size:16px; font-weight:400; color:var(--secondary); margin-bottom:24px; text-transform:uppercase}
footer .footer-content ul{margin:0px; padding:0px; list-style:none;}
footer .footer-content ul li{margin-bottom:0px}
footer .footer-content .footer-visit p{margin-top:0px; margin-bottom:40px}
footer .footer-content .footer-legal p{margin:0px; font-size:15px}
footer .footer-content .footer-legal a{white-space:nowrap}
footer .footer-content .footer-legal .legal-logos{ max-width:160px; width:100%; margin-bottom:20px}
footer .footer-social{display:flex; gap: 32px; align-items: flex-end;}
footer .footer-social a{margin:0}
footer .footer-social i{font-size:30px; transition:all 0.25s;}
footer .footer-social a:hover svg path{fill:var(--secondary) !important;}
footer .footer-location p{margin:0px}
@media screen and (max-width:900px) {
footer .section-block{flex-direction:column;}
footer .footer-social{order:1; margin-bottom:20px;}
footer .footer-disclaimer{order:2; text-align:center; margin-bottom:20px;}
footer .footer-copyright{order:3;}
}
header .logo:hover, .logo-text:hover{text-decoration:none !important}
header .logo:focus{text-decoration:none !important}
header .logo-text{display:none}
body.home{background:#170B2F;} section.hero-section .section-title{margin-bottom:24px;}
section.hero-section .section-content{display:flex; justify-content:space-between; flex-direction:column;}
section.hero-section .section-button{} section.hero-section.homepage{background-color:#170B2F; background-size:contain; background-repeat:no-repeat; background-position:100% 60%;     border-bottom: 1px solid #5D4EE780; }
section.hero-section #wave-canvas{position:absolute; left:0; top:0; width:100%; height:100%}
section.hero-section.homepage .container:not(.hero-logos){min-height:calc(100vh - 258px); justify-content: center;}
section.hero-section.homepage .container{border-left: 1px solid #5D4EE780; border-right: 1px solid #5D4EE780;}
section.hero-section.homepage .hero-content{}
section.hero-section.homepage .section-title{margin-bottom:24px;font-weight:400; color:#fff}
section.hero-section.homepage .section-content{display:flex; justify-content:space-between; flex-direction:column; max-width:615px}
section.hero-section.homepage .section-content p{color:#fff}
section.hero-section .section-button{}
section.hero-section.homepage .hero-logos{display:flex; width:100%; max-width: 1088px; margin: 0 auto; flex-direction:row; padding:0px}
section.hero-section.homepage .hero-logos .overflow-container{width:100%; display:flex}
section.hero-section.homepage .hero-logos:after{content:"";
position:absolute;
width:200vw; left:-50vw; top:0; height:1px; border-top:1px solid #5D4EE780;}
section.hero-section.homepage .hero-logos .partners{width:33.33%}
section.hero-section.homepage .hero-logos .investors{width:66.66%}
section.hero-section.homepage .hero-logos .logos-column.partners{border-right:1px solid #5D4EE780}
section.hero-section.homepage .hero-logos h3{color:#fff; font-size:14px; font-weight:400; text-align:center; margin-bottom:0px; min-height:45px; display:flex; justify-content:center; align-items: center;}
section.hero-section.homepage .hero-logos .partners .logos-wrapper{    display: grid ; grid-template-columns: repeat(2, 1fr); min-height:130px; border-top:1px solid #5D4EE780;}
section.hero-section.homepage .hero-logos .investors .logos-wrapper{    display: grid ; grid-template-columns: repeat(4, 1fr); min-height:130px; border-top:1px solid #5D4EE780}
section.hero-section.homepage .hero-logos .logos-wrapper .grid_item{display:flex}
section.hero-section.homepage .hero-logos .logos-wrapper .grid_item:not(:last-child){border-right:1px solid #5D4EE780}
section.hero-section.homepage .hero-logos .logos-wrapper img{margin:auto}
section.hero-section.homepage .hero-logos.container.mobile {
overflow: hidden;
position: relative;
width: 100%;
display:none;
pointer-events:none
}
.hero-logos.container.mobile h3{width:100vw;  margin:0px !important}
.hero-logos.container.mobile .logos-slider {
display: flex;
overflow: hidden;
white-space: nowrap;
position: relative;
border-top:1px solid #5D4EE780;
}
.hero-logos.container.mobile .logos-track {
display: flex;
gap: 00px;
animation: scrollLeft 20s linear infinite;
}
.hero-logos.container.mobile .logo-item {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: auto;
min-height:90px;
padding:0px 30px;
border-right:1px solid #5D4EE780;
}
.hero-logos.container.mobile .partner-logo, 
.hero-logos.container.mobile .investor-logo {
max-width: 100px;
height: auto;
}
@keyframes scrollLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} section.case-studies-highlights-section .case-study-categories{display:flex ; gap:45px; width:100%; align-items:center; justify-content:center; border-top:1px solid var(--primary); border-bottom:1px solid var(--primary); padding: 20px; margin-bottom:50px; flex-wrap:wrap; row-gap:5px }
section.case-studies-highlights-section .case-study-categories .category-title{margin:0px; font-size:16px; font-weight:500; font-family: 'AlliancePlatt', sans-serif;}
section.case-studies-highlights-section .case-studies-list{display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; width:100%}
section.case-studies-highlights-section .case-study-item{background:#fff; position:relative; overflow:hidden}
section.case-studies-highlights-section .case-study-item a:hover, section.case-studies-highlights-section .case-study-item a:focus, section.case-studies-highlights-section .case-study-item a:active{text-decoration:none}
section.case-studies-highlights-section .case-study-item .case-study-content{padding:42px 22px; overflow:hidden}
section.case-studies-highlights-section .case-study-item:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--secondary); transform:translatex(-100%); transition:.3s ease}
section.case-studies-highlights-section .case-study-item:hover:after{transform:translatex(0%);}
section.case-studies-highlights-section .case-study-item .case-study-stats{display:block; font-size:55px; font-weight:400; font-family: 'AlliancePlatt', sans-serif; margin-bottom:20px; margin-left:-2px}
section.case-studies-highlights-section .case-study-item .case-study-title{font-size:18px; font-weight:500; color:var(--secondary); margin-bottom:60px; font-family: 'AlliancePlatt', sans-serif;}
section.case-studies-highlights-section .case-study-item .case-study-client{font-size:18px; margin:0px}
section.case-studies-highlights-section .case-study-item .case-study-image{position:relative; overflow:hidden; padding-bottom: 73%;}
section.case-studies-highlights-section .case-study-item .case-study-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover} section.recent-articles-section .section-title{font-size:34px}
section.recent-articles-section .article-list{display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; width:100%; margin-top:20px}
section.recent-articles-section .article-item a{display:flex; flex-direction:column; height:100%}
section.recent-articles-section .article-item a:hover, section.recent-articles-section .article-item a:focus, section.recent-articles-section .article-item a:active{text-decoration:none}
section.recent-articles-section .article-item .article-image img{filter: grayscale(100%); transition: filter 0.3s ease;}
section.recent-articles-section .article-item a:hover .article-image img{filter: grayscale(0%);}
section.recent-articles-section .article-list .article-content{display:flex; flex-direction:column; padding-top:16px; height:100%; height: 100%; justify-content: space-between;}
section.recent-articles-section .article-list .article-category{text-transform:uppercase; font-size:12px; font-weight:600; margin-bottom:15px}
section.recent-articles-section .article-list  .article-title{font-size:21px; font-weight:400; margin-bottom:25px}
section.recent-articles-section .article-list .article-cta span{font-size:18px; color:var(--secondary)}
section.recent-articles-section .article-list .article-image{position:relative; overflow:hidden; padding-bottom: 73%;}
section.recent-articles-section .article-list .article-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
section.recent-articles-section .section-button{margin:50px auto 0 auto} section .features-list-vertical{display: grid; grid-template-columns: repeat(1, 1fr); gap:4px; margin-top:30px; width:100%}
section .features-list-vertical .feature-item{background: #fff; padding: 40px 15px 70px 30px; display: flex ; flex-wrap:wrap; gap:20px; align-items: flex-start; text-align: left; justify-content: space-between;}
section .features-list-vertical .feature-item:first-child{border-top:4px solid var(--secondary);}
section .features-list-vertical .feature-item .feature-icon{width:144px; margin-bottom:35px}
section .features-list-vertical .feature-item .feature-title{font-size:36px; font-weight:700; margin-bottom:16px; font-weight:400; line-height:1.2em}
section .features-list-vertical .feature-item .feature-description{max-width:260px; width:100%}
section .features-list-vertical .feature-item .feature-description p{font-size:16px; color:#5F5B67}
section .features-list-vertical .feature-item .feature-description p strong{color:#5F5B67}
section .features-list-vertical .feature-item .feature-description a{color:var(--secondary)} section.client-logos-section .container{padding:15px 64px; display:block; }
section.client-logos-section .swiper-container{overflow:hidden;}
section1.client-logos-section .swiper-slide:nth-child(2) img{margin-top:-10px; }
section.client-logos-section .swiper-slide {display:flex; justify-content: center; }
section.client-logos-section .swiper-wrapper{align-items:center}   section.features-section .container{ background-color:var(--highlight);}
section.features-section .features-list{width:100%; display:flex; gap:30px; padding-top:50px;}
section.features-section .feature-item {width: 100%;} 
section.features-section .feature-title{margin-bottom:24px}
section.features-section .feature-icon{width:64px; height:auto; margin-bottom:24px}
section.features-section .divider{margin-top:20px} section.distillery-process-section .title-container{padding:32px 0px; border-bottom:1px solid var(--primary)}
section.distillery-process-section .title-container .section-title{font-size:34px; text-align:center}
section.distillery-process-section .container:not(.title-container){padding-top:50px}
section.distillery-process-section .workflow-columns {display: flex; width: 100%; margin-top: 20px; justify-content:space-between}
section.distillery-process-section .left-column {width:calc(100% - 420px); max-width: 580px; min-width: 50%; display: flex; flex-direction: column; justify-content: flex-start; gap:12px}
section.distillery-process-section .left-column .process-step {padding-top: 20px;}
section.distillery-process-section .step-title {margin-bottom: 24px;}
section.distillery-process-section .right-column .certification-logos{ width:100%; max-width:300px; display:grid; grid-template-columns: repeat(2, 1fr); gap:35px; margin-bottom:0px; margin-top:40px; align-items:center}
section.distillery-process-section .right-column .certification-logos img{width:140px}
section.distillery-process-section .right-column {display: flex; flex-direction: column; align-items: flex-start; position: relative; padding-left: 20px; padding-top:26px}
section.distillery-process-section .right-column .workflow { max-width: 320px;}
section.distillery-process-section .workflow-first-block-title {position: relative; background-color: #CEBDEF80; color: var(--primary); padding: 10px; border-radius: 100px; border: 14px solid transparent; font-weight: 800; font-size: 19px; text-align: center; margin-bottom: 16px; letter-spacing: 0px;} section.distillery-process-section .workflow-last-block-title {background-color: #5D4EE7; color: var(--white); padding: 10px; border-radius: 100px; border: 14px solid transparent; font-weight: 800; font-size: 19px; text-align: center; margin-top: 16px; letter-spacing: 0px;}
section.distillery-process-section .workflow-steps {width: 100%;}
section.distillery-process-section .workflow-step {position: relative; display: flex; align-items: flex-start; flex-direction: column; padding: 20px 16px; background:#CEBDEF80; margin-bottom: 0px; border-top:0px solid #cebdef; }
section.distillery-process-section .workflow-step:nth-child(2){background:#CEBDEF; border-top:0px solid #bfabe5}
section.distillery-process-section .workflow-step:nth-child(3){background:#5D4EE799; border-top:0px solid #a192e5}
section.distillery-process-section .workflow-step:nth-child(4){ background:#5D4EE7CC; border-top:0px solid #8a7fea}
section.distillery-process-section .workflow-step .step-number {font-size: 18px; font-weight: 800; margin-right: 15px;}
section.distillery-process-section .workflow-description {font-size: 16px; line-height: 1.5;}  section.distillery-process-section .workflow-container .workflow-first-block-container, section.distillery-process-section .workflow-container .workflow-first-last-container {position: relative;}
section.distillery-process-section .workflow-container .workflow-first-block-container::after {content: ''; position: absolute; top: 50%; left: -25px; transform: translate(0, -50%) rotate(90deg); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #5D4EE7;}
section.distillery-process-section .workflow-container .workflow-first-block-container::before {content: ''; position: absolute; width: 40px; height: 2px; background: #5D4EE7; left: -55px; top: 50%; transform: translate(0, -50%);}
section.distillery-process-section .workflow-container .workflow-last-block-container::after {content: ''; position: absolute; top: 50%; left: -25px; transform: translate(0, -50%); width: 14px; height: 14px; background-color: #5D4EE7; border-radius: 50%;}
section.distillery-process-section .workflow-container .workflow-last-block-container::before {content: ''; position: absolute; width: 40px; height: 2px; background: #5D4EE7; left: -55px; top: 50%; transform: translate(0, -50%);}
section.distillery-process-section .workflow-container .workflow::before {content: ''; position: absolute; top: 37px; left: -57px; width: 2px; height: calc(100% - 74px); background-color: #5D4EE7;}
@media screen and (max-width:950px){
section.distillery-process-section .right-column{max-width:calc(50% - 50px)}} section.institution-logos-section .institutions-logos{padding:0}
section.institution-logos-section .institutions-logos-grid{display:grid; grid-template-columns: repeat(4, 1fr); width:100%}
section.institution-logos-section .institutions-logos-grid .logo-item{min-height:132px; display:flex; align-items:center; justify-content:center; border-style:solid; border-color:var(--primary); border-width:1px 1px 1px 0px}
section.institution-logos-section .institutions-logos-grid .logo-item.duplicate{display:none}
section.institution-logos-section .institutions-logos-grid .logo-item:nth-child(4), section.institution-logos-section .institutions-logos-grid .logo-item:nth-child(5), section.institution-logos-section .institutions-logos-grid .logo-item:nth-child(6){border-width:0px 1px 0px 0px}
section.institution-logos-section .institutions-logos-grid .logo-item:nth-child(7){border-width:1px 0px 0px 0px}
section.institution-logos-section .institutions-logos-grid .logo-item:nth-child(4) {
grid-column: 1 / span 1; } section.image-overlay-section .container{padding:62px 64px;}
section.image-overlay-section .section-title{font-size:144px; line-height:.90em; color:var(--highlight);} section.cta-section{background-color:#170B2F; border-bottom: 1px solid #5D4EE780; }
section.cta-section .container{border-left: 1px solid #5D4EE780; border-right: 1px solid #5D4EE780; align-items: center; padding-top:90px; padding-bottom:90px}
section.cta-section .section-title, section.cta-section .section-content p{color:#fff; text-align:center}
section.cta-section .section-title{font-size:52px} section.locations-section .container{padding:0px}
section.locations-section .locations-list{display:flex; width:100%}
section.locations-section .location-item{flex:1; min-height:850px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
section.locations-section .location-background {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; transition: filter 0.3s ease; filter: grayscale(100%);}
section.locations-section .location-title{font-size:144px; font-weight:800; color:var(--white); text-align:center; z-index:1; position:absolute; transition: all 0.3s ease;}
section.locations-section .location-address p{font-size:72px; line-height:1.12em; font-weight:700; color:var(--white);letter-spacing: -0.03em; z-index:1; padding:64px; opacity:0; transition: all 0.3s ease; transform:translatey(-30px)}
section.locations-section .location-item:hover .location-background {filter: grayscale(00%);}
section.locations-section .location-item:hover .location-title{opacity:0 !important}
section.locations-section .location-item:hover .location-address p{opacity:1; transform:translatey(0px)} section.page-bottom-placeholder .container{padding:0px; min-height:84px}   .about section.hero-section .container{background:url(https://distyl.ai/wp-content/themes/distyl/images/background-pattern.svg); background-position:bottom center; background-size:752px; background-repeat:no-repeat} section.team-members-section .container{padding:88px 64px 88px 64px;}
section.team-members-section .team-members {display: grid; grid-template-columns: repeat(3, 1fr); gap: 140px 30px;} 
section.team-members-section .team-member .team-member-image {border-bottom: 1px solid var(--primary); margin-bottom: 50px; width:100%} 
section.team-members-section .team-member .team-member-icon {width: 21px; margin-bottom:24px} 
section.team-members-section .team-member-name, section.team-members-section .team-member-position {font-family: 'AlliancePlatt', sans-serif; font-size: 19px; font-weight: 800; line-height: 1.42em; margin: 0;} 
section.team-members-section .team-member-bio {font-size: 19px; margin-top: 24px;} section.interactions-section .container{padding:88px 64px 100px 64px;}
section.interactions-section .section-title{font-weight:400; color:var(--secondary);}  .distiller section.hero-section .container{background:url(https://distyl.ai/wp-content/themes/distyl/images/background-pattern.svg); background-position:bottom center; background-size:752px; background-repeat:no-repeat; min-height:550px} section.why-distyl-section .feature-item .feature-description{max-width:350px}  .open-postions-list{width:100%}
.open-postions-list .ashby-job-list{margin-top:40px}
.open-postions-list .ashby-job-list .ashby-job:not(:last-child){margin-bottom:65px}
.open-postions-list .ashby-job-list h3{font-size:50px; line-height:1.125em; font-weight:400; color:var(--secondary); margin-bottom:0px; text-decoration:none;}
.open-postions-list .ashby-job-list h3 a{color:var(--secondary); margin-bottom:0px; text-decoration:none;}
.open-postions-list .ashby-job-list hr{margin:24px 0; width:100%; max-width:100%; border-width:0px 0px 1px 0px; }
.open-postions-list .ashby-job-list a.apply-link:hover{color: var(--secondary);}
.open-postions-list .ashby-job-list p{margin:0px}
.open-postions-list .ashby-job-list .read-more{font-weight:700; text-decoration:underline}
.open-postions-list .ashby-job-list .updated-time{display:none}
.open-postions-list .ashby-job-list .short-desc br{display:none}
.open-postions-list .ashby-job-list .full-desc  .apply-link{display:block; width:fit-content; margin-bottom:10px; color: var(--white); background-color: var(--primary); padding: 14px 29px !important; font-size: 14px; font-family: 'AlliancePlatt', sans-serif; font-weight: 400; line-height: 1.43em; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; text-decoration: none !important;}
.open-postions-list .ashby-job-list .full-desc  .apply-link:hover{    background-color: var(--secondary);}
.open-postions-list .updated-time{display:none}     section.contact-hero-section .section-title{font-size:52px}
section.contact-hero-section .contact-columns{display:flex; gap:32px}
section.contact-hero-section .contact-columns .right-column{max-width:450px}
section.contact-hero-section .office-locations{margin-top:44px}
section.contact-hero-section .office-locations .office-item{margin-bottom:64px}
section.contact-hero-section .ooffice-name{margin-bottom:24px}
section.contact-hero-section .office-locations p{margin:0px}
section.contact-hero-section .office-locations .office-item a{font-weight:700; text-decoration:underline}
section.contact-hero-section .social-links{display:flex; gap:24px}
section.contact-hero-section .social-links svg{fill:var(--primary)}
section.contact-hero-section .social-links a:hover svg path{fill:var(--secondary) !important}
section.contact-hero-section .contact-form-wrapper{position:relative; z-index:2}
section.contact-hero-section form{width:100%; margin-top:14px}
section.contact-hero-section form input, section.contact-hero-section form textarea{padding:17px 12px; background: #ffffff; border-radius:4px; box-shadow: 0px 1px 0px 0px #08040E0D;
}
section.contact-hero-section form input::placeholder, section.contact-hero-section form textarea::placeholder{opacity:1; color:#9E9E9E;}
section.contact-hero-section form .wpcf7-submit{border-radius:0px; width:100%}
section.contact-hero-section .locations-socials-mobile{display:none}
@media screen and (max-width:950px){
section.contact-hero-section .contact-columns .right-column{max-width:280px}
} section.get-in-touch-section .section-title{font-size:144px}
section.get-in-touch-section .features-list{width:100%; display:flex; gap:30px; padding-top:44px}
section.get-in-touch-section .feature-item {width: 100%;} 
section.get-in-touch-section .feature-title{margin-bottom:24px} .terms-of-service h2, .privacy-policy h2{font-size:52px}
@media screen and (max-width:767px) {.terms-of-service h2, .privacy-policy h2{font-size:36px}} section.post-archive.news-archive #ajax-load-more ul{margin-top:30px}
section.post-archive.news-archive .article-tag-filters{display:flex; gap:10px; flex-wrap:wrap}
section.post-archive.news-archive .article-tag-filters button{font-size:14px; padding:4px 35px;     font-family: 'AlliancePlatt', sans-serif; text-transform:uppercase; cursor:pointer; border:1px solid var(--secondary); color:var(--secondary); position:relative}
section.post-archive.news-archive .article-tag-filters button:after{content: "+"; position: absolute; right: 5px; top: 5px; opacity: 1; transition: opacity 0.0s ease-in-out; line-height:1em}
section.post-archive.news-archive .article-tag-filters button.active{background:var(--secondary); color:var(--white); border-color:var(--secondary); position:relative}
section.post-archive.news-archive .article-tag-filters button.active:after{content: "×"; position: absolute; right: 5px; top: 5px; opacity: 0; transition: opacity 0.0s ease-in-out; line-height:1em}
section.post-archive.news-archive .article-tag-filters button.active:hover::after {
opacity: 1; transition: opacity 0.2s ease-in-out;
} section.post-archive #ajax-load-more { width: 100%; }
section.post-archive #ajax-load-more ul { margin-top: 50px; list-style: none; display: flex; flex-direction: column; gap: 30px; width: 100%; }
section.post-archive #ajax-load-more ul li {}
section.post-archive #ajax-load-more .alm-btn-wrap { position: absolute; bottom: -40px; }
section.post-archive .post-item a { display: flex; }
section.post-archive .post-item a:hover,
section.post-archive .post-item a:active,
section.post-archive .post-item a:focus { text-decoration: none; }
section.post-archive .post-item a .post-inner { display: flex; width: 100%; }
section.post-archive .post-item a .post-inner .post-image { width: 30%; position: relative; }
section.post-archive .post-item a .post-inner .post-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
section.post-archive .post-item a .post-inner .post-content { width: 70%; background: #fff; padding: 30px 35px; }
section.post-archive .post-item a .post-inner .post-content .post-client { font-size: 18px; margin-bottom: 14px; }
section.post-archive .post-item a .post-inner .post-content .post-title { font-size: 34px; font-weight: 400; margin-bottom: 20px; line-height: 1.12; }
section.post-archive .post-item a .post-inner .post-content .post-cta { font-family: 'AlliancePlatt', sans-serif; color: var(--secondary); font-size: 18px; } .case-study-template-default header{border-bottom:1px solid #5D4EE780; margin-bottom:-85px; background:transparent}
.case-study-template-default header .container{border-left:1px solid #5D4EE780; border-right:1px solid #5D4EE780;}
.case-study-template-default .page-content{margin-top:0px}
.case-study-template-default p{font-size:18px}
.hero-section.case-study .circles-container {position:absolute;
top:-100%;
right:-70%;
z-index:0;
}
.hero-section.case-study .circles-container .circle-1{width:1334px;
height:1334px; background:#5D4EE714;
border-radius:50%}
.hero-section.case-study .circles-container .circle-2{width:980px;
height:980px; background:#5D4EE714;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)}
.hero-section.case-study .circles-container .circle-3{width:625px;
height:625px; background:#5D4EE714;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)}
.hero-section.case-study{background:#170B2F; overflow:hidden; padding-top:85px; overflow:hidden}
.hero-section.case-study .container.hero-columns{display:flex; flex-direction:row;border-left: 1px solid #5D4EE780; border-right: 1px solid #5D4EE780;}
.hero-section.case-study .container.hero-columns .hero-left{width:60%; padding-right:5%; z-index:1}
.hero-section.case-study .container.hero-columns .hero-right{width:40%; z-index:1}
.hero-section.case-study .label{color:var(--secondary); margin-bottom:15px}
.hero-section.case-study h1{color:#fff; font-weight:400; font-size:48px}
.case-study.summary-section .summary-columns{flex-direction:row}
.case-study.summary-section .summary-left{width:66.66%; padding-right:5%}
.case-study.summary-section .summary-right{width:33.33%}
.case-study.summary-section .summary-content{font-size:32px; line-height:1.25em}
.case-study.summary-section .summary-right .timeframe{margin-top:30px}
.case-study.summary-section .summary-right .label{margin-bottom:0px; color:var(--secondary); font-size:18px}
.case-study.summary-section .summary-right .content{font-size:18px}
.case-study.impact-section .section-title{font-size:18px; font-weight:500; color:var(--secondary);}
.case-study.impact-section .impact-grid{display:grid; grid-template-columns: repeat(3, 1fr); margin-top:25px; width:100%}
.case-study.impact-section .impact-grid .impact-item{text-align:left; padding-right:5vw}
.case-study.impact-section .impact-grid .impact-item h3{font-size:60px; font-weight:400; margin-bottom:10px; line-height:1; }
.case-study.impact-section .impact-grid .impact-item p{color:var(--secondary); font-weight:500}
.case-study.challenge-solution-section h2{font-size:32px; font-weight:400;}
.case-study.challenge-solution-section .challenge-row{display:flex; margin-bottom:115px}
.case-study.challenge-solution-section .challenge-row .challenge-left{width:35%}
.case-study.challenge-solution-section .challenge-row .challenge-right{width:65%; padding-left:10%}
.case-study.challenge-solution-section .solution-row{display:flex}
.case-study.challenge-solution-section .solution-row .solution-left{width:35%}
.case-study.challenge-solution-section .solution-row .solution-right{width:65%; padding-left:10%}
.case-study.challenge-solution-section .highlighted-text{font-size:32px; font-weight:500; line-height:1.25; margin-top:80px}
.case-study.main-image-section .container{padding:0px}
.case-study.main-image-section .container img{width:100%}
.case-study.testimonial-section .quote-text{font-weight:600; font-size:32px; line-height:1.25}
.case-study.testimonial-section .author{font-weight:600; font-size:22px;color:var(--secondary); }
.case-study.contact-hero-section .contact-columns{flex-direction:row; gap:32px}
.case-study.contact-hero-section .contact-columns .contact-right{width:45%}
.case-study.contact-hero-section .contact-columns .contact-left{width:55%}
.case-study.contact-hero-section .contact-columns .contact-left p{max-width:350px}
.case-study-template-default .page-bottom-placeholder{display:none} @media screen and (max-width:1024px) {
h1{font-size:60px;}
h2{font-size:60px;} section.image-overlay-section .section-title, section.get-in-touch-section .section-title{font-size:110px;}	
section.locations-section .location-address p{font-size:50px}
section.locations-section .location-item{min-height:650px}
section.case-studies-highlights-section .case-study-item .case-study-stats{font-size:45px;}	
.case-study.impact-section .impact-grid .impact-item h3{font-size:45px;}	
} @media screen and (max-width:767px) {
h1{font-size:50px;}
h2{font-size:50px;} h3{font-size:18px;}
*{font-size:16px;}
header{padding:0px}
header .container{padding:0px 20px; min-height:64px; border:none;}
header.header-dark .container{border:none}
header.fixed-header.light-background .container{border:none}
header.fixed-header.dark-background .container{border:none}
header .logo{width:90px; margin-left:-5px}
header .logo img{margin:0px}	
footer{padding:0px}	
footer .container{padding: 70px 20px; border:none }
footer .footer-logo{width:90px}
footer .footer-logo-mobile{}
footer .footer-content{flex-direction:column}	
footer .footer-content.bottom{flex-direction: column-reverse; }
footer .footer-content h4{ margin-bottom:10px}
footer .footer-content{ gap:40px}	
footer .footer-content .footer-visit p, footer .footer-content ul{}
footer .footer-content .footer-visit p:last-child{margin:0px}	
footer a, footer p{font-size:16px}
.cky-consent-container .cky-consent-bar{padding:35px 35px 25px 35px !important}
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper{padding:0px !important}	
.cky-consent-container .cky-consent-bar .cky-notice .cky-title{font-size:18px !important; margin-bottom:10px !important}	
.cky-consent-container .cky-consent-bar .cky-notice .cky-notice-des p{font-size:16px !important}	
.cky-consent-bar .cky-banner-btn-close{top:30px !important}
.page-content{margin-top: 64px;}
section{padding:0px}
section .container{padding:40px 20px !important; border:none}
section.page-bottom-placeholder .container{padding:0px !important; min-height:64px} section.hero-section .container{padding:40px 20px; min-height:0px}
section.hero-section.homepage .container:not(.hero-logos){min-height:0;}
section.hero-section.homepage .container{border:none}
section.hero-section.homepage{background-size:200vw;  background-position: 100% 20%;}
section.hero-section.homepage .hero-logos.container{padding:0px !important; flex-wrap:wrap; overflow-x:scroll; border-top:1px solid #5D4EE780 }
section.hero-section.homepage .hero-logos.container .overflow-container{min-width:1088px; max-width:1088px}
section.hero-section.homepage .hero-logos .logos-wrapper{min-height:90px !important}
section.hero-section.homepage .hero-logos:after{width:0px}
section.hero-section.homepage .hero-logos{display:none}
section.hero-section.homepage .hero-logos.container.mobile{display:flex}
.hero-logos.container.mobile .logos-slider .logo-item img{max-height:50px;
object-fit:contain} section.case-studies-highlights-section .case-studies-list{grid-template-columns: repeat(1, 1fr);}
section.case-studies-highlights-section .case-study-item .case-study-title{margin-bottom:30px}
section.case-studies-highlights-section .case-study-item .case-study-stats{font-size:50px; margin-bottom:10px}
section.case-studies-highlights-section .case-study-categories{gap:20px; row-gap:5px} section .features-list-vertical{}
section .features-list-vertical .feature-item{padding:40px 20px; gap:5px}
section .features-list-vertical .feature-item .feature-title{margin-bottom:10px}
section .features-list-vertical .feature-item .feature-icon{width:104px; margin-bottom:10px}
section .features-list-vertical .feature-item .feature-description{max-width:100%}
section.institution-logos-section .institutions-logos{padding:0px !important}
section.institution-logos-section .container:not(.institutions-logos){padding-bottom:10px !important}
section.institution-logos-section .institutions-logos-grid{display:flex ; gap:00px; animation:scrollLeft 20s linear infinite; width:fit-content}
section.institution-logos-section .institutions-logos-grid .logo-item.duplicate{display:flex}
section.institution-logos-section .institutions-logos-grid .logo-item{min-height:90px; padding:0 30px; border-width: 1px 1px 0px 0px !important }
section.institution-logos-section .institutions-logos-grid .logo-item img{max-width:none}
section.recent-articles-section .article-list{grid-template-columns: repeat(1, 1fr); margin-top:5px}
section.recent-articles-section .article-list .article-category{margin-bottom:5px}
section.recent-articles-section .article-list .article-title{margin-bottom:10px}
section.recent-articles-section .section-button{margin:30px 0 0 0}
section.client-logos-section .container{padding:15px 20px !important; overflow-x:scroll }	
section.features-section .features-list{flex-direction:column; padding-top:15px}
section.features-section .feature-title{margin-bottom:10px}
section.features-section .feature-icon{margin-bottom:10px} section.distillery-process-section .title-container .section-title{text-align:left}
section.distillery-process-section .workflow-columns{flex-direction:column; margin-top:10px}
section.distillery-process-section .left-column{gap:30px; max-width:100%; width:100%;}
section.distillery-process-section .left-column .process-step{padding-top:0px}
section.distillery-process-section .step-title{font-size:19px; margin-bottom:10px}
section.distillery-process-section .right-column{padding-left:40px; padding-top:60px; max-width:100%; }
section.distillery-process-section .workflow-first-block-title, section.distillery-process-section .workflow-last-block-title{border-width:5px; font-size:18px}
section.distillery-process-section .workflow-step{}
section.distillery-process-section .workflow-container .workflow-first-block-container::after, section.distillery-process-section .workflow-container .workflow-last-block-container::after{left:-18px}
section.distillery-process-section .workflow-container .workflow-first-block-container::before, section.distillery-process-section .workflow-container .workflow-last-block-container::before{width:25px; left:-38px}
section.distillery-process-section .workflow-container .workflow::before{left:-38px; height: calc(100% - 57px); top:29px}
section.distillery-process-section .workflow-first-block-title:after{bottom:-2px}
section.distillery-process-section .left-column .certification-logos{ margin-bottom:10px; margin-top:10px; width:100%}
section.image-overlay-section .section-title{font-size:50px;}
section.locations-section .container{padding:0px !important}
section.locations-section .location-item{min-height:450px}
section.locations-section .location-title{font-size:45px} .about section.hero-section .container{background-size:100vw}	
section.team-members-section .team-members{ grid-template-columns: repeat(1, 1fr); gap:60px}	
section.team-members-section .team-member .team-member-image{margin-bottom:30px; max-width:400px}	
section.team-members-section .team-member .team-member-icon{margin-bottom:15px}	
section.team-members-section .team-member-bio{margin-top:15px}	
section.team-members-section .team-member-name, section.team-members-section .team-member-position{font-size:18px}
section.team-members-section .team-member-bio{font-size:16px} .distiller section.hero-section .container{background-size:100vw; min-height:0px}		
section.why-distyl-section .feature-item .feature-description{max-width:100%}
section.locations-section .location-address p{font-size:24px; padding:25px}
section.locations-section .location-item{min-height:400px}	
.open-postions-list .ashby-job-list{margin-top:10px}
.open-postions-list .ashby-job-list .ashby-job:not(:last-child){margin-bottom:40px}	
.open-postions-list .ashby-job-list h3 a{font-size:45px; }  section.contact-hero-section .section-title{font-size:50px}
section.contact-hero-section .contact-columns{flex-direction:column; gap:10px}
section.contact-hero-section .locations-socials-mobile{display:block; margin-top:10px}
section.contact-hero-section .locations-socials-desktop{display:none}
section.contact-hero-section .office-locations .office-item{margin-bottom:40px}
section.contact-hero-section .office-name{margin-bottom:10px}
section.contact-hero-section  .form-item{margin-bottom:15px;}
section.contact-hero-section form input, section.contact-hero-section form textarea{padding:10px 12px}
section.contact-hero-section form{margin-top:0px}
section.contact-hero-section .contact-columns .right-column{max-width:500px}
.contact .hero-section .container::before{background-size:100vw}	
section.contact-form-section.title .section-title{font-size:30px}	
section.get-in-touch-section .section-title{font-size:55px;}	
section.get-in-touch-section .features-list{flex-direction:column; gap:40px; padding-top:30px}
section.get-in-touch-section .feature-title{margin-bottom:10px} section.post-archive.news-archive .article-tag-filters{width:100%; max-width:calc(100vw - 40px); flex-wrap:nowrap; overflow-x:scroll; overflow-y:visible; margin-bottom:-30px; padding-bottom:30px}
section.post-archive.news-archive .article-tag-filters button{padding:4px 10px; flex:1} section.post-archive #ajax-load-more ul { margin-top: 10px; }
section.post-archive .post-item a .post-inner { flex-direction: column; }
section.post-archive .post-item a .post-inner .post-image { width: 100%; padding-top: 66%; }
section.post-archive .post-item a .post-inner .post-content { width: 100%; } .case-study-template-default header{margin-bottom:-65px; background:transparent}
.case-study-template-default .page-content{margin-top:0px}
.hero-section.case-study{padding-top:65px}
.hero-section.case-study .circles-container{transform: scale(.5); }
.hero-section.case-study .container.hero-columns{flex-direction:column; gap:50px; border:none}
.hero-section.case-study .container.hero-columns .hero-left, .hero-section.case-study .container.hero-columns .hero-right{width:100%; padding:0}
.case-study.summary-section .summary-columns{flex-direction:column; gap:50px}
.case-study.summary-section .summary-left, .case-study.summary-section .summary-right{width:100%; padding:0}
.case-study.impact-section .impact-grid{grid-template-columns: repeat(1, 1fr); gap:32px}
.case-study.impact-section .impact-grid .impact-item h3{font-size:50px}
.case-study.challenge-solution-section .challenge-row{flex-direction:column; gap:20px; margin-bottom:50px}
.case-study.challenge-solution-section .challenge-row .challenge-left, .case-study.challenge-solution-section .challenge-row .challenge-right{width:100%; padding:0}
.case-study.challenge-solution-section .solution-row{flex-direction:column; gap:20px;}
.case-study.challenge-solution-section .solution-row .solution-left, .case-study.challenge-solution-section .solution-row .solution-right{width:100%; padding:0}
.case-study.challenge-solution-section .highlighted-text{margin-top:50px; font-size:27px}
.case-study.main-image-section .container{padding:0px !important}
.case-study.testimonial-section .quote-text{font-size:27px}
.case-study.testimonial-section .author{font-size:20px}
.case-study.contact-hero-section .contact-columns{flex-direction:column}
.case-study.contact-hero-section .contact-columns .contact-left, .case-study.contact-hero-section .contact-columns .contact-right{width:100%; padding:0}
.case-study.contact-hero-section .section-title{font-size:48px}
}  section.icons{padding-top:37px;}
section.icons .container{display:flex; flex-direction:column; align-items:flex-start;}
section.icons .section-title{margin-bottom:50px; text-align:center;}
section.icons .section-block{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; float:left; width:calc(100% + 60px); margin:0 0 -20px -60px;}
section.icons .section-block.show-x{flex-wrap:nowrap;}
section.icons .section-image{padding-left:60px; margin-bottom:60px;}
section.icons img.icon{width:initial; max-width:226px; height:auto; max-height:180px;}
section.icons.size-smaller img.icon{max-width:176px; max-height:130px;}
section.icons img.x{display:none; flex:0 0 93px; width:93px; height:auto; padding-left:60px; margin-bottom:60px;}
section.icons .section-block.show-x img.x{display:block;}
section.icons img.x:last-of-type{display:none !important;}
@media screen and (max-width:650px) {
section.icons .section-block{flex-direction:column;}
section.icons .section-image{display:flex; justify-content:center; align-items:center; width:100%; max-width:initial;}
section.icons img.x{flex:initial;}
} section.blocks{padding:40px 0 50px;}
section.blocks .container{display:flex; flex-direction:column;}
section.blocks .container:before{content:''; width:calc(100% - 100px); border:1px solid var(--white); position:absolute; top:0; bottom:164px; left:-36px;}
section.blocks .section-top{display:flex; justify-content:space-between; align-items:flex-start; float:left; width:100%; margin-top:40px;}
section.blocks .main-text{width:100%; max-width:586px;}
section.blocks .section-image{flex:0 0 156px; width:156px; margin-left:40px;}
section.blocks .section-image img{width:100%; height:auto;}
section.blocks .section-block{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:calc(100% + 16px); margin:50px 0 -16px -16px;}
section.blocks .section-part{display:flex; width:33.33%; padding-left:16px; margin-bottom:16px;}
section.blocks .section-part-inner{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; min-height:328px; padding:60px 32px 32px; background-color:var(--gray);}
section.blocks .section-icon{display:flex; justify-content:flex-end; align-items:flex-start; width:37px; height:37px; position:absolute; top:25px; right:25px;}
section.blocks .section-icon img{width:initial; max-width:100%; height:auto; max-height:100%;}
section.blocks .section-title *,
section.blocks .section-text *{color:var(--black);}
@media screen and (max-width:1200px) {
section.blocks .container:before{left:20px;}
}
@media screen and (max-width:900px) {
section.blocks .container:before,
section.blocks .section-image{display:none;}
section.blocks .section-top{margin-top:0;}
section.blocks .main-text{max-width:100%};
section.blocks .section-block{flex-direction:column;}
section.blocks .section-part{justify-content:center; width:100%;}
section.blocks .section-part-inner{max-width:500px;}
} section.alliance{padding:40px 0;}
section.alliance .section-top{display:flex; justify-content:center; align-items:center; float:left; width:100%; padding:50px 20px 40px; border:1px solid var(--white);}
section.alliance .section-image{width:156px; height:auto; position:absolute; top:50px; left:-86px;}
section.alliance .main-text{width:100%; max-width:672px;} @media screen and (max-width:950px) {
section.alliance .section-image{display:none;}
}
@media screen and (max-width:768px) {
section.alliance .section-top{padding:0 0 40px; border:none;}
}  section.backers{padding:40px 0;}
section.backers .container{display:flex; justify-content:center;}
section.backers .section-block{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:38px 33px 31px; border:1px solid var(--white);}
section.backers .section-title{margin-bottom:42px;}
section.backers .section-logos{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:calc(100% + 100px); margin:0 0 -35px -100px;}
section.backers .section-logo{display:flex; justify-content:center; align-items:center; padding-left:100px; margin-bottom:50px;}
section.backers img.logo{width:initial; max-width:180px; height:auto; max-height:180px;}
section.backers .section-names{display:flex; flex-direction:column; margin-top:18px;}
section.backers .section-name{margin-bottom:15px; text-align:center;}
@media screen and (max-width:600px) {
section.backers .section-name span{display:block; width:100%;}
} section.text-section{padding:40px 0;}
section.text-section .section-text{float:left; width:100%;} h1, h2, .section-content p, .section-content ul, .section-button,  .header_menu li, .logo img, .client-logos-slider .swiper-slide, .partners-logo img, section.features-section .container .feature-item, form, .locations-socials-desktop > div, .hamburger.hamburger--emphatic, .ashby-job, .divider, .hero-logos h3, .hero-logos img, .animate-item, .category-title, .feature-item, .process-step, .workflow-first-block-title, .workflow-last-block-title, .workflow-step, .left-column.process .process-step{opacity:0;}
.case-study-template-default p, .case-study-template-default h3, .case-study-template-default form, .case-study-template-default .featured-image, .case-study-template-default .main-case-study-image {opacity:0}
.case-study-template-default .footer p, .case-study-template-default .footer h3{opacity:1}
.case-study-template-default form p{opacity:1}
.privacy-policy section h1, .privacy-policy section h2, .privacy-policy section p, .privacy-policy section ul, .privacy-policy section ol, .terms-of-service section h1, .terms-of-service section h2, .terms-of-service section p, .terms-of-service section ul, .terms-of-service section ol{opacity:1 !important; transform:none !important}
.workflow-first-block-container::before,
.workflow-first-block-container::after,
.workflow-last-block-container::before,
.workflow-last-block-container::after,
.workflow::before {
opacity: 0 ;
transition: opacity 0.75s ease-out;
}
.right-column.workflow-container.revealed .workflow-first-block-container::before,
.right-column.workflow-container.revealed .workflow-first-block-container::after,
.right-column.workflow-container.revealed .workflow-last-block-container::before,
.right-column.workflow-container.revealed .workflow-last-block-container::after,
.right-column.workflow-container.revealed .workflow::before {
opacity: 1;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.cky-consent-container.revealed {
animation: fadeInUp 0.5s ease-in-out 1s forwards;
}
.cky-consent-container{opacity:0}