.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input-dark::placeholder, .ztna-input::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.titles, h5, .h5, h4, .h4, blockquote p.h4, footer a, td a, th, h3, .h3, h2, .h2, h1, .h1 { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

.text, .ztna-small-text, td, p { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

h1, .h1 { font-size: 50px; line-height: 72.25px; }

h2, .h2 { font-size: 32px; line-height: 46px; font-family: jost, sans-serif; font-weight: 500; }

h3, .h3 { font-size: 22px; line-height: 32px; }

h4, .h4, blockquote p.h4, footer a, td a, th { font-size: 14px; line-height: 150%; }

h5, .h5 { font-size: 16px; line-height: 23px; text-transform: uppercase; }

p { font-size: 22px; line-height: 150%; }

.ztna-small-text, td { font-size: 14px; line-height: 170%; }

a.text-link { font-weight: 500; }

a { color: #44a0f8; text-decoration: none; }

a:hover { text-decoration: underline; cursor: pointer; }

a:hover h2, a:hover h3, a:hover h4 { color: #44a0f8; }

a.button-link:hover { text-decoration: none; }

@media only screen and (max-width: 576px) { h1, .h1 { font-size: 32px; line-height: 46px; } h2, .h2 { font-size: 24px; line-height: 35px; } h3, .h3 { font-size: 18px; line-height: 26px; } h4, .h4, blockquote p.h4, footer a, td a, th { font-size: 14px; line-height: 130%; } h5, .h5 { font-size: 14px; line-height: 20px; } p { font-size: 18px; line-height: 150%; } .ztna-small-text, td { font-size: 14px; line-height: 150%; } a.text-link { line-height: 130%; } }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input-dark::placeholder, .ztna-input::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input-dark::placeholder, .ztna-input::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input-dark::placeholder, .ztna-input::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.titles, h1, .h1, h2, .h2, h3, .h3, h4, .h4, blockquote p.h4, footer a, td a, th, h5, .h5 { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

.text, p, .ztna-small-text, td { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

h1, .h1 { font-size: 50px; line-height: 72.25px; }

h2, .h2 { font-size: 32px; line-height: 46px; font-family: jost, sans-serif; font-weight: 500; }

h3, .h3 { font-size: 22px; line-height: 32px; }

h4, .h4, blockquote p.h4, footer a, td a, th { font-size: 14px; line-height: 150%; }

h5, .h5 { font-size: 16px; line-height: 23px; text-transform: uppercase; }

p { font-size: 22px; line-height: 150%; }

.ztna-small-text, td { font-size: 14px; line-height: 170%; }

a.text-link { font-weight: 500; }

a { color: #44a0f8; text-decoration: none; }

a:hover { text-decoration: underline; cursor: pointer; }

a:hover h2, a:hover h3, a:hover h4 { color: #44a0f8; }

a.button-link:hover { text-decoration: none; }

@media only screen and (max-width: 576px) { h1, .h1 { font-size: 32px; line-height: 46px; } h2, .h2 { font-size: 24px; line-height: 35px; } h3, .h3 { font-size: 18px; line-height: 26px; } h4, .h4, blockquote p.h4, footer a, td a, th { font-size: 14px; line-height: 130%; } h5, .h5 { font-size: 14px; line-height: 20px; } p { font-size: 18px; line-height: 150%; } .ztna-small-text, td { font-size: 14px; line-height: 150%; } a.text-link { line-height: 130%; } }

.ztna-margin-right-10 { margin-right: 10px !important; }

.ztna-margin-right-40 { margin-right: 40px; }

.mr-60-40 { margin-right: 60px; }

.ztna-margin-left-10 { margin-left: 10px; }

.ztna-margin-bottom-20 { margin-bottom: 20px; }

.ztna-margin-bottom-30-20 { margin-bottom: 30px; }

.ztna-margin-bottom-20-10 { margin-bottom: 20px; }

.ztna-margin-bottom-50-40 { margin-bottom: 50px !important; }

.ztna-margin-bottom-40-20 { margin-bottom: 40px; }

.ztna-center { margin: 0 auto; }

.ztna-margin-top-50-40 { margin-top: 0; }

.pb-100-50-40 { padding-bottom: 100px; }

.pt-100-70 { padding-top: 100px !important; }

.mt-50-40 { margin-top: 50px !important; }

.ztna-info-icon { margin-left: 6px; }

.ztna-padding-bottom-100-70 { padding-bottom: 100px; }

.pb-50-30 { padding-bottom: 50px !important; }

.px-md-40-20 { padding-left: 40px !important; padding-right: 40px !important; }

.mr-55-40-20 { margin-right: 55x !important; }

.ml-55-40-20 { margin-left: 55px !important; }

.space-20-30-20 { height: 20px !important; }

.mr-30 { margin-right: 4% !important; }

.mr-32 { margin-right: 32px !important; }

.ztna-margin-bottom-30-12 { margin-bottom: 30px; }

.ztna-margin-bottom-3 { margin-bottom: 3px; }

.ml--15 { margin-left: -15px !important; }

.mr-40-30-0 { margin-right: 3.125%; }

.pl-40-15 { padding-left: 60px !important; }

.pr-40-15 { padding-right: 60px !important; }

.mb-70-50 { margin-bottom: 70px !important; }

.pb-60-30 { padding-bottom: 60px !important; }

.mb-100-70 { margin-bottom: 100px !important; }

.mb-70-100-70 { margin-bottom: 70px !important; }

.mb-50-30 { margin-bottom: 50px; }

@media only screen and (max-width: 576px) { .ztna-margin-bottom-30-20 { margin-bottom: 20px; } .ztna-margin-bottom-50-40 { margin-bottom: 40px !important; } .ztna-margin-top-50-40 { margin-top: 40px; } .ztna-padding-bottom-100-70 { padding-bottom: 70px; } .ztna-margin-bottom-40-20 { margin-bottom: 20px; } .ztna-margin-bottom-20-10 { margin-bottom: 10px; } .px-md-40-20 { padding-left: 20px !important; padding-right: 20px !important; } .pb-50-30 { padding-bottom: 30px !important; } .mb-md-54-40 { margin-bottom: 54px !important; } .mr-md-40-20, blockquote { margin-right: 20px; } .ml-md-40-20, blockquote { margin-left: 20px; } .pl-md-40-20 { padding-left: 20px !important; } .pr-md-40-20 { padding-right: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mt-50-40 { margin-top: 40px !important; } .ml-55-40-20 { margin-left: 20px !important; } .mr-55-40-20 { margin-right: 20px !important; } .space-20-30-20 { height: 20px !important; } .ztna-mb-md-100-70 { margin-bottom: 70px !important; } .ztna-margin-bottom-30-12 { margin-bottom: 12px; } .ml-md-40-20, blockquote { margin-left: 20px !important; } .mr-md-40-20, blockquote { margin-right: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml--15 { margin-left: 0px !important; } .mr-40-30-0 { margin-right: 0px; } .pl-40-15 { padding-left: 0px !important; } .pr-40-15 { padding-right: 0px !important; } .mr-md-25-5 { margin-right: 5px !important; } .ml-md-25-5 { margin-left: 5px !important; } .mb-70-50 { margin-bottom: 50px !important; } .mb-100-70 { margin-bottom: 70px !important; } .mb-70-100-70 { margin-bottom: 40px !important; } .mb-md-40-30 { margin-bottom: 30px !important; } .px-lg-15 { padding-left: 0 !important; padding-right: 0 !important; } .mb-50-30 { margin-bottom: 30px; } .pb-100-50-40 { padding-bottom: 40px !important; } .pt-100-70 { padding-top: 70px !important; } .pb-60-30 { padding-bottom: 30px !important; } }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-margin-top-50-40 { margin-top: 50px; } .px-md-40-20 { padding-left: 40px !important; padding-right: 40px !important; } .mb-md-54-40 { margin-bottom: 54px !important; } .mr-md-40-20, blockquote { margin-right: 40px; } .ml-md-40-20, blockquote { margin-left: 40px; } .mr-md-40 { margin-right: 40px; } .pl-md-40-20 { padding-left: 40px !important; } .pr-md-40-20 { padding-right: 40px !important; } .mr-60-40 { margin-right: 40px; } .mr-55-40-20 { margin-right: 40px !important; } .ml-55-40-20 { margin-left: 40px !important; } .space-20-30-20 { height: 30px !important; } .ztna-mb-md-100-70 { margin-bottom: 100px !important; } .ml-md-40-20, blockquote { margin-left: 40px !important; } .mr-md-40-20, blockquote { margin-right: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .ml--15 { margin-left: -15px !important; } .mr-40-30-0 { margin-right: 4%; } .pl-40-15 { padding-left: 0px !important; } .pr-40-15 { padding-right: 0px !important; } .mr-md-25-5 { margin-right: 25px !important; } .ml-md-25-5 { margin-left: 25px !important; } .mb-70-100-70 { margin-bottom: 70px !important; } .mb-md-40-30 { margin-bottom: 40px !important; } .px-lg-15 { padding-left: 0 !important; padding-right: 0 !important; } .pb-100-50-40 { padding-bottom: 50px !important; } .pl-md-40 { padding-left: 40px; } }

@media only screen and (min-width: 992px) { .pl-lg-40 { padding-left: 36px !important; } .pr-lg-40 { padding-right: 36px !important; } .mb-md-54-40 { margin-bottom: 40px !important; } .mr-lg-55 { margin-right: 55px !important; } .ml-lg-55 { margin-left: 55px !important; } .mr-lg-40 { margin-right: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-80 { margin-left: 80px; } .pl-lg-16 { padding-left: 16px !important; } .pr-lg-16 { padding-right: 16px !important; } .pl-lg-3 { padding-left: 1% !important; } .pr-lg-3 { padding-right: 1% !important; } }

@media only screen and (min-width: 768px) and (max-width: 992px) { .mb-md-30 { margin-bottom: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .mr-lg-40 { margin-right: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .pl-40-15 { padding-left: 3px !important; } .pr-40-15 { padding-right: 30px !important; } .px-lg-15 { padding-left: 15px !important; padding-right: 15px !important; } }

@media only screen and (max-width: 768px) { .mb-md-50 { margin-bottom: 50px !important; } }

@media only screen and (min-width: 576px) and (max-width: 768px) { .mr-md-50 { margin-right: 30px; } }

html { scroll-behavior: smooth; }

.ztna-content-wrapper { max-width: 1170px; }

.ztna-blog-wrapper { max-width: 1280px; }

.ztna-hidden { display: none; }

.ztna-button { padding: 13px 30px; border-radius: 25px; border: none; box-shadow: none; width: max-content; display: inline-block; background-size: 200% 100%; }

.ztna-button a { text-decoration: none; color: inherit; }

.ztna-button:hover { cursor: pointer; -webkit-box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); }

.ztna-small-button, .slider-list a, .ztna-small-button-left, .ztna-small-button-right, .ztna-small-button-static { padding: 6px 20px; border-radius: 25px; box-sizing: border-box; border: 2px solid #44a0f8; display: flex; align-items: center; column-gap: 10px; }

.ztna-small-button:hover, .slider-list a:hover, .ztna-small-button-left:hover, .ztna-small-button-right:hover, .ztna-small-button-static:hover { text-decoration: none; }

.ztna-small-button-static:hover { cursor: pointer; -webkit-box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); }

.ztna-small-button-right:hover { cursor: pointer; column-gap: 15px; padding-right: 15px; }

.ztna-small-button-left:hover { cursor: pointer; column-gap: 15px; padding-left: 15px; }

.ztna-input, .ztna-input-light, .ztna-input-dark { width: 100%; border: none; border-radius: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; }

.ztna-input-dark { color: #cad8e6; }

.ztna-input-light { border: 2px solid #44a0f8; }

.ztna-tag, .ztna-tag-small, .ztna-tag-large { border-radius: 20px; display: flex; align-items: center; }

.ztna-tag-large { padding: 8px 20px; width: max-content; }

.ztna-tag-large:hover { cursor: pointer; }

.ztna-tag-large a, .ztna-tag-large:hover { cursor: pointer; text-decoration: none; }

.ztna-tag-small { padding: 3px 10px; width: min-content; }

.ztna-num-label { width: 80px; height: 80px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }

.ztna-menu-icon { width: auto; height: 18px; }

.ztna-post-wrapper { width: 100%; margin: 0; }

.ztna-post-wrapper a:hover { text-decoration: none; }

.ztna-post-image { border-radius: 5px; width: 100%; object-fit: cover; }

.ztna-blog-date { display: flex; align-items: center; }

.ztna-post-title { height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ztna-post-ui { display: flex; justify-content: space-between; }

.width-100 { width: 100%; }

.ztna-table { border-radius: 20px; width: 100%; }

.ztna-table-head tr:first-child th:first-child { border-top-left-radius: 20px; padding: 8px 20px; }

.ztna-table-head tr:first-child th:last-child { border-top-right-radius: 20px; }

.ztna-table-body tr:last-child th:first-child, .ztna-table-body tr:last-child td:first-child { border-bottom-left-radius: 20px; }

.ztna-table-body tr:last-child th:last-child, .ztna-table-body tr:last-child td:last-child { border-bottom-right-radius: 20px; }

.ztna-table-body tr:nth-child(even) { background-color: #f5f7fb; }

.ztna-table-body tr:nth-child(odd) { background-color: #fdfdff; }

th { padding: 8px 20px; }

td { width: fit-content; padding: 8px 20px; }

.architecture-section { border-bottom: 1px solid #efefef; }

.architecture-section:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: none; }

.ztna-overflow { overflow-x: scroll; scroll-behavior: smooth; }

.ztna-overflow::-webkit-scrollbar { display: none; }

.ztna-slider-image { border-radius: 30px; }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-md-sm-posts-height { height: 200px; } .ztna-md-max-width { max-width: 316px; } }

@media only screen and (max-width: 576px) { .ztna-table { width: 1170px; z-index: 10; } .scroll-wrapper { overflow-x: scroll; scroll-behavior: smooth; } .scroll-wrapper::-webkit-scrollbar { display: none; } .ztna-table { width: 1170px; z-index: 10; } .ztna-md-sm-posts-height { height: 200px; } .ztna-sm-max-width { max-width: none; } .sm-flex { display: flex; } }

@media only screen and (min-width: 992px) { .ztna-lg-4-posts-max-width { max-width: 262px; } .ztna-lg-4-posts-height { height: 190px; } .ztna-lg-3-posts-max-width { max-width: 364px; } .ztna-lg-3-posts-height { height: 230px; } .ztna-lg-2-posts-max-width { max-width: 464px; } .ztna-lg-2-posts-height { height: 260px; } }

body { background-color: white !important; }

.ui-wrapper { width: 80%; margin: 0 auto; }

.ui-section { display: flex; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 2rem; gap: 2rem; }

.ui-label { margin-top: 0.4rem; margin-bottom: 0.8rem; }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input::placeholder, .ztna-input-dark::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input::placeholder, .ztna-input-dark::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.titles, h1, .h1, h2, .h2, h3, .h3, h4, .h4, blockquote p.h4, footer a, h5, .h5, th, td a { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

.text, p, .ztna-small-text, td { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

h1, .h1 { font-size: 50px; line-height: 72.25px; }

h2, .h2 { font-size: 32px; line-height: 46px; font-family: jost, sans-serif; font-weight: 500; }

h3, .h3 { font-size: 22px; line-height: 32px; }

h4, .h4, blockquote p.h4, footer a, th, td a { font-size: 14px; line-height: 150%; }

h5, .h5 { font-size: 16px; line-height: 23px; text-transform: uppercase; }

p { font-size: 22px; line-height: 150%; }

.ztna-small-text, td { font-size: 14px; line-height: 170%; }

a.text-link { font-weight: 500; }

a { color: #44a0f8; text-decoration: none; }

a:hover { text-decoration: underline; cursor: pointer; }

a:hover h2, a:hover h3, a:hover h4 { color: #44a0f8; }

a.button-link:hover { text-decoration: none; }

@media only screen and (max-width: 576px) { h1, .h1 { font-size: 32px; line-height: 46px; } h2, .h2 { font-size: 24px; line-height: 35px; } h3, .h3 { font-size: 18px; line-height: 26px; } h4, .h4, blockquote p.h4, footer a, th, td a { font-size: 14px; line-height: 130%; } h5, .h5 { font-size: 14px; line-height: 20px; } p { font-size: 18px; line-height: 150%; } .ztna-small-text, td { font-size: 14px; line-height: 150%; } a.text-link { line-height: 130%; } }

footer { font-size: 13px; }

footer .footer-icon { fill: #fff; }

footer img { width: 100%; max-width: 258px; }

footer a { text-decoration: none; }

footer a:hover { text-decoration: none; }

footer a:hover span { color: #92bbf6 !important; }

footer a:hover .footer-icon { fill: #92bbf6 !important; }

@media only screen and (min-width: 768px) and (max-width: 992px) { .mr-md-50 { margin-right: 50px; } .get-involved { text-align: left; } }

@media only screen and (min-width: 576px) and (max-width: 992px) { .get-involved { text-align: left; } .md-flex { display: flex; justify-content: flex-start; } }

.ztna-margin-right-10 { margin-right: 10px !important; }

.ztna-margin-right-40 { margin-right: 40px; }

.mr-60-40 { margin-right: 60px; }

.ztna-margin-left-10 { margin-left: 10px; }

.ztna-margin-bottom-20 { margin-bottom: 20px; }

.ztna-margin-bottom-30-20 { margin-bottom: 30px; }

.ztna-margin-bottom-20-10 { margin-bottom: 20px; }

.ztna-margin-bottom-50-40 { margin-bottom: 50px !important; }

.ztna-margin-bottom-40-20 { margin-bottom: 40px; }

.ztna-center { margin: 0 auto; }

.ztna-margin-top-50-40 { margin-top: 0; }

.pb-100-50-40 { padding-bottom: 100px; }

.pt-100-70 { padding-top: 100px !important; }

.mt-50-40 { margin-top: 50px !important; }

.ztna-info-icon { margin-left: 6px; }

.ztna-padding-bottom-100-70 { padding-bottom: 100px; }

.pb-50-30 { padding-bottom: 50px !important; }

.px-md-40-20 { padding-left: 40px !important; padding-right: 40px !important; }

.mr-55-40-20 { margin-right: 55x !important; }

.ml-55-40-20 { margin-left: 55px !important; }

.space-20-30-20 { height: 20px !important; }

.mr-30 { margin-right: 4% !important; }

.mr-32 { margin-right: 32px !important; }

.ztna-margin-bottom-30-12 { margin-bottom: 30px; }

.ztna-margin-bottom-3 { margin-bottom: 3px; }

.ml--15 { margin-left: -15px !important; }

.mr-40-30-0 { margin-right: 3.125%; }

.pl-40-15 { padding-left: 60px !important; }

.pr-40-15 { padding-right: 60px !important; }

.mb-70-50 { margin-bottom: 70px !important; }

.pb-60-30 { padding-bottom: 60px !important; }

.mb-100-70 { margin-bottom: 100px !important; }

.mb-70-100-70 { margin-bottom: 70px !important; }

.mb-50-30 { margin-bottom: 50px; }

@media only screen and (max-width: 576px) { .ztna-margin-bottom-30-20 { margin-bottom: 20px; } .ztna-margin-bottom-50-40 { margin-bottom: 40px !important; } .ztna-margin-top-50-40 { margin-top: 40px; } .ztna-padding-bottom-100-70 { padding-bottom: 70px; } .ztna-margin-bottom-40-20 { margin-bottom: 20px; } .ztna-margin-bottom-20-10 { margin-bottom: 10px; } .px-md-40-20 { padding-left: 20px !important; padding-right: 20px !important; } .pb-50-30 { padding-bottom: 30px !important; } .mb-md-54-40 { margin-bottom: 54px !important; } .mr-md-40-20, blockquote { margin-right: 20px; } .ml-md-40-20, blockquote { margin-left: 20px; } .pl-md-40-20 { padding-left: 20px !important; } .pr-md-40-20 { padding-right: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mt-50-40 { margin-top: 40px !important; } .ml-55-40-20 { margin-left: 20px !important; } .mr-55-40-20 { margin-right: 20px !important; } .space-20-30-20 { height: 20px !important; } .ztna-mb-md-100-70 { margin-bottom: 70px !important; } .ztna-margin-bottom-30-12 { margin-bottom: 12px; } .ml-md-40-20, blockquote { margin-left: 20px !important; } .mr-md-40-20, blockquote { margin-right: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml--15 { margin-left: 0px !important; } .mr-40-30-0 { margin-right: 0px; } .pl-40-15 { padding-left: 0px !important; } .pr-40-15 { padding-right: 0px !important; } .mr-md-25-5 { margin-right: 5px !important; } .ml-md-25-5 { margin-left: 5px !important; } .mb-70-50 { margin-bottom: 50px !important; } .mb-100-70 { margin-bottom: 70px !important; } .mb-70-100-70 { margin-bottom: 40px !important; } .mb-md-40-30 { margin-bottom: 30px !important; } .px-lg-15 { padding-left: 0 !important; padding-right: 0 !important; } .mb-50-30 { margin-bottom: 30px; } .pb-100-50-40 { padding-bottom: 40px !important; } .pt-100-70 { padding-top: 70px !important; } .pb-60-30 { padding-bottom: 30px !important; } }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-margin-top-50-40 { margin-top: 50px; } .px-md-40-20 { padding-left: 40px !important; padding-right: 40px !important; } .mb-md-54-40 { margin-bottom: 54px !important; } .mr-md-40-20, blockquote { margin-right: 40px; } .ml-md-40-20, blockquote { margin-left: 40px; } .mr-md-40 { margin-right: 40px; } .pl-md-40-20 { padding-left: 40px !important; } .pr-md-40-20 { padding-right: 40px !important; } .mr-60-40 { margin-right: 40px; } .mr-55-40-20 { margin-right: 40px !important; } .ml-55-40-20 { margin-left: 40px !important; } .space-20-30-20 { height: 30px !important; } .ztna-mb-md-100-70 { margin-bottom: 100px !important; } .ml-md-40-20, blockquote { margin-left: 40px !important; } .mr-md-40-20, blockquote { margin-right: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .ml--15 { margin-left: -15px !important; } .mr-40-30-0 { margin-right: 4%; } .pl-40-15 { padding-left: 0px !important; } .pr-40-15 { padding-right: 0px !important; } .mr-md-25-5 { margin-right: 25px !important; } .ml-md-25-5 { margin-left: 25px !important; } .mb-70-100-70 { margin-bottom: 70px !important; } .mb-md-40-30 { margin-bottom: 40px !important; } .px-lg-15 { padding-left: 0 !important; padding-right: 0 !important; } .pb-100-50-40 { padding-bottom: 50px !important; } .pl-md-40 { padding-left: 40px; } }

@media only screen and (min-width: 992px) { .pl-lg-40 { padding-left: 36px !important; } .pr-lg-40 { padding-right: 36px !important; } .mb-md-54-40 { margin-bottom: 40px !important; } .mr-lg-55 { margin-right: 55px !important; } .ml-lg-55 { margin-left: 55px !important; } .mr-lg-40 { margin-right: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-80 { margin-left: 80px; } .pl-lg-16 { padding-left: 16px !important; } .pr-lg-16 { padding-right: 16px !important; } .pl-lg-3 { padding-left: 1% !important; } .pr-lg-3 { padding-right: 1% !important; } }

@media only screen and (min-width: 768px) and (max-width: 992px) { .mb-md-30 { margin-bottom: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .mr-lg-40 { margin-right: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .pl-40-15 { padding-left: 3px !important; } .pr-40-15 { padding-right: 30px !important; } .px-lg-15 { padding-left: 15px !important; padding-right: 15px !important; } }

@media only screen and (max-width: 768px) { .mb-md-50 { margin-bottom: 50px !important; } }

@media only screen and (min-width: 576px) and (max-width: 768px) { .mr-md-50 { margin-right: 30px; } }

nav { height: 80px; }

nav .nav-link:hover .text-link { color: #92bbf6 !important; }

nav .nav-link:hover .mobile-menu-items-fill { fill: #92bbf6 !important; }

nav .nav-link .text-link:hover { color: #92bbf6 !important; }

.text-link { font-size: 13px; }

.navbar-hamburger:hover button.hamburger:before, .navbar-hamburger:hover button.hamburger span, .navbar-hamburger:hover button.hamburger:after { background: #92bbf6 !important; }

.open .h4, .open th, .open td a, td .open a, .open footer a, footer .open a { color: #fff !important; }

.open a .text-link { color: #fff !important; }

.ztna-nav { max-width: 1280px; width: 100%; }

.ztna-shadow, .banner--clone { -webkit-box-shadow: 0px 0px 15px rgba(10, 63, 113, 0.15); box-shadow: 0px 0px 15px rgba(10, 63, 113, 0.15); }

.ztna-nav-item { padding-left: 0 !important; padding-right: 0 !important; box-sizing: content-box; width: fit-content; }

.banner--clone .ztna-logo { background: -webkit-image-set(url("/assets/images/logo.png") 1x, url("/assets/images/logo@2x.png") 2x); background-repeat: no-repeat; background-size: contain; align-self: center; }

.banner--clone .ztna-nav-item .text-link, .banner--clone .ztna-nav-item .h4, .banner--clone .ztna-nav-item th, .banner--clone .ztna-nav-item td a, td .banner--clone .ztna-nav-item a, .banner--clone .ztna-nav-item footer a, footer .banner--clone .ztna-nav-item a { color: #0e2942; }

.banner--clone .ztna-nav-item:hover { color: #44a0f8 !important; }

.ztna-logo-base, .ztna-dark-logo, .ztna-logo { margin-left: 55px !important; margin-top: 30px !important; margin-bottom: 30px !important; align-self: center; background-repeat: no-repeat; background-size: contain; width: 258px; height: 20px; }

.ztna-logo { background: -webkit-image-set(url("/assets/images/logo-light.png") 1x, url("/assets/images/logo-light@2x.png") 2x); }

.ztna-dark-logo { background: -webkit-image-set(url("/assets/images/logo.png") 1x, url("/assets/images/logo@2x.png") 2x); }

.menu { margin-right: 55px; width: fit-content; }

.fly-out-bg { background-repeat: no-repeat; background-position: bottom; background-size: 100%; }

.fly-out-logo { width: 57%; }

.icon-hover:hover { color: #44a0f8; }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-logo, .ztna-dark-logo { margin-left: 40px !important; margin-top: 20px !important; } .menu { margin-right: 55px; } .mobile-menu-items-color { color: #0e2942 !important; } }

@media only screen and (max-width: 576px) { .ztna-logo, .ztna-dark-logo { margin-left: 35px !important; margin-top: 20px !important; width: 182px; height: 14px; background-size: cover; background-repeat: no-repeat; } .banner--clone .ztna-logo, .banner--clone .ztna-dark-logo { margin-left: 35px !important; margin-top: 20px !important; width: 182px; height: 14px; background-size: cover; background-repeat: no-repeat; } .menu { margin-right: 20px; } }

@media only screen and (max-width: 768px) { .menu { margin-right: 0; } .mobile-bg { background-color: #fff; background-repeat: no-repeat; background-position: bottom; background-size: 100%; background-image: url("/assets/images/header/fly-out-back@2x.png"); } .mobile-menu-items-color { color: #0e2942 !important; } .mobile-menu-items-fill { fill: #fff !important; } .offcanvas-nav { background-color: #1e2228; } }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input::placeholder, .ztna-input-dark::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.subscription-wrapper { padding: 26px 20px 20px 20px; background-color: #f5f7fb; border-radius: 30px; }

.ztna-head-container { max-width: 900px; padding-top: 226px; padding-bottom: 116px; }

.ztna-hero-background { background: #142a53 -webkit-image-set(url("/assets/images/landing/cover.png") 1x, url("/assets/images/landing/cover@2x.png") 2x); background-size: cover; background-repeat: no-repeat; background-position: center; }

.ztna-hero-background h1, .ztna-hero-background p { font-family: jost, sans-serif; }

.ztna-hero-background h1 { font-weight: 500; }

.ztna-hero-background p { font-weight: 300; }

.ztna-counter-wrapper { max-width: 600px; display: flex; column-gap: 40px; margin: 0 auto 50px; }

.ztna-counter-item { width: 120px; text-align: center; }

.ztna-counter-item .ztna-small-text, .ztna-counter-item td { font-size: .82rem; }

.ztna-subtitle { width: 100%; }

.ztna-landing-section-wrapper { padding-top: 100px; padding-bottom: 100px; }

.ztna-num-label-wrapper { margin-top: 40px; }

.mobile-nist-illustration { display: none; }

.ztna-post-container { display: flex; justify-content: space-between; }

.tenets-wrapper { display: flex; }

.nist-mobile-scroll-container { width: 1580px; }

.nist-mobile-scroll-item { width: 210px; margin-right: 30px; }

.tenet-illustration-desktop { width: 92%; }

.tenet-illustration-mobile { width: 94%; }

.ztna-slider-navbuttons-wrapper { display: flex; justify-content: center; margin-top: 20px; }

.ztna-slider-dots-wrapper { display: flex; justify-content: center; margin-top: 30px; margin-bottom: 40px; }

.ztna-slider-dot-item { width: 10px; height: 10px; margin: 10px; padding: 0; -webkit-backface-visibility: visible; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 100%; border: none; opacity: 0.3; }

.ztna-slider-dot-item:hover, .ztna-slider-dot-item.active { opacity: 1; cursor: pointer; }

.ztna-carousels-wrapper { max-width: 1170px; margin: 0 auto; }

.ztna-testimonial-card { margin-left: 20px; margin-right: 20px; border-radius: 30px; max-width: 364px; }

.post-divider { padding: 0; margin: 0; color: #efefef; }

li:last-child .post-divider { display: none; }

li:last-child .space20 { display: none; }

blockquote { border-radius: 30px; padding: 34px 30px 20px 30px; margin-bottom: 30px; }

blockquote p { margin-bottom: 0 !important; }

blockquote p.h4 { margin-bottom: 0 !important; }

blockquote img { -webkit-mask-box-image: url(../images/blob/blob1.svg); -webkit-mask-image: url(../images/blob/blob1.svg); mask-image: url(../images/blob/blob1.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 60px !important; height: auto; margin: 0 !important; }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-head-container { max-width: 600px; margin: 0 auto; padding: 180px 0 68px 0; } .ztna-num-label-wrapper { margin-bottom: 50px; } .ztna-post-responsive:nth-child(3), .ztna-post-responsive:nth-child(4) { display: none; } .desktop-nist-illustration { display: none; } .mobile-nist-illustration { display: block; } .mobile-nist-illustration .scroll-wrapper { width: 100%; overflow-x: scroll; scroll-behavior: smooth; } .mobile-nist-illustration .scroll-wrapper::-webkit-scrollbar { display: none; } .ztna-nist-container-fluid { padding-left: 40px; } .ztna-testimonial-card { margin-left: 15px; margin-right: 15px; } }

@media only screen and (max-width: 576px) { .ztna-head-container { padding: 120px 20px 50px 20px; } .ztna-counter-wrapper { max-width: 100%; } .ztna-subtitle { width: 100%; margin-bottom: 20px; } .ztna-landing-section-wrapper { padding-top: 70px; padding-bottom: 70px; } .desktop-nist-illustration { display: none; } .mobile-nist-illustration { display: block; } .ztna-post-responsive:nth-child(2), .ztna-post-responsive:nth-child(3), .ztna-post-responsive:nth-child(4) { display: none; } .ztna-nist-container-fluid { margin-bottom: 30px; } .nist-mobile-scroll-item { width: 160px; margin-right: 20px; } .tenet-illustration-mobile { width: 93%; } .nist-mobile-scroll-container { width: 1280px; } .ztna-slider-dot-item { width: 8px; height: 8px; } .ztna-slider-dots-wrapper { margin-top: 0px; margin-bottom: 10px; } .ztna-testimonial-card { margin: 0 auto; padding-left: 20px; padding-right: 20px; } }

#overlay { display: none; position: absolute; top: 0; bottom: 0; background: #999; width: 100%; height: 100%; opacity: 0.8; z-index: 18999; }

#popup-ok, #popup-error, #popup-success { display: none; position: fixed; top: 45%; left: 50%; width: 500px; height: 506px; border-radius: 30px; padding: 40px; margin-left: -253px; margin-top: -250px; z-index: 20000; }

#popup-ok .popup-status-image, #popup-error .popup-status-image, #popup-success .popup-status-image { width: 180px; height: auto; }

@media only screen and (max-width: 576px) { #popup-ok, #popup-error, #popup-success { width: 336px; height: 332px; padding: 20px; margin-left: -168px; margin-top: -166px; } #popup-ok .popup-status-image, #popup-error .popup-status-image, #popup-success .popup-status-image { width: 100px; height: auto; } }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input::placeholder, .ztna-input-dark::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.timeline-container-fluid { padding-left: 40px !important; padding-right: 40px !important; }

.timeline { width: 100%; max-width: 1170px; height: auto; border-radius: 33px; display: flex; justify-content: space-between; align-items: center; padding: 0 5px; position: relative; }

.timeline .active { color: #bdcfe2 !important; background-color: #0e2942 !important; border-radius: 33px; padding: 8px 4%; cursor: pointer; }

.timeline .active:hover { background-color: #0e2942 !important; }

.year-wrapper:hover { cursor: pointer; }

.timelinePill { padding: 8px 4%; margin: 3px 1px !important; }

.timelinePill:hover { color: #bdcfe2 !important; background-color: #0e2942b0 !important; border-radius: 33px; padding: 8px 4%; cursor: pointer; }

.timelineYear { font-weight: 500; }

.timelineAcronym { font-size: 0.89em; font-weight: 300; }

.timeline-data-wrapper { width: 100%; overflow: hidden; }

.timeline-data { display: flex; }

.timeline-data .light-text-3 { font-family: jost, sans-serif; }

.timeline-data p a { text-decoration: underline; }

.timeline-data p a:hover { color: #fff; }

.timeline-item { width: 100%; transition: all .25s; }

.timeline-item-date-wrapper { display: flex; align-items: center; justify-content: center; gap: 10px; }

@media only screen and (max-width: 768px) { .timeline { margin: 0; border-radius: 0; padding-left: 20px; } .timeline .active { padding: 11px 3%; } .timelinePill { padding: 11px 3%; } .timelinePill:hover { padding: 11px 3%; } .timeline-container-fluid { padding-left: 0 !important; padding-right: 0 !important; } }

@media only screen and (min-width: 576px) and (max-width: 1200px) { .timeline .active { padding: 8px 3%; } .timelinePill { padding: 8px 3%; } .timelinePill:hover { padding: 8px 3%; } }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input::placeholder, .ztna-input-dark::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.light-blue-1, .ztna-tag-large a, .ztna-tag-large:hover { color: #44a0f8; }

.light-blue-1-fill { fill: #44a0f8; }

.light-blue-1-background { background-color: #44a0f8; }

.light-blue-2 { color: #4476f8; }

.dark-blue-1 { color: #254be9; }

.dark-blue-2 { color: #4c25e9; }

.violet-1 { color: #7416ed; }

.violet-2 { color: #a118e1; }

.pink { color: #bc1dcb; }

.green { color: #30c9ad; }

.green-background { background-color: #30c9ad; }

.red { color: #ea5b8e; }

.white, .isotope-filter .active { color: #fff; }

.white-background { background-color: #fff; }

.white-fill { fill: #fff; }

.dark-text { color: #0e2942; }

.dark-text-background { background-color: #0e2942; }

.dark-text-fill { fill: #0e2942; }

.dark-buttons { color: #16334f; }

.light-text-1 { color: #3e5871; }

.light-text-1-fill { fill: #3e5871; }

.light-text-2, .ztna-input::placeholder, .ztna-input-dark::placeholder, .ztna-input-light::placeholder { color: #99acbe; }

.light-text-3 { color: #cad8e6; }

.background-color { background-color: #f5f7fb; }

.light-blue-background-1 { background-color: #44a0f8; }

.light-blue-background-2, .isotope-filter .active { background-color: #4476f8; }

.dark-buttons-background { background-color: #16334f; }

.white-background { background-color: #fff; }

.light-text-2-background { background-color: #99acbe; }

.gradient-background { background: -webkit-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -moz-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: -o-linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); background: linear-gradient(left, #44a0f8 0%, #254be9 31.59%, #7416ed 67.71%, #bc1dcb 100%); }

.timeline-active { color: #bdcfe2; }

.input-active-dark, .ztna-input-dark:hover, .ztna-input-dark:focus, .ztna-input-dark:active, .ztna-input-dark:target { background-color: #1f3f5d; }

.light-blue-1-fill { fill: #44a0f8; }

.flyout-background { background-color: #1e2228; border: none; border-left: solid 1px #222; }

.titles, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, th, td a, footer a, blockquote p.h4 { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

.text, p, .ztna-small-text, td { font-family: inter, sans-serif; font-style: normal; font-weight: 400; margin: 0; }

h1, .h1 { font-size: 50px; line-height: 72.25px; }

h2, .h2 { font-size: 32px; line-height: 46px; font-family: jost, sans-serif; font-weight: 500; }

h3, .h3 { font-size: 22px; line-height: 32px; }

h4, .h4, th, td a, footer a, blockquote p.h4 { font-size: 14px; line-height: 150%; }

h5, .h5 { font-size: 16px; line-height: 23px; text-transform: uppercase; }

p { font-size: 22px; line-height: 150%; }

.ztna-small-text, td { font-size: 14px; line-height: 170%; }

a.text-link { font-weight: 500; }

a { color: #44a0f8; text-decoration: none; }

a:hover { text-decoration: underline; cursor: pointer; }

a:hover h2, a:hover h3, a:hover h4 { color: #44a0f8; }

a.button-link:hover { text-decoration: none; }

@media only screen and (max-width: 576px) { h1, .h1 { font-size: 32px; line-height: 46px; } h2, .h2 { font-size: 24px; line-height: 35px; } h3, .h3 { font-size: 18px; line-height: 26px; } h4, .h4, th, td a, footer a, blockquote p.h4 { font-size: 14px; line-height: 130%; } h5, .h5 { font-size: 14px; line-height: 20px; } p { font-size: 18px; line-height: 150%; } .ztna-small-text, td { font-size: 14px; line-height: 150%; } a.text-link { line-height: 130%; } }

.ztna-margin-right-10 { margin-right: 10px !important; }

.ztna-margin-right-40 { margin-right: 40px; }

.mr-60-40 { margin-right: 60px; }

.ztna-margin-left-10 { margin-left: 10px; }

.ztna-margin-bottom-20 { margin-bottom: 20px; }

.ztna-margin-bottom-30-20 { margin-bottom: 30px; }

.ztna-margin-bottom-20-10 { margin-bottom: 20px; }

.ztna-margin-bottom-50-40 { margin-bottom: 50px !important; }

.ztna-margin-bottom-40-20 { margin-bottom: 40px; }

.ztna-center { margin: 0 auto; }

.ztna-margin-top-50-40 { margin-top: 0; }

.pb-100-50-40 { padding-bottom: 100px; }

.pt-100-70 { padding-top: 100px !important; }

.mt-50-40 { margin-top: 50px !important; }

.ztna-info-icon { margin-left: 6px; }

.ztna-padding-bottom-100-70 { padding-bottom: 100px; }

.pb-50-30 { padding-bottom: 50px !important; }

.px-md-40-20 { padding-left: 40px !important; padding-right: 40px !important; }

.mr-55-40-20 { margin-right: 55x !important; }

.ml-55-40-20 { margin-left: 55px !important; }

.space-20-30-20 { height: 20px !important; }

.mr-30 { margin-right: 4% !important; }

.mr-32 { margin-right: 32px !important; }

.ztna-margin-bottom-30-12 { margin-bottom: 30px; }

.ztna-margin-bottom-3 { margin-bottom: 3px; }

.ml--15 { margin-left: -15px !important; }

.mr-40-30-0 { margin-right: 3.125%; }

.pl-40-15 { padding-left: 60px !important; }

.pr-40-15 { padding-right: 60px !important; }

.mb-70-50 { margin-bottom: 70px !important; }

.pb-60-30 { padding-bottom: 60px !important; }

.mb-100-70 { margin-bottom: 100px !important; }

.mb-70-100-70 { margin-bottom: 70px !important; }

.mb-50-30 { margin-bottom: 50px; }

@media only screen and (max-width: 576px) { .ztna-margin-bottom-30-20 { margin-bottom: 20px; } .ztna-margin-bottom-50-40 { margin-bottom: 40px !important; } .ztna-margin-top-50-40 { margin-top: 40px; } .ztna-padding-bottom-100-70 { padding-bottom: 70px; } .ztna-margin-bottom-40-20 { margin-bottom: 20px; } .ztna-margin-bottom-20-10 { margin-bottom: 10px; } .px-md-40-20 { padding-left: 20px !important; padding-right: 20px !important; } .pb-50-30 { padding-bottom: 30px !important; } .mb-md-54-40 { margin-bottom: 54px !important; } .mr-md-40-20, blockquote { margin-right: 20px; } .ml-md-40-20, blockquote { margin-left: 20px; } .pl-md-40-20 { padding-left: 20px !important; } .pr-md-40-20 { padding-right: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mt-50-40 { margin-top: 40px !important; } .ml-55-40-20 { margin-left: 20px !important; } .mr-55-40-20 { margin-right: 20px !important; } .space-20-30-20 { height: 20px !important; } .ztna-mb-md-100-70 { margin-bottom: 70px !important; } .ztna-margin-bottom-30-12 { margin-bottom: 12px; } .ml-md-40-20, blockquote { margin-left: 20px !important; } .mr-md-40-20, blockquote { margin-right: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml--15 { margin-left: 0px !important; } .mr-40-30-0 { margin-right: 0px; } .pl-40-15 { padding-left: 0px !important; } .pr-40-15 { padding-right: 0px !important; } .mr-md-25-5 { margin-right: 5px !important; } .ml-md-25-5 { margin-left: 5px !important; } .mb-70-50 { margin-bottom: 50px !important; } .mb-100-70 { margin-bottom: 70px !important; } .mb-70-100-70 { margin-bottom: 40px !important; } .mb-md-40-30 { margin-bottom: 30px !important; } .px-lg-15 { padding-left: 0 !important; padding-right: 0 !important; } .mb-50-30 { margin-bottom: 30px; } .pb-100-50-40 { padding-bottom: 40px !important; } .pt-100-70 { padding-top: 70px !important; } .pb-60-30 { padding-bottom: 30px !important; } }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-margin-top-50-40 { margin-top: 50px; } .px-md-40-20 { padding-left: 40px !important; padding-right: 40px !important; } .mb-md-54-40 { margin-bottom: 54px !important; } .mr-md-40-20, blockquote { margin-right: 40px; } .ml-md-40-20, blockquote { margin-left: 40px; } .mr-md-40 { margin-right: 40px; } .pl-md-40-20 { padding-left: 40px !important; } .pr-md-40-20 { padding-right: 40px !important; } .mr-60-40 { margin-right: 40px; } .mr-55-40-20 { margin-right: 40px !important; } .ml-55-40-20 { margin-left: 40px !important; } .space-20-30-20 { height: 30px !important; } .ztna-mb-md-100-70 { margin-bottom: 100px !important; } .ml-md-40-20, blockquote { margin-left: 40px !important; } .mr-md-40-20, blockquote { margin-right: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .ml--15 { margin-left: -15px !important; } .mr-40-30-0 { margin-right: 4%; } .pl-40-15 { padding-left: 0px !important; } .pr-40-15 { padding-right: 0px !important; } .mr-md-25-5 { margin-right: 25px !important; } .ml-md-25-5 { margin-left: 25px !important; } .mb-70-100-70 { margin-bottom: 70px !important; } .mb-md-40-30 { margin-bottom: 40px !important; } .px-lg-15 { padding-left: 0 !important; padding-right: 0 !important; } .pb-100-50-40 { padding-bottom: 50px !important; } .pl-md-40 { padding-left: 40px; } }

@media only screen and (min-width: 992px) { .pl-lg-40 { padding-left: 36px !important; } .pr-lg-40 { padding-right: 36px !important; } .mb-md-54-40 { margin-bottom: 40px !important; } .mr-lg-55 { margin-right: 55px !important; } .ml-lg-55 { margin-left: 55px !important; } .mr-lg-40 { margin-right: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-80 { margin-left: 80px; } .pl-lg-16 { padding-left: 16px !important; } .pr-lg-16 { padding-right: 16px !important; } .pl-lg-3 { padding-left: 1% !important; } .pr-lg-3 { padding-right: 1% !important; } }

@media only screen and (min-width: 768px) and (max-width: 992px) { .mb-md-30 { margin-bottom: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .mr-lg-40 { margin-right: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .pl-40-15 { padding-left: 3px !important; } .pr-40-15 { padding-right: 30px !important; } .px-lg-15 { padding-left: 15px !important; padding-right: 15px !important; } }

@media only screen and (max-width: 768px) { .mb-md-50 { margin-bottom: 50px !important; } }

@media only screen and (min-width: 576px) and (max-width: 768px) { .mr-md-50 { margin-right: 30px; } }

html { scroll-behavior: smooth; }

.ztna-content-wrapper { max-width: 1170px; }

.ztna-blog-wrapper { max-width: 1280px; }

.ztna-hidden { display: none; }

.ztna-button { padding: 13px 30px; border-radius: 25px; border: none; box-shadow: none; width: max-content; display: inline-block; background-size: 200% 100%; }

.ztna-button a { text-decoration: none; color: inherit; }

.ztna-button:hover { cursor: pointer; -webkit-box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); }

.ztna-small-button, .slider-list a, .ztna-small-button-static, .ztna-small-button-right, .ztna-small-button-left { padding: 6px 20px; border-radius: 25px; box-sizing: border-box; border: 2px solid #44a0f8; display: flex; align-items: center; column-gap: 10px; }

.ztna-small-button:hover, .slider-list a:hover, .ztna-small-button-static:hover, .ztna-small-button-right:hover, .ztna-small-button-left:hover { text-decoration: none; }

.ztna-small-button-static:hover { cursor: pointer; -webkit-box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); box-shadow: 0 0 0 4px rgba(68, 160, 248, 0.5); }

.ztna-small-button-right:hover { cursor: pointer; column-gap: 15px; padding-right: 15px; }

.ztna-small-button-left:hover { cursor: pointer; column-gap: 15px; padding-left: 15px; }

.ztna-input, .ztna-input-dark, .ztna-input-light { width: 100%; border: none; border-radius: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; }

.ztna-input-dark { color: #cad8e6; }

.ztna-input-light { border: 2px solid #44a0f8; }

.ztna-tag, .ztna-tag-large, .ztna-tag-small { border-radius: 20px; display: flex; align-items: center; }

.ztna-tag-large { padding: 8px 20px; width: max-content; }

.ztna-tag-large:hover { cursor: pointer; }

.ztna-tag-large a, .ztna-tag-large:hover { cursor: pointer; text-decoration: none; }

.ztna-tag-small { padding: 3px 10px; width: min-content; }

.ztna-num-label { width: 80px; height: 80px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }

.ztna-menu-icon { width: auto; height: 18px; }

.ztna-post-wrapper { width: 100%; margin: 0; }

.ztna-post-wrapper a:hover { text-decoration: none; }

.ztna-post-image { border-radius: 5px; width: 100%; object-fit: cover; }

.ztna-blog-date { display: flex; align-items: center; }

.ztna-post-title { height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ztna-post-ui { display: flex; justify-content: space-between; }

.width-100 { width: 100%; }

.ztna-table { border-radius: 20px; width: 100%; }

.ztna-table-head tr:first-child th:first-child { border-top-left-radius: 20px; padding: 8px 20px; }

.ztna-table-head tr:first-child th:last-child { border-top-right-radius: 20px; }

.ztna-table-body tr:last-child th:first-child, .ztna-table-body tr:last-child td:first-child { border-bottom-left-radius: 20px; }

.ztna-table-body tr:last-child th:last-child, .ztna-table-body tr:last-child td:last-child { border-bottom-right-radius: 20px; }

.ztna-table-body tr:nth-child(even) { background-color: #f5f7fb; }

.ztna-table-body tr:nth-child(odd) { background-color: #fdfdff; }

th { padding: 8px 20px; }

td { width: fit-content; padding: 8px 20px; }

.architecture-section { border-bottom: 1px solid #efefef; }

.architecture-section:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: none; }

.ztna-overflow { overflow-x: scroll; scroll-behavior: smooth; }

.ztna-overflow::-webkit-scrollbar { display: none; }

.ztna-slider-image { border-radius: 30px; }

@media only screen and (min-width: 576px) and (max-width: 992px) { .ztna-md-sm-posts-height { height: 200px; } .ztna-md-max-width { max-width: 316px; } }

@media only screen and (max-width: 576px) { .ztna-table { width: 1170px; z-index: 10; } .scroll-wrapper { overflow-x: scroll; scroll-behavior: smooth; } .scroll-wrapper::-webkit-scrollbar { display: none; } .ztna-table { width: 1170px; z-index: 10; } .ztna-md-sm-posts-height { height: 200px; } .ztna-sm-max-width { max-width: none; } .sm-flex { display: flex; } }

@media only screen and (min-width: 992px) { .ztna-lg-4-posts-max-width { max-width: 262px; } .ztna-lg-4-posts-height { height: 190px; } .ztna-lg-3-posts-max-width { max-width: 364px; } .ztna-lg-3-posts-height { height: 230px; } .ztna-lg-2-posts-max-width { max-width: 464px; } .ztna-lg-2-posts-height { height: 260px; } }

.slider-list { margin: 20px auto 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 1200px; }

.slider-list li { margin-bottom: 10px; }

.slider-list li.active a { color: #fff; background-color: #4476f8; }

.slider-list a { color: #3e5871; border: unset; background-color: #fff; }