@charset "UTF-8";
@-webkit-keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }
@keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

@keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
/* ------------------------------------------------------------------------------------------------ */
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueLight.eot"); src: url("../fonts/HelveticaNeueLight.svg") format("svg"), url("../fonts/HelveticaNeueLight.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueLight.ttf") format("truetype"), url("../fonts/HelveticaNeueLight.woff") format("woff"); font-style: normal; font-weight: 200; font-display: swap; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeue.eot"); src: url("../fonts/HelveticaNeue.svg") format("svg"), url("../fonts/HelveticaNeue.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeue.ttf") format("truetype"), url("../fonts/HelveticaNeue.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueMedium.eot"); src: url("../fonts/HelveticaNeueMedium.svg") format("svg"), url("../fonts/HelveticaNeueMedium.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueMedium.ttf") format("truetype"), url("../fonts/HelveticaNeueMedium.woff") format("woff"); font-style: normal; font-weight: 500; font-display: swap; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueBold.eot"); src: url("../fonts/HelveticaNeueBold.svg") format("svg"), url("../fonts/HelveticaNeueBold.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueBold.ttf") format("truetype"), url("../fonts/HelveticaNeueBold.woff") format("woff"); font-style: normal; font-weight: 800; font-display: swap; }

@font-face { font-family: "Roboto Reguler"; src: local("Roboto Reguler"); src: url("../fonts/roboto-regular.eot"); src: url("../fonts/roboto-regular.svg") format("svg"), url("../fonts/roboto-regular.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }

@font-face { font-family: "Roboto Medium"; src: local("Roboto Medium"); src: url("../fonts/roboto-medium.eot"); src: url("../fonts/roboto-medium.svg") format("svg"), url("../fonts/roboto-medium.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); font-style: normal; font-weight: 500; font-display: swap; }

@font-face { font-family: "Roboto Semibold"; src: local("Roboto Semibold"); src: url("../fonts/roboto-semibold.eot"); src: url("../fonts/roboto-semibold.svg") format("svg"), url("../fonts/roboto-semibold.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-semibold.ttf") format("truetype"), url("../fonts/roboto-semibold.woff") format("woff"); font-style: normal; font-weight: 600; font-display: swap; }

@font-face { font-family: "Inter"; src: local("Inter"); src: url("../fonts/Inter-Regular.eot"); src: url("../fonts/Inter-Regular.svg") format("svg"), url("../fonts/Inter-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.ttf") format("truetype"), url("../fonts/Inter-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }

@font-face { font-family: "Inter"; src: local("Inter"); src: url("../fonts/Inter-Medium.eot"); src: url("../fonts/Inter-Medium.svg") format("svg"), url("../fonts/Inter-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.ttf") format("truetype"), url("../fonts/Inter-Medium.woff") format("woff"); font-style: normal; font-weight: 500; font-display: swap; }

@font-face { font-family: "Inter"; src: local("Inter"); src: url("../fonts/Inter-SemiBold.eot"); src: url("../fonts/Inter-SemiBold.svg") format("svg"), url("../fonts/Inter-SemiBold.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.ttf") format("truetype"), url("../fonts/Inter-SemiBold.woff") format("woff"); font-style: normal; font-weight: 600; font-display: swap; }

@font-face { font-family: "Inter"; src: local("Inter"); src: url("../fonts/Inter-Bold.eot"); src: url("../fonts/Inter-Bold.svg") format("svg"), url("../fonts/Inter-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.ttf") format("truetype"), url("../fonts/Inter-Bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: swap; }

/* ------------------------------------------------------------------------------------------------ */
/* Common */
/* ------------------------------------------------------------------------------------------------ */
*, *:after, *:before { box-sizing: border-box; }

* { outline: none !important; }

*:hover, *:focus, *:focus-within, *:visited { outline: none !important; }

img { max-width: 100%; height: auto; }

/* Common */
hr { border: 0; border-top: 1px solid #e2e2e2; }

.clearfix, article p { display: block; width: 100%; }

.clearfix:before, article p:before, .clearfix:after, article p:after { content: " "; display: table; }

.clearfix:after, article p:after { clear: both; }

/* ------------------------------------------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------------------------------------------ */
a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; outline: none !important; }

p { margin: 0 0 24px; padding: 0; font-weight: 400; }

p em, p i { font-style: italic; }

p u { text-decoration: underline; }

h1, h2, h3, h4 { margin: 0 0 10px; line-height: normal; font-weight: 500; }

h1 { font-family: "Inter", sans-serif; font-weight: 700; font-size: 48px; line-height: 56px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h1 { font-size: 2rem; line-height: 2.5rem; } }

h2 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h2 { font-size: 28px; line-height: 36px; } }

h3 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h3 { font-size: 1.5rem; line-height: 2rem; } }

h4 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 32px; color: #2B2A35; margin: 0 0 24px; }

@media (max-width: 768px) { h4 { font-size: 1.25rem; line-height: 2rem; } }

article h1, article h2, article h3, article h4 { margin-bottom: 20px; }

article .indent p { margin: 0; }

article .indent p + p { text-indent: 2em; }

article p { word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; margin-bottom: 30px; }

article p:last-child { margin-bottom: 0; }

article a:visited { text-decoration: underline; }

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

article blockquote { font-style: italic; }

article blockquote:before { content: "\201C"; display: inline-block; padding-right: 0.4em; }

article li ul, article li ol { padding-left: 20px; }

article ul, article ol { margin: 0; margin-bottom: 20px; padding-left: 20px; }

article ul { list-style-type: disc; }

article ol { list-style-type: decimal; }

article li { margin-bottom: 10px; }

ul { padding: 0; margin: 0; }

.list-inline > li { padding: 0; }

label, .label { font-weight: normal; }

.text-regular, html, body { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

/* ------------------------------------------------------------------------------------------------ */
/* Bootstrap */
/* ------------------------------------------------------------------------------------------------ */
.form-control:hover, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; border-color: #e2e2e2; }

html, body { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; background: #FFF; margin: 0px; color: #232933; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

hr { margin: 20px 15px; }

@media (max-width: 768px) { hr { margin: 10px 0; } }

@media (max-width: 768px) { .hidden-xs { display: none !important; } }

@media (max-width: 1200px) { .visible-lg { display: none !important; } }

@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

@media (min-width: 768px) { .visible-xs { display: none !important; } }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
#wrap { margin: auto; }

#wrap .section { transition: all 0.8s 1.7s; }

#wrap .loadpage { background: #F9FAFB; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 101; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 1.2s; transition: opacity 0.5s, visibility 0.5s, transform 1.2s; transition: opacity 0.5s, visibility 0.5s, transform 1.2s, -webkit-transform 1.2s; overflow: hidden; opacity: 1; visibility: hidden; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }

#wrap .loadpage .img { margin: auto; }

#wrap .loadingimg { background: #FFFFFF; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 101; opacity: 1; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, -webkit-transform 0.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s, -webkit-transform 0.5s; overflow: hidden; }

#wrap .loadingimg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F58232; transition: opacity 0.5s 1.5s, -webkit-transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1); transition: transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1), opacity 0.5s 1.5s; transition: transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1), opacity 0.5s 1.5s, -webkit-transform 1.2s cubic-bezier(0.23, 0.8, 0.32, 1); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }

#wrap .loadingimg img { display: block; margin: auto; transition: all 0.5s cubic-bezier(0.23, 0.8, 0.32, 1); transition-delay: 1s; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; }

#wrap .loadingimg .img { margin: auto; position: relative; overflow: hidden; }

#wrap .loadingimg .img .icon { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); }

#wrap.opened .loadpage .img { margin: auto; }

#wrap.opened .loadingimg { opacity: 0; visibility: hidden; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); transition: opacity 0.3s 1.3s, visibility 0.3s 1.3s, -webkit-transform 0.3s 2.3s; transition: opacity 0.3s 1.3s, visibility 0.3s 1.3s, transform 0.3s 2.3s; transition: opacity 0.3s 1.3s, visibility 0.3s 1.3s, transform 0.3s 2.3s, -webkit-transform 0.3s 2.3s; }

#wrap.opened .loadingimg:before { -webkit-animation-name: loadimage; animation-name: loadimage; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

#wrap.opened .loadingimg img { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); }

#wrap.state .loadingimg { transition: all 0s; opacity: 1; visibility: visible; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, transform 0.5s; transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, transform 0.5s, -webkit-transform 0.5s; }

#wrap.state .loadingimg:before { -webkit-animation: none; animation: none; }

#wrap.state .loadingimg img { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; }

#wrap.state header { -webkit-transform: translateY(-100px); transform: translateY(-100px); background: none; transition-delay: 1s; }

#wrap.state header.blue .wrp { background: none; }

#wrap.loading .loadingimg { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

#wrap.loading .loadingimg img { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); transition-delay: 1s; transition: all 1s 1s cubic-bezier(0.23, 1, 0.32, 1); }

#wrap.loading-page .loadpage { visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

#wrap.loading-page .loadingimg { opacity: 0; visibility: hidden; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, -webkit-transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s, -webkit-transform 0.5s 2.5s; }

#wrap.opened-page .loadpage { opacity: 0; visibility: hidden; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }

#wrap.opened-page .loadingimg { opacity: 0; visibility: hidden; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, -webkit-transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s; transition: opacity 0.5s 1.5s, visibility 0.5s 1.5s, transform 0.5s 2.5s, -webkit-transform 0.5s 2.5s; }

@-webkit-keyframes loadimage { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } }

@keyframes loadimage { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } }

@-webkit-keyframes flip { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% { opacity: 0;
    visibility: hidden; } }

@keyframes flip { 0% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% { opacity: 0;
    visibility: hidden; } }

.step-in { opacity: 0; transition: opacity .5s ease; }

.slide-left { transition: opacity 1s 0s linear, -webkit-transform 1s 0s ease; transition: opacity 1s 0s linear, -webkit-transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease, -webkit-transform 1.5s 0s ease; -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }

.slide-left.animate-in { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

.slide-right { transition: opacity 1s 0s linear, -webkit-transform 1s 0s ease; transition: opacity 1s 0s linear, -webkit-transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease; transition: opacity 1s 0s linear, transform 1.5s 0s ease, -webkit-transform 1.5s 0s ease; -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; }

.slide-right.animate-in { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

.slide-up { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; transition: opacity 1s linear, -webkit-transform 1s ease; transition: opacity 1s linear, transform 1s ease; transition: opacity 1s linear, transform 1s ease, -webkit-transform 1s ease; }

.slide-up.long { transition: opacity 1s linear, -webkit-transform 1s ease; }

.slide-up[data-delay="1"] { transition-delay: 500ms; }

.slide-up[data-delay="2"] { transition-delay: 1000ms; }

.slide-up[data-delay="3"] { transition-delay: 1500ms; }

.slide-up[data-delay="4"] { transition-delay: 2000ms; }

.slide-up[data-delay="5"] { transition-delay: 2500ms; }

.slide-up[data-delay="6"] { transition-delay: 3000ms; }

.slide-up[data-delay="7"] { transition-delay: 3500ms; }

.slide-up[data-delay="8"] { transition-delay: 4000ms; }

.slide-up[data-delay="9"] { transition-delay: 4500ms; }

.slide-up[data-delay="10"] { transition-delay: 5000ms; }

.slide-up[data-delay="11"] { transition-delay: 5500ms; }

.slide-up[data-delay="12"] { transition-delay: 6000ms; }

.slide-up[data-delay="13"] { transition-delay: 6500ms; }

.slide-up[data-delay="14"] { transition-delay: 7000ms; }

.slide-up[data-delay="15"] { transition-delay: 7500ms; }

.slide-up.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.slide-down { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; transition: opacity 1s linear, -webkit-transform 1s ease; transition: opacity 1s linear, transform 1s ease; transition: opacity 1s linear, transform 1s ease, -webkit-transform 1s ease; }

.slide-down.long { transition: opacity 1s linear, -webkit-transform 1s ease; }

.slide-down[data-delay="1"] { transition-delay: 500ms; }

.slide-down[data-delay="2"] { transition-delay: 1000ms; }

.slide-down[data-delay="3"] { transition-delay: 1500ms; }

.slide-down[data-delay="4"] { transition-delay: 2000ms; }

.slide-down[data-delay="5"] { transition-delay: 2500ms; }

.slide-down[data-delay="6"] { transition-delay: 3000ms; }

.slide-down[data-delay="7"] { transition-delay: 3500ms; }

.slide-down[data-delay="8"] { transition-delay: 4000ms; }

.slide-down[data-delay="9"] { transition-delay: 4500ms; }

.slide-down[data-delay="10"] { transition-delay: 5000ms; }

.slide-down[data-delay="11"] { transition-delay: 5500ms; }

.slide-down[data-delay="12"] { transition-delay: 6000ms; }

.slide-down[data-delay="13"] { transition-delay: 6500ms; }

.slide-down[data-delay="14"] { transition-delay: 7000ms; }

.slide-down[data-delay="15"] { transition-delay: 7500ms; }

.slide-down.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.banner-up { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; }

.banner-up .text * { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; }

.banner-up .text *:nth-child(1) { transition-delay: 200ms; }

.banner-up .text *:nth-child(2) { transition-delay: 400ms; }

.banner-up .text *:nth-child(3) { transition-delay: 600ms; }

.banner-up .text *:nth-child(4) { transition-delay: 800ms; }

.banner-up .text *:nth-child(5) { transition-delay: 1000ms; }

.banner-up .text *:nth-child(6) { transition-delay: 1200ms; }

.banner-up .text *:nth-child(7) { transition-delay: 1400ms; }

.banner-up .text *:nth-child(8) { transition-delay: 1600ms; }

.banner-up .text *:nth-child(9) { transition-delay: 1800ms; }

.banner-up .text *:nth-child(10) { transition-delay: 2000ms; }

.banner-up .text *:nth-child(11) { transition-delay: 2200ms; }

.banner-up .text *:nth-child(12) { transition-delay: 2400ms; }

.banner-up .text *:nth-child(13) { transition-delay: 2600ms; }

.banner-up .text *:nth-child(14) { transition-delay: 2800ms; }

.banner-up .text *:nth-child(15) { transition-delay: 3000ms; }

.banner-up.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.banner-up.animate-in .text * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.list-up .item-up, .list-up .col-sm-4, .list-up .panel, .list-up .col-md-3, .list-up > * { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .5s linear, -webkit-transform .5s ease; transition: opacity .5s linear, transform .5s ease; transition: opacity .5s linear, transform .5s ease, -webkit-transform .5s ease; }

.list-up .item-up:nth-child(1), .list-up .col-sm-4:nth-child(1), .list-up .panel:nth-child(1), .list-up .col-md-3:nth-child(1), .list-up > *:nth-child(1) { transition-delay: 200ms; }

.list-up .item-up:nth-child(2), .list-up .col-sm-4:nth-child(2), .list-up .panel:nth-child(2), .list-up .col-md-3:nth-child(2), .list-up > *:nth-child(2) { transition-delay: 400ms; }

.list-up .item-up:nth-child(3), .list-up .col-sm-4:nth-child(3), .list-up .panel:nth-child(3), .list-up .col-md-3:nth-child(3), .list-up > *:nth-child(3) { transition-delay: 600ms; }

.list-up .item-up:nth-child(4), .list-up .col-sm-4:nth-child(4), .list-up .panel:nth-child(4), .list-up .col-md-3:nth-child(4), .list-up > *:nth-child(4) { transition-delay: 800ms; }

.list-up .item-up:nth-child(5), .list-up .col-sm-4:nth-child(5), .list-up .panel:nth-child(5), .list-up .col-md-3:nth-child(5), .list-up > *:nth-child(5) { transition-delay: 1000ms; }

.list-up .item-up:nth-child(6), .list-up .col-sm-4:nth-child(6), .list-up .panel:nth-child(6), .list-up .col-md-3:nth-child(6), .list-up > *:nth-child(6) { transition-delay: 1200ms; }

.list-up .item-up:nth-child(7), .list-up .col-sm-4:nth-child(7), .list-up .panel:nth-child(7), .list-up .col-md-3:nth-child(7), .list-up > *:nth-child(7) { transition-delay: 1400ms; }

.list-up .item-up:nth-child(8), .list-up .col-sm-4:nth-child(8), .list-up .panel:nth-child(8), .list-up .col-md-3:nth-child(8), .list-up > *:nth-child(8) { transition-delay: 1600ms; }

.list-up .item-up:nth-child(9), .list-up .col-sm-4:nth-child(9), .list-up .panel:nth-child(9), .list-up .col-md-3:nth-child(9), .list-up > *:nth-child(9) { transition-delay: 1800ms; }

.list-up .item-up:nth-child(10), .list-up .col-sm-4:nth-child(10), .list-up .panel:nth-child(10), .list-up .col-md-3:nth-child(10), .list-up > *:nth-child(10) { transition-delay: 2000ms; }

.list-up .item-up:nth-child(11), .list-up .col-sm-4:nth-child(11), .list-up .panel:nth-child(11), .list-up .col-md-3:nth-child(11), .list-up > *:nth-child(11) { transition-delay: 2200ms; }

.list-up .item-up:nth-child(12), .list-up .col-sm-4:nth-child(12), .list-up .panel:nth-child(12), .list-up .col-md-3:nth-child(12), .list-up > *:nth-child(12) { transition-delay: 2400ms; }

.list-up .item-up:nth-child(13), .list-up .col-sm-4:nth-child(13), .list-up .panel:nth-child(13), .list-up .col-md-3:nth-child(13), .list-up > *:nth-child(13) { transition-delay: 2600ms; }

.list-up .item-up:nth-child(14), .list-up .col-sm-4:nth-child(14), .list-up .panel:nth-child(14), .list-up .col-md-3:nth-child(14), .list-up > *:nth-child(14) { transition-delay: 2800ms; }

.list-up .item-up:nth-child(15), .list-up .col-sm-4:nth-child(15), .list-up .panel:nth-child(15), .list-up .col-md-3:nth-child(15), .list-up > *:nth-child(15) { transition-delay: 3000ms; }

.list-up .item-up:nth-child(16), .list-up .col-sm-4:nth-child(16), .list-up .panel:nth-child(16), .list-up .col-md-3:nth-child(16), .list-up > *:nth-child(16) { transition-delay: 3200ms; }

.list-up .item-up:nth-child(17), .list-up .col-sm-4:nth-child(17), .list-up .panel:nth-child(17), .list-up .col-md-3:nth-child(17), .list-up > *:nth-child(17) { transition-delay: 3400ms; }

.list-up .item-up:nth-child(18), .list-up .col-sm-4:nth-child(18), .list-up .panel:nth-child(18), .list-up .col-md-3:nth-child(18), .list-up > *:nth-child(18) { transition-delay: 3600ms; }

.list-up .item-up:nth-child(19), .list-up .col-sm-4:nth-child(19), .list-up .panel:nth-child(19), .list-up .col-md-3:nth-child(19), .list-up > *:nth-child(19) { transition-delay: 3800ms; }

.list-up .item-up:nth-child(20), .list-up .col-sm-4:nth-child(20), .list-up .panel:nth-child(20), .list-up .col-md-3:nth-child(20), .list-up > *:nth-child(20) { transition-delay: 4000ms; }

.list-up.left:not(.animate-in) > * { -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); }

.list-up.animate-in .item-up, .list-up.animate-in .col-sm-4, .list-up.animate-in .col-md-3, .list-up.animate-in > * { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

@media (min-width: 992px) { .list-each .col-sm-4 { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); transition: all .5s; }
  .list-each .col-sm-4:nth-child(1) { left: 33%; transition: opacity 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; }
  .list-each .col-sm-4:nth-child(3) { left: -33%; transition: opacity 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s; transition: opacity 0.5s, transform 0.5s, left 0.5s 0.5s, -webkit-transform 0.5s; }
  .list-each.animate-in .col-sm-4 { opacity: 1; -webkit-transform: none; transform: none; left: 0 !important; } }

.waypoint-reveal .step-up, .waypoint-reveal.step-up { opacity: 1; -webkit-transform: none; transform: none; }

.anim.boxs .wraper .box { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; transition: all 1s; }

.anim.boxs .wraper .box:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 1s; transition-delay: .5s; }

.anim.boxs .wraper .box .map, .anim.boxs .wraper .box .img { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 1s; transition-delay: 1s; }

.anim.boxs.animate-in .box { -webkit-transform: none; transform: none; }

.anim.boxs.animate-in .box:after, .anim.boxs.animate-in .box .map, .anim.boxs.animate-in .box .img { -webkit-transform: none; transform: none; }

.anim-img:after { background: #232933; content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-animation-delay: 1s; animation-delay: 1s; }

.anim-img > * { visibility: hidden; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.anim-img.animate-in:after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2; }

.anim-img.animate-in > * { -webkit-animation-name: show-img-1; animation-name: show-img-1; }

@-webkit-keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@-webkit-keyframes pulseBig { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulseBig { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@-webkit-keyframes pulseBlue { 0% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(75, 97, 221, 0); }
  100% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0); } }

@keyframes pulseBlue { 0% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4); }
  70% { box-shadow: 0 0 0 30px rgba(75, 97, 221, 0); }
  100% { box-shadow: 0 0 0 0 rgba(75, 97, 221, 0); } }

@-webkit-keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@-webkit-keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

@keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

@-webkit-keyframes scroll-y { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(calc(-100% - 32px)); transform: translateY(calc(-100% - 32px)); } }

@keyframes scroll-y { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(calc(-100% - 32px)); transform: translateY(calc(-100% - 32px)); } }

@-webkit-keyframes bounceRev { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(4px); transform: scale(0.9, 1.1) translateX(4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(-6px); transform: scale(1.05, 0.95) translateX(-6px); }
  57% { -webkit-transform: scale(1, 1) translateX(2px); transform: scale(1, 1) translateX(2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@keyframes bounceRev { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(4px); transform: scale(0.9, 1.1) translateX(4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(-6px); transform: scale(1.05, 0.95) translateX(-6px); }
  57% { -webkit-transform: scale(1, 1) translateX(2px); transform: scale(1, 1) translateX(2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

/* ------------------------------------------------------------------------------------------------ */
/* General */
/* ------------------------------------------------------------------------------------------------ */
main { margin-top: 115px; }

main.no-header { margin-top: 0; }

@media (max-width: 768px) { main { margin-top: 100px; } }

@media (min-width: 1200px) { .container.container-sm { max-width: 770px; } }

.row { margin-left: -12px; margin-right: -12px; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 12px; padding-right: 12px; }

@media (min-width: 1200px) { .container { max-width: 1248px; } }

a { color: #232933; }

a:hover { text-decoration: none; color: #232933; }

.text-danger { color: #C02A34; }

.section__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; text-align: center; }

.section__desc { margin-bottom: 24px; text-align: center; }

.section__desc p { margin-bottom: 24px; }

.section__desc p:last-child { margin-bottom: 0; }

.section__action { text-align: center; }

.section__action a, .section__action .btn { margin-right: 14px; }

.section__action a:last-child, .section__action .btn:last-child { margin-right: 0; }

@media (max-width: 991px) { .section__title { font-size: 28px; line-height: 36px; }
  .section__action a, .section__action .btn { margin-right: 0; margin-bottom: 16px; width: 100%; }
  .section__action a:last-child, .section__action .btn:last-child { margin-bottom: 0; } }

.btn { position: relative; font-weight: 500; border: 0; border-radius: 6px; text-align: center; transition: all .3s ease; padding: 7px 16px; font-size: 16px; line-height: 24px; }

.btn:focus, .btn:active:focus, .btn.active:focus { outline: none !important; box-shadow: none !important; }

.btn .icon { display: inline-block; vertical-align: middle; margin: 2px 8px; position: relative; top: -1px; }

.btn.btn-icon-left .icon { margin-left: 0; }

.btn.btn-icon-right .icon { margin-right: 0; }

.btn-blue-border { background: transparent; color: #4B61DD; border: 1px solid #4B61DD; border-radius: 6px; font-weight: 500; box-shadow: none; }

.btn-blue-border.cta-waba::before { background: url("../images/ic-waba-blue.svg") no-repeat center; }

.btn-blue-border span.arrow-button { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url("../images/ic-arrow-button.svg") no-repeat center; background-size: contain; margin-left: 4px; }

.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; }

.btn-blue-border:hover.cta-waba::before { background: url("../images/ic-waba-white.svg") no-repeat center; }

.btn-blue-border:hover span.arrow-button { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url("../images/ic-arrow-button-white.svg") no-repeat center; background-size: contain; margin-left: 4px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.btn.btn-primary { background: #4B61DD; color: #FFF; box-shadow: 0 16px 4px 0 rgba(103, 110, 144, 0.05), 0 8px 8px 0 rgba(103, 110, 144, 0.05), 0 4px 4px 0 rgba(103, 110, 144, 0.05), 0 2px 2px 0 rgba(103, 110, 144, 0.05); }

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.active { background: #2740ce; }

.btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:focus { background: #2740ce; }

.btn.btn-primary.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-primary.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-primary.cta-waba img { display: none !important; }

.btn.btn-primary-border { background: transparent; color: #F58232; border: 1px solid #4B61DD; line-height: 24px; }

.btn.btn-primary-border:hover, .btn.btn-primary-border:active, .btn.btn-primary-border.active { color: #FFF; background: #2740ce; border-color: #2740ce; }

.btn.btn-primary-border:hover.cta-waba, .btn.btn-primary-border:active.cta-waba, .btn.btn-primary-border.active.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-primary-border:hover.cta-waba::before, .btn.btn-primary-border:active.cta-waba::before, .btn.btn-primary-border.active.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-primary-border:hover.cta-waba img, .btn.btn-primary-border:active.cta-waba img, .btn.btn-primary-border.active.cta-waba img { display: none !important; }

.btn.btn-primary-border:not(:disabled):not(.disabled):active:focus, .btn.btn-primary-border:not(:disabled):not(.disabled).active:focus { color: #FFF; background: #2740ce; border-color: #2740ce; }

.btn.btn-primary-border.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-primary-border.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-orange.svg") no-repeat center; background-size: contain; }

.btn.btn-primary-border.cta-waba img { display: none !important; }

.btn.btn-white { background: #FFFFFF; color: #153F7D; }

.btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white.active { background: #F58232; color: #FFFFFF; }

.btn.btn-white:not(:disabled):not(.disabled):active:focus, .btn.btn-white:not(:disabled):not(.disabled).active:focus { background: #F58232; color: #FFFFFF; }

.btn.btn-border-white { border: 1px solid #FFF; border-radius: 6px; background: transparent; color: #FFF; line-height: 24px; }

.btn.btn-border-white:hover { background: #4B61DD; color: #FFF; }

.btn.btn-black { font-size: 16px; line-height: 24px; background: #232933; color: #FFF; }

.btn.btn-black:hover, .btn.btn-black:active, .btn.btn-black.active { background: #232933; color: #FFFFFF; }

.btn.btn-black:not(:disabled):not(.disabled):active:focus, .btn.btn-black:not(:disabled):not(.disabled).active:focus { background: #232933; color: #FFFFFF; }

.btn.btn-link { font-weight: normal; color: #1357FF; text-decoration: none; }

.btn.btn-link:hover { text-decoration: underline; color: #886de3; }

.btn.btn-lg { padding: 12px 20px; min-width: 200px; }

.btn.btn-blue { background: #4B61DD; border: 1px solid #4B61DD; box-shadow: none; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFF; }

.btn.btn-blue.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-blue.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-blue.cta-waba img { display: none !important; }

.btn.btn-blue:hover { background: #2740ce; }

.btn.btn-blue.btn-arrow:after { content: ''; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-left: 8px; width: 20px; height: 20px; background: url(../images/ic-arrow-right-w.svg) no-repeat center; background-size: contain; position: relative; top: 5px; margin-top: -3px; }

.btn.btn-blue.btn-arrow:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.btn.btn-border-blue { border: 1px solid #4B61DD; border-radius: 6px; background: transparent; color: #4B61DD; line-height: 24px; }

.btn.btn-border-blue.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-border-blue.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-blue.svg") no-repeat center; background-size: contain; }

.btn.btn-border-blue.cta-waba img { display: none !important; }

.btn.btn-border-blue:hover { background: #4B61DD; color: #FFF; }

.btn.btn-border-blue:hover.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-border-blue:hover.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-border-blue:hover img { display: none !important; }

.btn.btn-mekari { border-radius: 6px; background: #4B61DD; color: #FFF; }

.btn.btn-mekari.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-mekari.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-white.svg") no-repeat center; background-size: contain; }

.btn.btn-mekari.cta-waba img { display: none !important; }

.btn.btn-mekari:hover { background: #2740ce; }

.btn.btn-mekari-border { border-radius: 6px; background: #FFF; border: 1px solid #4B61DD; color: #4B61DD; }

.btn.btn-mekari-border.cta-waba { padding-left: 16px; position: relative; }

.btn.btn-mekari-border.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url("../images/ic-waba-purple.svg") no-repeat center; background-size: contain; }

.btn.btn-mekari-border.cta-waba img { display: none !important; }

.btn.btn-mekari-border:hover { background: #4B61DD; color: #FFF; }

.btn.btn-mekari-border:hover.cta-waba::before { background: url("../images/ic-waba-white.svg") no-repeat center; }

.btn.btn-blue-play { position: relative; }

.btn.btn-blue-play::before { content: ""; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background-image: url(../images/ic-play-blue.svg); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; position: relative; top: -1px; }

.btn.btn-blue-play:hover::before { background-image: url(../images/ic-play-white.svg); }

.btn.btn-blue-yt { position: relative; }

.btn.btn-blue-yt::before { content: ""; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background-image: url(../images/ic-btn-youtube.svg); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; position: relative; top: -1px; }

.btn.btn-blue-yt:hover::before { background-image: url(../images/ic-btn-youtube-white.svg); }

.btn.btn-blue-arrow { padding-left: 16px; padding-right: 16px; }

.btn.btn-blue-arrow:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-w.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-left: 8px; }

.btn.btn-white-arrow { background: #FFF; color: #4B61DD; }

.btn.btn-white-arrow:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-left: 8px; }

.btn.btn-white-arrow:hover::after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.cta-waba { pointer-events: none; }

.cta-waba.show { pointer-events: auto; }

.btn-more { position: relative; }

.btn-more:after { content: ""; display: block; width: 15px; height: 14px; background-image: url(../images/arrow-more.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left: 90%; top: calc(50% - 7px); opacity: 0; transition: all .5s; }

.btn-more:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); left: calc(100% + 5px); opacity: 1; }

.link-more { color: #1357FF; position: relative; }

.link-more:after { content: ""; display: block; width: 24px; height: 8px; background: url(../images/ic-arrow-right-long.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 4px); }

.link-more:hover { color: #1357FF; text-decoration: underline; }

.link-more:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-more-white { color: #FFF; position: relative; }

.link-more-white:after { content: ""; display: block; width: 24px; height: 8px; background: url(../images/ic-arrow-right-long-white.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 4px); }

.link-more-white:hover { color: #FFF; text-decoration: underline; }

.link-more-white:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-arrow { color: #4A26C4; line-height: 24px; }

.link-arrow:after { content: ""; display: inline-block; width: 18px; height: 16px; background-image: url(../images/arrow-more.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: calc(50% - 8px); right: 0; margin-left: 10px; transition: all .5s; position: relative; top: 3px; }

.link-arrow:hover { color: #4A26C4; text-decoration: none; }

.link-arrow:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); }

@media (max-width: 768px) { .text-left-sm { text-align: left !important; }
  .text-right-sm { text-align: right !important; }
  .text-center-sm { text-align: center !important; } }

.block__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; margin-bottom: -12px; min-width: 390px; }

.block__action.text-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.block__action .btn, .block__action .link-more { margin-left: 6px; margin-right: 6px; margin-bottom: 12px; }

.block__action .link-more { line-height: 40px; }

@media (max-width: 768px) { .block__action { min-width: 100%; } }

.section-title .title { font-size: 26px; line-height: 36px; margin-bottom: 20px; font-weight: bold; }

.section-title .sub { margin: 0 auto; }

.section-title .sub.sub-sm { max-width: 570px; }

@media (max-width: 991px) { .section-title .title { font-size: 26px; line-height: 1.5em; } }

.owl-carousel { margin: 0; }

.owl-dots { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 24px; padding: 8px 0; }

.owl-dots .owl-dot { width: 32px; height: 4px; background: #8B95A5; margin: 0 6px; border-radius: 2px; display: block; }

.owl-dots .owl-dot.active { background: #4B61DD; }

@media (max-width: 768px) { .owl-dots .owl-dot { margin: 0 10px; } }

@media (max-width: 768px) { .owl-dots { margin: 24px 0 0; } }

.slider-dots-bar .owl-dots { line-height: 20px; margin: 24px 0 0; }

.slider-dots-bar .owl-dots .owl-dot { vertical-align: middle; width: 32px; height: 4px; border-radius: 2px; margin: 0 6px; background: #8B95A5; border-color: #8B95A5; }

.slider-dots-bar .owl-dots .owl-dot.active { background: #4B61DD; border-color: #4B61DD; }

.banner-wrap .img-banner { overflow: hidden; border-radius: 6px; min-height: 380px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.banner-wrap .img-banner.ads { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.banner-wrap .img-banner .bg { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; }

.banner-wrap .img-banner .content { position: relative; z-index: 2; width: 50%; padding: 30px 30px 30px 0; }

.banner-wrap .img-banner .content .title { font-size: 36px; line-height: 48px; font-weight: bold; }

@media (max-width: 768px) { .banner-wrap .img-banner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 300px; }
  .banner-wrap .img-banner .bg { position: relative; width: 100%; padding-top: 50%; background-position: top left; }
  .banner-wrap .img-banner .content { margin: 0; width: 100%; padding: 20px; text-align: center; background-color: #eef3f4; }
  .banner-wrap .img-banner .content .title { font-size: 21px; line-height: 32px; } }

.rate { text-align: left; margin-bottom: 20px; }

.rate u { display: inline-block; width: 20px; height: 20px; background-image: url(../images/icon-star.svg); background-size: contain; }

.rate u + u { margin-left: 1px; }

.rate u:last-child { margin-right: 0; }

.rate u.rated { background-image: url(../images/icon-star-y.svg); }

*::-webkit-scrollbar { width: 6px; height: 6px; }

*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

*::-webkit-scrollbar-thumb { background-color: #F58232; outline: 1px solid none; border-radius: 2.5px; }

.page-number, .page-numbers { text-align: center; }

.page-number ul, .page-numbers ul { list-style: none; padding: 0; margin: 0; }

.page-number ul li, .page-numbers ul li { display: inline-block; margin: 0 15px; }

.page-number ul li a, .page-number ul li > span, .page-numbers ul li a, .page-numbers ul li > span { display: block; color: #777; }

.page-number ul li a.current, .page-number ul li > span.current, .page-numbers ul li a.current, .page-numbers ul li > span.current { color: #4A26C4; }

.page-number ul li.active a, .page-number ul li:hover a, .page-numbers ul li.active a, .page-numbers ul li:hover a { color: #4A26C4; }

.page-number ul li.disabled a, .page-number ul li.disabled span, .page-numbers ul li.disabled a, .page-numbers ul li.disabled span { pointer-events: none; opacity: .5; }

.page-number ul li.disabled:hover a, .page-number ul li.disabled:hover span, .page-numbers ul li.disabled:hover a, .page-numbers ul li.disabled:hover span { color: #777; }

@media (max-width: 768px) { .page-number ul li, .page-numbers ul li { margin: 0 5px; } }

.modal-backdrop.show { opacity: .9; }

.modal.fade .modal-dialog { -webkit-transform: scale(0.2); transform: scale(0.2); }

.modal.show .modal-dialog { -webkit-transform: scale(1); transform: scale(1); }

.modal .modal-custom { max-width: 770px; }

.modal .modal-content { border-radius: 10px; border: 0; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.5); }

.modal .btn-close { position: absolute; right: 10px; top: 10px; cursor: pointer; opacity: 1; transition: opacity .5s ease; text-align: center; font-size: 30px; line-height: 30px; border-radius: 10px; z-index: 5; color: #777; display: block; width: 30px; height: 30px; background-image: url(../images/icon-close.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.modal .btn-close:hover { opacity: .5; }

.modal .title { font-size: 26px; line-height: 36px; font-weight: 500; }

.modal .title b { font-weight: bold; }

.modal .sub { font-weight: normal; text-align: center; }

.modal .modal-body { padding: 30px; }

.modal .modal-body.modal-body-custom { padding: 60px 100px; }

@media (max-width: 991px) { .modal .modal-custom { max-width: 100%; margin: 1rem; }
  .modal .btn-close { top: -45px; right: 0; color: #FFF; }
  .modal .title { font-size: 21px; line-height: 32px; }
  .modal .modal-body.modal-body-custom { padding: 30px 15px; } }

.page-404 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; margin-top: -100px; background-color: #EDF6FA; color: #F58232; }

.page-404 h1 { font-size: 25em; line-height: 1.2em; }

.back-to-top { display: none; position: fixed; bottom: 25px; right: 15px; text-align: center; z-index: 100; cursor: pointer; opacity: 1; visibility: visible; background: #F58232; border-radius: 4px; color: #fff !important; text-decoration: none !important; transition: all 0.5s; overflow: hidden; }

.back-to-top.h { bottom: 0; opacity: 0; visibility: hidden; }

.back-to-top .fa { font-size: 30px; line-height: 35px; height: 40px; width: 40px; text-align: center; display: inline-block; position: relative; background: #F58232; color: #fff; }

.m-0 { margin: 0 !important; }

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

.link-more { color: #4B61DD; position: relative; font-size: 16px; }

.link-more:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; position: absolute; right: -27px; top: calc(50% - 10px); }

.link-more:hover { color: #4B61DD; text-decoration: underline; }

.link-more:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

@media (max-width: 768px) { .link-more { padding: 8px 0; display: inline-block; } }

.link-more-white { color: #FFF; position: relative; font-size: 16px; }

.link-more-white:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-w.svg) no-repeat center; background-size: contain; position: absolute; right: -27px; top: calc(50% - 10px); }

.link-more-white:hover { color: #FFF; text-decoration: underline; }

.link-more-white:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

@media (max-width: 768px) { .link-more-white { padding: 8px 0; display: inline-block; } }

.section-head { margin-bottom: 3rem; }

.section-head:last-child { margin-bottom: 0; }

.section-head__subtitle { font-size: 14px; line-height: 23px; }

.section-head__title { font-size: 32px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 8px; }

.section-head__desc:not(:last-child) { margin-bottom: 24px; }

.section-head__action a { margin-left: 12px; }

.section-head__action a:first-child { margin-left: 0; }

@media (max-width: 768px) { .section-head__action a { width: 100%; margin-bottom: 12px; margin-left: 0; } }

@media (max-width: 991px) { .section-head__title { font-size: 28px; line-height: 36px; } }

.custom-list-title { display: block; margin: 0 0 8px; }

ul.custom-list { display: block; width: 100%; }

ul.custom-list > li { position: relative; display: block; padding-left: 36px; margin-bottom: 16px; }

ul.custom-list > li:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center/contain; background-size: contain; position: absolute; left: 0; top: 2px; }

ul.custom-list > li .title { font-weight: 600; display: block; margin: 0 0 4px; }

ul.custom-list > li p { margin-bottom: 0; }

ul.custom-list > li.lock::before { background: url(../images/ic-lock.svg) no-repeat center/contain; }

ul.custom-list > li.cross::before { background: url(../images/ic-cross.svg) no-repeat center/contain; }

ul.custom-list.alt > li:before { background: url(../images/ic-check-green.svg) no-repeat center; background-size: contain; }

ul.custom-list.red > li:before { background: url(../images/ic-check-red.svg) no-repeat center; background-size: contain; }

ul.custom-list.cross > li:before { background: url(../images/ic-cross.svg) no-repeat center; background-size: contain; }

ul.custom-list.dark > li { margin-bottom: 28px; }

ul.custom-list.dark > li h4 { font-size: 1rem; line-height: 1.5rem; margin-bottom: 4px; }

ul.custom-list.dark > li::before { background: url(../images/ic-check-dark.svg) no-repeat center; }

.custom-list-alt .item { position: relative; display: block; padding-left: 36px; margin-bottom: 16px; }

.custom-list-alt .item:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: 2px; }

.accordion { position: relative; margin-bottom: 32px; }

.accordion .card { position: relative; margin-bottom: 4px; }

.accordion .card__header { position: relative; display: block; padding: 20px 56px 20px 20px; cursor: pointer; border-bottom: 1px solid #E2E2E2; transition: all .3s ease-in-out; }

.accordion .card__header:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; position: absolute; top: 20px; right: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .5s ease-in-out; }

.accordion .card__header.collapsed:after { -webkit-transform: none; transform: none; }

.accordion .card__title { font-size: 16px; line-height: 24px; font-weight: 700; margin: 0; padding: 0; }

.accordion .card__body { background: #FFF; border-radius: 4px; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); padding: 24px 20px; margin-top: 12px; }

.accordion--faq { margin-bottom: 0; }

.accordion--faq .card { margin-bottom: 16px; background: #FFF; border-radius: 4px; overflow: hidden; border: 1px solid #DFDFDF; }

.accordion--faq .card.open { margin-bottom: 24px; background: #FFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }

.accordion--faq .card__header { padding: 20px 50px 20px 16px; border: 0; }

.accordion--faq .card__header .card__title { max-width: 560px; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.accordion--faq .card__header:after { top: 18px; right: 16px; background: url(../images/ic-caret-down.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.accordion--faq .card__header.collapsed .card__title { font-family: "Inter", sans-serif; font-weight: 400; }

.accordion--faq .card__header.collapsed:after { content: ""; background: url(../images/ic-caret-down.svg) no-repeat center; background-size: contain; }

.accordion--faq .card__body { border-radius: 0; box-shadow: none; padding: 0 50px 20px 16px; margin: 0; font-family: "Inter", sans-serif; font-weight: 400; }

.accordion--faq .card__body p { max-width: 560px; font-family: "Inter", sans-serif; font-weight: 400; }

.accordion--faq .card__body p:last-child { margin-bottom: 0; }

.accordion--faq .card__body p:last-child a { color: #4A26C4 !important; }

.accordion--faq .card__body p:last-child a:hover { color: #4A26C4 !important; text-decoration: underline !important; }

.accordion--faq .card__body a { color: #4A26C4 !important; }

.accordion--faq .card__body a:hover { color: #4A26C4 !important; text-decoration: underline !important; }

.accordion--faq .card:last-child { margin-bottom: 0; }

.accordion--auto .card { position: relative; background: #FFF; border-radius: 4px; }

.accordion--auto .card .progress { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: #FFF; }

.accordion--auto .card__body { position: relative; box-shadow: none; background: transparent; padding-top: 0; margin-top: 0; }

.accordion--auto .card.open { box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); background: #FFF; margin-top: 4px; }

.accordion--auto .card.open .card__header { border-color: transparent; padding-bottom: 12px; }

.accordion--auto .card.open .progress { opacity: 1; }

.accordion--auto .card.open .progress rect { stroke-dasharray: 1500; -webkit-animation: dash2 10s linear; animation: dash2 10s linear; }

.accordion--auto-image { transition: all .5s ease-in-out; }

.accordion--auto-image img { display: block; width: 100%; height: auto; }

.accordion--auto-image.img-out { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; }

.accordion--auto-image.img-in { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }

.accordion--dots { margin: 0; position: relative; }

.accordion--dots .card { border: 0; position: relative; background: transparent; padding: 20px 0; margin: 0 0 0 40px; transition: all .4s ease; }

.accordion--dots .card:before { content: ""; display: block; position: absolute; top: 24px; left: -32px; height: calc(100% + 24px); width: 1px; background: #DFDFDF; transition: all .4s ease; }

.accordion--dots .card span.dot { display: block; position: absolute; width: 16px; height: 16px; border-radius: 8px; background: #DFDFDF; border: 2px solid #FFFFFF; top: 24px; left: -40px; transition: all .4s ease; }

.accordion--dots .card:last-child { margin-bottom: 0; }

.accordion--dots .card:last-child:before { background: #FFFFFF; }

.accordion--dots .card__header { padding: 0; border: 0; background: transparent; transition: all .4s ease; border-radius: 8px 8px 0 0; }

.accordion--dots .card__header:after { display: none; }

.accordion--dots .card__title { color: #777; transition: all .4s ease; }

.accordion--dots .card__body { border: 0; box-shadow: none; background: transparent; margin: 0; padding: 0 0 24px; transition: all .4s ease; border-radius: 0 0 8px 8px; }

.accordion--dots .card__body p { margin-bottom: 12px; }

.accordion--dots .card__body p:last-of-type { margin: 0; }

.accordion--dots .card__img { display: none; }

.accordion--dots .card.open { border-radius: 16px; }

.accordion--dots .card.open span.dot { background: #4B61DD; box-shadow: 0px 0px 8px rgba(19, 87, 255, 0.5); }

.accordion--dots .card.open:before { top: 44px; }

.accordion--dots .card.open span.dot { top: 44px; }

.accordion--dots .card.open .card__header { padding: 20px 24px 8px; background: #F2F4F7; }

.accordion--dots .card.open .card__title { color: #212121; }

.accordion--dots .card.open .card__body { padding: 0 24px 24px; background: #F2F4F7; }

@media (max-width: 991px) { .accordion--dots .card__img { display: block; padding-top: 16px; }
  .accordion--dots .card__img img { display: block; max-width: 90%; height: auto; } }

.accordion--images .img { display: none; }

.accordion--images .img img { display: block; width: 100%; height: auto; }

.accordion--images .img.active { display: block; }

@media (max-width: 991px) { .accordion--images { display: none; } }

.pagination-row { display: block; padding: 20px 0 40px; }

.pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.page-item { display: block; min-width: auto; line-height: 24px; text-align: center; margin: 0 5px; padding: 0; color: #545465; }

.page-item.active { font-weight: 400; }

.page-item.active .page-link { color: #FFF; background: #005FBF; }

.page-item.prev { margin-right: 16px; }

.page-item.next { margin-left: 16px; }

.page-link { display: block; font-size: 16px; line-height: 24px; color: #545465; border: 0; padding: 6px 12px; border-radius: 2px; }

.page-link:focus { outline: none; box-shadow: none; }

.page-link .svg { display: block; height: 24px; width: auto; }

.page-link:hover { color: #4B61DD; background: transparent; }

.page-link:hover .svg path { stroke: #4B61DD; }

.play-btn { width: 75px; height: 75px; background: #2B2A35; border-radius: 50%; position: absolute; display: block; top: calc(50% - 37px); left: calc(50% - 37px); }

@media (max-width: 375px) { .play-btn { width: 50px; height: 50px; top: calc(50% - 25px); left: calc(50% - 25px); } }

.play-btn:hover { background: black; }

.play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); -webkit-transform-origin: center center; transform-origin: center center; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #FFF; z-index: 2; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

@media (max-width: 375px) { .play-btn::after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; } }

.play-btn:before { content: ""; position: absolute; width: 150%; height: 150%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate1 2s; animation: pulsate1 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 0px solid rgba(0, 0, 0, 0.75); top: -26%; left: -26%; background: rgba(0, 0, 0, 0); }

.play-btn span { color: transparent; }

@-webkit-keyframes pulsate1 { 0% { -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    background: black; }
  100% { -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 1;
    box-shadow: none; } }

@keyframes pulsate1 { 0% { -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    background: black; }
  100% { -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 1;
    box-shadow: none; } }

ul.list-check { list-style: none; }

ul.list-check .title { display: block; font-weight: 600; margin-bottom: 4px; }

ul.list-check .title:last-child { margin-bottom: 0; }

ul.list-check li { padding-left: 36px; margin-bottom: 24px; position: relative; }

ul.list-check li::before { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: 2px; left: 0; background: url(../images/ic-check-green.svg) no-repeat center; background-size: contain; }

ul.list-check li:last-child { margin-bottom: 0; }

.ic-wa { z-index: 99999; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 13px; right: 14px; width: 73px; height: 73px; background: url(../images/ic-wa.png) no-repeat center; background-size: contain; pointer-events: none; cursor: pointer; }

.ic-wa.show { pointer-events: auto; }

.ic-wa label { width: 100%; height: 100%; opacity: 0; cursor: pointer; }

@media (max-width: 768px) { .ic-wa--alt { right: 14px; bottom: 14px; }
  .ic-wa:hover span { display: none; opacity: 0; } }

#masking { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 999999; }

.hidden { display: none !important; }

.hidden-sm { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

@media (max-width: 991px) { .hidden-sm { display: none !important; } }

.hidden-sm-b { display: block !important; }

@media (max-width: 991px) { .hidden-sm-b { display: none !important; } }

.hidden-sm-ib { display: inline-block !important; }

@media (max-width: 991px) { .hidden-sm-ib { display: none !important; } }

.show-sm { display: none !important; }

@media (max-width: 991px) { .show-sm { display: block !important; } }

.show-sm-ib { display: none !important; }

@media (max-width: 991px) { .show-sm-ib { display: inline-block !important; } }

.show-sm-f { display: none !important; }

@media (max-width: 991px) { .show-sm-f { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } }

.link-show { color: #1357FF; position: relative; cursor: pointer; }

.link-show span { position: relative; }

.link-show span:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chev-down.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 12px); }

.link-show:hover { color: #1357FF; text-decoration: underline; }

.link-close { color: #1357FF; position: relative; cursor: pointer; }

.link-close span { position: relative; }

.link-close span:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chev-up.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 12px); }

.link-close:hover { color: #1357FF; text-decoration: underline; }

body.sb .header.fixed .header__wrap { top: 40px; }

body.sb .header.fixed .header__sticky { top: -59px; position: relative; }

body.sb main { margin-top: 245px; }

@media (max-width: 991px) { body.sb .header.fixed .header__wrap { top: 0; }
  body.sb .header.fixed .header__left { top: 86px; }
  body.sb .header.fixed .header__sticky { top: -70px; }
  body.sb main { margin-top: 215px; } }

.btn-play--blue { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.btn-play--blue .bg { z-index: 2; display: block; width: 100px; height: 100px; border-radius: 50px; background-image: url(../images/ic-play-white.svg); background-size: 22px; background-color: #4B61DD; background-repeat: no-repeat; background-position: 53% 33%; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); box-shadow: 0 0 0 #4b61dd; -webkit-animation: pulseBlue 2s infinite; animation: pulseBlue 2s infinite; }

.btn-play--blue span { z-index: 4; display: block; width: 100%; font-size: 10px; line-height: 16px; color: #FFF; position: absolute; bottom: 25%; left: 0; text-align: center; }

.media { display: block; position: relative; width: 100%; }

.media--video { position: relative; }

.media--img img { display: block; width: 100%; height: auto; }

.media__cover { display: block; width: auto; margin: 0 auto; }

.media__play { display: block; width: 80px; height: 80px; border-radius: 40px; background: url(../images/ic-play-circle-alt.svg) no-repeat center; background-size: contain; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; }

.hidden-sm { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

@media (max-width: 991px) { .hidden-sm { display: none !important; } }

.hidden-sm-b { display: block !important; }

@media (max-width: 991px) { .hidden-sm-b { display: none !important; } }

.hidden-sm-ib { display: inline-block !important; }

@media (max-width: 991px) { .hidden-sm-ib { display: none !important; } }

.show-sm { display: none !important; }

@media (max-width: 991px) { .show-sm { display: block !important; } }

.show-sm-ib { display: none !important; }

@media (max-width: 991px) { .show-sm-ib { display: inline-block !important; } }

.bg-gray, .bg-grey { background: #F2F4F7; }

.badge { display: inline-block; color: #FFF; font-size: 12px; line-height: 20px; padding: 0 8px; background: #C02A34; border-radius: 4px; }

.badge--orange { background: #F96D01; }

.block-cta__icon { margin: 0 0 24px; }

.block-cta__title { margin: 0 0 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.block-cta__desc { margin: 0 0 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.block-cta__wrap { padding-top: 64px; padding-bottom: 64px; text-align: center; max-width: 600px; margin: 0 auto; }

@media (max-width: 991px) { .block-cta__title { font-size: 28px; line-height: 36px; }
  .block-cta__wrap { padding: 32px 20px; } }

.modal-trial { width: 100%; }

.modal-trial__content { padding: 24px; text-align: center; color: #232933; }

.modal-trial__action { padding: 0 24px 24px; }

.modal-trial__action .btn { width: 100%; text-align: center; }

.modal-trial .modal-close { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; background: url("../images/icons/ic-cancel-blue.svg") no-repeat; background-position: center; background-size: contain; }

.modal-trial .modal-dialog { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 340px; min-height: calc(100vh - 96px); margin-top: 48px; margin-bottom: 48px; margin-left: auto; margin-right: auto; }

.modal-trial .modal-body { padding: 0; }

.modal-trial .modal-content { border-radius: 0; padding: 0; margin-left: 16px; margin-right: 16px; }

.scroll-top { display: block; background-color: #4B61DD; width: 50px; height: 50px; text-align: center; border-radius: 50px; position: fixed; bottom: 98px; right: 27px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; text-align: center; cursor: pointer; }

.scroll-top::after { content: ''; width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: url(../images/ic-chev-up-white.svg); background-size: contain; margin: 10% auto; }

.scroll-top.alt { bottom: 27px; }

.scroll-top.show { opacity: 1; visibility: visible; }

.lity-wrap { top: 80px; bottom: auto; }

.lity-iframe .lity-container { max-width: 70%; }

.breadcrumb { padding: 16px 0; margin: 0; background: transparent; border-top: 1px solid #DFDFDF; }

.breadcrumb__wrap { font-size: 12px; line-height: 16px; }

.breadcrumb__wrap a { color: #4B61DD; text-decoration: underline; display: inline-block; }

.breadcrumb__wrap a:hover { color: #1f33a3; }

.breadcrumb__wrap a span.home { display: inline-block; vertical-align: middle; width: 20px; height: 20px; font-size: 0; line-height: 0; background: url(../images/icon-klikpajak.svg) no-repeat center; background-size: contain; }

.modal .modal-inquiry { max-width: 1224px; border-radius: 4px; margin: 32px auto; min-height: calc(100% - 64px); }

.modal .modal-inquiry .btn-close { background: url(../images/ic-cancel.svg) no-repeat center; }

.modal .modal-inquiry .modal-content { border-radius: 4px; background: #F1F5F9; }

.modal .modal-inquiry .modal-body { padding: 64px 92px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.modal .modal-inquiry .modal-body__left { width: 100%; max-width: 53.8462%; -webkit-flex: 0 0 53.8462%; -ms-flex: 0 0 53.8462%; flex: 0 0 53.8462%; padding-left: 16px; padding-right: 16px; }

.modal .modal-inquiry .modal-body__right { width: 100%; max-width: 46.154%; -webkit-flex: 0 0 46.154%; -ms-flex: 0 0 46.154%; flex: 0 0 46.154%; padding-left: 16px; padding-right: 16px; }

.modal .modal-inquiry .modal-body__img { margin: 0 0 32px; }

.modal .modal-inquiry .modal-body__img img { display: block; width: 100%; height: auto; }

.modal .modal-inquiry .modal-body__testi { padding: 32px; border: 1px solid #D0D6DD; border-radius: 6px; background: #FFF; }

.modal .modal-inquiry .modal-body__testi .title { font-size: 20px; line-height: 28px; font-weight: 600; margin: 0 0 12px; }

.modal .modal-inquiry .modal-body__testi .quote p:last-child { margin: 0; }

.modal .modal-inquiry .modal-body__testi .meta { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 24px; }

.modal .modal-inquiry .modal-body__testi .meta .author { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: calc(100% - 150px); -webkit-flex: 0 0 calc(100% - 150px); -ms-flex: 0 0 calc(100% - 150px); flex: 0 0 calc(100% - 150px); }

.modal .modal-inquiry .modal-body__testi .meta .author .img { display: block; width: 48px; height: 48px; object-fit: cover; object-position: center; border-radius: 24px; }

.modal .modal-inquiry .modal-body__testi .meta .author .info { display: block; width: calc(100% - 48px); padding-left: 16px; }

.modal .modal-inquiry .modal-body__testi .meta .author .info span { display: block; color: #232933; }

.modal .modal-inquiry .modal-body__testi .meta .author .info .name { font-weight: 600; }

.modal .modal-inquiry .modal-body__testi .meta .logo { width: 100%; max-width: 150px; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; }

.modal .modal-inquiry .modal-body__testi .meta .logo img { display: block; height: 48px; width: auto; margin-left: auto; }

.modal .modal-inquiry .modal-body__logo { text-align: center; margin: 0 0 32px; }

.modal .modal-inquiry .modal-body__logo .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.modal .modal-inquiry .modal-body__logo .items .item { display: block; padding: 0 6px; }

.modal .modal-inquiry .modal-body__logo .items .item img { height: 56px; width: auto; }

.modal .modal-inquiry .modal-body__form h3 { text-align: center; font-size: 20px; line-height: 28px; }

.modal .modal-inquiry .modal-body__form form { background: #FFF; border-radius: 6px; padding: 32px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); }

@media (max-width: 991px) { .modal .modal-inquiry { margin: 64px 16px; }
  .modal .modal-inquiry .btn-close { top: 6px; right: 6px; }
  .modal .modal-inquiry .modal-body { padding: 44px 16px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .modal .modal-inquiry .modal-body__left { -webkit-order: 2; -ms-flex-order: 2; order: 2; max-width: 100%; padding: 32px 0 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .modal .modal-inquiry .modal-body__right { -webkit-order: 1; -ms-flex-order: 1; order: 1; max-width: 100%; padding: 0; }
  .modal .modal-inquiry .modal-body__form h3 { font-size: 20px; line-height: 28px; }
  .modal .modal-inquiry .modal-body__form form { padding: 16px; }
  .modal .modal-inquiry .modal-body__img { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .modal .modal-inquiry .modal-body__logo { -webkit-order: 3; -ms-flex-order: 3; order: 3; margin: 0; }
  .modal .modal-inquiry .modal-body__logo .items .item img { height: 48px; width: auto; }
  .modal .modal-inquiry .modal-body__testi { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 32px; } }

@media (max-width: 991px) and (max-width: 768px) { .modal .modal-inquiry .modal-body__testi .meta .author { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .modal .modal-inquiry .modal-body__testi .meta .logo { display: none; } }

/* ------------------------------------------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------------------------------------------ */
@media (min-width: 1025px) { .header { z-index: 100; position: fixed; display: block; top: 0; left: 0; right: 0; width: 100%; background: #FFF; font-size: 16px; line-height: 24px; color: #2B2A35; border-bottom: 1px solid #FFF; transition: all .4s ease; }
  .header .show-sm { display: none !important; }
  .header .sm-only { display: none; }
  .header__back { display: none; }
  .header .video-thumb { position: relative; }
  .header .video-thumb a.play { display: block; position: absolute !important; z-index: 3 !important; top: calc(50% - 20px); left: calc(50% - 20px); }
  .header .video-thumb a.play img { display: block; width: 40px; height: 40px; }
  .header .video-thumb .cover { position: relative; width: 100%; padding-top: 56%; z-index: 2 !important; }
  .header .video-thumb .cover img { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
  .header a:not(.btn):not(.link-more) { color: #2B2A35; text-decoration: none; }
  .header a:not(.btn):not(.link-more):hover { color: #005FBF; text-decoration: none; }
  .header__logo { display: block; width: 100%; padding: 4px 0; }
  .header__logo img { display: block; height: 32px; width: auto; }
  .header .main-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; }
  .header .main-menu__item { display: block; padding: 8px 20px; }
  .header .main-menu__item.has-child { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .header .main-menu__item.has-child:after { content: ""; display: block; width: 16px; height: 16px; margin-left: 4px; background: url(../images/ic-dropdown-header.svg); }
  .header .main-menu__item.has-child > a { display: block; position: relative; }
  .header .main-menu__item.has-child > a:before, .header .main-menu__item.has-child > a:after { display: none; }
  .header .main-menu__item.has-child:hover > a:before, .header .main-menu__item.has-child:hover > a:after { opacity: 1; top: calc(100% + 13px); }
  .header .main-menu__item.has-child:hover > a:before { top: calc(100% + 14px); }
  .header .main-menu__item.has-child:hover .main-menu__sub { top: calc(100% - 10px); opacity: 1; visibility: visible; display: block; }
  .header .main-menu__item:hover .main-menu__link { border-bottom-color: #F58232; color: #232933; }
  .header .main-menu__item.sm-only { display: none; }
  .header .main-menu__link { display: block; position: relative; border-bottom: 2px solid transparent; }
  .header .main-menu__sub { position: absolute; width: 1240px; background: #FFF; top: calc(100% + 22px); left: calc(50% - 652px); border: 1px solid #DFDFDF; box-shadow: 0px 24px 48px rgba(209, 209, 209, 0.75), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); font-size: 14px; line-height: 20px; border-radius: 4px; padding: 32px 24px 0; opacity: 0; visibility: hidden; display: none; }
  .header .main-menu__sub:before { content: ""; display: block; position: absolute; width: 100%; height: 30px; top: -22px; left: 0; background: transparent; }
  .header .main-menu__sub.alt { padding: 24px 40px; }
  .header .main-menu__sub.sol { min-height: 526px; }
  .header .main-menu__sub.lg { max-width: 1088px; left: calc(50% - 544px); }
  .header .main-menu__sub.md { max-width: 995px; left: calc(50% - 498px); height: 450px; }
  .header .main-menu__sub.md .sub-menu__sidebar { height: calc(100% + 116px); }
  .header .main-menu__sub.sm { max-width: 634px; left: calc(50% - 317px); padding-bottom: 32px; }
  .header .main-menu__sub.xs { max-width: 620px; left: calc(50% - 490px); }
  .header .main-menu__sub.xxs { max-width: 350px; left: calc(50% - 300px); }
  .header .main-menu__sub .row { margin-left: -8px; margin-right: -8px; }
  .header .main-menu__sub .row > .col, .header .main-menu__sub .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
  .header .main-menu__sub .sub-menu.bg-gray { position: relative; padding-left: 24px; background: transparent; }
  .header .main-menu__sub .sub-menu.bg-gray:before { content: ""; z-index: 1; display: block; position: absolute; width: calc(100% + 9px); height: calc(100% + 32px); background: #F2F4F7; top: -31px; left: 8px; border-radius: 0 4px 4px 0; }
  .header .main-menu__sub .sub-menu.bg-gray * { position: relative; z-index: 2; }
  .header .main-menu__sub .sub-menu.bg-gray.left { padding-left: 0; padding-right: 48px; }
  .header .main-menu__sub .sub-menu.bg-gray.left::before { left: -32px; }
  .header .main-menu__sub .sub-menu.bg-gray.left .link-more { position: absolute; left: 0; bottom: 20px; }
  .header .main-menu__sub .sub-menu.bg-gray .sub-menu__title { margin-bottom: 0; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; }
  .header .main-menu__sub .sub-menu.bg-gray .sub-menu__item p { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
  .header .main-menu__sub .sub-menu__title { display: block; font-size: 12px; line-height: 16px; font-family: "Inter", sans-serif; font-weight: 600; color: #626B79; margin-bottom: 16px; text-transform: uppercase; }
  .header .main-menu__sub .sub-menu__item > a { display: block; position: relative; padding: 8px; border-radius: 6px; transition: all .4s ease; color: #232933; background: #FFF; }
  .header .main-menu__sub .sub-menu__item > a b { display: block; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 4px; }
  .header .main-menu__sub .sub-menu__item > a p { display: block; font-size: 14px; line-height: 20px; margin-bottom: 0; color: #626B79; }
  .header .main-menu__sub .sub-menu__item > a:hover { color: #232933; background: #F7FBFF; }
  .header .main-menu__sub .sub-menu__item > a:hover p { color: #626B79; }
  .header .main-menu__sub .sub-menu__item { margin-bottom: 16px; display: inline-block; width: 100%; position: relative; }
  .header .main-menu__sub .sub-menu__item .badge { display: inline-block; vertical-align: middle; color: #FFF; font-size: 12px; line-height: 20px; padding: 0 4px; background: #DA473F; margin-left: 6px; border-radius: 6px; position: relative; top: -1px; }
  .header .main-menu__sub .sub-menu__item.has-icon > a { padding-left: 40px; }
  .header .main-menu__sub .sub-menu__item.has-icon > a .icon { display: block; position: absolute; top: 8px; left: 8px; width: 24px; height: 24px; object-fit: contain; object-position: 50% 50%; -webkit-filter: grayscale(100); filter: grayscale(100); opacity: 0.7; transition: all .3s ease-in-out; }
  .header .main-menu__sub .sub-menu__item.has-icon > a:hover .icon { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
  .header .main-menu__sub .sub-menu__2-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .header .main-menu__sub .sub-menu__3-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
  .header .main-menu__sub .sub-menu__item-action { padding-top: 24px; padding-left: 16px; padding-right: 16px; }
  .header .main-menu__sub .sub-menu__media { padding-top: 24px; }
  .header .main-menu__sub .sub-menu__media .sub-menu__title { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
  .header .main-menu__sub .sub-menu__media .video-thumb { width: 87.224%; }
  .header .main-menu__sub .sub-menu__media .video-thumb .cover { padding-top: 57.25%; }
  .header .main-menu__sub .sub-menu__banner { position: relative; display: block; border-radius: 4px; width: 100%; padding-top: 0 !important; }
  .header .main-menu__sub .sub-menu__banner img { position: relative !important; display: block; top: 0; left: 0; width: 100%; height: 100%; object-position: center; border-radius: 4px; }
  .header .main-menu__sub .sub-menu__banner label { position: absolute; color: transparent; top: 0; left: 0; }
  .header .main-menu__sub .sub-menu__action { text-align: right; padding: 24px 100px 0 0; }
  .header .main-menu__sub .sub-menu__action.alt { width: 100%; text-align: center; border-top: 1px solid #DFDFDF; }
  .header .main-menu__sub .sub-menu__bot { width: 100%; position: relative; }
  .header .main-menu__sub .sub-menu__bot::before { content: ""; display: block; width: calc(100% + 17px); height: 100%; position: absolute; top: 0; left: -16px; background: #FBFCFC; border-radius: 0 0 4px 4px; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 32px; padding-bottom: 32px; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot .sub-menu__item { max-width: 33.333333%; padding: 0; margin-bottom: 0; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot .sub-menu__item a { background: transparent; }
  .header .main-menu__sub .sub-menu__bot .sub-menu-col__bot .sub-menu__item:hover a { background: #eff3f3; }
  .header .main-menu__sub .sub-menu__sidebar { position: absolute; top: -32px; right: -16px; height: calc(100% + 32px); background: #F2F4F7; padding: 32px 24px; }
  .header .main-menu__sub .sub-menu__sidebar.alt { height: calc(100% + 48px); }
  .header .main-menu__sub .sub-menu__sidebar .sub-menu__title { font-size: 14px; line-height: 20px; color: #232933; margin-bottom: 0; text-transform: none; font-family: "Inter", sans-serif; font-weight: 600; }
  .header .main-menu__sub .sub-menu__sidebar > p { font-size: 14px; line-height: 20px; color: #626B79; margin-bottom: 20px; font-family: "Inter", sans-serif; font-weight: 400; }
  .header .main-menu__sub .sub-menu__sidebar .sub-menu__img { margin-bottom: 24px; }
  .header .main-menu__sub .sub-menu__sidebar .btn { margin-bottom: 24px; }
  .header .main-menu__sub .sub-menu__sidebar .video-thumb { margin-bottom: 20px; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header { margin-bottom: 8px; padding: 8px; border-radius: 4px; display: block; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header b { font-size: 16px; line-height: 24px; color: #232933; display: block; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header img { margin: 8px auto; }
  .header .main-menu__sub .sub-menu__sidebar .btn-header:hover { background: #FFF; }
  .header .right-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -20px; margin-right: -20px; margin-bottom: 0; }
  .header .right-menu a:not(.btn):not(.link-more) { color: #4B61DD; font-weight: 500; }
  .header .right-menu a:not(.btn):not(.link-more):hover { color: #4B61DD; text-decoration: underline; }
  .header .right-menu__item { display: block; position: relative; padding-left: 20px; padding-right: 20px; }
  .header .right-menu__item:after { content: ""; display: block; position: absolute; width: 1px; height: 20px; top: calc(50% - 10px); left: 0; background: #E2E2E2; }
  .header .right-menu__item:last-child { padding-left: 0; }
  .header .right-menu__item:first-child:after, .header .right-menu__item:last-child:after { display: none; }
  .header .right-menu__link { display: block; }
  .header .right-menu__link.btn { background: #4B61DD; color: #FFF; padding: 7px 23px; }
  .header .right-menu__link.btn:hover { background: #2740ce; color: #FFF; text-decoration: none; }
  .header .right-menu__link.btn-blue-border { background: transparent; color: #4B61DD; border: 1px solid #4B61DD; border-radius: 6px; font-size: 16px; line-height: 24px; font-weight: 500; box-shadow: none; }
  .header .right-menu__link.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; text-decoration: none; }
  .header .right-menu__link.btn-mekari { background: #4B61DD; }
  .header .right-menu__link.btn-mekari:hover { background: #2740ce; }
  .header .right-menu-md { display: none; }
  .header__top { padding: 10px 0; background: #1C1D1E; }
  .header__top .container { max-width: 1248px; }
  .header__top .djp-logo { margin-left: auto; color: #FFF; font-size: 14px; line-height: 20px; text-align: right; font-weight: 500; }
  .header__top .djp-logo img { display: inline-block; height: 20px; width: auto; margin-right: 10px; }
  .header__wrap { z-index: 2; position: relative; display: block; padding: 16px 12px; margin: 0 auto; max-width: 1248px; transition: all .4s ease; }
  .header__wrap:after { content: ""; display: block; width: 100%; clear: both; }
  .header__left { display: block; float: left; width: 180px; }
  .header__main { display: inline-block; vertical-align: middle; }
  .header__right { display: block; float: right; }
  .header__sticky { z-index: 1; background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); }
  .header__sticky .container { position: relative; }
  .header__sticky .container .close { position: absolute; width: 20px; height: 20px; background: url("../images/ic-close.png") no-repeat center; background-size: contain; top: calc(50% - 7.5px); right: -50px; }
  .header__sticky .hs { display: -webkit-flex; display: -ms-flexbox; display: flex; color: #FFF !important; position: relative; }
  .header__sticky .hs__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; }
  .header__sticky .hs__img img { max-height: 140px; width: auto; }
  .header__sticky .hs__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; padding: 16px; }
  .header__sticky .hs__content > label { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; display: block; width: 100%; text-align: center; margin: 0 auto 4px; }
  .header__sticky .hs__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .header__sticky .hs .countdown { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header__sticky .hs .countdown__box { display: block; margin: 0 6px; }
  .header__sticky .hs .countdown__box span { display: block; background: #FFF; color: #232933; font-size: 32px; line-height: 38px; padding: 4px 8px; border-radius: 4px; font-family: "Inter", sans-serif; font-weight: 700; letter-spacing: -2px; border: 1px solid #8B95A5; position: relative; min-width: 60px; text-align: center; }
  .header__sticky .hs .countdown__box label { display: block; margin: 2px auto 0; text-align: center; font-size: 12px; line-height: 16px; font-family: "Inter", sans-serif; font-weight: 400; text-transform: uppercase; }
  .header.fixed { top: -42px; border-bottom: 1px solid #E2E2E2; }
  .header.fixed .header__wrap { padding-top: 8px; padding-bottom: 8px; }
  .header.fixed .main-menu__item.has-child:hover > a:before { top: calc(100% + 5px); }
  .header.fixed .main-menu__item.has-child:hover > a:after { top: calc(100% + 4px); }
  .header.fixed .main-menu__sub:before { top: -15px; }
  .header.fixed .header__sticky { background: #F96D01; }
  .header.fixed .header__sticky .hs__img { display: none; }
  .header.fixed .header__sticky .hs__content { padding: 10px 0; }
  .header.fixed .header__sticky .hs__content > label { max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: left; font-size: 14px; line-height: 20px; margin: 0; }
  .header.fixed .header__sticky .hs__action .btn-white-arrow { color: #FFF; background: transparent; padding: 0; }
  .header.fixed .header__sticky .hs__action .btn-white-arrow::after { background: url(../images/ic-arrow-right-w.svg) no-repeat center; }
  .header.fixed .header__sticky .hs .countdown { max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; }
  .header.fixed .header__sticky .hs .countdown__box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .header.fixed .header__sticky .hs .countdown__box span { background: transparent; border: 0; color: #FFF; font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; padding: 0 4px 0 0; letter-spacing: 0; min-width: auto; }
  .header.fixed .header__sticky .hs .countdown__box span::after { display: none; }
  .header.fixed .header__sticky .hs .countdown__box label { text-transform: initial; } }

@media (max-width: 1024px) { .header { z-index: 100; position: fixed; width: 100%; top: 0; left: 0; border-bottom: 1px solid transparent; }
  .header .video-thumb { position: relative; }
  .header .video-thumb a.play { display: block; position: absolute !important; z-index: 3 !important; top: calc(50% - 20px); left: calc(50% - 20px); }
  .header .video-thumb a.play img { display: block; width: 40px; height: 40px; }
  .header .video-thumb .cover { position: relative; width: 100%; padding-top: 56%; z-index: 2 !important; }
  .header .video-thumb .cover img { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
  .header__back { display: none; }
  .header__back span { font-size: 16px; line-height: 24px; font-weight: 600; color: #4B61DD; position: relative; }
  .header__back span::before { content: ''; width: 24px; height: 24px; display: inline-block; background: url("../images/ic-arrow-back.svg") no-repeat center center; background-size: contain; vertical-align: middle; margin-top: -3px; margin-right: 8px; }
  .header .hide-sm { display: none; }
  .header .show-sm { display: block !important; }
  .header__logo { margin-right: auto; }
  .header__logo img { display: block; height: 32px; width: auto; }
  .header .main-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; margin-bottom: 160px; }
  .header .main-menu__item { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; border-bottom: 1px solid #DFDFDF; }
  .header .main-menu__item.has-child { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .header .main-menu__item.has-child:after { content: ""; display: block; position: absolute; top: 19px; right: 16px; width: 20px; height: 20px; margin-left: auto; background: url(../images/ic-chevron-right.svg); background-size: cover; background-position: 50% 50%; -webkit-transform: none; transform: none; transition: all .3s ease; }
  .header .main-menu__item.has-child.expand .main-menu__link { background: #F2F4F7; color: #4B61DD; }
  .header .main-menu__item.has-child.expand .main-menu__sub { display: block; -webkit-transform: translateX(0); transform: translateX(0); transition: all .3s ease-in; }
  .header .main-menu__item.has-child.expand .main-menu__sub-back { display: block; position: fixed; }
  .header .main-menu__item.has-child.expand .main-menu__sub-back span { color: #4B61DD; font-size: 16px; line-height: 24px; position: relative; display: inline-block; vertical-align: middle; }
  .header .main-menu__item.has-child.expand .main-menu__sub-back span::before { content: ''; width: 24px; height: 24px; display: inline-block; background: url("../images/ic-arrow-back.svg") no-repeat center center; background-size: contain; vertical-align: middle; margin-top: -3px; margin-right: 8px; }
  .header .main-menu__item.has-child.expand:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .header .main-menu__link { display: block; width: 100%; padding: 16px 16px 20px; font-size: 20px; line-height: 28px; color: #2B2A35; font-family: "Inter", sans-serif; font-weight: 500; }
  .header .main-menu__link:hover { text-decoration: none; }
  .header .main-menu__sub { display: none; opacity: 1; visibility: visible; position: fixed; padding: 20px; top: 95px; left: 0; width: 100%; height: calc(100vh - 236px); background: #FFF; z-index: 2; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: all .3s ease-out; }
  .header .main-menu__sub .sub-menu__title { display: block; padding: 16px 0; border-bottom: 1px solid #DFDFDF; color: #2B2A35; font-size: 16px; line-height: 24px; margin-bottom: 8px; }
  .header .main-menu__sub .sub-menu__item { position: relative; margin-bottom: 8px; }
  .header .main-menu__sub .sub-menu__item .badge { display: inline-block; vertical-align: middle; color: #FFF; font-size: 12px; line-height: 20px; padding: 0 4px; background: #DA473F; margin-left: 6px; border-radius: 6px; position: relative; top: -1px; }
  .header .main-menu__sub .sub-menu__item a { display: block; padding: 8px 16px; color: #2B2A35; }
  .header .main-menu__sub .sub-menu__item b { display: block; font-size: 16px; line-height: 24px; margin-bottom: 4px; }
  .header .main-menu__sub .sub-menu__item p { display: block; font-size: 14px; line-height: 20px; }
  .header .main-menu__sub .sub-menu__item.has-icon .icon { position: absolute; top: 8px; left: 16px; width: 24px; height: 24px; display: block; object-fit: contain; object-position: 50% 50%; }
  .header .main-menu__sub .sub-menu__item.has-icon a { padding-left: 48px; }
  .header .main-menu__sub .sub-menu__action { padding: 24px 16px 40px; width: 100%; }
  .header .main-menu__sub .sub-menu__item-action { padding: 24px 16px; }
  .header .main-menu__sub .sub-menu__media { padding-bottom: 24px; position: relative; max-width: 80%; }
  .header .main-menu__sub .sub-menu__banner { display: none; }
  .header .main-menu__sub .sub-menu.bg-gray { background: #F2F4F7; padding: 24px 16px; margin-bottom: -8px; }
  .header .main-menu__sub .sub-menu.bg-gray .sub-menu__title { padding: 0; display: block; border: 0; margin: 0 0 4px; }
  .header .main-menu .menu-tab { display: none; }
  .header .main-menu .menu-tab__block { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .header .main-menu .menu-tab__block .bg-gray.left { background: #FFF; display: none; }
  .header .sub-menu__bot .sub-menu-col__bot { padding: 32px 6px; margin: 16px -20px 0; background: #FBFCFC; }
  .header .cta-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 16px 12px; margin: 0 -8px; }
  .header .cta-sm li { display: block; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 8px; }
  .header .cta-sm .btn { font-size: 14px; line-height: 24px; padding: 7px 16px; }
  .header .right-menu { padding: 12px 16px 20px; list-style: none; display: none; }
  .header .right-menu__item { padding: 8px 0; }
  .header .right-menu__link { display: block; width: 100%; padding: 7px 16px; background: #fffc; border: 1px solid #005FBF; border-radius: 4px; color: #005FBF; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; }
  .header .right-menu__link:hover { text-decoration: none; }
  .header .right-menu__link.btn { background: #4B61DD; color: #FFF; }
  .header .right-menu__link.btn-blue-border { background: transparent; color: #4B61DD; border: 1px solid #4B61DD; border-radius: 6px; font-size: 14px; line-height: 24px; font-weight: 500; box-shadow: none; }
  .header .right-menu__link.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; text-decoration: none; }
  .header .right-menu-md { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-bottom: 0; }
  .header .right-menu-md a:not(.btn):not(.link-more) { color: #4B61DD; font-weight: 500; }
  .header .right-menu-md a:not(.btn):not(.link-more):hover { color: #4B61DD; text-decoration: underline; }
  .header .right-menu-md__item { display: block; position: relative; padding-left: 12px; padding-right: 12px; }
  .header .right-menu-md__item:last-child { padding-right: 0; }
  .header .right-menu-md__item:after { content: ""; display: block; position: absolute; width: 1px; height: 20px; top: calc(50% - 10px); left: 0; background: #E2E2E2; }
  .header .right-menu-md__item:last-child { padding-left: 0; }
  .header .right-menu-md__item:first-child:after, .header .right-menu-md__item:last-child:after { display: none; }
  .header .right-menu-md__link { display: block; }
  .header .right-menu-md__link.btn { background: #4B61DD; color: #FFF; padding-left: 23px; padding-right: 23px; }
  .header .right-menu-md__link.btn:hover { background: #2740ce; color: #FFF; text-decoration: none; }
  .header .right-menu-md__link.btn-blue-border { background: transparent; color: #4B61DD; border: 1px solid #4B61DD; border-radius: 6px; font-size: 16px; line-height: 24px; font-weight: 500; box-shadow: none; }
  .header .right-menu-md__link.btn-blue-border:hover { color: #FFF; background: #4B61DD; border-color: #4B61DD; text-decoration: none; }
  .header .btn-sales { display: none; margin-left: auto; }
  .header .btn-sales a { display: inline-block; padding: 3px 12px; text-align: center; background: #fff; border: 1px solid #4B61DD; border-radius: 6px; color: #4B61DD; font-size: 14px; line-height: 20px; }
  .header .btn-sales a:hover { text-decoration: none; }
  .header .burger-menu { display: block; position: relative; margin-left: 14px; width: 20px; height: 14px; }
  .header .burger-menu span { display: block; position: absolute; width: 100%; height: 2px; background: #F58232; left: 0; transition: all .3s ease; }
  .header .burger-menu span:nth-child(1) { top: 0; }
  .header .burger-menu span:nth-child(2) { top: 6px; }
  .header .burger-menu span:nth-child(3) { top: 12px; }
  .header__top { z-index: 2; position: fixed; width: 100%; top: 0; left: 0; padding: 10px 0; background: #1C1D1E; transition: top .3s ease; }
  .header__top .container { max-width: 1248px; }
  .header__top .djp-logo { margin-left: auto; color: #FFF; font-size: 14px; line-height: 20px; font-weight: 500; text-align: center; }
  .header__top .djp-logo img { display: inline-block; height: 20px; width: auto; margin-right: 10px; }
  .header__left { z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 40px; left: 0; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 16px; background-color: #fff; transition: top .2s ease; }
  .header__main { z-index: 1; margin-top: 96px; display: block; background-color: #fff; max-height: 0; opacity: 0; visibility: hidden; transition: all .3s ease; overflow: hidden; }
  .header__right { z-index: 2; position: fixed; width: 100%; bottom: 0; left: 0; display: block; background-color: #fff; max-height: 0; opacity: 0; visibility: hidden; transition: all .3s ease; }
  .header.fixed .header__sticky { background: #F96D01; }
  .header.fixed .header__top { top: -100%; }
  .header.fixed .header__left { top: 0; box-shadow: 0px 2px 8px rgba(119, 119, 119, 0.2); }
  .header.fixed .header__main { margin-top: 70px; }
  .header.fixed .main-menu__sub { top: 58px; height: calc(100vh - 195px); }
  .header__sticky { background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); position: fixed; width: 100%; padding: 12px; transition: all .3s ease; }
  .header__sticky .container { position: relative; }
  .header__sticky .container .close { position: absolute; width: 20px; height: 20px; background: url("../images/ic-close.png") no-repeat center; background-size: contain; top: 5px; right: 3px; }
  .header__sticky .hs { display: -webkit-flex; display: -ms-flexbox; display: flex; color: #FFF !important; }
  .header__sticky .hs__img { display: none; }
  .header__sticky .hs__wrapper { display: block; width: 100%; }
  .header__sticky .hs__content { display: block; text-align: center; }
  .header__sticky .hs__content > label { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 4px; }
  .header__sticky .hs__action { text-align: center; }
  .header__sticky .hs__action .btn-white-arrow { color: #FFF; background: transparent; padding: 0; font-family: "Inter", sans-serif; font-weight: 400; }
  .header__sticky .hs__action .btn-white-arrow::after { background: url(../images/ic-arrow-right-w.svg) no-repeat center; }
  .header__sticky .hs .countdown { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; }
  .header__sticky .hs .countdown__box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 0; }
  .header__sticky .hs .countdown__box::before { content: ":"; display: inline-block; margin: 0 6px; }
  .header__sticky .hs .countdown__box:first-child::before { display: none; }
  .header__sticky .hs .countdown__box:last-child { display: none; }
  .header__sticky .hs .countdown__box span { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }
  .header__sticky .hs .countdown__box label { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 0; padding-left: 4px; }
  body.menu-open { overflow: hidden; }
  body.menu-open .header { height: 100%; background: #FFF; }
  body.menu-open .header.sub-open { overflow-x: hidden; overflow-y: auto; }
  body.menu-open .header.sub-open .header__back { display: inline-block; position: absolute; width: 100%; background: #FFF; padding: 16px; top: 0; left: 0; box-shadow: 0px 2px 8px rgba(119, 119, 119, 0.2); }
  body.menu-open .header .burger-menu span { background: #777777; }
  body.menu-open .header .burger-menu span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  body.menu-open .header .burger-menu span:nth-child(2) { top: 6px; opacity: 0; }
  body.menu-open .header .burger-menu span:nth-child(3) { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  body.menu-open .header__main, body.menu-open .header__right { opacity: 1; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; visibility: visible; }
  body.menu-open.sb .header .header__wrap, body.menu-open.sb .header.sticky .header__wrap { position: fixed; width: 100%; z-index: 2; }
  body.menu-open.sb .header .header__wrap .header__left, body.menu-open.sb .header.sticky .header__wrap .header__left { top: 41px; transition: all linear .3s; }
  body.menu-open.sb .header .header__wrap .header__main, body.menu-open.sb .header.sticky .header__wrap .header__main { margin-top: 95px; transition: all linear .3s; }
  body.menu-open.sb .header.fixed .header__wrap { position: fixed; z-index: 2; width: 100%; }
  body.menu-open.sb .header.fixed .header__wrap .header__left { top: 0px; transition: all linear .3s; }
  body.menu-open.sb .header.fixed .header__wrap .header__main { margin-top: 56px; transition: all linear .3s; } }

@media (max-width: 768px) { .header .right-menu { display: block; }
  .header .right-menu-md { display: none; }
  .header .btn-sales { display: inline-block; } }

/* STICKY BANNER */
.sticky-banner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #4B61DD; color: #FFF; padding: 0 24px; text-align: center; transition: all .4s ease; font-size: 16px; line-height: 24px; min-height: 48px; }

.sticky-banner:hover { color: #FFF; text-decoration: none; }

.sticky-banner .block-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.sticky-banner .text-sm { display: none; color: #FFF; }

.sticky-banner .text-lg { position: relative; z-index: 2; color: #FFF; }

.sticky-banner .text-lg span { font-family: "Inter", sans-serif; font-weight: 500; }

.sticky-banner .more { color: #FFF; text-decoration: underline; opacity: 1; transition: all .4s ease; }

.sticky-banner .more:hover { opacity: .5; }

.sticky-banner .close { display: block; position: absolute; right: 20px; top: calc(50% - 12px); transition: all .4s ease; cursor: pointer; color: #FFF; font-size: 26px; }

.sticky-banner .more { font-size: 14px; line-height: 24px; margin-left: 16px; }

.sticky-banner.sb-alt { background: #E0EEFF; color: #232933; }

.sticky-banner.sb-alt .img { display: inline-block; vertical-align: bottom; margin-top: -12px; margin-bottom: -12px; transition: all .4s ease; }

.sticky-banner.sb-alt .btn { margin-left: 24px; }

@media (max-width: 991px) { .sticky-banner { display: block; font-size: 14px; line-height: 20px; padding: 8px 24px; background: #4B61DD; text-align: center; color: #FFF; -webkit-transform: none; transform: none; visibility: visible; transition: all .4s ease; opacity: 1; }
  .sticky-banner:hover { color: #FFF; text-decoration: none; }
  .sticky-banner .text-lg { display: none; }
  .sticky-banner .text-sm { display: block; }
  .sticky-banner .text-sm span { display: block; font-family: "Inter", sans-serif; font-weight: 500; }
  .sticky-banner a { color: #FFF; text-decoration: underline; }
  .sticky-banner .more { font-size: 12px; }
  .sticky-banner .close { font-size: 20px; line-height: 20px; display: block; position: absolute; right: 8px; top: 8px; transition: all .4s ease; cursor: pointer; }
  .sticky-banner.sb-alt { background: #E0EEFF; color: #232933; }
  .sticky-banner.sb-alt .img { display: none; }
  .sticky-banner.sb-alt .more { color: #F58232; } }

body.has-sb main { padding-top: 0 !important; }

body.has-sb header .header__top { transition: all .4s ease; opacity: 1; visibility: visible; }

body.has-sb header.fixed { -webkit-transform: translateY(0); transform: translateY(0); top: 0; }

body.has-sb header.fixed .sticky-banner { padding-top: 8px; padding-bottom: 8px; min-height: 48px; }

body.has-sb header.fixed .sticky-banner.sb-alt .img { margin-top: -8px; margin-bottom: -8px; }

body.has-sb header.fixed .header__top { height: 0; opacity: 0; padding: 0; visibility: hidden; }

@media (max-width: 991px) { body.has-sb main { padding-top: 0 !important; }
  body.has-sb .header.fixed .header__sticky { padding: 8px; }
  body.has-sb .header.fixed .header__sticky .hs__content > label { font-size: 12px; line-height: 16px; }
  body.has-sb .header.fixed .header__sticky .hs .countdown { margin-bottom: 4px; }
  body.has-sb .header.fixed .header__sticky .hs .countdown__box span, body.has-sb .header.fixed .header__sticky .hs .countdown__box label, body.has-sb .header.fixed .header__sticky .hs .countdown__box::before { font-size: 12px; line-height: 16px; }
  body.has-sb .header.fixed .header__sticky .hs__action .btn-white-arrow { font-size: 14px; line-height: 20px; }
  body.has-sb.menu-open .sticky-banner { height: 0; padding: 0 24px; opacity: 0; visibility: hidden; }
  body.has-sb.menu-open header .header__left { top: 0; }
  body.has-sb.menu-open header .header__main { margin-top: 0; } }

/* ------------------------------------------------------------------------------------------------ */
/* Form */
/* ------------------------------------------------------------------------------------------------ */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 60px white inset !important; }

.form-group { margin-bottom: 20px; }

.form-group > label { font-size: 15px; line-height: 26px; font-weight: 500; margin-bottom: 5px; display: block; }

.form-group input[type=radio], .form-group input[type=checkbox] { position: relative; top: 2px; margin-right: 4px; }

.form-group.choice input[type=radio], .form-group.choice input[type=checkbox] { display: inline-block; width: 25px; margin-right: 5px; vertical-align: top; width: 15px; height: 15px; }

.form-group.choice > label { display: inline-block; width: calc(100% - 35px); vertical-align: top; line-height: 1.5; }

.form-group-hidden { display: none; }

.form-group-inline { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; }

.form-group-inline .col, .form-group-inline .col-1, .form-group-inline .col-10, .form-group-inline .col-11, .form-group-inline .col-12, .form-group-inline .col-2, .form-group-inline .col-3, .form-group-inline .col-4, .form-group-inline .col-5, .form-group-inline .col-6, .form-group-inline .col-7, .form-group-inline .col-8, .form-group-inline .col-9, .form-group-inline .col-auto, .form-group-inline .col-lg, .form-group-inline .col-lg-1, .form-group-inline .col-lg-10, .form-group-inline .col-lg-11, .form-group-inline .col-lg-12, .form-group-inline .col-lg-2, .form-group-inline .col-lg-3, .form-group-inline .col-lg-4, .form-group-inline .col-lg-5, .form-group-inline .col-lg-6, .form-group-inline .col-lg-7, .form-group-inline .col-lg-8, .form-group-inline .col-lg-9, .form-group-inline .col-lg-auto, .form-group-inline .col-md, .form-group-inline .col-md-1, .form-group-inline .col-md-10, .form-group-inline .col-md-11, .form-group-inline .col-md-12, .form-group-inline .col-md-2, .form-group-inline .col-md-3, .form-group-inline .col-md-4, .form-group-inline .col-md-5, .form-group-inline .col-md-6, .form-group-inline .col-md-7, .form-group-inline .col-md-8, .form-group-inline .col-md-9, .form-group-inline .col-md-auto, .form-group-inline .col-sm, .form-group-inline .col-sm-1, .form-group-inline .col-sm-10, .form-group-inline .col-sm-11, .form-group-inline .col-sm-12, .form-group-inline .col-sm-2, .form-group-inline .col-sm-3, .form-group-inline .col-sm-4, .form-group-inline .col-sm-5, .form-group-inline .col-sm-6, .form-group-inline .col-sm-7, .form-group-inline .col-sm-8, .form-group-inline .col-sm-9, .form-group-inline .col-sm-auto, .form-group-inline .col-xl, .form-group-inline .col-xl-1, .form-group-inline .col-xl-10, .form-group-inline .col-xl-11, .form-group-inline .col-xl-12, .form-group-inline .col-xl-2, .form-group-inline .col-xl-3, .form-group-inline .col-xl-4, .form-group-inline .col-xl-5, .form-group-inline .col-xl-6, .form-group-inline .col-xl-7, .form-group-inline .col-xl-8, .form-group-inline .col-xl-9, .form-group-inline .col-xl-auto { padding-left: 8px; padding-right: 8px; }

.form-action { padding-top: 16px; position: relative; }

.form-control { color: #232933; height: 40px; border: 1px solid #e2e2e2; border-radius: 4px; }

.form-control:hover, .form-control:focus, .form-control:active:focus { box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1); }

.form-choice { position: relative; margin-bottom: 4px; display: inline-block; margin-right: 10px; }

.form-choice label { font-weight: 400; display: inline-block; }

.form-choice input[type="text"], .form-choice input[type="email"], .form-choice input[type="number"] { width: 50%; margin-left: 16px; }

@media (max-width: 768px) { .form-choice input[type="text"], .form-choice input[type="email"], .form-choice input[type="number"] { width: calc(100% - 16px); } }

.depend { display: block; font-size: 12px; line-height: 16px; color: #777; margin-top: 8px; margin-left: 16px; }

select.select { display: block; height: 38px; width: 100%; border: 1px solid #DFDFDF; border-radius: 4px; opacity: 0.1; }

div.dropdown.bootstrap-select:not(.select-btn) { width: 100%; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle { width: 100%; color: #232933; line-height: 38px; padding: 0 30px 0 12px; border: 1px solid #e2e2e2; background: #FFF; font-weight: 400; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle.bs-placeholder { color: #777; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:focus { outline: none !important; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:before { display: none; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:after { content: "" !important; display: block; width: 16px; height: 16px; position: absolute; top: calc(50% - 8px); right: 12px; border: none; background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: center; background-size: contain; }

div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle .filter-option { position: relative; padding: 0; }

div.dropdown.bootstrap-select:not(.select-btn).transparent .dropdown-toggle { background: transparent; color: #fff; }

.bootstrap-select .dropdown-menu li a span.text { font-size: 15px; }

.dropdown-item.active, .dropdown-item:active { background-color: #dae0e5; color: #2B2A35; }

.form-box { background: #FFFFFF; border-radius: 4px; padding: 40px; box-shadow: 0 16px 4px 0 rgba(103, 110, 144, 0.05), 0 8px 8px 0 rgba(103, 110, 144, 0.05), 0 4px 4px 0 rgba(103, 110, 144, 0.05), 0 2px 2px 0 rgba(103, 110, 144, 0.05); }

.form-box label { font-weight: 500; font-size: 14px; line-height: 20px; color: #212121; }

.form-tax-calendar input[type="text"], .form-tax-calendar input[type="email"] { border: 1px solid #E2E2E2; border-radius: 4px; padding: 5px 12px !important; }

.form-tax-calendar select { border: 1px solid #E2E2E2; border-radius: 4px; padding: 7px !important; }

.form-tax-calendar .gform_footer { text-align: center; }

.form-tax-calendar .gform_footer input[type="submit"] { position: relative; font-size: 15px; line-height: 26px; font-weight: 500; padding: 7px 20px; border: 0; border-radius: 4px; text-align: center; transition: all .3s ease; background: #005FBF; border: 1px solid #005FBF; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFF; }

.form-tax-calendar .gform_footer input[type="submit"]:hover { background: #00468c; }

.form-tax-calendar .gform_footer input[type="submit"]:focus, .form-tax-calendar .gform_footer input[type="submit"]:active:focus, .form-tax-calendar .gform_footer input[type="submit"].active:focus { outline: none !important; box-shadow: none !important; }

.custom-control { padding: 0; }

.custom-control .custom-control-label { padding: 9px 0 9px 25px; }

.custom-control .custom-control-label:after, .custom-control .custom-control-label:before { top: 12px; }

.custom-control .custom-control-label:before { background: #FFF; border: 1px solid #e2e2e2; }

.input-group-text { color: #212121; background: #F2F4F7; }

div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-toggle { color: #495057; border: 1px solid #e2e2e2; border-radius: 4px; padding-left: 12px; padding-right: 42px; line-height: 40px; }

div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-toggle:after { right: 12px; }

div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-item.active, div.dropdown.bootstrap-select:not(.select-btn).gfield_select .dropdown-item:active { color: #495057; }

.form-search .input-search { position: relative; }

.form-search .input-search input { padding-left: 44px; }

.form-search .input-search::before { content: ''; width: 44px; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; background: url("../images/ic-search.svg") no-repeat center; background-size: 20px; }

@media (max-width: 991px) { .form-search .btn { display: block; width: 100%; } }

.form-group.error .form-control { border-color: #C0392B; }

.form-group.error .form-control { border-color: #C0392B; }

.form-group.error small.error { color: #C0392B; }

.form-group.error .bootstrap-select .select-control { border-color: #C0392B; }

.form-group.success { position: relative; }

.form-group.success .form-control { border-color: #179E63; }

.form-group.success::after { position: absolute; content: ''; width: 20px; height: 20px; background: url("../images/ic-check.svg") no-repeat center; background-size: contain; display: inline-block; right: 10px; bottom: 11px; }

.form-group.success .dropdown.bootstrap-select button.select-control { border-color: #179E63; }

/* ------------------------------------------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------------------------------------------ */
footer { background: #F2F4F7; }

footer .left-side { max-width: 220px; min-width: 220px; padding-top: 5px; padding-bottom: 5px; }

footer .right-side { max-width: 110px; }

footer .foottop .container { padding: 60px 15px; }

footer .foottop .logo { position: relative; }

footer .foottop .logo img { height: 40px; }

footer .foottop .djp-qr { max-width: 135px; margin-right: 20px; margin-bottom: 15px; }

footer .foottop .djp a { display: inline-block; vertical-align: top; }

footer .foottop .djp a img { display: block; max-height: 94px; width: auto; }

footer .foottop .djp .mitra { margin-bottom: 15px; }

footer .foottop .djp .mitra .logodjp { display: inline-block; margin-right: 10px; }

footer .foottop .djp .mitra .logodjp img { height: 20px; }

footer .foottop .djp .mitra span { display: inline-block; font-size: 15px; line-height: 24px; color: #1C1D1E; font-weight: 500; margin-bottom: 10px; display: block; }

footer .foottop .djp p { font-size: 12px; line-height: 18px; }

footer .foottop .iso-logo { display: inline-block; vertical-align: middle; max-height: 60px !important; }

footer .foottop .iso { position: relative; text-align: center; width: 100px; margin-left: auto; }

footer .foottop .iso .logoiso img { display: block; width: 100%; }

footer .foottop .iso span { color: #777777; font-size: 12px; line-height: 18px; }

footer .foottop .item .fhead { color: #232933; font-weight: 500; margin-bottom: 10px; display: block; }

footer .foottop .item ul { list-style: none; }

footer .foottop .item ul li { margin-bottom: 5px; }

footer .foottop .item ul li a { display: inline-block; font-size: 15px; line-height: 24px; color: #777777; }

footer .foottop .item ul li a:hover { text-decoration: underline; }

footer .foottop .item ul li a.active { text-decoration: underline; }

footer .foottop .item ul li a + a { margin-left: 10px; }

footer .footmid { position: relative; z-index: 2; }

footer .footmid .container { border-top: 1px solid #DFDFDF; padding: 30px 15px; }

footer .footmid .socmed { font-size: 20px; }

footer .footmid .socmed a img { height: 20px; width: auto; opacity: 1; transition: opacity .3s; }

footer .footmid .socmed a + a { display: inline-block; margin-left: 20px; }

footer .footmid .socmed a i { color: #777; }

footer .footmid .socmed a:hover img { opacity: .5; }

footer .footmid .socmed a:hover i { color: #F58232; }

footer .footmid .text { font-size: 12px; line-height: 18px; color: #777; }

footer .footmid .addr-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 16px; }

footer .footmid .addr-list li span { color: #626B79; }

footer .footmid .addr-list li span.city { display: block; width: 100%; max-width: 110px; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; color: #2B2A35; font-weight: 500; }

footer .footmid .addr-list li:last-child { margin: 0; }

footer .footmid .lang { text-align: right; }

footer .footmid .lang .icon { display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; }

footer .footmid .lang a { font-size: 15px; line-height: 26px; color: #777777; }

footer .footmid .lang .bootstrap-select { display: inline-block; width: 90px !important; }

footer .footmid .lang .bootstrap-select .select-control { border: 0 !important; color: #777777 !important; padding: 0 !important; }

footer .footmid .lang .bootstrap-select.show .select-control:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

footer .footmid .lang .dropdown-menu .active { background: #F58232 !important; }

footer .footmid .lang .dropdown-menu .active a, footer .footmid .lang .dropdown-menu .active span { color: #ffffff !important; }

footer .footmid .lang .dropdown-menu li:hover, footer .footmid .lang .dropdown-menu li.selected { background: #F58232 !important; color: #ffffff !important; }

footer .footbott { background: #FFF; border-top: 1px solid #DFDFDF; line-height: 30px; position: relative; z-index: 1; }

footer .footbott .container { padding: 35px 15px; }

footer .footbott .copyright { font-weight: 400; }

footer .footbott .copyright span { position: relative; top: 3px; }

footer .footbott .mekari-logo { display: inline-block; margin-right: 30px; }

footer .footbott .mekari-logo img { height: 30px; }

footer .footbott .link { text-align: right; }

@media (max-width: 991px) { footer .hidden-md-down { display: none; }
  footer .foottop .left-side { max-width: 220px; min-width: 220px; }
  footer .foottop .djp { min-width: 50%; }
  footer .foottop .item { margin-bottom: 30px; }
  footer .footmid .left-side, footer .footmid .right-side { min-width: 50%; padding-top: 0; padding-bottom: 0; }
  footer .footmid .addr-list { padding-top: 24px; padding-bottom: 12px; }
  footer .footmid .addr-list li { display: block; }
  footer .footmid .left-side { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  footer .footmid .right-side { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  footer .footmid .left-side + .col { -webkit-order: 3; -ms-flex-order: 3; order: 3; } }

@media (max-width: 768px) { footer .foottop .logo { margin-bottom: 20px; }
  footer .foottop .container { padding: 40px 15px; }
  footer .foottop .col { min-width: 50%; max-width: 50%; }
  footer .foottop .left-side { min-width: 100%; max-width: 100%; margin-bottom: 30px; }
  footer .foottop .djp { min-width: 100%; }
  footer .footmid .container { padding: 20px 15px; }
  footer .footmid .socmed { position: relative; top: 5px; }
  footer .footbott { text-align: center; }
  footer .footbott .container { padding: 20px 15px; }
  footer .footbott .mekari-logo { display: block; margin: 0 0 15px; text-align: center; }
  footer .footbott .link { padding-top: 15px; text-align: center; } }

.footer-small { background: #FFF; border: 1px solid #DFDFDF; padding: 24px 0; text-align: center; }

.footer-small span.copy { font-size: 14px; line-height: 20px; }

/* ------------------------------------------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------------------------------------------ */
.masthead { background: #F9FAFB; position: relative; }

.masthead .shape { overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 40px; }

.masthead .shape:after { content: ""; display: block; position: absolute; top: 0; left: -6%; width: 112%; height: 140px; background: #FFF; border-radius: 100% 100% 0 0; }

.masthead .content { text-align: center; padding-left: 15px; padding-right: 15px; position: relative; z-index: 2; }

.masthead .img { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; }

.masthead .img img { width: 100%; height: auto; }

.masthead .sup { text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 500; color: #777; display: block; margin-bottom: 10px; }

.masthead .subtitle { display: block; font-size: 15px; line-height: 18px; margin-bottom: 8px; color: #777; }

.masthead .masthead__form { background: #FFF; padding: 32px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 8px; }

.masthead .masthead__form .title { display: block; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 16px; }

@media (max-width: 991px) { .masthead .masthead__form { margin-top: 32px; } }

.masthead .masthead__success-msg { display: block; padding: 32px; background: #EAECFB; border-radius: 8px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); text-align: center; margin-left: 48px; }

.masthead .masthead__success-msg .title { margin: 0 0 16px; }

.masthead .masthead__success-msg .img { margin: 0 0 16px; }

.masthead .masthead__success-msg .img img { display: block; width: 237px; height: auto; margin: 0 auto; }

.masthead .masthead__success-msg .desc p { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.masthead .masthead__success-msg .action .btn { display: block; }

@media (max-width: 991px) { .masthead .masthead__success-msg { margin-left: 0; margin-top: 32px; padding: 24px; } }

.masthead h1 { font-size: 48px; line-height: 59px; margin-bottom: 30px; font-weight: bold; }

.masthead p { font-size: 21px; line-height: 36px; margin-bottom: 30px; }

.masthead .box-action { padding: 0 15px; }

.masthead .box-action .btn + .btn { margin-left: 10px; }

.masthead .box-action .btn-link { color: #777777; transition: all .3s; }

.masthead .box-action .btn-link:hover { color: #F58232; }

.masthead--alt { background: #FFF; }

.masthead--alt p { font-size: 15px; line-height: 26px; max-width: 600px; margin: 0 auto 40px; }

.masthead--alt .btn.btn-lg { min-width: 150px; }

.masthead.masthead-dark { background: #1C1D1E; color: #FFF; }

.masthead.masthead-dark .content { padding-left: 15px; padding-right: 15px; }

.masthead.masthead-dark h1, .masthead.masthead-dark p { color: #FFF; }

.masthead.masthead-dark span.category { font-size: 15px; line-height: 24px; }

.masthead.inapp { padding-left: 104px; padding-right: 104px; }

@media (max-width: 991px) { .masthead .img { max-width: 80%; }
  .masthead h1 { font-size: 36px; line-height: 48px; } }

@media (max-width: 768px) { .masthead h1 { font-size: 28px; line-height: 42px; }
  .masthead p { font-size: 16px; line-height: 24px; } }

.masthead-featured { background: #F9FAFB; }

.masthead-featured .item { padding-left: 15px; padding-right: 15px; text-align: center; }

.masthead-featured .item .img { margin-bottom: 20px; }

.masthead-featured .item .img img { height: 70px; margin: 0 auto; }

.masthead-featured .item .title { font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 10px; }

.masthead-featured .item .content a { color: #4A26C4; text-decoration: underline; opacity: 1; transition: all .3s; }

.masthead-featured .item .content a:hover { color: #4A26C4; text-decoration: underline; opacity: .5; }

.masthead-featured .item .content p:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .masthead-featured .item { padding-left: 0; padding-right: 0; } }

@media (max-width: 768px) { .masthead-featured .slider-xs:not(.owl-loaded) .col-md-4:not(:first-child) { display: none; }
  .masthead-featured .slider-xs { padding-bottom: 54px; }
  .masthead-featured .owl-dots { position: absolute; bottom: 0; width: 100%; margin: 0; } }

.masthead-footer { text-align: center; padding: 48px 0 64px; }

.featured { padding-top: 64px; padding-bottom: 64px; }

.featured__images { position: relative; max-width: 900px; margin: 0 auto 48px; }

.featured__images .item { position: relative; display: block; position: relative; width: 100%; padding-top: 62%; margin: 0 auto; }

.featured__images .item img, .featured__images .item video { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; object-fit: contain; }

@media (max-width: 991px) { .featured__images { margin-bottom: 12px; }
  .featured__images .item { width: calc(100% - 72px); } }

.featured__thumbs { position: relative; }

.featured__thumbs .owl-nav { display: none; }

.featured__thumbs .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -12px; margin-right: -12px; }

.featured__thumbs .nav-tabs { border: 0; }

.featured__thumbs .item { display: block; width: 100%; max-width: 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; padding-left: 12px; padding-right: 12px; }

.featured__thumbs .item__title { font-size: 16px; line-height: 24px; margin-bottom: 8px; color: #2B2A35; }

@media (max-width: 991px) { .featured__thumbs { margin-left: 20px; margin-right: 20px; padding-left: 15px; padding-right: 15px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .featured__thumbs .owl-nav { display: block; }
  .featured__thumbs .item { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .featured__thumbs .item:not(.active) { display: none; } }

.featured__thumbs .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 20px; border: 1px solid #DFDFDF; border-radius: 4px; cursor: pointer; min-height: 144px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all .3s ease-in-out; }

.featured__thumbs .nav-link p:last-child { margin-bottom: 0; }

.featured__thumbs .nav-link:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__thumbs .nav-link:after, .featured__thumbs .nav-link:before { content: ""; display: block; position: absolute; width: 100%; height: 2px; top: 0; left: 0; border-radius: 2px 2px 0 0; background: #F96D01; opacity: 0; transition: all .4s ease; }

.featured__thumbs .nav-link.active { border: 1px solid #DFDFDF; }

.featured__thumbs .nav-link.active:after { opacity: 1; -webkit-animation: progressBar 10s linear; animation: progressBar 10s linear; }

.featured__thumbs .nav-link.active:before { opacity: 0.2; }

.featured__slider { position: relative; max-width: 800px; margin: 0 auto 48px; }

.featured__slider .owl-stage-outer { overflow: visible; }

.featured__slider .owl-stage-outer .owl-item { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: all .75s ease-in-out; }

.featured__slider .owl-stage-outer .owl-item:not(.active) { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }

.featured__slider .item { position: relative; display: block; position: relative; width: 100%; padding-top: 62%; margin: 0 auto; }

.featured__slider .item img, .featured__slider .item video { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; object-fit: contain; }

@media (max-width: 768px) { .featured__slider .item { width: 100%; height: 62%; } }

@media (max-width: 375px) { .featured__slider .item { padding-top: 40%; } }

.featured__tab { position: relative; max-width: 1224px; margin: 0 auto -16px; }

.featured__tab .owl-item { padding: 0 12px; }

.featured__tab .owl-item:first-child { padding-left: 0; }

.featured__tab .owl-item:last-child { padding-right: 0; }

.featured__tab .item { position: relative; padding: 20px; border: 1px solid #DFDFDF; border-radius: 4px; cursor: pointer; min-height: 144px; margin-bottom: 16px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all .3s ease-in-out; }

.featured__tab .item:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__tab .item .progress { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; }

.featured__tab .item__title { display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 8px; color: #2B2A35; }

.featured__tab .current .item { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__tab .current .item .progress { opacity: 1; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.featured__tab .current .item .progress path, .featured__tab .current .item .progress rect { stroke-dasharray: 1000; -webkit-animation: dash 9s linear; animation: dash 9s linear; }

.block-slider .item { padding: 0 10px; }

.block-content .container { position: relative; }

.block-content .container .bg-shape { position: absolute; bottom: 0; right: -230px; }

.block-content .container .bg-shape img { position: relative; bottom: -130px; right: 0; }

.block-content .box { background-color: #EDF6FA; border: 1px solid #A0D4EB; padding: 30px; border-radius: 6px; }

@media (max-width: 768px) { .block-content .box { padding: 15px; } }

.block-content .box.p-60 { padding: 60px; }

@media (max-width: 768px) { .block-content .box.p-60 { padding: 30px 15px; } }

.block-content .box > .title { font-size: 21px; line-height: 36px; margin-bottom: 10px; font-weight: bold; }

.block-content .box ol, .block-content .box ul { padding-left: 30px; margin-bottom: 0; }

.block-content .box ol li, .block-content .box ul li { margin-bottom: 20px; }

.block-content .box ol li:last-child, .block-content .box ul li:last-child { margin-bottom: 0; }

.block-content .box ol { counter-reset: ol-counter; list-style: none; }

.block-content .box ol > li { position: relative; }

.block-content .box ol > li:before { counter-increment: ol-counter; content: counter(ol-counter) "."; position: absolute; top: 0; left: -25px; }

.block-content .item.item-card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.block-content .item .img { margin-bottom: 20px; }

.block-content .item .img .icon { height: 70px; width: auto; display: block; margin: 0 auto; }

.block-content .item .title { font-size: 21px; line-height: 36px; font-weight: normal; }

.block-content .item .content p:last-child { margin-bottom: 0; }

.block-content .item .action { margin-top: auto; }

.block-content .item .action a:not(.btn) { color: #4A26C4; text-decoration: underline; }

.block-content .item .action a:not(.btn):hover { color: #7758df; text-decoration: underline; }

.block-content.featured .item { padding-left: 25px; padding-right: 25px; padding-bottom: 80px; }

.block-content.featured .item .block__action { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 991px) { .block-content.featured .item { padding-bottom: 20px; } }

.block-content.featured .col-md-4:nth-last-child(-n+3) .item { padding-bottom: 0; }

.block-content.bg-dark-blue { background: #143A72; color: #FFF; }

.block-content.bg-dark-blue .title, .block-content.bg-dark-blue p, .block-content.bg-dark-blue span { color: #FFF; }

.block-content.bg-dark-blue .item { padding-right: 40px; padding-left: 40px; border-right: 1px solid rgba(255, 255, 255, 0.1); }

.block-content.bg-dark-blue .item:last-of-type { border-right: 0; }

@media (max-width: 991px) { .block-content.featured .item { padding-left: 0; padding-right: 0; }
  .block-content.bg-dark-blue .item { padding-right: 10px; padding-left: 10px; } }

@media (max-width: 768px) { .block-content .item.item-card { display: block; height: auto; }
  .block-content .item .action { margin-top: 0; } }

.block-quote { font-size: 26px; line-height: 36px; padding: 0; }

@media (max-width: 768px) { .block-quote { font-size: 24px; line-height: 34px; } }

.vertical-slider { max-width: 570px; margin: 0 auto 60px; position: relative; }

.vertical-slider .slick-list { max-height: 375px; position: relative; }

.vertical-slider .slick-sliderd { overflow: hidden; }

.vertical-slider .slick-sliderd:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 9px; box-shadow: 2px 2px 10px 0 rgba(15, 41, 48, 0.1); z-index: -1; -webkit-transform: scale(0.95); transform: scale(0.95); }

.vertical-slider .item { padding: 30px; height: 350px; background: #ffffff; box-shadow: 2px 2px 10px 0 rgba(15, 41, 48, 0.1); position: relative; -webkit-transform: scale(0.95); transform: scale(0.95); transition: all .6s ease; }

.vertical-slider .item:hover, .vertical-slider .item:focus, .vertical-slider .item:active, .vertical-slider .item:focus-within { outline: none !important; }

.vertical-slider .item + .slick-active + .slick-active { -webkit-transform: scale(0.95); transform: scale(0.95); margin-top: -60px; z-index: -1; box-shadow: none; }

.vertical-slider .item.slick-current.slick-active { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; z-index: 5; }

.vertical-slider .item .quote { font-weight: 400; font-size: 18px; line-height: 30px; }

.vertical-slider .item .account { width: 100%; padding: 30px; position: absolute; left: 0; bottom: 0; }

.vertical-slider .item .account .pp-acc { width: 50px; height: 50px; display: inline-block; vertical-align: middle; }

.vertical-slider .item .account .pp-acc .img { padding-top: 100%; }

.vertical-slider .item .account .pp-acc img { max-width: 50px; }

.vertical-slider .item .account .namepos { display: inline-block; vertical-align: middle; margin-left: 20px; }

.vertical-slider .item .account .namepos h4 { margin-bottom: 0; font-weight: 600; }

.vertical-slider .slick-prev { position: absolute; top: -20px; left: calc(50% - 9px); z-index: 2; background: transparent; border: 0; color: transparent; cursor: pointer; width: 18px; padding: 0; margin: 0; }

.vertical-slider .slick-prev:before { content: ""; display: block; width: 18px; height: 18px; background-image: url(../images/arrow-up.png); background-size: contain; background-repeat: no-repeat; background-position: center; }

.vertical-slider .slick-next { position: absolute; top: auto; bottom: -40px; right: calc(50% - 9px); z-index: 2; background: transparent; border: 0; color: transparent; cursor: pointer; width: 18px; padding: 0; margin: 0; }

.vertical-slider .slick-next:before { content: ""; display: block; width: 18px; height: 18px; background-image: url(../images/arrow-down.png); background-size: contain; background-repeat: no-repeat; background-position: center; }

@media (max-width: 768px) { .vertical-slider .slick-list { max-height: 450px; }
  .vertical-slider .item { padding: 15px; height: 430px; }
  .vertical-slider .item.slick-active + .slick-active { margin-top: -410px; z-index: 0; }
  .vertical-slider .item.slick-active + .slick-active + .slick-active { -webkit-transform: scale(0.89); transform: scale(0.89); margin-top: -410px; z-index: -1; }
  .vertical-slider .item .account { padding: 20px; }
  .vertical-slider .item .account .namepos { max-width: calc(100% - 80px); } }

.blog-wrap .item .img-block { position: relative; width: 100%; margin-bottom: 10px; overflow: hidden; }

.blog-wrap .item .img-block .img { display: block; width: 100%; padding-top: 60%; -webkit-transform: none; transform: none; transition: all .3s linear; background-size: cover; background-position: center; background-repeat: no-repeat; }

.blog-wrap .item .img-block:hover .img { -webkit-transform: scale(1.025); transform: scale(1.025); }

.blog-wrap .item .category { display: block; position: relative; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; }

.blog-wrap .item .category span, .blog-wrap .item .category a { display: inline-block; color: #777; padding: 0 10px; transition: all .3s; }

.blog-wrap .item .category a:hover { color: #F58232; }

.blog-wrap .item .title { font-size: 16px; line-height: 24px; color: #444; transition: all .3s; }

.blog-wrap .item .title:last-child { margin-bottom: 0; }

.blog-wrap .item .title:hover { color: #F58232; }

.blog-wrap .featured-post { border-bottom: 1px solid #e2e2e2; }

.blog-wrap .featured-post .item .title { font-size: 16px; line-height: 24px; }

.blog-wrap .featured-post .item .title:not(:hover) { color: #1C1D1E; }

@media (max-width: 768px) { .blog-wrap .featured-post .banner-up { transition-delay: unset; } }

.blog-wrap .recommended-post .item .title { font-size: 26px; line-height: 36px; }

.blog-wrap .recommended-post .item .title:not(:hover) { color: #1C1D1E; }

.blog-wrap .recommended-post .item .info p:last-child { margin-bottom: 0; }

.single-wrap article p { margin-bottom: 30px; }

.single-wrap article .block-img img { width: 100%; }

.single-wrap article .block-img.img-offset { margin-left: -16%; margin-right: -16%; width: 132%; }

@media (max-width: 991px) { .single-wrap article .block-img.img-offset { margin-left: 0; margin-right: 0; width: 100%; } }

.single-wrap article .block-img:first-child { padding-top: 0; }

.single-wrap article .block-img:last-child { padding-bottom: 0; }

.single-wrap .share-block .title { font-size: 21px; line-height: 30px; font-weight: normal; margin-bottom: 10px; }

.single-wrap .share-block ul { padding: 0; margin: 0 -10px 30px; list-style: none; }

.single-wrap .share-block ul > li { display: inline-block; padding: 0 10px; }

.single-wrap .share-block ul > li a { font-size: 30px; line-height: 30px; color: #777; display: block; opacity: 1; transition: all .5s; }

.single-wrap .share-block ul > li:hover a { opacity: .5; }

.single-wrap .related-blog .title { font-size: 36px; line-height: 48px; margin-bottom: 10px; }

.single-wrap .related-blog .item { display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e2e2e2; padding: 30px 0; background-color: #FFF; transition: all .5s; }

.single-wrap .related-blog .item .date { color: #777; min-width: 150px; }

.single-wrap .related-blog .item:hover { padding: 30px 0; }

.single-wrap .related-blog .item:hover .content { color: #F58232; }

@media (max-width: 768px) { .single-wrap .related-blog .item { padding: 15px 0; } }

.ebook-wrap .item { padding-bottom: 110px; }

.ebook-wrap .item > a { display: block; }

.ebook-wrap .item .img { box-shadow: 0; }

.ebook-wrap .item .img img { display: block; width: 70%; box-shadow: 0px 30px 10px -12px rgba(0, 0, 0, 0.15); margin: 0 auto 30px; transition: all .5s; }

.ebook-wrap .item .title { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 0; text-align: center; }

.ebook-wrap .item .action { text-align: center; position: absolute; padding-top: 30px; width: 100%; left: 0; bottom: 0; opacity: 0; transition: all .5s; }

.ebook-wrap .item .action .btn { min-width: 60%; }

.ebook-wrap .item:hover .img img { box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.5); }

.ebook-wrap .item:hover .action { opacity: 1; bottom: 50px; }

@media (max-width: 991px) { .ebook-wrap .item { padding-bottom: 50px; }
  .ebook-wrap .item .action { position: relative; bottom: 0; opacity: 1; } }

@media (max-width: 768px) { .ebook-wrap .banner-up { transition-delay: unset; }
  .ebook-wrap .item .title { font-size: 14px; line-height: 20px; } }

.ebook img { display: block; height: 350px; width: auto; box-shadow: 0px 30px 10px -12px rgba(0, 0, 0, 0.15); margin: 0 auto 30px; transition: all .5s; }

.tags-block a:hover { text-decoration: underline; }

.small-img { padding: 0 15px; }

.small-img .item { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.small-img .item:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.pricing-wrap .pricing_box .item { position: relative; padding: 16%; margin: 0 -10px; border: 1px solid #C9CBCD; border-radius: 4px; background-color: #F8F9FA; }

.pricing-wrap .pricing_box .item .pricing-badge { position: absolute; top: 30px; left: 0; text-transform: uppercase; color: #FFF; background-color: #17A085; font-size: 15px; font-weight: bold; padding: 2px 15px; border-radius: 0 5px 5px 0; }

.pricing-wrap .pricing_box .item .title { font-size: 36px; line-height: 48px; font-weight: bold; }

.pricing-wrap .pricing_box .item .price { font-size: 18px; }

.pricing-wrap .pricing_box .item a.price { color: #F58232; text-decoration: underline; cursor: pointer; margin-bottom: 30px; }

.pricing-wrap .pricing_box .item a.price:hover { color: #d87935; text-decoration: none; }

.pricing-wrap .pricing_box .item ul { margin: 30px 0px; }

.pricing-wrap .pricing_box .item ul li { position: relative; color: #545465; font-size: 15px; line-height: 26px; list-style: none; padding-left: 25px; }

.pricing-wrap .pricing_box .item ul li::before { content: ""; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: 4px; background: transparent url(../images/ic-check.svg) no-repeat center; background-size: contain; }

.pricing-wrap .pricing_box .item ul li.off { opacity: 0.5; }

.pricing-wrap .pricing_box .item ul li.off::before { color: #DADADA; }

.pricing-wrap .pricing_box:nth-child(2) .item { position: relative; z-index: 2; -webkit-transform: scale(1.2); transform: scale(1.2); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); background-color: #FFF; border-top: 5px solid #F58232; padding-top: 80px; }

@media (max-width: 425px) { .pricing-wrap .pricing_box .item .pricing-badge { display: none; } }

.pricing-desc { padding: 60px 0; border-bottom: 1px solid #C9CBCD; }

.pricing-desc:last-child { border-bottom: 0px; }

.form-download input[type="text"], .form-download input[type="email"] { padding: 8px 16px; border-radius: 4px; border: 1px solid #DFDFDF; }

.form-download input[type="text"]:focus, .form-download input[type="email"]:focus { border-color: #F58232; }

.form-download .gform_wrapper.gravity-theme .gfield select { padding: 8px 4px; height: 42px; border-radius: 4px; border: 1px solid #DFDFDF; }

.form-download .gform_footer { text-align: center; }

.form-download .gform_footer input[type="submit"] { position: relative; font-size: 15px; line-height: 26px; font-weight: 500; padding: 7px 20px; border: 0; border-radius: 4px; text-align: center; transition: all .3s ease; background: #F58232; color: #FFF; box-shadow: 0 16px 4px 0 rgba(103, 110, 144, 0.05), 0 8px 8px 0 rgba(103, 110, 144, 0.05), 0 4px 4px 0 rgba(103, 110, 144, 0.05), 0 2px 2px 0 rgba(103, 110, 144, 0.05); }

.form-download .gform_footer input[type="submit"]:hover, .form-download .gform_footer input[type="submit"]:active, .form-download .gform_footer input[type="submit"].active { background: #e9660b; }

.form-download .gform_confirmation_wrapper .gform_confirmation_message { text-align: center; font-size: 18px; line-height: 26px; }

.form-download .gform_confirmation_wrapper .gform_confirmation_message a { color: #F58232; text-decoration: underline; }

.form-download .gform_confirmation_wrapper .gform_confirmation_message a:hover { color: #e9660b; }

.masthead-tax-calculator { margin-top: 80px; padding: 80px 0; }

.masthead-tax-calculator h5 { font-weight: 500; font-size: 15px; line-height: 18px; color: #777777; margin-bottom: 8px; text-transform: uppercase; }

.masthead-tax-calculator h1 { font-weight: bold; font-size: 36px; line-height: 48px; color: #1C1D1E; margin-bottom: 15px; }

.masthead-tax-calculator p { font-weight: normal; font-size: 15px; line-height: 26px; color: #1C1D1E; }

.masthead-tax-calculator img { max-width: none !important; width: 1440px; height: 900px; margin: -130px 0 0 -450px; }

@media (max-width: 991px) { .masthead-tax-calculator img { margin: -90px 0 0 -150px; width: 1000px; height: 650px; } }

@media (max-width: 768px) { .masthead-tax-calculator img { margin: -90px 0 0 -220px; width: 750px; height: 450px; } }

.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #C8E6C9; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark { width: 96px; height: 96px; border-radius: 50%; display: block; stroke-width: 4; stroke: #4CAF50; stroke-miterlimit: 10; margin: 25px auto; box-shadow: inset 0px 0px 0px #C8E6C9; -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }

.checkmark__check { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@-webkit-keyframes stroke { 100% { stroke-dashoffset: 0; } }

@keyframes stroke { 100% { stroke-dashoffset: 0; } }

@-webkit-keyframes scale { 0%, 100% { -webkit-transform: none; transform: none; }
  50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } }

@keyframes scale { 0%, 100% { -webkit-transform: none; transform: none; }
  50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } }

@-webkit-keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #C8E6C9; } }

@keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #C8E6C9; } }

.pricing-ao .section-head { padding: 40px 0; text-align: center; }

.pricing-ao .section-head__title { font-size: 24px; line-height: 32px; margin-bottom: 0; }

.pricing-ao .item { background: #FFF; border: 1px solid #e2e2e2; padding: 32px 16px; border-radius: 4px; }

.pricing-ao .item__left { padding: 0 32px; }

.pricing-ao .item__right { padding: 32px 32px 0 0; }

.pricing-ao .item__icon img { display: block; height: 40px; width: auto; margin: 0 0 12px; }

.pricing-ao .item__title { font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 24px; }

.pricing-ao .item__desc { color: #000000; }

.pricing-ao .item small { display: block; font-size: 12px; line-height: 18px; color: #777; margin-bottom: 0; }

.pricing-ao .item span.big { display: block; margin-bottom: 16px; color: #000000; font-size: 24px; line-height: 32px; font-weight: 500; }

.pricing-ao .item .pricing-list { color: #1C1D1E; }

.pricing-ao .item .pricing-list__title { font-size: 16px; line-height: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 12px; }

.pricing-ao .item .pricing-list__item { display: block; position: relative; margin-bottom: 12px; padding-left: 32px; }

.pricing-ao .item .pricing-list__item:last-child { margin-bottom: 0; }

.pricing-ao .item .pricing-list__item:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: 4px; background: transparent url(../images/ic-check.svg) no-repeat center; background-size: contain; }

.pricing-ao__cta { text-align: right; }

.pricing-ao__cta .btn { min-width: 156px; margin-bottom: 24px; box-shadow: none; }

.pricing-ao__cta .btn .svg { display: inline-block; vertical-align: middle; margin-right: 12px; height: 16px; width: auto; position: relative; top: -1px; }

.pricing-ao__cta .btn .svg path { transition: all .3s ease; }

.pricing-ao__cta .btn:hover .svg path { fill: #FFF; }

.small-img--pricing .item { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.small-img--pricing .item .title { font-size: 26px; line-height: 36px; font-weight: bold; margin-bottom: 16px; }

.block-tc .row { margin-left: -14px; margin-right: -14px; }

.block-tc .row > .col, .block-tc .row > [class*="col-"] { padding-right: 14px; padding-left: 14px; }

.tc-card { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: none; transition: all .3s ease; }

.tc-card:hover { box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); }

.tc-card__img .img { display: block; position: relative; padding: 62% 0 0; overflow: hidden; border-radius: 4px 4px 0 0; }

.tc-card__img .img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.tc-card__main { padding: 24px; background: #FFF; border: 1px solid #e2e2e2; border-radius: 0 0 4px 4px; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.tc-card__title { font-size: 21px; line-height: 26px; font-weight: 500; margin-bottom: 12px; }

.tc-card__title a { color: #000; transition: all .3s ease; }

.tc-card__title a:hover { color: #F58232; }

.tc-card__content { padding-bottom: 24px; }

.tc-card__content p { font-size: 15px; line-height: 26px; margin-bottom: 18px; }

.tc-card__content p:last-child { margin-bottom: 0; }

.tc-card__action { margin-top: auto; }

.tc-card__action .btn-more { color: #1357FF; }

.tc-1 { background: #F9FAFB; padding: 80px 0 54px; }

.tc-1 .section-title { margin-bottom: 48px; }

.tc-2 { background: #FFF; padding: 80px 0 50px; }

.tc-2 .item { text-align: center; padding: 30px; margin-bottom: 30px; border: 1px solid #e2e2e2; border-radius: 4px; display: block; box-shadow: none; transition: all .3s ease-in-out; }

.tc-2 .item:hover { box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); }

.tc-2 .item__icon { margin-bottom: 10px; }

.tc-2 .item__icon img { display: block; width: 70px; height: 70px; margin: 0 auto; }

.tc-2 .item__title { margin-bottom: 0; font-weight: normal; }

.tc-3 { padding: 0; }

.tc-3__wrap { border-top: 1px solid #e2e2e2; }

.tc-3 .section-title { margin-bottom: 0; padding: 80px 0; }

.tc-3__img { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; position: relative; }

.tc-3__img img { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; }

.tc-4 { padding: 0 0 80px; background: #F9FAFB; }

.tc-4 .section-title:last-child { margin-bottom: 0; }

.tc-form { padding: 88px 0 120px; background: #F9FAFB; }

.tc-form__wrap { padding: 64px; background: #FFF; border: 1px solid #e2e2e2; }

@media (max-width: 768px) { .tc-form { padding: 60px 0 80px; }
  .tc-form__wrap { padding: 24px; } }

.tc-result { padding: 88px 0 120px; background: #F9FAFB; }

.tc-result__wrap { background: #FFF; border: 1px solid #e2e2e2; }

.tc-result .section-title { padding: 64px 64px 32px; margin-bottom: 0; border-bottom: 1px solid #e2e2e2; }

.tc-result .section-title p:last-child { margin-bottom: 0; }

.tc-result__main { padding: 0 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tc-result__main label { display: block; font-size: 14px; line-height: 20px; font-weight: 400; color: #777; margin-bottom: 2px; }

.tc-result__main span.text { display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: #212121; }

.tc-result__main span.text-lg { display: block; font-size: 32px; line-height: 40px; font-weight: 700; color: #F58232; }

.tc-result__main h3 { font-size: 16px; line-height: 24px; margin-bottom: 16px; font-weight: 500; }

.tc-result__main .item-group { padding-bottom: 16px; }

.tc-result__main .item-group:last-child { padding-bottom: 0; }

.tc-result__main .block-gaji { padding: 24px 0; border-bottom: 1px solid #e2e2e2; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.tc-result__main .block-tunjangan { padding: 24px 0; width: 100%; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; }

.tc-result__main .block-potongan { padding: 24px 0; width: 100%; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; border-left: 1px solid #e2e2e2; padding-left: 60px; }

.tc-result__main .block-pay { padding: 24px 0 40px; border-top: 1px solid #e2e2e2; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.tc-main { background: #F9FAFB; padding-bottom: 120px; }

.tc-main__wrap { background: #FFF; border: 1px solid #e2e2e2; }

.tc-main .field { padding: 40px 64px 16px; border-bottom: 1px solid #e2e2e2; }

.tc-main .field:last-child { border-bottom: 0; }

.tc-main .field h3 { font-size: 20px; line-height: 28px; margin-bottom: 16px; }

.tc-main .field label { font-size: 14px; line-height: 20px; display: block; min-height: 20px; width: 100%; position: relative; }

.tc-main .field label a { color: #1357FF; display: inline-block; margin-left: auto; font-weight: 400; float: right; }

.tc-main .field label a:hover { color: #0039c6; text-decoration: underline; }

.tc-main .field label span.required { color: #ed3626; }

.tc-main .field .form-control { box-shadow: none; }

.tc-main .field .btn-link { text-decoration: underline; color: #1357FF; }

.tc-main .field .btn-link:hover { color: #0039c6; }

.tc-main .field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }

.tc-main .field div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle { border: 1px solid #e2e2e2; border-radius: 4px; color: #777; padding-left: 16px; }

.tc-main .field div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:after { right: 16px; width: 12px; height: 12px; top: calc(50% - 6px); }

.tc-main .field .dropdown-item.active, .tc-main .field .dropdown-item:active { background: #F58232; }

.tc-main .field .form-action { text-align: right; padding-bottom: 16px; }

.tc-main .field .form-action .btn-link { color: #777; text-decoration: none; }

.tc-main .field .form-action .btn-link:hover { color: #1357FF; }

.tc-main .field .form-action .btn-blue { min-width: 120px; }

.form-tax-calculator ul li { border: 0 !important; padding: 0 !important; margin-bottom: 50px; }

.form-tax-calculator ul li label { font-style: 15px; line-height: 26px; font-weight: 500; margin-bottom: 5px; display: block; }

.form-tax-calculator ul li input { width: 100%; padding: 10px 15px; height: 40px; border: 1px solid #e2e2e2; border-radius: 4px; box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1); }

.form-tax-calculator ul li input:hover { box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.1); border-color: #e2e2e2; }

.form-tax-calculator .gform_footer input[type="submit"] { background: #005FBF; border: 1px solid #005FBF; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFF; width: 100%; padding: 10px; }

.form-tax-calculator .gform_footer input[type="submit"]:hover { background: #00468c; }

.list-block__wrap { padding-top: 5rem; padding-bottom: 5rem; }

.list-block .custom-list { margin-left: 1.5rem; }

@media (max-width: 991px) { .list-block [class*="col-"]:first-child { margin-bottom: 2rem; }
  .list-block .custom-list { margin-left: 0; } }

.oppst-block-title { text-align: center; padding-top: 80px; }

.oppst-block-title__title { font-size: 26px; line-height: 36px; margin-bottom: 24px; }

.oppst-block-title p:last-child { margin-bottom: 0; }

.oppst-block .row { padding-top: 64px; padding-bottom: 64px; }

.oppst-block .row:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.oppst-block.oppst-reverse .row:nth-child(even) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.oppst-block.oppst-reverse .row:nth-child(odd) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 991px) { .oppst-block [class*="col-"]:first-child { margin-bottom: 2rem; }
  .oppst-block .row:nth-child(even) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.testimonial-big { padding-top: 80px; margin-bottom: 32px; }

.testimonial-big__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #FFF; box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.4); border-radius: 4px; padding: 60px 60px 48px 80px; }

.testimonial-big__img { position: relative; display: block; width: 100%; max-width: 36.163%; -webkit-flex: 0 0 36.163%; -ms-flex: 0 0 36.163%; flex: 0 0 36.163%; }

.testimonial-big__img .block-img { position: relative; display: block; width: 100%; padding-top: 81.632%; }

.testimonial-big__img .img { position: relative; z-index: 1; display: block; width: 100%; height: auto; position: absolute; left: 0; bottom: 0; }

.testimonial-big__img .play { display: block; position: absolute; right: -10%; bottom: -5%; z-index: 2; width: 28.5%; border-radius: 50%; }

.testimonial-big__img .play .svg, .testimonial-big__img .play img { width: 100%; height: auto; display: block; }

.testimonial-big__content { padding-left: 90px; }

.testimonial-big__category { font-size: 12px; line-height: 20px; font-weight: 500; text-transform: uppercase; position: relative; padding: 2px 0 2px 28px; margin-bottom: 28px; }

.testimonial-big__category .icon { display: inline-block; height: 24px; width: 24px; position: absolute; left: 0; top: 0; }

.testimonial-big__blockquote { display: block; margin: 0 0 24px; font-size: 20px; line-height: 32px; color: #2B2A35; }

.testimonial-big__footer { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 24px; }

.testimonial-big__footer img { display: block; max-height: 56px; width: auto; }

.testimonial-big__author { padding: 16px 24px; font-size: 14px; line-height: 20px; }

.testimonial-big__author:not(:first-child) { border-left: 1px solid #DFDFDF; margin-left: 24px; }

.testimonial-big__author span { display: block; }

.testimonial-big__author span + span { margin-top: 4px; }

.testimonial-big__author .author__name { text-transform: uppercase; color: #2B2A35; font-weight: 500; }

@media (max-width: 768px) { .testimonial-big { padding-top: 60px; }
  .testimonial-big__wrap { padding: 30px 30px 24px 40px; }
  .testimonial-big__content { padding-left: 45px; } }

@media (max-width: 375px) { .testimonial-big__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px; }
  .testimonial-big__img { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; margin-left: auto; margin-right: auto; margin-bottom: 32px; }
  .testimonial-big__content { padding-left: 0; }
  .testimonial-big__blockquote { font-size: 18px; line-height: 26px; }
  .testimonial-big__footer { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .testimonial-big__author { padding: 0; width: 100%; }
  .testimonial-big__author:not(:first-child) { border-left: 0; margin-top: 24px; margin-left: 0; } }

.custom-form { height: 100vh; overflow-x: hidden; overflow-y: auto; }

.custom-form .container-full { height: 100%; }

.custom-form .container-full > .row { height: 100%; }

.custom-form__meta { background: #F2F4F7; padding: 120px 5vw 24px; height: 100%; }

.custom-form__meta-logo { margin-bottom: 64px; display: none; }

@media (max-width: 768px) { .custom-form__meta-logo { display: none; } }

.custom-form__meta-illustration { text-align: center; margin-bottom: 64px; }

.custom-form__meta-illustration img { display: block; max-width: 100%; height: auto; }

.custom-form__meta-desc ul { margin-bottom: 30px; padding-left: 30px; }

.custom-form__meta-desc p a { text-decoration: underline; }

.custom-form__meta-desc p a:hover { text-decoration: underline; color: #F58232; }

.custom-form__meta .testimonial__wrap { background: transparent; border-radius: 0; box-shadow: none; margin-bottom: 80px; }

.custom-form__meta .testimonial__wrap .testimonial-big__content { padding: 0; }

.custom-form__meta .testimonial__wrap .testimonial-big__content .testimonial-big__footer img { width: auto !important; }

.custom-form__meta .testimonial__wrap .owl-dots { padding: 0; text-align: left; }

.custom-form__meta .testimonial__wrap .owl-dots button.owl-dot { background: #E2E2E2; }

.custom-form__meta .testimonial__wrap .owl-dots button.owl-dot.active { background: #F58232; }

.custom-form__meta-footer { position: relative; bottom: 0; }

.custom-form__meta-footer label { font-weight: 500; display: block; font-size: 14px; line-height: 17px; margin-bottom: 15px; }

@media (max-width: 768px) { .custom-form__meta-footer { position: relative; } }

.custom-form__meta-copyright { display: none; }

@media (max-width: 768px) { .custom-form__meta-copyright { display: block; } }

.custom-form__meta-icon { margin-bottom: 48px; }

.custom-form__meta-icon a { margin-right: 25px; }

@media (max-width: 768px) { .custom-form__meta { padding: 60px 16px 30px; } }

.custom-form__form { padding: 48px 5vw 24px 15vw; }

.custom-form__form-logo { display: block; margin-bottom: 50px; }

.custom-form__form-title { font-weight: 700; font-size: 2rem; line-height: 2.5rem; margin-bottom: 1rem; }

.custom-form__form-subtitle { font-size: 1rem; line-height: 1.5rem; margin-bottom: 4px; }

.custom-form__form-desc { margin-bottom: 1.5rem; }

.custom-form__form-desc .custom-list { position: relative; margin-bottom: 32px; }

.custom-form__form-desc .custom-list li { position: relative; display: inline-block; padding-left: 36px; margin-bottom: 16px; margin-right: 16px; }

.custom-form__form-desc .custom-list li:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; }

.custom-form__form-desc .custom-list li:last-child { margin-bottom: 0; }

.custom-form__form-copyright { margin-top: 30px; display: block; text-align: left; }

.custom-form__form-copyright p { margin-bottom: 0; }

@media (max-width: 768px) { .custom-form__form-copyright { display: none; } }

@media (max-width: 768px) { .custom-form__form { padding: 40px 16px 30px; }
  .custom-form__form-logo { margin-bottom: 40px; }
  .custom-form__form-logo img { height: 32px; width: auto; }
  .custom-form__form-title { font-size: 26px; line-height: 36px; } }

.custom-form__clients .block-clients__wrap { padding-top: 48px; }

.custom-form__clients .block-clients__title { text-align: left; font-size: 15px; line-height: 26px; font-weight: 700; }

.custom-form__clients .block-clients__items { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.custom-form__clients .block-clients__items .item { max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; }

.sidebar__wrap { position: relative; }

.sidebar__data { padding: 24px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sidebar__data h4, .sidebar__data span { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; }

.sidebar__data span { margin-left: auto; text-align: right; }

.sidebar__data p { display: block; width: 100%; margin: 8px 0 0; }

.our-customer .marquee-container, .case-studies .marquee-container { height: 90px; }

.our-customer__title, .case-studies__title { max-width: 650px; margin: 0 auto 16px; text-align: center; }

.our-customer__content, .case-studies__content { max-width: 600px; margin: 0 auto 48px; text-align: center; }

.our-customer__slider, .case-studies__slider { white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 32px; opacity: 1; transition: all .3s ease-in-out; }

.our-customer__slider .item, .case-studies__slider .item { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 56px; position: relative; padding: 0 20px; }

.our-customer__slider .item img, .case-studies__slider .item img { display: block; width: auto; height: auto; max-height: 56px; }

.our-customer__slider .owl-stage-outer, .case-studies__slider .owl-stage-outer { overflow: visible; }

.our-customer__action, .case-studies__action { text-align: center; margin-bottom: 64px; }

.our-customer__toolbar, .case-studies__toolbar { padding-top: 10px; padding-bottom: 56px; position: relative; z-index: 2; }

.our-customer__toolbar .dropdown.bootstrap-select, .case-studies__toolbar .dropdown.bootstrap-select { width: auto; display: inline-block; }

.our-customer__toolbar .dropdown.bootstrap-select .bttn, .case-studies__toolbar .dropdown.bootstrap-select .bttn { width: auto; min-width: 100px; padding: 0 30px 0 12px; font-size: 14px; line-height: 34px; }

.our-customer__toolbar .dropdown.bootstrap-select .bttn:after, .case-studies__toolbar .dropdown.bootstrap-select .bttn:after { top: 0; line-height: 36px; }

.our-customer__toolbar .dropdown.bootstrap-select .dropdown-menu, .case-studies__toolbar .dropdown.bootstrap-select .dropdown-menu { min-width: 220px !important; }

.our-customer__toolbar .dropdown.bootstrap-select .dropdown-menu .inner, .case-studies__toolbar .dropdown.bootstrap-select .dropdown-menu .inner { overflow-x: hidden; }

.our-customer__toolbar .slider-category, .case-studies__toolbar .slider-category { position: relative; overflow: hidden; }

.our-customer__toolbar .slider-category__nav, .case-studies__toolbar .slider-category__nav { z-index: 2; position: absolute; right: 0; top: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 0; }

.our-customer__toolbar .slider-category__wrap, .case-studies__toolbar .slider-category__wrap { z-index: 1; position: relative; white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.our-customer__toolbar .slider-category .item-nav, .case-studies__toolbar .slider-category .item-nav { width: 60px; height: 36px; background: #FFF; background: linear-gradient(90deg, white 70%, rgba(255, 255, 255, 0) 100%); padding: 3px 0; cursor: pointer; }

.our-customer__toolbar .slider-category .item-nav .svg, .case-studies__toolbar .slider-category .item-nav .svg { display: block; }

.our-customer__toolbar .slider-category .item-nav .svg path, .case-studies__toolbar .slider-category .item-nav .svg path { fill: #232933; transition: all .3s ease-in-out; }

.our-customer__toolbar .slider-category .item-nav.prev, .case-studies__toolbar .slider-category .item-nav.prev { display: none; }

.our-customer__toolbar .slider-category .item-nav.next, .case-studies__toolbar .slider-category .item-nav.next { margin-left: auto; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 40%); }

.our-customer__toolbar .slider-category .item-nav.next .svg, .case-studies__toolbar .slider-category .item-nav.next .svg { margin-left: auto; }

.our-customer__toolbar .slider-category .item-nav:hover .svg path, .case-studies__toolbar .slider-category .item-nav:hover .svg path { fill: #2B2A35; }

.our-customer__toolbar .slider-category .item, .case-studies__toolbar .slider-category .item { display: inline-block; margin: 0 4px; padding: 6px 8px; border-radius: 4px; }

.our-customer__toolbar .slider-category .item__link, .case-studies__toolbar .slider-category .item__link { color: #232933; }

.our-customer__toolbar .slider-category .item__link:hover, .case-studies__toolbar .slider-category .item__link:hover { color: #4B61DD; }

.our-customer__toolbar .slider-category .item.active, .case-studies__toolbar .slider-category .item.active { background: #F2F4F7; }

.our-customer__toolbar .slider-category .item.active .item__link, .case-studies__toolbar .slider-category .item.active .item__link { color: #2B2A35; font-weight: 400; }

.our-customer__posts, .case-studies__posts { position: relative; }

.our-customer .slider .owl-item > div, .case-studies .slider .owl-item > div { max-width: 100%; }

.our-customer .post, .case-studies .post { margin-bottom: 40px; }

.our-customer .post__img, .case-studies .post__img { position: relative; cursor: pointer; }

.our-customer .post__img .play, .case-studies .post__img .play { position: absolute; z-index: 2; top: calc(50% - 24px); left: calc(50% - 24px); }

.our-customer .post__img .play .icon, .case-studies .post__img .play .icon { position: relative; width: 48px; height: 48px; display: block; z-index: 2; }

.our-customer .post__img .play:after, .case-studies .post__img .play:after { z-index: 1; content: ""; display: block; width: 64px; height: 64px; border-radius: 32px; background: #F58232; opacity: .2; position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); -webkit-transform: scale(0.5); transform: scale(0.5); transition: all .5s ease-in-out; }

.our-customer .post__img .block-img, .case-studies .post__img .block-img { position: relative; display: block; width: 100%; padding-top: 56.25%; overflow: hidden; border-radius: 4px 4px 0 0; }

.our-customer .post__img .block-img img, .case-studies .post__img .block-img img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1; }

.our-customer .post__img:hover .play:after, .case-studies .post__img:hover .play:after { -webkit-transform: scale(1); transform: scale(1); }

.our-customer .post__content, .case-studies .post__content { padding: 24px; border: 1px solid #DFDFDF; border-top: 0; border-radius: 0 0 4px 4px; }

.our-customer .post__title, .case-studies .post__title { font-size: 16px; line-height: 24px; margin-bottom: 4px; }

.our-customer .post__title a, .case-studies .post__title a { color: #2B2A35; }

.our-customer .post__title:hover a, .case-studies .post__title:hover a { color: #4B61DD; }

.our-customer .post__category, .case-studies .post__category { display: block; margin-bottom: 4px; }

.our-customer .post__category a, .case-studies .post__category a { color: #232933; }

.our-customer .post__category:hover a, .case-studies .post__category:hover a { color: #232933; text-decoration: underline; }

.our-customer .post p, .case-studies .post p { display: block; padding-top: 8px; margin-bottom: 16px; }

.our-customer__cta, .case-studies__cta { text-align: center; }

.our-customer--home, .case-studies--home { position: relative; background: #F2F4F7; padding: 64px 0; }

.our-customer--home .our-customer__title, .case-studies--home .our-customer__title { font-size: 32px; line-height: 48px; max-width: 768px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.our-customer--home .our-customer__action, .case-studies--home .our-customer__action { margin-bottom: 0; }

.our-customer--m-overview, .case-studies--m-overview { padding-top: 80px; padding-bottom: 80px; }

.our-customer--m-overview .our-customer__slider, .case-studies--m-overview .our-customer__slider { margin-bottom: 0; }

.our-customer--pricing, .case-studies--pricing { padding-top: 80px; padding-bottom: 80px; }

.our-customer--pricing .our-customer__slider, .case-studies--pricing .our-customer__slider { margin-top: 48px; margin-bottom: 0; }

.our-customer--solusi, .case-studies--solusi { padding-top: 80px; padding-bottom: 80px; }

.our-customer--solusi .our-customer__title, .case-studies--solusi .our-customer__title { margin-bottom: 32px; }

.our-customer--solusi .our-customer__slider, .case-studies--solusi .our-customer__slider { margin-bottom: 40px; }

@media (max-width: 991px) { .our-customer__title, .case-studies__title { font-size: 20px; line-height: 32px; }
  .our-customer__toolbar .right, .case-studies__toolbar .right { padding-top: 16px; }
  .our-customer--home, .case-studies--home { padding-top: 48px; padding-bottom: 48px; }
  .our-customer--home .our-customer__title, .case-studies--home .our-customer__title { font-size: 28px; line-height: 36px; }
  .our-customer--m-overview, .our-customer--pricing, .case-studies--m-overview, .case-studies--pricing { padding-top: 60px; padding-bottom: 60px; } }

.case-studies { padding-bottom: 80px; }

.case-studies .post { margin-bottom: 48px; }

.case-studies .post.animate { -webkit-transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 0; transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.case-studies .post.animate-in { -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 1; }

.case-studies--related { padding: 80px 0; background: #F8FAFC; }

.case-studies--related .post { margin-bottom: 0; }

.case-studies--related .section-head { position: relative; padding-bottom: 24px; text-align: left; }

.case-studies--related .section-head__title { font-size: 24px; line-height: 32px; margin: 0; padding-right: 220px; }

.case-studies--related .section-head__action { position: absolute; top: 0; right: 30px; }

@media (max-width: 375px) { .case-studies { padding-bottom: 60px; }
  .case-studies .post { margin-bottom: 32px; } }

.post { position: relative; padding-bottom: 48px; padding-left: 16px; padding-right: 16px; }

.post__img { position: relative; z-index: 2; }

.post__img .block-img { position: relative; display: block; width: 100%; padding-top: 66.666667%; overflow: hidden; border-radius: 4px; margin-bottom: 20px; }

.post__img .block-img img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.post__img > img { height: 220px; width: 392px; object-fit: cover; border-radius: 4px 4px 0 0; }

.post__title { position: relative; z-index: 2; font-size: 20px; line-height: 32px; margin-bottom: 12px; font-weight: 600; padding-left: 30px; }

.post__title .icon { display: block; position: absolute; top: 3px; left: 0; }

.post__content { position: relative; z-index: 2; color: #2B2A35; margin-bottom: 20px; }

.post__meta { margin-bottom: 12px; }

.post__meta span { display: inline-block; }

.post__meta .name { font-weight: 600; color: #2B2A35; margin-right: 6px; font-size: 14px; line-height: 20px; }

.post__meta .name:after { content: ","; }

.post__logo img { max-height: 56px; width: auto; display: block; }

.post__footer { position: relative; z-index: 2; }

.post .link-more { position: absolute; z-index: 4; left: 16px; bottom: 20px; opacity: 0; transition: all .3s ease-in-out; }

.post:before { content: ""; z-index: 1; display: block; width: calc(100% + 32px); height: calc(100% + 48px); position: absolute; top: -24px; left: -16px; background: #FFF; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); border-radius: 4px; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); transition: all .3s ease-in-out; }

.post:hover { z-index: 2; }

.post:hover .link-more { bottom: 0; opacity: 1; }

.post:hover:before { opacity: 1; -webkit-transform: none; transform: none; }

.post.animate { -webkit-transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 0; transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.post.animate-in { -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1); opacity: 1; }

.case-studies { padding: 60px 0; }

.case-studies .post { padding: 0; }

.case-studies .post__title { padding-left: 0; }

.case-studies .post__content { margin-top: -20px; }

.case-studies .post .link-more { position: relative; left: 0; bottom: 0; opacity: 1; z-index: 0; }

.case-studies .post::before { display: none; }

.case-studies .post:hover::before { display: none; }

.wrap.inapp { max-width: 100vw; overflow: hidden; font-family: "Roboto Reguler", sans-serif; font-weight: 400; }

.wrap.inapp h1, .wrap.inapp h2, .wrap.inapp h3, .wrap.inapp h4 { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 600; }

.wrap.inapp .btn { font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.wrap.inapp .btn-blue { box-shadow: none; }

.wrap.inapp .btn-white { background: #FFF; color: #777; }

.wrap.inapp .btn-white:hover { background: #4B61DD; color: #FFF; }

.wrap.inapp .section-head__title { font-size: 24px; line-height: 32px; font-family: "Roboto Medium", sans-serif; font-weight: 500; margin: 0 0 24px; }

.wrap.inapp .section-head__action { margin-left: -8px; margin-right: -8px; }

.wrap.inapp .section-head__action .btn { margin-left: 8px; margin-right: 8px; }

.wrap.inapp .masthead { background: linear-gradient(180.29deg, #FFF7ED 29.25%, #FFBE78 99.79%); }

.wrap.inapp .masthead ul.custom-list:last-child { margin-bottom: 0; }

.wrap.inapp .masthead ul.custom-list > li { margin-bottom: 8px; }

.wrap.inapp .masthead ul.custom-list > li:last-child { margin-bottom: 0; }

.wrap.inapp .masthead__wrap { padding-top: 40px; padding-bottom: 24px; }

.wrap.inapp .masthead__logo img { display: block; height: 40px; width: auto; margin: 0 0 32px; }

.wrap.inapp .masthead__title { font-size: 32px; line-height: 40px; font-family: "Roboto bold", sans-serif; font-weight: 600; max-width: 600px; margin: 0 0 16px; }

.wrap.inapp .masthead__desc { margin: 0 0 32px; }

.wrap.inapp .masthead__action { margin-left: -8px; margin-right: -8px; }

.wrap.inapp .masthead__action .btn { margin-left: 8px; margin-right: 8px; }

.wrap.inapp .masthead__footer { padding-top: 44px; }

.wrap.inapp .masthead__footer .title { display: block; font-size: 12px; line-height: 16px; font-family: "Roboto Reguler", sans-serif; font-weight: 400; margin: 0 0 8px; }

.wrap.inapp .masthead__footer .logos { margin-left: -6px; margin-right: -6px; }

.wrap.inapp .masthead__footer .logo { display: inline-block; vertical-align: top; padding-left: 6px; padding-right: 6px; }

.wrap.inapp .masthead__footer .logo img { display: block; max-height: 56px; width: auto; height: auto; }

.wrap.inapp .masthead__right { margin-top: -40px; margin-bottom: -24px; padding-right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.wrap.inapp .masthead__right .masthead__media { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.wrap.inapp .masthead__right .masthead__media img { display: block; width: 100%; height: auto; }

@media (max-width: 991px) { .wrap.inapp .masthead .masthead__right { margin-top: 0; } }

.wrap.inapp .block-manfaat { padding: 64px 0; }

.wrap.inapp .block-manfaat__title { font-size: 24px; line-height: 32px; margin-bottom: 20px; }

.wrap.inapp .block-manfaat .accordion--images .img { padding-right: 24px; }

.wrap.inapp .cta-banner { background: #3D465A; color: #FFF; }

.wrap.inapp .cta-banner .btn-link { color: #fff; text-decoration: underline; }

.wrap.inapp .cta-banner .btn-link:hover { color: #FFF; text-decoration: underline; opacity: 0.5; }

.wrap.inapp .cta-banner__wrap { padding-top: 60px; }

.wrap.inapp .cta-banner__img { position: relative; padding-left: 5%; }

.wrap.inapp .cta-banner__img img { display: block; width: 100%; height: auto; }

@media (max-width: 991px) { .wrap.inapp .cta-banner .cta-banner__img { padding: 32px 0 0; } }

.industry-wrap { padding: 64px 0 32px; }

.industry-items .item { margin: 0 0 48px; }

.industry-items .item__wrap { position: relative; }

.industry-items .item__icon { position: absolute; top: 0; left: 0; }

.industry-items .item__img { position: relative; margin-bottom: 16px; width: 100%; padding-top: 56%; background-color: #C4C4C4; overflow: hidden; border-radius: 4px; }

.industry-items .item__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; }

.industry-items .item__title { margin-bottom: 12px; }

.industry-items .item__title a { display: block; color: #000; font-size: 21px; line-height: 26px; font-weight: 500; }

.industry-items .item__desc { margin-bottom: 16px; }

.industry-items .item__desc p:last-child { margin-bottom: 0; }

.industry-items .item__content { padding-left: 32px; position: relative; }

.industry-cta { margin-bottom: 80px; }

.industry-cta__box { background: #EDF6FA; border: 1px solid #A0D4EB; border-radius: 4px; padding: 64px 32px; text-align: center; }

.industry-cta__icon { margin-bottom: 16px; }

.industry-cta__title { color: #1C1D1E; margin-bottom: 12px; font-size: 26px; line-height: 36px; font-weight: bold; }

.industry-cta__desc { max-width: 727px; margin: 0 auto 28px; }

.industry-cta__desc p:last-child { margin: 0; }

@media (max-width: 991px) { .industry-cta { padding-left: 12px; padding-right: 12px; }
  .industry-cta__box { padding: 24px 16px; } }

.clients-block { padding: 80px 0 64px; }

.clients-block__title { text-align: center; color: #1C1D1E; font-size: 26px; line-height: 36px; font-weight: 700; }

.clients-block__title:last-child { margin-bottom: 24px; }

.clients-block__desc { text-align: center; margin: 0 auto 48px; max-width: 600px; }

.clients-block__desc p:last-child { margin-bottom: 0; }

.clients-block__action { padding-top: 48px; text-align: center; }

.clients-block .item__title { font-weight: normal; }

.clients-block .item__title a { display: block; font-size: 21px; line-height: 26px; font-weight: 500; margin-bottom: 4px; }

.clients-block .item__title span { display: block; font-size: 15px; line-height: 26px; font-weight: 400; }

.clients-block .item__desc { margin-bottom: 16px; }

.clients-block .item__desc p:last-child { margin: 0; }

.clients-block .item__content { padding: 24px; background: #FFF; border: 1px solid #E2E2E2; border-radius: 0 0 4px 4px; }

.clients-block .item__img { border-radius: 4px 4px 0 0; overflow: hidden; }

.clients-block__slider { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.clients-block__list { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { .clients-block__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .clients-block__list .item { width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; } }

.list-block--industry .section-head { margin-bottom: 48px; }

.list-block--industry .section-head__desc p:last-child { margin: 0; }

.industry-featured { padding: 80px 0; }

.industry-featured .item__icon { margin-bottom: 24px; }

.industry-featured .item__icon img { display: block; height: 72px; width: auto; }

.industry-featured .item__title { margin-bottom: 12px; font-size: 21px; line-height: 36px; font-weight: 400; color: #1C1D1E; }

.industry-featured .item__desc p:last-child { margin-bottom: 0; }

@media (max-width: 768px) { .industry-featured .item { margin-bottom: 48px; }
  .industry-featured .item:last-child { margin-bottom: 0; }
  .industry-featured .item__wrap { position: relative; padding-left: 64px; }
  .industry-featured .item__icon { position: absolute; top: 8px; left: 0; }
  .industry-featured .item__icon img { width: 48px; height: auto; }
  .industry-featured .item__title { font-size: 18px; line-height: 26px; } }

.faq-block { padding-top: 64px; padding-bottom: 64px; }

.faq-block .section-head { max-width: 416px; }

.faq-block .section-head__subtitle { color: #232933; display: block; margin: 0 0 8px; }

.faq-block .section-head__title { margin: 0 0 24px; }

.faq-block .block__action { margin-bottom: 40px; }

.faq-block ul { padding-left: 20px; list-style: disc; }

.faq-block ul li { margin-bottom: 4px; }

.faq-block ol { padding-left: 20px; list-style: decimal; }

.faq-block ol li { margin-bottom: 4px; }

@media (max-width: 991px) { .faq-block { padding: 32px 0; }
  .faq-block .section-head { margin-bottom: 24px; width: 100%; max-width: 100%; }
  .faq-block .section-head__subtitle { font-size: 16px; line-height: 24px; }
  .faq-block .section-head__title { font-size: 28px; line-height: 36px; } }

.page-contact { padding-top: 80px; padding-bottom: 80px; }

.page-contact .show-sm { display: none; }

.page-contact .hide-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.page-contact__masthead { text-align: center; max-width: 600px; margin: 0 auto; }

.page-contact__masthead .sub { color: #2B2A35; font-size: 18px; line-height: 28px; display: block; margin-bottom: 8px; }

.page-contact__masthead .title { color: #2B2A35; font-size: 48px; line-height: 56px; font-weight: 700; margin-bottom: 24px; }

.page-contact__cards { padding-top: 40px; padding-bottom: 24px; }

.page-contact__cards .item { position: relative; }

.page-contact__cards .item__icon { margin-bottom: 12px; }

.page-contact__cards .item__icon img { display: block; height: 64px; width: auto; margin: 0 auto; }

.page-contact__cards .item__title { color: #2B2A35; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 16px; }

.page-contact__cards .item__desc p { color: #2B2A35; }

.page-contact__cards .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #F2F4F7; padding: 32px; text-align: center; border-radius: 4px; }

.page-contact__cards .item--sm { margin-bottom: 12px; }

.page-contact__cards .item--sm .item__icon { margin: 0; }

.page-contact__cards .item--sm .item__icon img { height: 40px; width: auto; }

.page-contact__cards .item--sm .item__title { margin: 0; padding-left: 16px; font-size: 16px; line-height: 24px; }

.page-contact__cards .item--sm .item__wrap { padding: 8px 24px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { .page-contact { padding-top: 48px; padding-bottom: 40px; }
  .page-contact .show-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .page-contact .hide-sm { display: none; }
  .page-contact__masthead .title { font-size: 26px; line-height: 36px; max-width: 80%; margin: 0 auto 32px; }
  .page-contact__cards { padding-top: 0; padding-bottom: 0; padding-left: 12px; padding-right: 12px; }
  .page-contact__cards .item { margin-bottom: 12px; }
  .page-contact__cards .item__icon img { height: 48px; width: auto; }
  .page-contact__cards .item__title { font-size: 20px; line-height: 30px; margin-bottom: 12px; } }

.form-contact { background: #F8FAFC; padding: 64px 0 0; }

.form-contact__head { position: relative; display: block; }

.form-contact__img { position: relative; }

.form-contact__img img { display: block; max-width: 90%; width: 392px; height: auto; margin: 0 auto 48px; }

.form-contact__content { margin-bottom: 64px; }

.form-contact__content p { font-size: 18px; line-height: 28px; }

.form-contact__content ul { padding-left: 24px; margin-top: -12px; }

.form-contact__wrap { background: #FFF; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); border-radius: 8px; padding: 40px; margin-bottom: 64px; }

@media (max-width: 991px) { .form-contact__wrap { padding: 24px; } }

.modal-success { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; background: rgba(0, 0, 0, 0.6); display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.modal-success__wrap { position: relative; padding: 64px 32px; }

.modal-success__box { position: relative; text-align: center; padding: 48px; background: #FFF; border-radius: 4px; width: 600px; }

.modal-success__box .close { position: absolute; top: 16px; right: 16px; cursor: pointer; opacity: 1; transition: all .4s ease; }

.modal-success__box .close:hover { opacity: .5; }

.modal-success__box .icon { margin-bottom: 24px; }

.modal-success__box .icon img { display: block; margin: 0 auto; }

.modal-success__box h2 { font-size: 24px; line-height: 1.333em; font-weight: 600; margin-bottom: 24px; }

.modal-success__box p { margin: 0; }

@media (max-width: 768px) { .modal-success__wrap { padding: 0; }
  .modal-success__box { width: 300px; margin: 0; padding: 48px 24px; }
  .modal-success__box h2 { font-size: 20px; line-height: 28px; }
  .modal-success__box .icon img { height: 56px; width: auto; } }

.mastheadrvmp__logo { margin-bottom: 32px; }

.mastheadrvmp__logo img { display: block; height: 40px; width: auto; }

.mastheadrvmp__title { display: block; font-size: 40px; line-height: 48px; font-weight: 600; margin-bottom: 24px; letter-spacing: -1px; }

.mastheadrvmp__sub { display: block; font-size: 16px; line-height: 24px; margin-bottom: 8px; }

.mastheadrvmp__sub.theme { color: #F96D01; font-family: "Inter", sans-serif; font-weight: 600; }

.mastheadrvmp__desc { margin-bottom: 40px; }

.mastheadrvmp__desc p { color: #545465; }

.mastheadrvmp__desc p:last-child { margin-bottom: 0; }

.mastheadrvmp__buttons { margin-left: -8px; margin-right: -8px; }

.mastheadrvmp__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.mastheadrvmp__img img { display: block; width: 100%; height: auto; border-radius: 4px; }

.mastheadrvmp__wrap { padding-top: 30px; padding-bottom: 30px; }

.mastheadrvmp__form { padding: 32px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 8px; }

.mastheadrvmp__form .mastheadrvmp__form-title { font-size: 20px; line-height: 28px; margin-bottom: 16px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; }

@media (max-width: 991px) { .mastheadrvmp__title { font-size: 32px; line-height: 40px; }
  .mastheadrvmp__img { padding: 48px 24px 0; }
  .mastheadrvmp__buttons a, .mastheadrvmp__buttons .btn { display: block; width: 100%; margin-bottom: 14px; margin-left: 0; }
  .mastheadrvmp__buttons a:last-child, .mastheadrvmp__buttons .btn:last-child { margin-bottom: 0; } }

.block-clients__title { font-size: 32px; line-height: 40px; font-family: "Inter", sans-serif; font-weight: 600; text-align: center; margin-bottom: 57px; }

.block-clients__buttons { margin-left: -8px; margin-right: -8px; }

.block-clients__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-clients__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -12px; margin-right: -12px; }

.block-clients__items .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; width: 100%; max-width: 16.666666%; -webkit-flex: 0 0 16.666666%; -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; }

.block-clients__items .item img { display: block; height: auto; width: auto; max-height: 64px; max-width: 100%; margin: 0 auto; }

.block-clients__wrap { padding-top: 64px; padding-bottom: 64px; }

.block-clients--contact .block-clients__wrap { padding-top: 0; padding-bottom: 80px; }

@media (max-width: 991px) { .block-clients--contact .block-clients__title { font-size: 15px; line-height: 26px; font-weight: 700; } }

@media (max-width: 991px) { .block-clients__title { font-size: 28px; line-height: 36px; margin-bottom: 24px; }
  .block-clients__title br { display: none; }
  .block-clients__items { margin-left: -8px; margin-right: -8px; }
  .block-clients__items .item { max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; padding-left: 8px; padding-right: 8px; } }

.block-sections__title { font-size: 32px; line-height: 40px; font-weight: 600; text-align: center; margin-bottom: 24px; }

.block-sections__desc { margin-bottom: 24px; text-align: center; }

.block-sections__desc p { color: #545465; }

.block-sections__desc p:last-child { margin-bottom: 0; }

.block-sections__buttons { margin-left: -8px; margin-right: -8px; }

.block-sections__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-sections__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-sections__title { font-size: 24px; line-height: 32px; }
  .block-sections .media { margin-bottom: 24px; } }

.block-sections__oppst .block-item__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 16px; }

.block-sections__oppst .block-item__desc { margin-bottom: 24px; }

.block-sections__oppst .block-item__desc p { color: #545465; margin-bottom: 24px; }

.block-sections__oppst .block-item__desc p:last-child { margin-bottom: 0; }

.block-sections__oppst .block-item__buttons { margin-left: -8px; margin-right: -8px; }

.block-sections__oppst .block-item__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-sections__oppst .block-item__img img { display: block; width: 100%; height: auto; margin: 0 auto; }

.block-sections__oppst .block-item__wrap { padding-top: 64px; padding-bottom: 64px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-sections__oppst .block-item:nth-child(even) .block-item__wrap { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 991px) { .block-sections__oppst .block-item__title { font-size: 24px; line-height: 32px; }
  .block-sections__oppst .block-item__buttons { margin-left: 0; margin-right: 0; }
  .block-sections__oppst .block-item__buttons .btn { width: 100%; margin: 0 0 12px; }
  .block-sections__oppst .block-item__img { margin-bottom: 18px; }
  .block-sections__oppst .block-item__wrap { padding-top: 32px; padding-bottom: 32px; } }

.testimoni-block { position: relative; padding: 64px 0; }

.testimoni-block:before { content: ""; display: block; width: 75vw; height: 100%; background: #F2F4F7; position: absolute; top: 0; right: 0; }

.testimoni-block.reverse:before { right: auto; left: 0; }

.testimoni-block__img { display: block; position: relative; width: 100%; padding-top: 100%; }

.testimoni-block__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; object-position: 50% 50%; }

.testimoni-block__title { font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 24px; }

.testimoni-block__quote { margin-bottom: 24px; }

.testimoni-block__quote p { font-size: 16px; line-height: 24px; font-weight: 400; }

.testimoni-block__quote p:last-child { margin-bottom: 0; }

.testimoni-block__quote-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.testimoni-block__quote-footer:not(:last-child) { margin-bottom: 42px; }

.testimoni-block__quote-footer .img { display: block; }

.testimoni-block__quote-footer .img img { display: block; max-height: 64px; width: auto; }

.testimoni-block__quote-footer .content { margin-left: 16px; padding-left: 16px; border-left: 1px solid #c4c4c4; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.testimoni-block__quote-footer .content span { display: block; font-size: 15px; line-height: 24px; }

.testimoni-block__quote-footer .content .name { font-weight: 500; }

@media (max-width: 991px) { .testimoni-block { padding: 48px 0; }
  .testimoni-block:before { width: 100%; }
  .testimoni-block__quote p { font-size: 18px; line-height: 28px; }
  .testimoni-block__img { margin: 32px auto; } }

.block-table__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 16px; text-align: center; }

.block-table__desc { margin-bottom: 32px; text-align: center; }

.block-table__desc p { color: #545465; }

.block-table__desc p:last-child { margin-bottom: 0; }

.block-table__buttons { padding-top: 48px; text-align: center; margin-left: -8px; margin-right: -8px; }

.block-table__buttons .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; }

.block-table__wrap { padding-top: 80px; padding-bottom: 80px; }

.block-table .items { margin-left: 0; margin-right: 0; box-shadow: 0px 32px 40px rgba(50, 50, 71, 0.1); }

.block-table .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; padding-right: 0; }

.block-table .item ul.list-check { font-size: 14px; line-height: 20px; margin-bottom: 26px; }

.block-table .item ul.list-check li { margin-bottom: 12px; }

.block-table .item ul.list-check li::before { width: 20px; height: 20px; top: 0; }

.block-table .item__icon img { display: block; height: 40px; width: auto; margin-bottom: 8px; }

.block-table .item__title { color: #FFF; font-size: 20px; line-height: 28px; margin-bottom: 0; }

.block-table .item__buttons { margin-top: auto; }

.block-table .item__head { background: #F58232; padding: 16px; border-radius: 4px; margin-bottom: 4px; }

.block-table .item__body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F2F4F7; padding: 16px; border-radius: 4px; height: 100%; }

.block-table .item__wrap { background: #FFF; padding: 4px; border-radius: 4px; margin-left: -2px; margin-right: -2px; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 991px) { .block-table__title { font-size: 24px; line-height: 32px; }
  .block-table__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-table .items { box-shadow: none; }
  .block-table .item { margin-bottom: 16px; box-shadow: 0px 32px 40px rgba(50, 50, 71, 0.1); } }

.mastheadrvmp.mastheadrvmp--efrf { background: linear-gradient(180.29deg, #FFF7ED 29.25%, #FFBE78 99.79%); }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__logo { margin-bottom: 12px; }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__logo img { display: block; height: 48px; width: auto; }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__title { font-size: 32px; line-height: 40px; }

.mastheadrvmp.mastheadrvmp--efrf .mastheadrvmp__wrap { padding-top: 32px; padding-bottom: 84px; }

.block-sections.block-sections--efrf .block-sections__wrap { padding-top: 16px; padding-bottom: 16px; }

.form-contact.form-contact--efrf { background: #F2F4F7; }

.form-contact.form-contact--efrf .form-contact__title { text-align: center; font-size: 32px; line-height: 40px; margin-bottom: 40px; }

.block-clients.block-clients--efrf { background: #F2F4F7; }

.block-clients.block-clients--efrf .block-clients__wrap { padding-top: 0; padding-bottom: 80px; }

.block-clients.block-clients--efrf .block-clients__title { font-size: 20px; line-height: 32px; margin-bottom: 32px; }

.footer--blank { padding-top: 24px; padding-bottom: 24px; }

.footer--blank .registered-label { display: inline-block; vertical-align: middle; font-size: 14px; list-style-type: she; margin-right: 4px; }

.footer--blank .logos a { display: inline-block; vertical-align: middle; padding-left: 16px; }

.footer--blank .logos img { display: block; max-height: 72px; max-width: 90px; width: auto; height: auto; }

.form-custom { background: #F8FAFC; padding: 64px 0 0; }

.form-custom__logo { margin-bottom: 40px; }

.form-custom__head { position: relative; display: block; }

.form-custom__title { margin-bottom: 24px; }

.form-custom__img { position: relative; }

.form-custom__img img { display: block; max-width: 90%; width: 392px; height: auto; margin: 0 auto 48px; }

.form-custom__content { margin-bottom: 64px; }

.form-custom__content p { font-size: 18px; line-height: 28px; }

.form-custom__content ul { padding-left: 24px; margin-top: -12px; }

.form-custom__djp { margin-bottom: 64px; }

.form-custom__djp .title { display: block; font-weight: 500; margin-bottom: 24px; }

.form-custom__djp .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -16px; margin-right: -16px; }

.form-custom__djp .items .item { display: block; padding-left: 16px; padding-right: 16px; }

.form-custom__djp .items .item img { max-height: 80px; max-width: 120px; width: auto; height: auto; }

.form-custom__wrap { background: #FFF; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); border-radius: 8px; padding: 40px; margin-bottom: 64px; }

.mastheadrvmp--upjk { background: #FFF1D6; }

.block-info__title { font-size: 18px; list-style: 28px; margin-bottom: 0; }

.block-info__items { display: -ms-grid; display: grid; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; }

.block-info__items .item { display: block; position: relative; }

.block-info__items .item__icon img { display: block; height: 24px; width: auto; }

.block-info__items .item__text { font-weight: 600; margin-left: 8px; }

.block-info__items .item__wrap { padding-left: 40px; padding-right: 40px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-info__items .item:before { content: ""; display: block; position: absolute; width: 1px; height: 100%; left: 0; top: 0; background: #E3E3E8; }

.block-info__items .item:first-child::before { display: none; }

.block-info__wrap { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 991px) { .block-info__title { margin-bottom: 24px; }
  .block-info__items { display: block; }
  .block-info__items .item__wrap { padding: 0 0 12px; }
  .block-info__items .item:before { display: none; }
  .block-info__wrap { padding: 32px 24px; } }

.block-djp__img { display: block; width: 100%; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; padding: 24px; text-align: right; }

.block-djp__img img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.block-djp__title { font-size: 32px; line-height: 40px; margin-bottom: 16px; }

.block-djp__desc { margin-bottom: 20px; }

.block-djp__desc p:last-child { margin-bottom: 0; }

.block-djp__content { display: block; width: 100%; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; padding: 24px 24px 24px 8px; }

.block-djp__box { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F3F3F3; border-radius: 16px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-djp__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-djp__title { font-size: 24px; line-height: 32px; }
  .block-djp__img { max-width: 100%; padding: 24px; }
  .block-djp__img img { display: block; height: auto; width: auto; }
  .block-djp__buttons { text-align: center; }
  .block-djp__content { padding: 0; max-width: 100%; padding: 8px 24px 24px 24px; }
  .block-djp__box { display: block; }
  .block-djp__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-webminar__title { font-size: 40px; line-height: 48px; font-weight: 600; margin-bottom: 28px; text-align: center; }

.block-webminar__desc { margin-bottom: 56px; text-align: center; }

.block-webminar__desc p:last-child { margin-bottom: 0; }

.block-webminar__sectitle { font-size: 24px; line-height: 32px; margin-bottom: 24px; }

.block-webminar .item { margin-bottom: 32px; }

.block-webminar .item__img { display: block; position: relative; }

.block-webminar .item__img .img { position: relative; padding-top: 60%; overflow: hidden; border-radius: 4px 4px 0 0; }

.block-webminar .item__img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; -webkit-transform: none; transform: none; transition: all .4s ease-in-out; }

.block-webminar .item__img .btn-play { display: block; position: absolute; z-index: 2; top: calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; border-radius: 30px; background: url("../images/ic-play-dark.svg") no-repeat center; background-color: #FFF; }

.block-webminar .item__img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.block-webminar .item__img:hover .btn-play { box-shadow: 0 0 0 rgba(255, 255, 255, 0.4); -webkit-animation: "pulse-white" 2s infinite; animation: "pulse-white" 2s infinite; }

@-webkit-keyframes pulse-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes pulse-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

.block-webminar .item__title { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 8px; }

.block-webminar .item__title:last-child { margin-bottom: 0; }

.block-webminar .item__title a { display: block; transition: all .3s ease; }

.block-webminar .item__title a:hover { color: #F58232; }

.block-webminar .item__meta { font-size: 14px; line-height: 20px; margin-bottom: 16px; }

.block-webminar .item__meta:last-child { margin-bottom: 0; }

.block-webminar .item__desc p:last-child { margin-bottom: 0; }

.block-webminar .item__buttons { padding-top: 40px; }

.block-webminar .item__content { padding: 24px; }

.block-webminar .item__wrap { border-radius: 4px; border: 1px solid #E3E3E8; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; box-shadow: 0 0 0 rgba(119, 119, 119, 0.1), 0 0 0 rgba(119, 119, 119, 0.2); transition: all .4s ease-in-out; }

.block-webminar .item:hover .item__wrap { border: 1px solid #4B61DD; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }

.block-webminar__now { padding-bottom: 32px; }

.block-webminar__now .item__img { display: block; width: 100%; max-width: 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; }

.block-webminar__now .item__img .img { border-radius: 4px 0 0 4px; }

.block-webminar__now .item__title { -webkit-order: 2; -ms-flex-order: 2; order: 2; font-size: 32px; line-height: 40px; margin-bottom: 28px; }

.block-webminar__now .item__meta { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 8px; }

.block-webminar__now .item__desc { -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.block-webminar__now .item__buttons { -webkit-order: 4; -ms-flex-order: 4; order: 4; display: block; }

.block-webminar__now .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 52%; -webkit-flex: 0 0 52%; -ms-flex: 0 0 52%; flex: 0 0 52%; }

.block-webminar__now .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.block-webminar__next { padding-bottom: 32px; }

.block-webminar__next .row { margin-left: -12px; margin-right: -12px; }

.block-webminar__next .row .col-md-4 { padding-left: 12px; padding-right: 12px; }

.block-webminar__rewatch .item__desc { display: none; }

.block-webminar__rewatch .row { margin-left: -12px; margin-right: -12px; }

.block-webminar__rewatch .row .col-md-4 { padding-left: 12px; padding-right: 12px; }

.block-webminar__wrap { padding-top: 80px; padding-bottom: 48px; }

@media (max-width: 991px) { .block-webminar__title { font-size: 24px; line-height: 32px; margin-bottom: 16px; }
  .block-webminar__desc { margin-bottom: 24px; }
  .block-webminar__now .item__img { max-width: 100%; }
  .block-webminar__now .item__title { font-size: 18px; line-height: 28px; margin-bottom: 8px; }
  .block-webminar__now .item__buttons { padding-top: 24px; }
  .block-webminar__now .item__buttons .btn { width: 100%; }
  .block-webminar__now .item__buttons .btn + .btn { margin-top: 8px; }
  .block-webminar__now .item__content { max-width: 100%; }
  .block-webminar__now .item__wrap { display: block; }
  .block-webminar__wrap { padding: 64px 24px 48px; } }

.block-blogs { background: #F2F4F7; margin-bottom: 80px; }

.block-blogs__title { font-size: 40px; line-height: 48px; margin-bottom: 28px; text-align: center; }

.block-blogs__desc { text-align: center; margin-bottom: 28px; }

.block-blogs__desc p:last-child { margin-bottom: 0; }

.block-blogs__buttons { text-align: center; }

.block-blogs__featured { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #E3E3E8; }

.block-blogs__featured .item__img { position: relative; width: 100%; max-width: 29.125%; -webkit-flex: 0 0 29.125%; -ms-flex: 0 0 29.125%; flex: 0 0 29.125%; }

.block-blogs__featured .item__img .img { display: block; position: relative; width: 100%; padding-top: 60.12%; }

.block-blogs__featured .item__img .img img { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 4px; }

.block-blogs__featured .item__meta { font-size: 14px; line-height: 20px; margin-bottom: 8px; }

.block-blogs__featured .item__title { font-size: 18px; line-height: 28px; margin-bottom: 16px; }

.block-blogs__featured .item__title a { display: block; }

.block-blogs__featured .item__title a:hover { color: #F58232; }

.block-blogs__featured .item__title:last-child { margin-bottom: 0; }

.block-blogs__featured .item__desc { margin-bottom: 16px; }

.block-blogs__featured .item__desc p:last-child { margin-bottom: 0; }

.block-blogs__featured .item__content { padding-left: 16px; }

.block-blogs__featured .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #E3E3E8; }

.block-blogs__featured .item:last-child .item__wrap { border-bottom: 0; padding-bottom: 0; }

.block-blogs__featured .item--large .item__img { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; }

.block-blogs__featured .item--large .item__title { font-size: 24px; line-height: 32px; }

.block-blogs__featured .item--large .item__content { padding-left: 0; }

.block-blogs__featured .item--large .item__wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.block-blogs__main { padding-top: 40px; }

.block-blogs__main .item { margin-bottom: 32px; }

.block-blogs__main .item__img { position: relative; }

.block-blogs__main .item__img .img { display: block; position: relative; width: 100%; padding-top: 60.12%; }

.block-blogs__main .item__img .img img { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 4px 4px 0 0; }

.block-blogs__main .item__meta { font-size: 14px; line-height: 20px; margin-bottom: 8px; }

.block-blogs__main .item__title { font-size: 18px; line-height: 28px; margin-bottom: 16px; }

.block-blogs__main .item__title a { display: block; }

.block-blogs__main .item__title a:hover { color: #F58232; }

.block-blogs__main .item__title:last-child { margin-bottom: 0; }

.block-blogs__main .item__desc { margin-bottom: 16px; }

.block-blogs__main .item__desc p:last-child { margin-bottom: 0; }

.block-blogs__main .item__content { padding: 24px; }

.block-blogs__main .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; background: #FFF; border: 1px solid #E3E3E8; height: 100%; }

.block-blogs__wrap { padding-top: 80px; padding-bottom: 48px; }

@media (max-width: 991px) { .block-blogs__title { font-size: 24px; line-height: 32px; margin-bottom: 16px; }
  .block-blogs__desc { margin-bottom: 16px; }
  .block-blogs__featured { padding-top: 24px; padding-bottom: 24px; }
  .block-blogs__featured .item--large { padding-bottom: 32px; }
  .block-blogs__main .item__wrap { height: auto; }
  .block-blogs__wrap { padding: 64px 24px 48px; } }

.block-qna__wrap { padding-top: 24px; padding-bottom: 80px; }

.block-points__title { font-size: 32px; line-height: 40px; font-weight: 600; }

.block-points .items { display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; }

.block-points .item { position: relative; margin-bottom: 32px; }

.block-points .item p { margin-bottom: 0; font-size: 18px; line-height: 28px; }

.block-points .item__icon img { max-width: 100%; height: auto; }

.block-points .item__text { padding-left: 12px; }

.block-points .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 42px; }

.block-points__wrap { padding-top: 80px; padding-bottom: 48px; }

@media (max-width: 991px) { .block-points__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-points__title br { display: none; }
  .block-points .items { display: block; }
  .block-points .item__wrap { padding-left: 0; } }

.block-accor__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 40px; }

.block-accor .accordion { margin-bottom: 0; }

.block-accor .accordion .card { border: 0; margin-bottom: 0; overflow: hidden; }

.block-accor .accordion .card__himage { display: none; }

.block-accor .accordion .card__himage img { display: block; width: 90%; height: auto; margin: 0 auto; }

.block-accor .accordion .card::before { content: ""; display: block; width: 100%; height: 2px; background: #F58232; opacity: 0; transition: all .3s ease; }

.block-accor .accordion .card.open { margin-top: 8px; margin-bottom: 8px; }

.block-accor .accordion .card.open::before { opacity: 1; }

.block-accor__wrap { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 991px) { .block-accor__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-accor__img { display: none; }
  .block-accor .accordion .card__himage { display: block; } }

.block-pricing-alt__sub { display: block; font-size: 14px; line-height: 20px; text-align: center; margin: 0 0 12px; }

.block-pricing-alt__title { font-size: 40px; line-height: 48px; text-align: center; margin: 0 0 48px; }

.block-pricing-alt .item { margin-bottom: 24px; }

.block-pricing-alt .item__title { font-size: 24px; line-height: 32px; font-weight: 600; display: block; margin-bottom: 16px; }

.block-pricing-alt .item__desc { margin-bottom: 20px; }

.block-pricing-alt .item__desc p:last-child { margin-bottom: 0; }

.block-pricing-alt .item__price { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #005FBF; }

.block-pricing-alt .item__price small { display: block; font-size: 16px; line-height: 24px; font-weight: 600; margin-right: 8px; }

.block-pricing-alt .item__price span { display: block; font-size: 56px; line-height: 64px; font-weight: 600; }

.block-pricing-alt .item__head { padding-bottom: 20px; }

.block-pricing-alt .item__main { padding-bottom: 20px; }

.block-pricing-alt .item__main ul.list-check > li { margin-bottom: 8px; }

.block-pricing-alt .item__wrap { border: 1px solid #E3E3E8; border-radius: 4px; padding: 24px; box-shadow: 0 0 0 rgba(119, 119, 119, 0.1); transition: all .3s ease; }

.block-pricing-alt .item:hover .item__wrap { box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); }

.block-pricing-alt__wrap { padding-top: 80px; padding-bottom: 0; }

@media (max-width: 991px) { .block-pricing-alt__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-pricing-alt__title br { display: none; }
  .block-pricing-alt .item__title { font-size: 20px; line-height: 28px; }
  .block-pricing-alt__wrap { padding-top: 64px; padding-bottom: 40px; } }

.mastheadrvmp--pricing .mastheadrvmp__wrap { padding-top: 80px; padding-bottom: 48px; }

.mastheadrvmp--pricing .mastheadrvmp__title { text-align: center; }

.mastheadrvmp--pricing .mastheadrvmp__title:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .mastheadrvmp--pricing .mastheadrvmp__title br { display: none; } }

.pricing-main { padding-bottom: 72px; }

.pricing-main .pricing-items { margin-left: -8px; margin-right: -8px; }

.pricing-main .pricing-items .row { margin-left: -8px; margin-right: -8px; }

.pricing-main .pricing-items [class^="col-"] { padding-left: 8px; padding-right: 8px; }

.pricing-main .tnc { position: absolute; top: 100%; right: 12px; display: block; padding-top: 16px; text-align: right; }

.pricing-main .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; border-radius: 8px; }

.pricing-main .item__head { display: block; padding: 16px; border: 1px solid #DFDFDF; background: #F2F4F7; border-radius: 8px 8px 0 0; }

.pricing-main .item__head h3 { font-size: 24px; line-height: 32px; margin-bottom: 12px; }

.pricing-main .item__head h3 .mp { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 12px; line-height: 16px; padding: 4px 8px; border-radius: 4px; background: #19A184; font-weight: 500; color: #FFF; }

.pricing-main .item__head p { font-size: 16px; line-height: 24px; margin-bottom: 24px; }

.pricing-main .item__head .price { display: block; }

.pricing-main .item__head .price:not(:last-child) { margin-bottom: 20px; }

.pricing-main .item__head .price .sf { display: block; min-height: 20px; margin-bottom: 4px; font-size: 16px; line-height: 20px; }

.pricing-main .item__head .price .pr { display: block; color: #2B2A35; font-size: 28px; line-height: 32px; font-weight: 500; }

.pricing-main .item__head .price .pr small { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 400; margin-left: 6px; color: #545465; }

.pricing-main .item__head .price .pr.sm { font-size: 24px; line-height: 32px; }

.pricing-main .item__toggle { position: relative; padding: 16px 48px 16px 16px; color: #F58232; cursor: pointer; font-weight: 500; }

.pricing-main .item__toggle:hover { color: #e9660b; }

.pricing-main .item__toggle::after { content: ""; display: block; width: 24px; height: 24px; background: url("../images/ic-chevron-up-orange.svg") no-repeat center; background-size: contain; position: absolute; top: calc(50% - 12px); right: 16px; -webkit-transform: rotate(0); transform: rotate(0); transition: all .3s ease; }

.pricing-main .item__toggle.collapsed::after { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.pricing-main .item__collapse-wrap { padding: 8px 16px 16px; }

.pricing-main .item__main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0; border: 1px solid #DFDFDF; border-top: 0; background: #FFF; border-radius: 0 0 8px 8px; color: #545465; }

.pricing-main .item__main span.cat { display: block; font-size: 14px; line-height: 20px; color: #2B2A35; margin-bottom: 4px; font-weight: 600; }

.pricing-main .item--highlight .item__wrap { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }

.pricing-main .item--highlight .item__head { border-color: #F96D01; background: #FBF3DD; }

.pricing-main .item--highlight .item__main { border-color: #F96D01; }

.pricing-main .pricing-main__buttons { text-align: center; padding-top: 48px; }

@media (max-width: 991px) { .pricing-main { padding-bottom: 48px; }
  .pricing-main .item { margin-bottom: 32px; } }

@media (max-width: 768px) { .pricing-main__wrap > .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .pricing-main__buttons { display: none; } }

.recom-bundle { padding-top: 80px; padding-bottom: 80px; }

.recom-bundle__sub { text-align: center; font-size: 14px; line-height: 20px; display: block; margin-bottom: 12px; color: #545465; }

.recom-bundle__title { text-align: center; font-size: 40px; line-height: 48px; margin: 0 auto 40px; font-weight: 600; max-width: 808px; }

.recom-bundle__nav .item { position: relative; padding: 20px 60px 20px 32px; background: #FFF; border: 1px solid #DFDFDF; border-radius: 4px; margin-bottom: 12px; transition: all .3s ease; }

.recom-bundle__nav .item[data-toggle] { cursor: pointer; }

.recom-bundle__nav .item:after { content: ""; display: block; width: 24px; height: 24px; background: url("../images/ic-chevron-right-round.svg") no-repeat center; background-size: contain; position: absolute; top: calc(50% - 12px); right: 30px; opacity: 0; transition: all .3s ease; }

.recom-bundle__nav .item__logo { position: relative; margin-bottom: 12px; }

.recom-bundle__nav .item__logo img { display: block; height: 26px; width: auto; }

.recom-bundle__nav .item.active { border-color: #F58232; background: #F9E2DE80; }

.recom-bundle__nav .item.active:after { opacity: 1; right: 24px; }

.recom-bundle__nav .item:not(.active):hover { background: #F2F4F7; }

.recom-bundle .tab-pane { padding: 32px; border: 1px solid #DFDFDF; border-radius: 4px; }

.recom-bundle .tab-pane__sm { display: none; }

.recom-bundle .tab-pane h3 { margin-bottom: 16px; }

.recom-bundle .tab-pane span.cat { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; display: block; margin-bottom: 8px; }

.recom-bundle .tab-pane ul.custom-list > li { margin-bottom: 8px; }

.recom-bundle .tab-pane ul.custom-list > li:last-child { margin-bottom: 0; }

.recom-bundle .tab-pane .price:not(:last-child) { margin-bottom: 24px; }

.recom-bundle .tab-pane .price .ps { font-size: 14px; line-height: 20px; color: #777; }

.recom-bundle .tab-pane .price .pn { font-size: 28px; line-height: 48px; font-weight: 500; color: #2B2A35; }

.recom-bundle .tab-pane .price .pt { font-size: 16px; line-height: 24px; font-weight: 500; color: #2B2A35; }

.recom-bundle .tab-pane .tab-action { padding-top: 32px; }

.recom-bundle .tnc { display: block; padding-top: 16px; font-size: 12px; line-height: 16px; color: #545465; text-align: right; }

.recom-bundle .bundle { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.recom-bundle .bundle__logo img { display: block; height: 48px; width: auto; }

.recom-bundle .bundle__price { margin-top: auto; margin-bottom: 12px; }

.recom-bundle .bundle__price .sf { display: block; -webkit-margin-after: 8px; margin-block-end: 8px; }

.recom-bundle .bundle__price .pr { display: block; font-size: 40px; line-height: 48px; letter-spacing: -0.5px; font-weight: 600; }

.recom-bundle .bundle__price .pr small { display: inline-block; font-size: 18px; line-height: 28px; margin-left: 4px; color: #545465; }

.recom-bundle .bundle__action .btn { width: 100%; }

.recom-bundle .bundle__action .btn-link { color: #1357FF; line-height: 24px; padding: 0; }

.recom-bundle .bundle__action .btn + .btn { margin-top: 16px; }

.recom-bundle .bundle span.cat { display: block; font-size: 18px; line-height: 28px; color: #2B2A35; margin-bottom: 12px; font-weight: 500; }

.recom-bundle .bundle__head { padding: 32px; background: #F9FAFB; border: 1px solid #009BDE; border-radius: 4px 0 0 4px; width: 100%; max-width: 38%; -webkit-flex: 0 0 38%; -ms-flex: 0 0 38%; flex: 0 0 38%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.recom-bundle .bundle__main { padding: 32px; background: #FFF; border: 1px solid #DFDFDF; border-left: 0; border-radius: 0 4px 4px 0; width: 100%; max-width: 62%; -webkit-flex: 0 0 62%; -ms-flex: 0 0 62%; flex: 0 0 62%; }

@media (max-width: 991px) { .recom-bundle .bundle { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .recom-bundle .bundle__logo img { height: 32px; width: auto; }
  .recom-bundle .bundle__price { padding-top: 32px; }
  .recom-bundle .bundle__price .sf { margin-bottom: 4px; }
  .recom-bundle .bundle__price .pr { font-size: 28px; line-height: 36px; }
  .recom-bundle .bundle__price .pr small { font-size: 16px; line-height: 24px; }
  .recom-bundle .bundle__head { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px 24px 16px; border-radius: 4px 4px 0 0; }
  .recom-bundle .bundle__main { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px; border-radius: 0 0 4px 4px; border-left: 1px solid #DFDFDF; border-top: 0; } }

@media (max-width: 991px) { .recom-bundle { padding-top: 64px; padding-bottom: 64px; }
  .recom-bundle__title { font-size: 24px; line-height: 32px; }
  .recom-bundle__nav { display: none; }
  .recom-bundle .tab-pane { margin-bottom: 24px; display: block; }
  .recom-bundle .tab-pane__sm { display: block; }
  .recom-bundle .tab-pane__sm .item__logo { margin-bottom: 12px; }
  .recom-bundle .tab-pane__sm .item__desc { margin-bottom: 24px; }
  .recom-bundle .tab-pane .hide-sm { display: none; }
  .recom-bundle .tab-pane:last-child { margin-bottom: 0; } }

@media (max-width: 768px) { .recom-bundle { padding-left: 12px; padding-right: 12px; } }

.testimoni-big { width: 100%; overflow: hidden; margin-bottom: 24px; }

.testimoni-big .link-more { color: #F9A564; }

.testimoni-big .link-more:after { background-image: url("../images/ic-arrow-right-long-orange.svg"); }

.testimoni-big__img { position: relative; width: 100%; padding-top: 100%; }

.testimoni-big__img img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; object-position: center; }

.testimoni-big__title { font-size: 32px; line-height: 40px; margin-bottom: 32px; }

.testimoni-big__quote { margin-bottom: 24px; }

.testimoni-big__author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.testimoni-big__author .author-logo { padding-right: 16px; border-right: 1px solid #FFF; }

.testimoni-big__author .author-logo img { display: block; width: auto; height: 60px; }

.testimoni-big__author .author-content { padding-left: 16px; }

.testimoni-big__author .author-content span { display: block; }

.testimoni-big__author .author-content .name { font-weight: 600; }

.testimoni-big__buttons { padding-top: 40px; }

.testimoni-big__wrap { position: relative; padding-top: 48px; padding-bottom: 48px; color: #FFF; }

.testimoni-big__wrap::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 16.666%; background: #011C40; border-radius: 8px; }

@media (max-width: 991px) { .testimoni-big { padding-left: 24px; padding-right: 24px; }
  .testimoni-big__img { max-width: 85%; padding-top: 85%; margin: 0 auto 40px; }
  .testimoni-big__content { padding-left: 16px; padding-right: 16px; }
  .testimoni-big__title { font-size: 24px; line-height: 32px; }
  .testimoni-big__author { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .testimoni-big__author .author-logo { padding-right: 0; margin-bottom: 16px; border: 0; }
  .testimoni-big__author .author-logo img { height: 48px; }
  .testimoni-big__author .author-content { padding-left: 0; }
  .testimoni-big__wrap:before { left: 0; top: auto; bottom: 0; height: 82%; } }

.modal--pricing span.yes { display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: 0 auto; background: url("../images/ic-check.svg") no-repeat center; background-size: contain; }

.modal--pricing .btn-collapse { position: relative; display: inline-block; color: #1357FF; padding-left: 26px; cursor: pointer; }

.modal--pricing .btn-collapse::before { content: ""; position: absolute; display: block; left: 0; top: 2px; width: 20px; height: 20px; background: url("../images/ic-minus.svg") no-repeat center; background-size: contain; }

.modal--pricing .btn-collapse.collapsed::before { background-image: url("../images/ic-plus.svg"); }

.modal--pricing .group-title { display: block; position: relative; width: 100%; padding: 16px 24px 16px 56px; font-size: 18px; line-height: 28px; font-weight: 600; color: #2B2A35; border: 1px solid #E3E3E8; border-width: 0 1px 1px 0; }

.modal--pricing .group-title::before { content: ""; position: absolute; display: block; left: 24px; top: 20px; width: 20px; height: 20px; background: url("../images/ic-minus.svg") no-repeat center; background-size: contain; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.modal--pricing .group-title.collapsed::before { background-image: url("../images/ic-plus.svg"); }

.modal--pricing .pricing-detail .group-row { display: -ms-grid; display: grid; -ms-grid-columns: 26% 18.5% 18.5% 18.5% 18.5%; grid-template-columns: 26% 18.5% 18.5% 18.5% 18.5%; }

.modal--pricing .pricing-detail .cell { padding: 16px 24px; color: #545465; border: 1px solid #E3E3E8; border-width: 0 1px 1px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.modal--pricing .pricing-detail__action { padding: 16px 24px; }

.modal--pricing .pricing-detail__heading { border: 1px solid #E3E3E8; border-width: 1px 0 0 1px; text-align: center; }

.modal--pricing .pricing-detail__heading .title { display: block; width: 100%; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 12px; color: #2B2A35; }

.modal--pricing .pricing-detail__heading p { font-size: 14px; line-height: 20px; margin-bottom: 0; }

.modal--pricing .pricing-detail__heading .cell { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px 24px; }

.modal--pricing .pricing-detail__heading .cell:first-child .title, .modal--pricing .pricing-detail__heading .cell:first-child p { text-align: left; }

.modal--pricing .pricing-detail__group { border: 1px solid #E3E3E8; border-width: 1px 0 0 1px; margin-top: -1px; }

.modal--pricing .pricing-detail__group .cell { background: #F2F4F7; }

.modal--pricing .modal-title { display: block; width: 100%; font-size: 40px; line-height: 48px; margin-bottom: 24px; }

.modal--pricing .modal-header { padding: 24px 24px 0; text-align: center; border: 0; }

.modal--pricing .modal-body { padding: 28px; }

.modal--pricing .modal-content { padding-top: 56px; border-radius: 4px; }

.modal--pricing .modal-dialog { max-width: 1280px; }

.testimonial-small__wrap { padding: 80px 0; }

.testimonial-small .item__quote { font-size: 24px; line-height: 32px; margin-bottom: 16px; font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.testimonial-small .item__author .author-logo { display: inline-block; vertical-align: middle; padding-right: 24px; }

.testimonial-small .item__author .author-logo img { height: 32px; width: auto; display: block; }

.testimonial-small .item__author .auhtor-content { display: inline-block; vertical-align: middle; padding: 12px 24px; border-left: 1px solid #DFDFDF; }

.testimonial-small .item__author .auhtor-content span { display: block; }

.testimonial-small .item__author .auhtor-content .name { font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.testimonial-small .item__img { position: absolute; top: 0; left: 12px; width: 20%; padding: 36px 0; }

.testimonial-small .item__img .img { display: block; width: 100%; padding-top: 100%; position: relative; }

.testimonial-small .item__img .img img { display: block; width: 100%; height: 100%; border-radius: 8px; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }

.testimonial-small .item__box { margin-left: 10%; background: #10253E; color: #FFF; padding: 48px 40px 48px 14%; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); border-radius: 6px; }

@media (max-width: 991px) { .testimonial-small { padding-left: 12px; padding-right: 12px; }
  .testimonial-small .item__box { margin-left: 0; padding: 24px; }
  .testimonial-small .item__img { position: relative; left: 0; padding: 0; width: 100%; margin-bottom: 32px; }
  .testimonial-small .item__quote { font-size: 20px; line-height: 30px; margin-bottom: 32px; }
  .testimonial-small .item__author .author-logo { display: block; margin-bottom: 16px; }
  .testimonial-small .item__author .auhtor-content { display: block; padding: 0; border-left: 0; } }

.page-tabs { position: relative; }

.page-tabs__header { padding-top: 4rem; }

.page-tabs__title { display: block; width: 100%; text-align: center; color: #212121; max-width: 600px; margin: 0 auto 28px; font-size: 40px; line-height: 48px; }

@media (max-width: 991px) { .page-tabs__title { font-size: 28px; line-height: 36px; } }

.page-tabs__desc { max-width: 600px; margin: 0 auto 64px; }

@media (max-width: 991px) { .page-tabs__desc { margin: 0 auto 40px; } }

.page-tabs .nav-tabs .nav-link { display: block; border: 1px solid #DFDFDF; border-radius: 0.25rem; padding: 1.5rem; text-align: center; color: #212121; background: #FFFFFF; transition: all .3s ease; height: 100%; }

.page-tabs .nav-tabs .nav-link .icon { display: block; height: 48px; width: 48px; margin: 0 auto 12px; }

.page-tabs .nav-tabs .nav-link span { display: block; font-size: 0.875rem; line-height: 1.5em; color: #212121; }

.page-tabs .nav-tabs .nav-link h3 { display: block; font-size: 1.5rem; line-height: 1.333em; margin: 0; color: #212121; }

.page-tabs .nav-tabs .nav-link:hover { text-decoration: none; background: #F2F4F7; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.page-tabs .nav-tabs .nav-link.active { text-decoration: none; background: #F2F4F7; border-color: #4B61DD; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08); }

.page-tabs .nav-tabs .nav-link.active .icon path { fill: #005FBF; }

@media (min-width: 1600px) { .page-tabs .container.container--nav-tabs { max-width: 1600px; } }

.page-tabs--alt { padding-top: 80px; }

@media (max-width: 991px) { .page-tabs--alt { padding-top: 46px; } }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__header { padding: 4rem 0 6rem 0; } }

@media (max-width: 991px) { .page-tabs--alt .page-tabs__title { padding-top: 30px; } }

.page-tabs--alt .page-tabs__body .mobile-section { display: none; }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__body .mobile-section { display: block; }
  .page-tabs--alt .page-tabs__body .mobile-section .img { margin-bottom: 16px; max-height: 48px; width: auto; }
  .page-tabs--alt .page-tabs__body .mobile-section h3 { margin-bottom: 12px; }
  .page-tabs--alt .page-tabs__body .mobile-section h4 { margin-bottom: 12px; } }

.page-tabs--alt .page-tabs__dropdown { position: relative; }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__dropdown { margin-top: -10px; } }

.page-tabs--alt .page-tabs__dropdown .selected { display: none; width: 100%; height: 48px; position: absolute; left: 0; top: 0; padding: 10px 35px 10px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2B2A35; font-size: 16px; line-height: 1.85rem; font-family: "Roboto Medium", sans-serif; font-weight: 500; }

.page-tabs--alt .page-tabs__dropdown .selected::after { content: ''; background: url(../images/arrow-down.svg) no-repeat center; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 12px; right: 10px; }

@media (max-width: 768px) { .page-tabs--alt .page-tabs__dropdown .selected { height: 48px; width: 100%; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 4px; display: block; } }

.page-tabs--alt .page-tabs__dropdown.active .nav-tabs { height: auto; }

.page-tabs--alt .nav-tabs .nav-item__title { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; margin-bottom: 0.75rem; }

@media (max-width: 991px) { .page-tabs--alt .nav-tabs .nav-item__title { margin-bottom: 0; } }

.page-tabs--alt .nav-tabs .nav-item__title h3 { font-size: 16px; line-height: 24px; }

@media (max-width: 768px) { .page-tabs--alt .nav-tabs .nav-item__title h3 { font-size: 1rem; line-height: 1.5rem; } }

.page-tabs--alt .nav-tabs .nav-item__title .ic { max-width: 40px; min-width: 40px; margin-right: 1rem; }

.page-tabs--alt .nav-tabs .nav-item .nav-link { background: #FFF; border: 0; position: relative; padding: 2rem; text-align: left; }

.page-tabs--alt .nav-tabs .nav-item .nav-link:hover, .page-tabs--alt .nav-tabs .nav-item .nav-link.active { box-shadow: none; background: #F2F4F7; border-radius: 8px 8px 0 0; }

.page-tabs--alt .nav-tabs .nav-item .nav-link:hover::after, .page-tabs--alt .nav-tabs .nav-item .nav-link.active::after { content: ''; background: url(../images/arrow-down.svg) no-repeat center; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 0.75rem; left: calc(50% - 12px); }

@media (max-width: 768px) { .page-tabs--alt .nav-tabs .nav-item .nav-link:hover::after, .page-tabs--alt .nav-tabs .nav-item .nav-link.active::after { display: none; } }

@media (max-width: 768px) { .page-tabs--alt .nav-tabs .nav-item .nav-link { border-radius: 0 !important; border: 1px solid #E2E2E2; padding: 12px; height: auto; }
  .page-tabs--alt .nav-tabs .nav-item .nav-link .ic { display: none; } }

.page-tabs--alt .nav-tabs.slider-tabs .owl-stage-outer { overflow: visible; }

.page-tabs--alt .nav-tabs.slider-tabs .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.page-tabs--alt .nav-tabs.slider-tabs .owl-stage::after { display: none; }

.page-tabs--alt .nav-tabs.slider-tabs .owl-item { position: relative; width: 100% !important; padding: 0 12px; }

.page-tabs--alt .nav-tabs.slider-tabs .nav-item { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; }

@media (max-width: 991px) { .page-tabs--alt .nav-tabs.slider-tabs { width: 100%; }
  .page-tabs--alt .nav-tabs.slider-tabs .nav-item { width: 100%; display: block; } }

.page-tabs--alt .page-tabs__section-head { padding-top: 80px; padding-bottom: 48px; }

.page-tabs--alt .page-tabs__title { margin-bottom: 16px; text-align: center; }

.page-tabs--alt .page-tabs__desc { text-align: center; }

.page-tabs--alt .page-tabs__body { background: #F2F4F7; }

.page-tabs--alt .page-tabs__wrap.sticky-me { z-index: 20; }

.page-tabs--alt .page-tabs__wrap.sticky-me .page-tabs__header { transition: all .4s ease; padding-top: 0; }

.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item__title { transition: all .4s ease; }

.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item__title .ic { transition: all .4s ease; }

.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item .nav-link { transition: all .4s ease; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick { background: #FFF; bottom: auto !important; border-bottom: 1px solid #DFDFDF; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .page-tabs__header { padding-top: 56px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title { margin: 0; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title .ic { height: 30px; width: 30px; min-width: 30px; margin-right: 12px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title h3 { font-size: 16px; line-height: 24px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0; padding-top: 12px; padding-bottom: 12px; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link p { display: none; }

.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link::after { display: none; }

.page-tabs--alt .page-tabs__wrap.sticky-me.show-top.stick .page-tabs__header { padding-top: 97px; }

@media (max-width: 991px) { .page-tabs--alt { background: #F2F4F7; }
  .page-tabs--alt .nav-tabs { position: absolute; z-index: 2; height: 0; overflow: hidden; top: 49px; left: 0; }
  .page-tabs--alt .nav-tabs .nav-link .nav-item__title h3 { margin-bottom: 0; }
  .page-tabs--alt .nav-tabs .nav-link p { display: none; } }

.top-banner { background: linear-gradient(90deg, #3A00A9 1.56%, #7B3CEF 44.12%, #3A00A9 68.21%, #7B3CEF 92.31%); margin-top: 120px; display: block; }

.top-banner a.container { display: block; }

.top-banner__img img { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: auto; height: auto; max-height: 64px; }

.top-banner__meta { color: #FFF; font-size: 18px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 500; }

.top-banner__title { color: #FFF; font-size: 28px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner__desc { color: #FFF; }

.top-banner__desc p { font-size: 14px; line-height: 20px; }

.top-banner__desc span.link { font-size: 15px; line-height: 22px; font-weight: 500; text-decoration: underline; }

.top-banner__desc span.link:hover { color: #e6e5e5; }

.top-banner__content { padding-top: 14px; padding-bottom: 14px; text-align: center; }

.top-banner__buttons { padding-top: 20px; padding-bottom: 20px; }

.top-banner__buttons .btn { padding: 11px 24px; font-size: 16px; line-height: 24px; }

.top-banner__buttons .btn-white { border-color: #FFF; }

@media (max-width: 991px) { .top-banner { margin-top: 0; }
  .top-banner__img { display: none; }
  .top-banner__meta { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
  .top-banner__title { font-size: 28px; line-height: 36px; margin-bottom: 12px; }
  .top-banner__content { padding-top: 28px; }
  .top-banner__buttons { text-align: center; padding-top: 0; padding-bottom: 28px; }
  .top-banner__buttons .btn { display: inline-block; width: auto; margin-bottom: 0; } }

.tbs { z-index: 20; display: block; background: linear-gradient(90deg, #3A00A9 1.56%, #7B3CEF 44.12%, #3A00A9 68.21%, #7B3CEF 92.31%); color: #FFF; position: fixed; width: 100%; top: 0; left: 0; transition: all .4s ease; opacity: 0; }

.tbs-bot { display: block; background: url(../images/sticky-speakers.svg) no-repeat; background-position: center right; background-size: contain; }

.tbs-bot .row { min-height: 120px; }

.tbs:hover { color: #e6e5e5; }

.tbs.is-ready { opacity: 1; }

.tbs__wrap { padding: 4px 0; min-height: 36px; margin: 0 auto; text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.tbs__img { display: inline-block; text-align: left; }

.tbs__img img { width: 100%; height: auto; margin-top: -5px; }

.tbs__content { display: block; text-align: center; color: #FFF; }

.tbs__content span { display: inline-block; vertical-align: middle; }

.tbs__content span.large { font-size: 18px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 600; }

.tbs__content br { display: none; }

.tbs__cta { display: block; margin-left: auto; }

.tbs__cta .link { text-decoration: underline; font-size: 13px; line-height: 1.5em; }

.tbs__cta .link:hover { color: #e6e5e5; }

.tbs__cta .btn-dummy { color: #fff; position: relative; }

.tbs__cta .btn-dummy:after { content: ""; display: block; width: 24px; height: 20px; background: url(../images/ic-arrow-right-long-white.svg) no-repeat center; background-size: contain; position: absolute; right: -32px; top: calc(50% - 10px); }

.tbs__cta .btn-dummy:hover { color: #fff; text-decoration: underline; }

.tbs__cta .btn-dummy:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.tbs__close { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 64px; height: 30px; top: 0; right: 0; }

.tbs__close span { display: inline-block; height: 16px; width: 16px; border-radius: 8px; text-align: center; vertical-align: middle; background: #FFF; color: #2B2A35; font-size: 14px; line-height: 1; }

.tbs.fixed { top: 57px; opacity: 1; }

.tbs.fixed.show-top { top: 97px; }

@media (max-width: 991px) { .tbs { top: 0; opacity: 1; }
  .tbs-bot { display: none; }
  .tbs > .container > .row { min-height: 50px; }
  .tbs__wrap { padding-left: 0; padding-right: 0; }
  .tbs__content span { display: block; }
  .tbs__content span.meta { font-size: 12px; line-height: 16px; display: block; }
  .tbs__content span.large { margin-left: 0; font-size: 14px; line-height: 1.25rem; }
  .tbs__cta { min-width: 200px; }
  .tbs__close { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 40px; height: 40px; padding: 12px; }
  .tbs__close span { height: 14px; width: 14px; font-size: 13px; }
  .tbs.fixed { top: 56px; }
  .tbs.fixed.show-top { top: 56px; } }

@media (max-width: 768px) { .tbs__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tbs__content { text-align: center; width: 100%; }
  .tbs__cta { text-align: center; max-width: 100%; width: 100%; } }

.cta-footer { text-align: center; background: #FFF; padding-top: 64px; padding-bottom: 64px; }

.cta-footer__logomark { margin-bottom: 16px; }

.cta-footer__title { margin-bottom: 20px; }

.cta-footer__desc { margin: 0 auto 32px; max-width: 600px; }

.cta-footer__buttons .btn { margin-left: 6px; margin-right: 6px; }

@media (max-width: 991px) { .cta-footer { padding: 42px 8px; }
  .cta-footer__buttons a, .cta-footer__buttons .btn { width: 100%; display: block; margin-bottom: 14px; margin-left: 0; margin-right: 0; }
  .cta-footer__buttons a:last-child, .cta-footer__buttons .btn:last-child { margin-bottom: 0; } }

.thanks-single { width: 100%; }

.thanks-single__wrap { height: 100vh; width: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px; }

.thanks-single__icon { width: auto; height: 153px; object-fit: contain; display: block; margin: 0 auto 16px auto; }

.modal-success--alt .close { position: absolute; top: 18px; right: 18px; cursor: pointer; opacity: 1; transition: all .3s ease-in-out; }

.modal-success--alt .modal-dialog { margin: 0 auto; padding: 0 !important; background: transparent !important; box-shadow: none !important; max-width: 100%; }

.modal-success--alt .modal-dialog .modal-body { padding: 0; }

.modal-success--alt .modal-dialog .modal-content { text-align: center; padding: 32px; max-width: 632px; width: 100%; background: #FFF; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); margin: 64px auto; border-radius: 8px; position: relative; }

@media (max-width: 991px) { .modal-success--alt .modal-dialog .modal-content { padding: 16px; } }

.modal-success--alt .modal-dialog .modal-icon { margin-bottom: 16px; }

.modal-success--alt .modal-dialog .modal-icon img { object-fit: contain; }

.modal-success--alt .modal-dialog .modal-title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 16px; color: #232933; }

@media (max-width: 991px) { .modal-success--alt .modal-dialog .modal-title { font-size: 28px; line-height: 36px; } }

.modal-success--alt .modal-dialog .modal-desc { font-size: 16px; line-height: 24px; color: #232933; }

.mtd-20 { margin-top: 20px; margin-bottom: 20px; }

@media (max-width: 768px) { .mtd-20 { margin-top: 10px; margin-bottom: 10px; } }

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

@media (max-width: 768px) { .mb-20 { margin-bottom: 10px; } }

.mt-20 { margin-top: 20px; }

@media (max-width: 768px) { .mt-20 { margin-top: 10px; } }

.ptd-20 { padding-top: 20px; padding-bottom: 20px; }

@media (max-width: 768px) { .ptd-20 { padding-top: 10px; padding-bottom: 10px; } }

.pt-20 { padding-top: 20px; }

@media (max-width: 768px) { .pt-20 { padding-top: 10px; } }

.pb-20 { padding-bottom: 20px; }

@media (max-width: 768px) { .pb-20 { padding-bottom: 10px; } }

.mtd-30 { margin-top: 30px; margin-bottom: 30px; }

@media (max-width: 768px) { .mtd-30 { margin-top: 15px; margin-bottom: 15px; } }

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

@media (max-width: 768px) { .mb-30 { margin-bottom: 15px; } }

.mt-30 { margin-top: 30px; }

@media (max-width: 768px) { .mt-30 { margin-top: 15px; } }

.ptd-30 { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 768px) { .ptd-30 { padding-top: 15px; padding-bottom: 15px; } }

.pt-30 { padding-top: 30px; }

@media (max-width: 768px) { .pt-30 { padding-top: 15px; } }

.pb-30 { padding-bottom: 30px; }

@media (max-width: 768px) { .pb-30 { padding-bottom: 15px; } }

.mtd-40 { margin-top: 40px; margin-bottom: 40px; }

@media (max-width: 768px) { .mtd-40 { margin-top: 20px; margin-bottom: 20px; } }

.mb-40 { margin-bottom: 40px; }

@media (max-width: 768px) { .mb-40 { margin-bottom: 20px; } }

.mt-40 { margin-top: 40px; }

@media (max-width: 768px) { .mt-40 { margin-top: 20px; } }

.ptd-40 { padding-top: 40px; padding-bottom: 40px; }

@media (max-width: 768px) { .ptd-40 { padding-top: 20px; padding-bottom: 20px; } }

.pt-40 { padding-top: 40px; }

@media (max-width: 768px) { .pt-40 { padding-top: 20px; } }

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

@media (max-width: 768px) { .pb-40 { padding-bottom: 20px; } }

.mtd-50 { margin-top: 50px; margin-bottom: 50px; }

@media (max-width: 768px) { .mtd-50 { margin-top: 25px; margin-bottom: 25px; } }

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

@media (max-width: 768px) { .mb-50 { margin-bottom: 25px; } }

.mt-50 { margin-top: 50px; }

@media (max-width: 768px) { .mt-50 { margin-top: 25px; } }

.ptd-50 { padding-top: 50px; padding-bottom: 50px; }

@media (max-width: 768px) { .ptd-50 { padding-top: 25px; padding-bottom: 25px; } }

.pt-50 { padding-top: 50px; }

@media (max-width: 768px) { .pt-50 { padding-top: 25px; } }

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

@media (max-width: 768px) { .pb-50 { padding-bottom: 25px; } }

.mtd-60 { margin-top: 60px; margin-bottom: 60px; }

@media (max-width: 768px) { .mtd-60 { margin-top: 30px; margin-bottom: 30px; } }

.mb-60 { margin-bottom: 60px; }

@media (max-width: 768px) { .mb-60 { margin-bottom: 30px; } }

.mt-60 { margin-top: 60px; }

@media (max-width: 768px) { .mt-60 { margin-top: 30px; } }

.ptd-60 { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 768px) { .ptd-60 { padding-top: 30px; padding-bottom: 30px; } }

.pt-60 { padding-top: 60px; }

@media (max-width: 768px) { .pt-60 { padding-top: 30px; } }

.pb-60 { padding-bottom: 60px; }

@media (max-width: 768px) { .pb-60 { padding-bottom: 30px; } }

.mtd-80 { margin-top: 80px; margin-bottom: 80px; }

@media (max-width: 768px) { .mtd-80 { margin-top: 40px; margin-bottom: 40px; } }

.mb-80 { margin-bottom: 80px; }

@media (max-width: 768px) { .mb-80 { margin-bottom: 40px; } }

.mt-80 { margin-top: 80px; }

@media (max-width: 768px) { .mt-80 { margin-top: 40px; } }

.ptd-80 { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 768px) { .ptd-80 { padding-top: 40px; padding-bottom: 40px; } }

.pt-80 { padding-top: 80px; }

@media (max-width: 768px) { .pt-80 { padding-top: 40px; } }

.pb-80 { padding-bottom: 80px; }

@media (max-width: 768px) { .pb-80 { padding-bottom: 40px; } }

.mtd-90 { margin-top: 90px; margin-bottom: 90px; }

@media (max-width: 768px) { .mtd-90 { margin-top: 45px; margin-bottom: 45px; } }

.mb-90 { margin-bottom: 90px; }

@media (max-width: 768px) { .mb-90 { margin-bottom: 45px; } }

.mt-90 { margin-top: 90px; }

@media (max-width: 768px) { .mt-90 { margin-top: 45px; } }

.ptd-90 { padding-top: 90px; padding-bottom: 90px; }

@media (max-width: 768px) { .ptd-90 { padding-top: 45px; padding-bottom: 45px; } }

.pt-90, .ebook-wrap { padding-top: 90px; }

@media (max-width: 768px) { .pt-90, .ebook-wrap { padding-top: 45px; } }

.pb-90 { padding-bottom: 90px; }

@media (max-width: 768px) { .pb-90 { padding-bottom: 45px; } }

.mtd-100 { margin-top: 100px; margin-bottom: 100px; }

@media (max-width: 768px) { .mtd-100 { margin-top: 50px; margin-bottom: 50px; } }

.mb-100 { margin-bottom: 100px; }

@media (max-width: 768px) { .mb-100 { margin-bottom: 50px; } }

.mt-100 { margin-top: 100px; }

@media (max-width: 768px) { .mt-100 { margin-top: 50px; } }

.ptd-100 { padding-top: 100px; padding-bottom: 100px; }

@media (max-width: 768px) { .ptd-100 { padding-top: 50px; padding-bottom: 50px; } }

.pt-100 { padding-top: 100px; }

@media (max-width: 768px) { .pt-100 { padding-top: 50px; } }

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

@media (max-width: 768px) { .pb-100 { padding-bottom: 50px; } }

.mtd-110 { margin-top: 110px; margin-bottom: 110px; }

@media (max-width: 768px) { .mtd-110 { margin-top: 55px; margin-bottom: 55px; } }

.mb-110 { margin-bottom: 110px; }

@media (max-width: 768px) { .mb-110 { margin-bottom: 55px; } }

.mt-110 { margin-top: 110px; }

@media (max-width: 768px) { .mt-110 { margin-top: 55px; } }

.ptd-110 { padding-top: 110px; padding-bottom: 110px; }

@media (max-width: 768px) { .ptd-110 { padding-top: 55px; padding-bottom: 55px; } }

.pt-110 { padding-top: 110px; }

@media (max-width: 768px) { .pt-110 { padding-top: 55px; } }

.pb-110 { padding-bottom: 110px; }

@media (max-width: 768px) { .pb-110 { padding-bottom: 55px; } }

.mtd-120 { margin-top: 120px; margin-bottom: 120px; }

@media (max-width: 768px) { .mtd-120 { margin-top: 60px; margin-bottom: 60px; } }

.mb-120 { margin-bottom: 120px; }

@media (max-width: 768px) { .mb-120 { margin-bottom: 60px; } }

.mt-120 { margin-top: 120px; }

@media (max-width: 768px) { .mt-120 { margin-top: 60px; } }

.ptd-120 { padding-top: 120px; padding-bottom: 120px; }

@media (max-width: 768px) { .ptd-120 { padding-top: 60px; padding-bottom: 60px; } }

.pt-120 { padding-top: 120px; }

@media (max-width: 768px) { .pt-120 { padding-top: 60px; } }

.pb-120 { padding-bottom: 120px; }

@media (max-width: 768px) { .pb-120 { padding-bottom: 60px; } }

.mtd-150 { margin-top: 150px; margin-bottom: 150px; }

@media (max-width: 768px) { .mtd-150 { margin-top: 75px; margin-bottom: 75px; } }

.mb-150 { margin-bottom: 150px; }

@media (max-width: 768px) { .mb-150 { margin-bottom: 75px; } }

.mt-150 { margin-top: 150px; }

@media (max-width: 768px) { .mt-150 { margin-top: 75px; } }

.ptd-150 { padding-top: 150px; padding-bottom: 150px; }

@media (max-width: 768px) { .ptd-150 { padding-top: 75px; padding-bottom: 75px; } }

.pt-150 { padding-top: 150px; }

@media (max-width: 768px) { .pt-150 { padding-top: 75px; } }

.pb-150 { padding-bottom: 150px; }

@media (max-width: 768px) { .pb-150 { padding-bottom: 75px; } }

.mtd-180 { margin-top: 180px; margin-bottom: 180px; }

@media (max-width: 768px) { .mtd-180 { margin-top: 90px; margin-bottom: 90px; } }

.mb-180 { margin-bottom: 180px; }

@media (max-width: 768px) { .mb-180 { margin-bottom: 90px; } }

.mt-180 { margin-top: 180px; }

@media (max-width: 768px) { .mt-180 { margin-top: 90px; } }

.ptd-180 { padding-top: 180px; padding-bottom: 180px; }

@media (max-width: 768px) { .ptd-180 { padding-top: 90px; padding-bottom: 90px; } }

.pt-180 { padding-top: 180px; }

@media (max-width: 768px) { .pt-180 { padding-top: 90px; } }

.pb-180 { padding-bottom: 180px; }

@media (max-width: 768px) { .pb-180 { padding-bottom: 90px; } }

.block-content .item .content, .blog-wrap .featured-post, .single-wrap article .block-img { margin-bottom: 30px; }

@media (max-width: 768px) { .block-content .item .content, .blog-wrap .featured-post, .single-wrap article .block-img { margin-bottom: 15px; } }

.single-wrap article .block-img { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 768px) { .single-wrap article .block-img { padding-top: 15px; padding-bottom: 15px; } }

.section-title { margin-bottom: 60px; }

@media (max-width: 768px) { .section-title { margin-bottom: 30px; } }

.masthead-featured { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 768px) { .masthead-featured { padding-top: 30px; padding-bottom: 30px; } }

.small-img .item + .item { padding-top: 60px; }

@media (max-width: 768px) { .small-img .item + .item { padding-top: 30px; } }

.masthead.masthead-dark .content, .blog-wrap .item { padding-bottom: 60px; }

@media (max-width: 768px) { .masthead.masthead-dark .content, .blog-wrap .item { padding-bottom: 30px; } }

.masthead .content { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 768px) { .masthead .content { padding-top: 40px; padding-bottom: 40px; } }

.masthead + .block-content { padding-top: 90px; }

@media (max-width: 768px) { .masthead + .block-content { padding-top: 45px; } }

.masthead.masthead-dark .content { padding-top: 100px; }

@media (max-width: 768px) { .masthead.masthead-dark .content { padding-top: 50px; } }

/* Pages style */
@media (max-width: 991px) { .mastheadrvmp--api { padding-left: 12px; padding-right: 12px; }
  .mastheadrvmp--api .mastheadrvmp__buttons { margin-left: 0; margin-right: 0; }
  .mastheadrvmp--api .mastheadrvmp__buttons .btn { margin-left: 0; margin-right: 0; margin-bottom: 12px; width: 100%; } }

.api-feature__title { font-size: 40px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 28px; font-weight: 600; }

.api-feature__desc { margin-bottom: 48px; }

.api-feature__desc p:last-child { margin-bottom: 0; }

.api-feature .item { margin-bottom: 24px; }

.api-feature .item__icon { margin-bottom: 12px; }

.api-feature .item__icon img { display: block; height: 56px; width: auto; }

.api-feature .item__title { font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 12px; }

.api-feature .item__desc p:last-child { margin-bottom: 0; }

.api-feature__wrap { padding-top: 80px; padding-bottom: 80px; }

.api-feature__buttons { padding-top: 64px; }

@media (max-width: 991px) { .api-feature { padding-left: 12px; padding-right: 12px; }
  .api-feature__title { font-size: 24px; line-height: 32px; }
  .api-feature__buttons { padding-top: 40px; }
  .api-feature__wrap { padding-top: 64px; padding-bottom: 64px; } }

.api-benefit { background: #F2F4F7; }

.api-benefit__sub { display: block; font-size: 14px; line-height: 20px; margin-bottom: 12px; }

.api-benefit__title { font-size: 40px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 28px; font-weight: 600; }

.api-benefit__desc { margin-bottom: 48px; }

.api-benefit__desc p:last-child { margin-bottom: 0; }

.api-benefit__items { padding-top: 64px; padding-bottom: 80px; }

.api-benefit__items .item-img { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.api-benefit__items .item-img .img { position: relative; width: 100%; display: none; }

.api-benefit__items .item-img .img img { display: block; height: 440px; width: auto; margin: 0 auto; }

.api-benefit__items .item-img .img.show { display: block; }

.api-benefit .item { height: 100vh; max-height: 600px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.api-benefit .item__img { display: none; }

.api-benefit .item__title { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 28px; }

.api-benefit .item__desc { margin-bottom: 32px; }

.api-benefit .item__desc p:last-child { margin-bottom: 0; }

.api-benefit .item__list li { margin-bottom: 20px; }

.api-benefit .item__buttons { padding-top: 40px; margin-left: -8px; margin-right: -8px; }

.api-benefit .item__buttons .btn { margin: 0 8px; }

.api-benefit .item__wrap { padding-top: 80px; padding-bottom: 80px; }

.api-benefit .item:first-child .item__wrap { padding-top: 0; }

.api-benefit .item:last-child .item__wrap { padding-bottom: 0; }

.api-benefit__wrap { padding-top: 80px; }

@media (max-width: 991px) { .api-benefit { padding-left: 12px; padding-right: 12px; }
  .api-benefit__title { font-size: 24px; line-height: 32px; }
  .api-benefit__wrap { padding-top: 64px; padding-bottom: 64px; }
  .api-benefit__items { padding-top: 0; padding-bottom: 0; }
  .api-benefit__items .item-img { display: none; }
  .api-benefit .item { height: auto; max-height: initial; }
  .api-benefit .item__img { display: block; margin-bottom: 24px; }
  .api-benefit .item__img img { width: 90%; height: auto; display: block; }
  .api-benefit .item__title { font-size: 20px; line-height: 30px; margin-bottom: 12px; }
  .api-benefit .item__desc { margin-bottom: 24px; }
  .api-benefit .item__buttons { margin-left: 0; margin-right: 0; }
  .api-benefit .item__buttons .btn { margin-left: 0; margin-right: 0; margin-bottom: 12px; width: 100%; }
  .api-benefit .item__wrap { padding-top: 32px; padding-bottom: 32px; } }

.api-block-table .block-table__sub { display: block; font-size: 14px; line-height: 20px; margin-bottom: 12px; }

.api-block-table .block-table__title { text-align: left; font-size: 40px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 28px; font-weight: 600; }

.api-block-table .block-table__desc { text-align: left; margin-bottom: 48px; }

@media (max-width: 991px) { .api-block-table { padding-left: 12px; padding-right: 12px; }
  .api-block-table .block-table__title { font-size: 24px; line-height: 32px; } }

.api-solusi__title { text-align: left; font-size: 40px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 28px; font-weight: 600; }

.api-solusi__desc { text-align: left; margin-bottom: 40px; }

.api-solusi__img img { display: block; width: 100%; height: auto; }

.api-solusi__wrap { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 991px) { .api-solusi { padding-left: 12px; padding-right: 12px; }
  .api-solusi__title { font-size: 24px; line-height: 32px; }
  .api-solusi__img { padding-top: 48px; }
  .api-solusi__wrap { padding-top: 64px; padding-bottom: 64px; } }

.mastheadrvmp--partner .mastheadrvmp__img img { border-radius: 8px; }

@media (max-width: 991px) { .mastheadrvmp--partner { padding-left: 12px; padding-right: 12px; }
  .mastheadrvmp--partner .mastheadrvmp__buttons { margin-left: 0; margin-right: 0; }
  .mastheadrvmp--partner .mastheadrvmp__buttons .btn { margin-left: 0; margin-right: 0; margin-bottom: 12px; width: 100%; } }

.partner-feature__title { font-size: 40px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 28px; font-weight: 600; }

.partner-feature__desc { margin-bottom: 48px; }

.partner-feature__desc p:last-child { margin-bottom: 0; }

.partner-feature .item { margin-bottom: 24px; }

.partner-feature .item__icon { margin-bottom: 12px; }

.partner-feature .item__icon img { display: block; height: 56px; width: auto; }

.partner-feature .item__title { font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 12px; }

.partner-feature .item__desc p:last-child { margin-bottom: 0; }

.partner-feature__buttons { padding-top: 64px; }

.partner-feature__wrap { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 991px) { .partner-feature { padding-left: 12px; padding-right: 12px; }
  .partner-feature__title { font-size: 24px; line-height: 32px; }
  .partner-feature__buttons { padding-top: 40px; }
  .partner-feature__wrap { padding-top: 64px; padding-bottom: 64px; } }

.partner-oppst { background: #F2F4F7; }

.partner-oppst .item__img img { display: block; width: 100%; height: auto; }

.partner-oppst .item__title { font-size: 32px; line-height: 40px; margin-bottom: 28px; font-weight: 600; }

.partner-oppst .item__desc { margin-bottom: 32px; }

.partner-oppst .item__desc p:last-child { margin-bottom: 0; }

.partner-oppst .item__buttons { margin-left: -8px; margin-right: -8px; }

.partner-oppst .item__buttons .btn, .partner-oppst .item__buttons .link-more { margin-left: 8px; padding-right: 8px; }

.partner-oppst .item__wrap { padding-top: 64px; padding-bottom: 64px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.partner-oppst .item:nth-last-child(even) .item__wrap { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 991px) { .partner-oppst { padding-top: 32px; padding-bottom: 32px; padding-left: 12px; padding-right: 12px; }
  .partner-oppst .item { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .partner-oppst .item__img { margin-bottom: 24px; }
  .partner-oppst .item__title { font-size: 20px; line-height: 30px; margin-bottom: 12px; }
  .partner-oppst .item__wrap { padding-top: 32px; padding-bottom: 32px; }
  .partner-oppst .item:nth-last-child(even) .item__wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.partner-block-table { background: #F2F4F7; }

.partner-block-table .block-table__sub { display: block; font-size: 14px; line-height: 20px; margin-bottom: 12px; }

.partner-block-table .block-table__title { text-align: left; font-size: 40px; line-height: 48px; letter-spacing: 0.5px; margin-bottom: 28px; font-weight: 600; }

.partner-block-table .block-table__desc { text-align: left; margin-bottom: 48px; }

@media (max-width: 991px) { .partner-block-table { padding-left: 12px; padding-right: 12px; }
  .partner-block-table .block-table__title { font-size: 24px; line-height: 32px; } }

.partner-form { background: #F2F4F7; }

.partner-form__title { font-size: 40px; line-height: 48px; font-weight: 600; margin-bottom: 16px; }

.partner-form__desc { max-width: 600px; margin: 0 auto 32px; }

.partner-form__desc p:last-child { margin-bottom: 0; }

.partner-form__code { background: #FFF; border: 1px solid #E3E3E8; border-radius: 4px; padding: 40px; }

.partner-form__wrap { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 991px) { .partner-form { padding-left: 12px; padding-right: 12px; }
  .partner-form__title { font-size: 24px; line-height: 32px; }
  .partner-form__wrap { padding-top: 64px; padding-top: 64px; } }

.partner-integrator .item { margin-bottom: 24px; }

.partner-integrator .item__wrap { border: 1px solid #E3E3E8; border-radius: 4px; padding: 24px; }

.partner-integrator .item__icon { margin-bottom: 16px; }

.partner-integrator .item__icon img { display: block; height: 56px; width: auto; }

.partner-integrator .item__title { font-size: 18px; line-height: 20px; margin-bottom: 12px; }

.partner-integrator .item__desc p:last-child { margin-bottom: 0; }

.partner-integrator__title { text-align: center; font-size: 40px; line-height: 48px; margin-bottom: 24px; }

.partner-integrator__buttons { text-align: center; margin-bottom: 48px; }

.partner-integrator__wrap { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 991px) { .partner-integrator .item__icon { position: absolute; left: 16px; }
  .partner-integrator .item__icon img { height: 48px; width: 48px; }
  .partner-integrator .item__wrap { position: relative; padding: 16px 16px 16px 80px; }
  .partner-integrator__title { font-size: 24px; line-height: 32px; }
  .partner-integrator__wrap { padding: 64px 24px; } }

.mastheadrvmp--ptrdetail { text-align: center; background: #F2F4F7; }

.mastheadrvmp--ptrdetail .mastheadrvmp__desc { margin-bottom: 0; }

.mastheadrvmp--ptrdetail .mastheadrvmp__wrap { padding-top: 64px; padding-bottom: 64px; }

.ptrdetail-integrator .row { margin-left: -12px; margin-right: -12px; }

.ptrdetail-integrator .row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }

.ptrdetail-integrator .item { margin-bottom: 24px; }

.ptrdetail-integrator .item__wrap { border: 1px solid #E3E3E8; border-radius: 4px; padding: 24px; }

.ptrdetail-integrator .item__icon { margin-bottom: 16px; }

.ptrdetail-integrator .item__icon img { display: block; height: 56px; width: auto; }

.ptrdetail-integrator .item__title { font-size: 18px; line-height: 20px; margin-bottom: 12px; }

.ptrdetail-integrator .item__desc p:last-child { margin-bottom: 0; }

.ptrdetail-integrator__filter { padding-top: 48px; padding-right: 12px; }

.ptrdetail-integrator__sort { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 24px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ptrdetail-integrator__sort .sort-select { display: inline-block; width: 130px; }

.ptrdetail-integrator__sort .sort-select div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle { border: 0; color: #005FBF; }

.ptrdetail-integrator__sort .sort-select div.dropdown.bootstrap-select:not(.select-btn) .dropdown-toggle:after { background: none; top: calc(50% - 3px); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #005FBF; }

.ptrdetail-integrator__sort .sort-select .dropdown-item.active, .ptrdetail-integrator__sort .sort-select .dropdown-item:active { color: #2B2A35; }

.ptrdetail-integrator__wrap { padding-top: 52px; padding-bottom: 52px; }

@media (max-width: 991px) { .ptrdetail-integrator .item__icon { position: absolute; left: 16px; }
  .ptrdetail-integrator .item__icon img { height: 48px; width: 48px; }
  .ptrdetail-integrator .item__wrap { position: relative; padding: 16px 16px 16px 80px; }
  .ptrdetail-integrator__title { font-size: 24px; line-height: 32px; }
  .ptrdetail-integrator__filter { padding-top: 0; padding-right: 0; }
  .ptrdetail-integrator__sort { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; }
  .ptrdetail-integrator__sort .sort-left, .ptrdetail-integrator__sort .sort-right { width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 5px 0; }
  .ptrdetail-integrator__sort .sort-left { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .ptrdetail-integrator__sort .sort-right { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .ptrdetail-integrator__wrap { padding: 48px 24px; } }

.wrap.inapp .btn { font-size: 14px; line-height: 20px; border: 1px solid transparent; border-radius: 6px; }

.wrap.inapp .btn-purple { background: #4B61DD; border-color: #4B61DD; color: #FFF; }

.wrap.inapp .btn-purple:hover { background: #2740ce; }

.wrap.inapp .btn-white { background: #FFF; border-color: #EAECFB; color: #4B61DD; }

.wrap.inapp .btn-white:hover { color: #FFF; background: #2740ce; }

.wrap.inapp label { font-size: 14px; line-height: 20px; }

.wrap.inapp .form-control { height: 36px; font-size: 14px; line-height: 20px; }

.wrap.inapp .form-group { margin-bottom: 20px; }

.masthead-inapp { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

.masthead-inapp__djp { background: #1C1D1E; padding: 10px 0; color: #FFF; text-align: center; }

.masthead-inapp__djp img { display: inline-block; vertical-align: middle; height: 20px; width: auto; margin-right: 10px; }

.masthead-inapp__djp span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; font-weight: 500; }

.masthead-inapp__logo { margin-bottom: 28px; }

.masthead-inapp__logo img { display: block; height: 40px; width: auto; }

.masthead-inapp__title { font-size: 32px; line-height: 40px; margin-bottom: 28px; }

.masthead-inapp__desc { max-width: 496px; margin-bottom: 40px; }

.masthead-inapp__desc p { font-size: 14px; line-height: 20px; color: #777777; }

.masthead-inapp__desc p:last-child { margin-bottom: 0; }

.masthead-inapp__buttons { margin-left: -8px; margin-right: -8px; }

.masthead-inapp__buttons .btn { margin-left: 8px; margin-right: 8px; }

.masthead-inapp__wrap { padding-top: 64px; padding-bottom: 64px; }

.howjurnal--in-klikpajak { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

.howjurnal--in-klikpajak .section-head { margin-bottom: 40px; }

.howjurnal--in-klikpajak .section-head__title { font-size: 24px; line-height: 32px; margin-bottom: 24px; text-align: center; }

.howjurnal--in-klikpajak .section-head__buttons { text-align: center; }

.howjurnal--in-klikpajak .accordion { margin-bottom: 0; }

.howjurnal--in-klikpajak .accordion .card { border: 1px solid transparent; margin-bottom: 4; transition: all .4s ease; }

.howjurnal--in-klikpajak .accordion .card__title { font-size: 14px; line-height: 20px; font-weight: 600; }

.howjurnal--in-klikpajak .accordion .card__header { padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #DFDFDF; }

.howjurnal--in-klikpajak .accordion .card__header:after { top: 16px; }

.howjurnal--in-klikpajak .accordion .card__body { border: 0; margin: 0; padding-top: 0; }

.howjurnal--in-klikpajak .accordion .card__body p { font-size: 14px; line-height: 20px; }

.howjurnal--in-klikpajak .accordion .card__body p:last-child { margin-bottom: 0; }

.howjurnal--in-klikpajak .accordion .card.open { border: 1px solid #009BDE; box-shadow: 0px 0px 0px 1px #009bde; margin-top: 8px; }

.howjurnal--in-klikpajak .accordion .card.open .card__header { border-bottom: 1px solid transparent; }

.howjurnal--in-klikpajak .accordion .card.open .card__body { box-shadow: none; }

.howjurnal--in-klikpajak .howjurnal__wrap { padding-top: 64px; padding-bottom: 64px; }

.block-clients--in-klikpajak { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; background: transparent; padding: 0; }

.block-clients--in-klikpajak .block-clients__title { font-size: 24px; line-height: 32px; margin-bottom: 32px; }

.block-clients--in-klikpajak .block-clients__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.block-clients--in-klikpajak .block-clients__list .item { width: 100%; max-width: 16.666666%; -webkit-flex: 0 0 16.666666%; -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; height: 80px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 6px 12px; }

.block-clients--in-klikpajak .block-clients__list .item img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.block-clients--in-klikpajak .block-clients__buttons { padding-top: 24px; text-align: center; }

.block-clients--in-klikpajak .block-clients__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-clients--in-klikpajak { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 12px; padding-right: 12px; }
  .block-clients--in-klikpajak .block-clients__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .block-clients--in-klikpajak .block-clients__title br { display: none; }
  .block-clients--in-klikpajak .block-clients__list .item { max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; height: 64px; padding: 12px 16px; }
  .block-clients--in-klikpajak .block-clients__wrap { padding-top: 64px; padding-bottom: 64px; } }

.block-form--in-klikpajak { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; background: #F2F4F7; }

.block-form--in-klikpajak .block-form__title { text-align: center; font-size: 24px; line-height: 32px; margin-bottom: 40px; }

.block-form--in-klikpajak .block-form__box { max-width: 392px; margin: 0 auto; background: #FFF; border-radius: 6px; padding: 32px; }

.block-form--in-klikpajak .block-form__wrap { padding-top: 64px; padding-bottom: 64px; }

.block-cta--in-klikpajak { font-family: "Roboto",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

.block-cta--in-klikpajak .block-cta__line { display: block; width: 48px; height: 6px; background: #F96D01; margin: 0 auto 32px; }

.block-cta--in-klikpajak .block-cta__title { text-align: center; margin-bottom: 28px; }

.block-cta--in-klikpajak .block-cta__buttons { text-align: center; margin-left: -8px; margin-right: -8px; }

.block-cta--in-klikpajak .block-cta__buttons .btn { margin-left: 8px; margin-right: 8px; }

.block-cta--in-klikpajak .block-cta__wrap { padding-top: 40px; padding-bottom: 64px; }

.pricing-testi { padding-top: 24px; padding-bottom: 64px; }

.pricing-testi__img-custom { position: relative; max-width: 260px; }

.pricing-testi__block-img { position: relative; width: 100%; padding-top: 100%; }

.pricing-testi__block-img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; border-radius: 8px; }

.pricing-testi .testi { color: #FFF; }

.pricing-testi .testi .logo { margin-bottom: 32px; }

.pricing-testi .testi .logo img { display: block; height: 32px; width: auto; }

.pricing-testi .testi .quote { font-size: 20px; line-height: 28px; font-weight: 500; padding-right: 40px; }

.pricing-testi .testi .quote span { display: block; font-size: 12px; line-height: 16px; }

.pricing-testi .testi .quote span.name { font-weight: 500; }

.pricing-testi .testi .more { padding-top: 32px; }

.pricing-testi .testi .link-more-white { font-size: 14px; line-height: 20px; }

.pricing-testi .testi .link-more-white:after { height: 6px; width: 20px; top: calc(50% - 3px); }

.pricing-testi__wrap { padding-top: 32px; padding-bottom: 32px; position: relative; }

.pricing-testi__wrap > .row { position: relative; z-index: 2; }

.pricing-testi__wrap::before { content: ""; z-index: 1; display: block; width: 92%; height: 100%; background: #10253E; border-radius: 4px; position: absolute; top: 0; right: 0; }

.footertop-inapp { background: #143A72; border-radius: 0 0 4px 4px; }

.footertop-inapp__title { font-size: 24px; line-height: 32px; margin-bottom: 16px; color: #FFF; margin-bottom: 24px; }

.footertop-inapp--in-klikpajak { background: #1C1D1E; }

.footertop-inapp__buttons .btn + .btn { margin-left: 12px; }

.footertop-inapp .btn-yellow { background: #F8E51E; color: #293B85; }

.footertop-inapp .btn-yellow:hover { background: #dcca07; }

.fitur-blocks--solution .section-head { padding-bottom: 0; }

.fitur-blocks--solution .section-head__content { margin-bottom: 40px; }

.fitur-blocks--solution .section-head__action .btn { margin-left: 8px; margin-right: 8px; margin-bottom: 16px; }

.fitur-blocks--solution .fitur-block { padding-top: 64px; padding-bottom: 64px; }

.fitur-blocks--solution .fitur-block ul.custom-list > li { margin-bottom: 12px; }

.fitur-blocks--solution .fitur-block__action { padding-top: 24px; }

.fitur-blocks--solution .fitur-block__action a, .fitur-blocks--solution .fitur-block__action .btn { margin-right: 14px; }

.fitur-blocks--solution .fitur-block__action a:last-child, .fitur-blocks--solution .fitur-block__action .btn:last-child { margin-right: 0; }

.fitur-blocks--solution .fitur-block .block-img img { height: auto; }

.fitur-blocks--solution .fitur-block:nth-child(even) .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.fitur-blocks--solution .fitur-block__title, .fitur-blocks--solution .fitur-block h3 { font-size: 32px; line-height: 40px; margin-bottom: 28px; }

@media (max-width: 991px) { .fitur-blocks--solution .section-head { padding-left: 12px; padding-right: 12px; }
  .fitur-blocks--solution .section-head .btn { margin-left: 0; margin-right: 0; }
  .fitur-blocks--solution .section-head__title { font-size: 24px; line-height: 32px; }
  .fitur-blocks--solution .fitur-block { padding: 24px 12px; }
  .fitur-blocks--solution .fitur-block .block-img { margin-bottom: 18px; }
  .fitur-blocks--solution .fitur-block .block-img img { height: auto; }
  .fitur-blocks--solution .fitur-block__title, .fitur-blocks--solution .fitur-block h3 { font-size: 24px; line-height: 32px; margin-bottom: 18px; }
  .fitur-blocks--solution .fitur-block__action a, .fitur-blocks--solution .fitur-block__action .btn { display: block; width: 100%; margin-bottom: 14px; margin-right: 0; }
  .fitur-blocks--solution .fitur-block__action a:last-child, .fitur-blocks--solution .fitur-block__action .btn:last-child { margin-bottom: 0; } }

.testimonial-small--solution .testimonial-small__wrap { padding: 0 0 48px 0; }

.industry-cta--solution { padding-top: 80px; }

.feature-block { padding: 80px 0; }

.feature-block .section-head { margin-bottom: 92px; }

.feature-block .section-head__title { font-size: 32px; line-height: 40px; margin-bottom: 20px; }

.feature-block .section-head__desc { margin-bottom: 28px; }

@media (max-width: 991px) { .feature-block .section-head { margin-bottom: 40px; }
  .feature-block .section-head__title { font-size: 26px; line-height: 1.5em; }
  .feature-block .section-head__title br { display: none; }
  .feature-block .section-head__desc br { display: none; } }

.feature-block__items .item { padding: 24px; margin-bottom: 70px; position: relative; top: 0; transition: all linear .3s; }

.feature-block__items .item:nth-last-child(-n+3) { margin-bottom: 0; }

.feature-block__items .item__icon { margin-bottom: 36px; }

.feature-block__items .item__title { font-size: 24px; line-height: 32px; margin-bottom: 16px; }

.feature-block__items .item__desc p { margin-bottom: 36px; }

.feature-block__items .item__action { position: absolute; visibility: hidden; opacity: 0; bottom: 24px; transition: all linear .3s; }

.feature-block__items .item:hover { position: absolute; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); border-radius: 6px; top: -36px; transition: all linear .3s; }

.feature-block__items .item:hover .item__action { visibility: visible; opacity: 1; transition: all linear .3s; }

@media (max-width: 991px) { .feature-block__items .item { padding-left: 0; padding-right: 0; margin-bottom: 30px !important; }
  .feature-block__items .item__title { font-size: 21px; }
  .feature-block__items .item__desc { margin-bottom: 18px; }
  .feature-block__items .item__action { opacity: 1; visibility: visible; position: relative; bottom: 0; }
  .feature-block__items .item:hover { position: relative; top: 0; box-shadow: none; } }

@media (max-width: 991px) { .feature-block { padding: 56px 0; } }

.recom-bundle--alt { padding-top: 48px; padding-bottom: 48px; }

.recom-bundle--alt h2 { text-align: center; margin-bottom: 48px; }

.recom-bundle--alt .recom-bundle__nav .nav-item { width: 100%; }

.recom-bundle--alt .recom-bundle__nav .item { position: relative; padding: 20px 60px 20px 32px; background: #FFF; border: 1px solid #DFDFDF; border-radius: 4px; margin-bottom: 12px; transition: all .3s ease; }

.recom-bundle--alt .recom-bundle__nav .item[data-toggle] { cursor: pointer; }

.recom-bundle--alt .recom-bundle__nav .item:after { content: ""; display: block; width: 24px; height: 24px; background: url("../images/ic-chevron-right-round.svg") no-repeat center; background-size: contain; position: absolute; top: calc(50% - 12px); right: 30px; opacity: 0; transition: all .3s ease; }

.recom-bundle--alt .recom-bundle__nav .item__logo { position: relative; margin-bottom: 12px; }

.recom-bundle--alt .recom-bundle__nav .item__logo img { display: block; height: 26px; width: auto; }

.recom-bundle--alt .recom-bundle__nav .item__title { font-size: 18px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.recom-bundle--alt .recom-bundle__nav .item.active { border-color: #F58232; background: #FDEDD9 !important; }

.recom-bundle--alt .recom-bundle__nav .item.active:after { opacity: 1; right: 24px; }

.recom-bundle--alt .recom-bundle__nav .item:not(.active):hover { background: #F2F4F7; }

.recom-bundle--alt .tab-content { height: 100%; padding-bottom: 12px; }

.recom-bundle--alt .tab-pane { padding: 32px; border: 1px solid #DFDFDF; border-radius: 4px; height: 100%; }

.recom-bundle--alt .tab-pane__sm { display: none; }

.recom-bundle--alt .tab-pane h3 { margin-bottom: 16px; }

.recom-bundle--alt .tab-pane span.cat { color: #2B2A35; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 500; display: block; margin-bottom: 8px; }

.recom-bundle--alt .tab-pane ul.custom-list > li { margin-bottom: 8px; }

.recom-bundle--alt .tab-pane ul.custom-list > li:last-child { margin-bottom: 0; }

.recom-bundle--alt .tab-pane .item__title { font-size: 24px; line-height: 32px; }

.recom-bundle--alt .tab-pane .price:not(:last-child) { margin-bottom: 24px; }

.recom-bundle--alt .tab-pane .price .ps { font-size: 14px; line-height: 20px; color: #777; display: block; }

.recom-bundle--alt .tab-pane .price .pn { font-size: 40px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 500; color: #2B2A35; }

.recom-bundle--alt .tab-pane .price .pt { font-size: 14px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; color: #545465; }

.recom-bundle--alt .tab-pane .tab-action { padding-top: 32px; }

@media (max-width: 991px) { .recom-bundle--alt__nav { display: none; }
  .recom-bundle--alt .tab-pane { margin-bottom: 24px; display: block; height: auto; opacity: 1; }
  .recom-bundle--alt .tab-pane__sm { display: block; }
  .recom-bundle--alt .tab-pane__sm .item__logo { margin-bottom: 12px; }
  .recom-bundle--alt .tab-pane__sm .item__desc { margin-bottom: 24px; }
  .recom-bundle--alt .tab-pane .hide-sm { display: none; }
  .recom-bundle--alt .tab-pane:last-child { margin-bottom: 0; }
  .recom-bundle--alt .tab-pane .item__title { font-size: 21px; line-height: 32px; }
  .recom-bundle--alt .tab-pane .price .pn { font-size: 26px; line-height: 32px; } }

.pricing-main--alt { padding-bottom: 0; }

.pricing-main--alt .pricing-items .owl-dots { margin-top: 0; }

.pricing-main--alt .pricing-items .owl-dots .owl-dot { width: 32px; height: 4px; border-radius: 4px; background: #8B95A5; border: none; }

.pricing-main--alt .pricing-items .owl-dots .owl-dot.active { background: #F96D01; }

.pricing-main--alt .pricing-main__wrap { padding-bottom: 64px; }

.pricing-main--alt .pricing-main__goto { position: -webkit-sticky; position: sticky; z-index: 50; left: 0; bottom: 24px; width: 100%; text-align: center; padding-bottom: 16px; }

.pricing-main--alt .pricing-main__goto .btn { background: #FFF; }

.pricing-main--alt .pricing-main__goto .btn::after { content: ""; display: inline-block; position: relative; top: -2px; vertical-align: middle; width: 20px; height: 20px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M15.5581 12.0251L10.4997 17.0834L5.44141 12.0251M10.4997 2.91675V16.9417" stroke="%234B61DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 8px; }

.pricing-main--alt .pricing-main__goto .btn:hover { color: #FFF; background: #4B61DD; }

.pricing-main--alt .pricing-main__goto .btn:hover::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M15.5581 12.0251L10.4997 17.0834L5.44141 12.0251M10.4997 2.91675V16.9417" stroke="%23FFFFFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.pricing-main--alt .item--alt .badge { font-size: 14px; line-height: 20px; font-weight: 400; border-radius: 10px; background: #DFDFDF; color: #232933; }

.pricing-main--alt .item--alt .badge.yellow { background: #FBBF24; }

.pricing-main--alt .item--alt .badge.addon { color: #FFF; background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); }

.pricing-main--alt .item--alt .item__head { position: relative; }

.pricing-main--alt .item--alt .item__head h2 { font-size: 20px; line-height: 28px; margin-bottom: 8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.pricing-main--alt .item--alt .item__head h2 .badge { color: #FFF; background: #F96D01; font-size: 12px; line-height: 16px; font-weight: 600; padding: 2px 12px; border-radius: 6px; }

.pricing-main--alt .item--alt .item__head p { display: block; min-height: 120px; font-size: 16px; line-height: 24px; margin-bottom: 24px; color: #232933; }

.pricing-main--alt .item--alt .item__head .price { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 24px; }

.pricing-main--alt .item--alt .item__head .price .strike { font-size: 14px; line-height: 20px; color: #626B79; text-decoration: line-through; }

.pricing-main--alt .item--alt .item__head .price .pr { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 0; }

.pricing-main--alt .item--alt .item__head .price .pr small { font-size: 14px; line-height: 20px; color: #626B79; margin-bottom: 0; margin-left: 0; }

.pricing-main--alt .item--alt .item__head .price .pr .disc { color: #4B61DD; font-size: 14px; line-height: 20px; font-weight: 400; padding: 0 6px; border-radius: 10px; border: 1px solid #4B61DD; background: #FFF; margin-left: 8px; }

.pricing-main--alt .item--alt .item__head .price .snk { font-size: 12px; line-height: 16px; color: #626B79; }

.pricing-main--alt .item--alt .item__main .custom-list { font-size: 14px; line-height: 20px; }

.pricing-main--alt .item--alt .item__main .custom-list > li { margin: 0; padding-top: 4px; padding-bottom: 4px; }

.pricing-main--alt .item--alt .item__main .custom-list > li::before { top: 4px; }

.pricing-main--alt .item--alt .item__main .item__toggle { font-family: "Inter", sans-serif; font-weight: 600; color: #4B61DD; }

.pricing-main--alt .item--alt .item__main .item__toggle::after { background: url(../images/ic-chev-up-blue.svg) no-repeat center; background-size: contain; }

.pricing-main--alt .item--alt .item__main .item__collapse-wrap .cat { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 8px; position: relative; padding-right: 25px; }

.pricing-main--alt .item--alt .item__main .item__collapse-wrap .cat .badge.red { background: #DA473F; padding: 2px 4px; font-size: 12px; line-height: 15px; color: #FFF; position: absolute; right: -13px; top: 3px; }

.pricing-main--alt .item--alt .item__main--sm { display: none; }

@media (max-width: 1024px) { .pricing-main--alt .item--alt .item__head h2 .badge { position: absolute; top: -10px; left: 16px; } }

@media (max-width: 768px) { .pricing-main--alt .pricing-main__wrap { overflow: auto; padding-top: 10px; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-bottom: 40px; }
  .pricing-main--alt .pricing-items { position: relative; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 1024px; }
  .pricing-main--alt .pricing-items .item--alt { max-width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; margin-bottom: 24px; } }

@media (max-width: 540px) { .pricing-main--alt .pricing-main__wrap { padding-left: 16px; padding-right: 16px; padding-top: 10px; }
  .pricing-main--alt .pricing-items { width: auto; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .pricing-main--alt .pricing-items .item--alt { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .pricing-main--alt .pricing-main__goto { display: none; }
  .pricing-main--alt .item--alt .item__main .custom-list > li { padding-top: 8px; padding-bottom: 8px; font-size: 16px; line-height: 24px; }
  .pricing-main--alt .item--alt .item__main .custom-list > li::before { top: 8px; width: 24px; height: 24px; background-size: 20px; }
  .pricing-main--alt .item--alt .item__main .item__toggle { color: #232933; font-size: 16px; line-height: 24px; }
  .pricing-main--alt .item--alt .item__main .item__toggle::after { -webkit-filter: grayscale(100) contrast(100); filter: grayscale(100) contrast(100); }
  .pricing-main--alt .item--alt .item__main:not(.item__main--sm) { border-radius: 0; border-bottom: 0; }
  .pricing-main--alt .item--alt .item__main--sm { display: block; }
  .pricing-main--alt .item--alt .item__main--sm .custom-list > li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .pricing-main--alt .item--alt .item__main--sm .custom-list > li span { display: block; }
  .pricing-main--alt .item--alt .item__main--sm .custom-list > li span:first-child { padding-right: 8px; }
  .pricing-main--alt .item--alt .item__main--sm .custom-list > li .badge { margin-left: auto; }
  .pricing-main--alt .item--alt .item__main--sm .custom-list > li.cross::before { background: url(../images/ic-pricing-cross.svg) no-repeat center/contain; } }

.package-detail { padding: 32px 0; }

.package-detail__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; text-align: center; }

.package-detail__title .accr { width: 25px; height: 25px; display: inline-block; margin-left: 10px; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; cursor: pointer; }

.package-detail__title .accr.active { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.package-detail__desc p { text-align: center; margin-bottom: 24px; }

.package-detail__main { display: none; visibility: hidden; opacity: 0; transition: all linear .3s; }

.package-detail__main.active { visibility: visible; opacity: 1; transition: all linear .3s; }

.package-detail .items .item { border: 1px solid #D0D6DD; border-radius: 6px; overflow: hidden; margin-bottom: 40px; }

.package-detail .items .item__head { background: #EDF0F2; border-right: 1px solid #D0D6DD; padding: 16px; }

.package-detail .items .item__head h3 { font-size: 16px; line-height: 24px; margin-bottom: 0; font-family: "Inter", sans-serif; font-weight: 600; }

.package-detail .items .item__main { padding: 16px; }

.package-detail .items .item__main ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.package-detail .items .item__main ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; }

@media (max-width: 991px) { .package-detail { padding: 32px 10px; }
  .package-detail__title { font-size: 20px; line-height: 28px; }
  .package-detail__title .accr { width: 25px; height: 25px; margin-bottom: -5px; }
  .package-detail .items .item { margin-bottom: 20px; }
  .package-detail .items .item__head { border-right: 0; border-bottom: 1px solid #D0D6DD; }
  .package-detail .items .item__head p { margin-bottom: 0; }
  .package-detail .items .item__main ul li { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } }

.our-customer--alt { padding: 32px 0; }

.our-customer--alt__action { margin-bottom: 0; }

.tab-accr { padding-top: 64px; }

.tab-accr__head { display: none; }

.tab-accr__subtitle { font-size: 16px; line-height: 24px; margin-bottom: 8px; font-family: "Inter", sans-serif; font-weight: 600; text-align: center; }

.tab-accr__title { font-size: 32px; line-height: 48px; margin-bottom: 24px; text-align: center; }

@media (max-width: 991px) { .tab-accr__title { font-size: 28px; line-height: 36px; } }

.tab-accr .nav-container .nav-tabs { border-bottom: 0; }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link { position: relative; border: 0; text-align: center; opacity: 1; color: #2B2A35; background: #FFFFFF; padding: 1.25rem 0.5rem 3.5rem; overflow: hidden; }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link img.icon { display: block; object-fit: contain; object-position: 50% 50%; margin: 0 auto 1rem; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link span { display: block; color: #232933; }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link.active img.icon { -webkit-filter: grayscale(0); filter: grayscale(0); }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link.active span { font-family: "Inter", sans-serif; font-weight: 600; }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link.active::after { content: ""; display: block; width: 82px; height: 82px; border-radius: 41px; background-color: #F2F4F7; position: absolute; top: calc(100% - 41px); left: calc(50% - 41px); background-image: url(../images/ic-chev-down-orange.svg); background-repeat: no-repeat; background-position: center 30%; }

.tab-accr .nav-container .nav-tabs .nav-item .nav-link:hover { cursor: pointer; }

@media (max-width: 991px) { .tab-accr .nav-container { display: none; }
  .tab-accr .nav-container .nav-item { width: 50%; } }

.tab-accr .tab-pane { background: #F2F4F7; padding: 32px 12px; }

@media (max-width: 991px) { .tab-accr .tab-pane { display: block; opacity: 1; visibility: visible; padding: 0 16px; background: #FFF; }
  .tab-accr .tab-pane .tab-accr__head { display: block; font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; color: #626B79; padding: 12px 0 20px; border-bottom: 1px solid #D0D6DD; position: relative; }
  .tab-accr .tab-pane .tab-accr__head::after { content: ''; width: 24px; height: 24px; background: url("../images/ic-caret-down.svg") no-repeat center; background-size: contain; position: absolute; right: 0; top: 15px; }
  .tab-accr .tab-pane .tab-accr__main { display: none; opacity: 0; visibility: hidden; background: #F2F4F7; padding: 32px 0; }
  .tab-accr .tab-pane.active.show .tab-accr__head { color: #232933; border-color: #F96D01; }
  .tab-accr .tab-pane.active.show .tab-accr__head::after { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
  .tab-accr .tab-pane.active.show .tab-accr__main { display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible; } }

@media (max-width: 991px) { .tab-accr { padding-top: 32px; } }

.addons-accr__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 16px; }

@media (max-width: 991px) { .addons-accr__title { font-size: 16px; line-height: 23px; margin-bottom: 12px; } }

@media (max-width: 991px) { .addons-accr__img { display: none; } }

.addons-accr__desc p { margin-bottom: 24px; }

.addons-accr__action { margin-bottom: 24px; }

.addons-accr #accaddons .card__header { border-bottom: 0; padding: 16px; }

.addons-accr #accaddons .card__header::after { background: url("../images/ic-caret-down.svg") no-repeat center; background-size: contain; top: 17px; }

.addons-accr #accaddons .card__title { font-size: 16px; line-height: 24px; }

.addons-accr #accaddons .card__body { margin-top: 0; padding: 0 16px 16px; }

.addons-accr #accaddons .card__body p { margin-bottom: 16px; }

.addons-accr #accaddons .card__body .price { margin-bottom: 24px; }

.addons-accr #accaddons .card__body .price .pr { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 32px; }

.addons-accr #accaddons .card__body .price .pr small { font-size: 14px; line-height: 20px; color: #232933; }

.addons-pricing { padding: 32px 12px; }

.addons-pricing__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 12px; }

@media (max-width: 991px) { .addons-pricing__title { font-size: 16px; line-height: 23px; } }

.addons-pricing__desc p { margin-bottom: 24px; }

.addons-pricing__price { margin-bottom: 20px; }

.addons-pricing__price .start { font-size: 14px; line-height: 20px; margin-bottom: 0; color: #626B79; }

.addons-pricing__price .pr { display: block; font-size: 40px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 600; }

.addons-pricing__price .pr small { font-size: 14px; line-height: 20px; }

.addons-pricing__list { margin-bottom: 32px; }

.addons-pricing__action { margin-bottom: 18px; }

.fea-block { padding: 32px 12px; }

.fea-block__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 12px; }

@media (max-width: 991px) { .fea-block__title { font-size: 16px; line-height: 23px; } }

.fea-block__desc p { margin-bottom: 24px; }

@media (max-width: 991px) { .fea-block__img { display: none; } }

.pricing-table .badge { font-size: 14px; line-height: 20px; font-weight: 400; border-radius: 10px; background: #DFDFDF; color: #232933; }

.pricing-table .badge.yellow { background: #FBBF24; }

.pricing-table .badge.addon { color: #FFF; background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); }

.pricing-table span.checked { display: block; width: 20px; height: 20px; background: url(../images/ic-check.svg) no-repeat center/contain; }

.pricing-table span.cross { display: block; width: 20px; height: 20px; background: url(../images/ic-pricing-cross.svg) no-repeat center/contain; }

.pricing-table span.lock { display: block; width: 20px; height: 20px; background: url(../images/ic-pricing-lock.svg) no-repeat center/contain; }

.pricing-table .block-question { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 24px; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; margin-left: 4px; }

.pricing-table .block-question::after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-question.svg) no-repeat center/contain; }

.pricing-table .block-label { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 16px; color: #626B79; }

.pricing-table .block-label span.badge { display: inline-block; margin-left: 4px; }

.pricing-table .block-head { width: 100%; background: #F1F5F9; border: 1px solid #D0D6DD; padding: 16px 14px; border-radius: 8px 8px 0 0; }

.pricing-table .block-head.popular { background-color: #FBF3DD; border-color: #F96D01; }

.pricing-table .block-body { padding: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #F1F5F9; border-left: 1px solid #F1F5F9; border-right: 1px solid #F1F5F9; }

.pricing-table .block-body.popular { background-color: #FBF3DD; border-color: #F96D01; }

.pricing-table .tr-head .block-label { font-weight: 600; font-size: 20px; line-height: 28px; color: #232933; }

.pricing-table .tr-head .block-body { display: none; }

.pricing-table .tr-body .pricing-table__tr:first-child > .pricing-table__td > .block-body { border-radius: 8px 8px 0 0; border-top: 1px solid #F1F5F9; }

.pricing-table .tr-body .pricing-table__tr:first-child > .pricing-table__td > .block-body.popular { background-color: #FBF3DD; border-color: #F96D01; }

.pricing-table .tr-body .pricing-table__tr:last-child > .pricing-table__td > .block-body { border-radius: 0 0 8px 8px; border-bottom: 1px solid #F1F5F9; }

.pricing-table .tr-body .pricing-table__tr:last-child > .pricing-table__td > .block-body.popular { background-color: #FBF3DD; border-color: #F96D01; }

.pricing-table .tr-body .pricing-table__tr { position: relative; }

.pricing-table .tr-body .pricing-table__tr::after { content: ""; z-index: 2; display: block; width: calc(100% - 16px); height: 100%; position: absolute; top: 0; left: 8px; background: #8B95A5; border-radius: 8px; opacity: 0; pointer-events: none; transition: all .3s ease; }

.pricing-table .tr-body .pricing-table__tr:hover::after { opacity: 0.3; }

.pricing-table__tr { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; }

.pricing-table__td, .pricing-table__th { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-left: 8px; padding-right: 8px; }

.pricing-table__td.td-label, .pricing-table__td.th-label, .pricing-table__th.td-label, .pricing-table__th.th-label { max-width: 290px; -webkit-flex: 0 0 290px; -ms-flex: 0 0 290px; flex: 0 0 290px; }

.pricing-table__th .title { font-size: 20px; line-height: 28px; font-weight: 600; text-align: center; margin: 0 0 24px; }

.pricing-table__thead { z-index: 10; display: block; position: -webkit-sticky; position: sticky; top: 59px; padding-top: 16px; background: #FFF; }

.pricing-table__title { text-align: center; margin-bottom: 24px; }

.pricing-table__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 1024px) { .pricing-table .pricing-table__container { max-width: 100%; overflow: auto; padding-bottom: 24px; }
  .pricing-table .pricing-table__container .pricing-table__thead, .pricing-table .pricing-table__container .pricing-table__tbody { width: 1224px; top: auto; } }

@media (max-width: 540px) { .pricing-table { display: none; } }

body.tbs-show .pricing-table__thead { top: 119px; }

body.tbs-show-top .pricing-table__thead { top: 100px; }

@media (max-width: 991px) { .header--shadow .header__left { top: 0; } }

@media (max-width: 991px) { main.shadow { margin-top: 75px; } }

.mastheadrvmp--shadow { font-family: "Inter", sans-serif; font-weight: 400; }

.mastheadrvmp--shadow .mastheadrvmp__sub { color: #626B79; margin-bottom: 8px; }

.mastheadrvmp--shadow .mastheadrvmp__title { font-family: "Inter", sans-serif; font-weight: 700; margin-bottom: 24px; }

.mastheadrvmp--shadow .mastheadrvmp__desc { margin-bottom: 32px; }

.mastheadrvmp--shadow .mastheadrvmp__media .media { display: block; position: relative; width: 100%; }

.mastheadrvmp--shadow .mastheadrvmp__media .media--video { padding-top: 83.333333%; position: relative; }

.mastheadrvmp--shadow .mastheadrvmp__media .media--img img { display: block; width: 100%; height: auto; }

.mastheadrvmp--shadow .mastheadrvmp__media .media__cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; }

.mastheadrvmp--shadow .mastheadrvmp__media .media__play { display: block; width: 80px; height: 80px; border-radius: 40px; background: url(../images/ic-play-circle-alt.svg) no-repeat center; background-size: contain; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; }

@media (max-width: 991px) { .mastheadrvmp--shadow .mastheadrvmp__title br { display: none; } }

.benefits--shadow { font-family: "Inter", sans-serif; font-weight: 400; padding-top: 80px; padding-bottom: 80px; background: #FCFCFC; }

.benefits--shadow .section-head { text-align: center; margin-bottom: 80px; }

.benefits--shadow .section-head__sub { font-family: "Inter", sans-serif; font-weight: 600; color: #626B79; margin-bottom: 12px; font-size: 12px; line-height: 20px; }

.benefits--shadow .section-head__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 40px; }

.benefits--shadow .item__icon { height: 40px; width: auto; margin-bottom: 12px; }

.benefits--shadow .item__title { font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 12px; }

@media (max-width: 991px) { .benefits--shadow { padding-top: 64px; padding-bottom: 64px; }
  .benefits--shadow .section-head { margin-bottom: 46px; }
  .benefits--shadow .section-head__title { font-size: 24px; line-height: 32px; }
  .benefits--shadow .section-head__title br { display: none; }
  .benefits--shadow .item { margin-bottom: 36px; } }

.features--shadow .promo-benefit { padding: 64px 0 80px 0; }

.features--shadow .promo-benefit__content { padding-right: 60px; }

.features--shadow .promo-benefit__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 40px; }

.features--shadow .promo-benefit__action { margin-top: 30px; }

.features--shadow .promo-benefit__action-title { font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 16px; }

.features--shadow .promo-benefit__action a { margin-right: 16px; }

.features--shadow .promo-benefit__action a:last-child { margin-right: 0; }

.features--shadow .promo-benefit__img img { object-fit: contain; }

.features--shadow .promo-benefit__img .video video { width: 100%; height: auto; pointer-events: none; }

@media (max-width: 991px) { .features--shadow .promo-benefit { padding: 24px 0; }
  .features--shadow .promo-benefit__wrap { color: #2B2A35; }
  .features--shadow .promo-benefit__wrap .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .features--shadow .promo-benefit__content { padding-right: 0; }
  .features--shadow .promo-benefit__content .custom-list { margin-bottom: 36px; }
  .features--shadow .promo-benefit__title { font-size: 26px; line-height: 32px; text-align: center; }
  .features--shadow .promo-benefit__action a { width: 100%; display: block; margin-bottom: 16px; margin-right: 0; }
  .features--shadow .promo-benefit__action a:last-child { margin-bottom: 0; }
  .features--shadow .promo-benefit__img { margin-bottom: 30px; }
  .features--shadow .promo-benefit__img img { height: auto; } }

.features--shadow .block-cta-alt { text-align: center; position: relative; }

.features--shadow .block-cta-alt .container { padding-top: 80px; padding-bottom: 80px; }

.features--shadow .block-cta-alt__icon { margin-bottom: 8px; }

.features--shadow .block-cta-alt__icon img { display: block; height: 72px; width: auto; margin: 0 auto; }

.features--shadow .block-cta-alt__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 40px; line-height: 48px; margin-bottom: 20px; }

.features--shadow .block-cta-alt__title.small { font-size: 24px; line-height: 32px; }

.features--shadow .block-cta-alt__desc { max-width: 600px; margin: 0 auto 32px; }

.features--shadow .block-cta-alt hr.separator { max-width: 1224px; margin: 0 auto; }

.features--shadow .block-cta-alt--trial { background-color: #002A38; background-image: url("../images/pattern-cta.svg"); color: #FFF; }

.features--shadow .block-cta-alt--trial .block-cta-alt__title { color: #FFF; }

.features--shadow .block-cta-alt--trial .block-cta-alt__desc { color: #FFF; }

.features--shadow .block-cta-alt--simple .container { padding-top: 0; }

.features--shadow .block-cta-alt--simple .block-cta-alt__buttons { padding-top: 20px; }

.features--shadow .block-cta-alt--simple .block-cta-alt__buttons a { margin-right: 16px; margin-bottom: 0; }

.features--shadow .block-cta-alt--simple .block-cta-alt__buttons a:last-child { margin-right: 0; }

.features--shadow .block-cta-alt--simple .block-cta-alt__title { position: relative; padding-top: 32px; }

.features--shadow .block-cta-alt--simple .block-cta-alt__title::before { content: ''; display: inline-block; width: 48px; height: 6px; background: #4B61DD; top: 0; left: calc(50% - 24px); position: absolute; }

.features--shadow .block-cta-alt.bg-snow { background: #F2F4F7; }

@media (max-width: 991px) { .features--shadow .block-cta-alt .container { padding-top: 64px; padding-bottom: 64px; padding-left: 12px; padding-right: 12px; }
  .features--shadow .block-cta-alt--simple .block-cta-alt__buttons a { margin-right: 0; margin-bottom: 16px; width: 100%; margin-bottom: 14px; }
  .features--shadow .block-cta-alt--simple .block-cta-alt__buttons a:last-child { margin-right: 0; margin-bottom: 16px; } }

.features--shadow .section-tabs { margin-bottom: 80px; }

.features--shadow .section-tabs__header .nav-tabs { background: #F2F4F7; border-radius: 100px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 4px; overflow: hidden; }

.features--shadow .section-tabs__header .nav-tabs .nav-item { cursor: pointer; border: 0; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link { padding: 8px 20px !important; height: auto; position: relative; border: 0; cursor: pointer; background: transparent; display: inline-block; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title label { font-family: "Inter", sans-serif; font-weight: 600; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.active { background: #4B61DD; border-radius: 100px; box-shadow: none; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.active .nav-item__title label { color: #FFF; margin-bottom: 0; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.active:hover { background: #4B61DD; box-shadow: none; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.active:hover .nav-item__title label { color: #FFF; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.alt.active { background: #FFF; color: #4B61DD; border-radius: 100px; box-shadow: none; border: 1px solid #4B61DD; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.alt.active .nav-item__title label { color: #4B61DD; margin-bottom: 0; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.alt.active:hover { background: #FFF; color: #e1eefc; border-radius: 100px; box-shadow: none; border: 1px solid #005FBF; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link.alt.active:hover .nav-item__title label { color: #005FBF; margin-bottom: 0; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link:hover { background: transparent; cursor: pointer; box-shadow: none; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link:hover .nav-item__title label { color: #232933; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title { margin-bottom: 0; cursor: pointer; font-family: "Inter", sans-serif; font-weight: 600; cursor: pointer; font-family: "Inter", sans-serif; font-weight: 600; }

.features--shadow .section-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title label { color: #9090A2; margin-bottom: 0; }

.features--shadow .section-tabs__body { padding-top: 40px; }

@media (max-width: 991px) { .features--shadow .section-tabs { margin-bottom: 64px; }
  .features--shadow .section-tabs__header { position: relative; text-align: center; }
  .features--shadow .section-tabs__header .nav-tabs { position: relative; height: auto; top: inherit; left: inherit; background: #FFF; } }

.features--shadow .accordion--section { font-family: "Inter", sans-serif; font-weight: 400; }

.features--shadow .accordion--section .card { padding-top: 80px; border: 0; }

.features--shadow .accordion--section .card > .container { border-bottom: 1px solid #D0D6DD; }

.features--shadow .accordion--section .card:last-child > .container { border-bottom: 0; }

.features--shadow .accordion--section .card:nth-child(even) .promo-benefit__wrap .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.features--shadow .accordion--section .card .card__header { border: 0; text-align: center; }

.features--shadow .accordion--section .card .card__header .card__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 40px; margin-bottom: 16px; }

.features--shadow .accordion--section .card .card__header .card__desc { margin-bottom: 32px; }

.features--shadow .accordion--section .card .card__header::after { display: none; }

.features--shadow .accordion--section .card .collapse { display: block; }

.features--shadow .accordion--section .testimonial-small__wrap { padding-top: 0; padding-bottom: 48px; }

.features--shadow .accordion--section .testimonial-small .item__box { background: #F8F9FA; color: #232933; }

.features--shadow--alt .promo-benefit__img img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto; }

.features--shadow--alt .features-accr__head { padding-top: 80px; padding-bottom: 24px; text-align: center; }

.features--shadow--alt .section-tabs__body { padding-top: 0; padding-bottom: 40px; }

.features--shadow--alt .accordion--section .card:nth-child(1) { padding-top: 30px; }

@media (max-width: 991px) { .features--shadow .accordion--section { padding-left: 0; padding-right: 0; }
  .features--shadow .accordion--section .card { padding-top: 40px; padding-bottom: 14px; }
  .features--shadow .accordion--section .card .card__header { position: relative; }
  .features--shadow .accordion--section .card .card__header .card__title { font-size: 28px; line-height: 36px; margin-bottom: 24px; }
  .features--shadow .accordion--section .card .card__header .card__toggle { margin-bottom: 40px; }
  .features--shadow .accordion--section .card .card__header .card__toggle .link-show { display: show; }
  .features--shadow .accordion--section .card .card__header .card__toggle .link-close { display: none; }
  .features--shadow .accordion--section .card .card__header .card__desc { display: none; }
  .features--shadow .accordion--section .card .collapse { display: none; }
  .features--shadow .accordion--section .card .collapse .section-tabs ul.nav-tabs { background: #F2F4F7; }
  .features--shadow .accordion--section .card .collapse .section-tabs .tab-content { padding-left: 12px; padding-right: 12px; }
  .features--shadow .accordion--section .card .collapse .promo-benefit__wrap { margin-bottom: 30px; }
  .features--shadow .accordion--section .card .collapse .promo-benefit__title { font-size: 24px; line-height: 32px; text-align: left; }
  .features--shadow .accordion--section .card .collapse .promo-benefit__title br { display: none; }
  .features--shadow .accordion--section .card .collapse .testimonial-small__wrap { padding: 15px 0 60px; }
  .features--shadow .accordion--section .card .collapse .block-cta-alt .container { padding-top: 0; padding-bottom: 30px; }
  .features--shadow .accordion--section .card .collapse .block-cta-alt .container .block-cta-alt__title.small { font-size: 24px; line-height: 32px; }
  .features--shadow .accordion--section .card .collapse .promo-benefit__wrap .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .features--shadow .accordion--section .card .collapse .testimonial-small .item__img { position: absolute; width: 208px; height: 208px; left: calc(50% - 104px); top: 0; }
  .features--shadow .accordion--section .card .collapse .testimonial-small .item__box { padding: 140px 24px 24px 24px; margin-top: 104px; }
  .features--shadow .accordion--section .card.open .card__header .card__desc { display: block; }
  .features--shadow .accordion--section .card.open .card__header .card__toggle .link-show { display: none; }
  .features--shadow .accordion--section .card.open .card__header .card__toggle .link-close { display: block; }
  .features--shadow .accordion--section .card.open .collapse { display: block !important; }
  .features--shadow .accordion--section .card > .container { padding-left: 0; padding-right: 0; }
  .features--shadow--alt .promo-benefit__img { display: block; }
  .features--shadow--alt .promo-benefit__img img { display: block; max-width: 80%; height: auto; margin: 0 auto; }
  .features--shadow--alt .promo-benefit__img .video { max-width: 80%; height: auto; margin: 0 auto; }
  .features--shadow--alt .block-cta-alt .container { padding-top: 0; } }

.table-features { font-family: "Inter", sans-serif; font-weight: 400; padding-top: 80px; padding-bottom: 80px; }

.table-features .section-head { text-align: center; margin-bottom: 56px; }

.table-features .item__wrapper { background: #FFFFFF; box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); border-radius: 4px; padding-top: 14px; padding-bottom: 14px; }

.table-features .item__head { background: #626B79; padding: 32px; }

.table-features .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; color: #FFF; }

.table-features .item__body { background: #F6F7F9; padding: 28px; }

@media (max-width: 991px) { .table-features { padding-top: 64px; padding-bottom: 64px; }
  .table-features .item { margin-bottom: 18px; }
  .table-features .item__wrapper { box-shadow: none; } }

.faq-block.alt { font-family: "Inter", sans-serif; font-weight: 400; }

.faq-block.alt .section-head__title { font-family: "Inter", sans-serif; font-weight: 600; }

.faq-block.alt .card.open { border-color: #4B61DD; }

.shadow-cta { font-family: "Inter", sans-serif; font-weight: 400; background: #EDF0F2; padding-top: 80px; padding-bottom: 80px; text-align: center; }

.shadow-cta__icon { margin-bottom: 24px; }

.shadow-cta__title { font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 24px; font-size: 32px; line-height: 40px; }

@media (max-width: 991px) { .shadow-cta { padding-top: 64px; padding-bottom: 64px; }
  .shadow-cta__title { font-size: 24px; line-height: 32px; }
  .shadow-cta__title br { display: none; }
  .shadow-cta a.btn { width: 100%; margin-bottom: 14px; } }

.block-table--shadow { font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; }

.block-table--shadow .block-table__sub { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 12px; }

.block-table--shadow .block-table__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 40px; text-align: center; }

.block-table--shadow .block-table__action { margin-bottom: 22px; }

.block-table--shadow .block-table__action a { margin-right: 14px; }

.block-table--shadow .block-table__action a:last-child { margin-right: 0; }

.block-table--shadow .item__title { font-family: "Inter", sans-serif; font-weight: 600; }

@media (max-width: 991px) { .block-table--shadow .block-table__action a { margin-right: 0; margin-bottom: 14px; }
  .block-table--shadow .block-table__action a:last-child { margin-bottom: 0; } }

.form-contact--shadow { font-family: "Inter", sans-serif; font-weight: 400; padding-top: 80px; padding-bottom: 80px; }

.form-contact--shadow .form-contact__title { font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 18px !important; }

.form-contact--shadow .form-contact__desc { text-align: center; margin-bottom: 40px; }

.masthead--hero { background: #FFF; padding: 64px 0; }

.masthead--hero .masthead__left { padding-right: 50px; }

.masthead--hero .masthead__meta, .masthead--hero .masthead__subtitle { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; }

.masthead--hero .masthead__meta.orange, .masthead--hero .masthead__subtitle.orange { color: #F96D01; }

.masthead--hero .masthead__title { font-size: 40px; line-height: 56px; margin-bottom: 16px; }

.masthead--hero .masthead__desc { margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.masthead--hero .masthead__desc p { font-size: 16px; line-height: 24px; }

.masthead--hero .masthead__action a { margin-right: 14px; }

.masthead--hero .masthead__action a:last-child { margin-right: 0; }

@media (max-width: 991px) { .masthead--hero { padding: 32px 0; }
  .masthead--hero .masthead__left { padding-right: 12px; }
  .masthead--hero .masthead__title { font-size: 36px; line-height: 44px; }
  .masthead--hero .masthead__action.show-sm { margin-top: 18px; }
  .masthead--hero .masthead__action a { display: block; width: 100%; margin-bottom: 14px; }
  .masthead--hero .masthead__action a:last-child { margin-bottom: 0; }
  .masthead--hero .masthead__desc { margin-top: 18px; margin-bottom: 0; }
  .masthead--hero .masthead__desc .custom-list li:last-child { margin-bottom: 0; } }

.items-block--alt { padding: 64px 0; }

.items-block--alt .items-block__title { margin-bottom: 24px; text-align: center; }

.items-block--alt .items-block__wrap { margin-bottom: 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: start; -ms-flex-align: start; align-items: start; }

.items-block--alt .items-block__wrap .item { width: 236px; margin: 0 26px; }

.items-block--alt .items-block__wrap .item__icon { height: 236px; width: 236px; margin-bottom: 12px; }

.items-block--alt .items-block__wrap .item__icon img { width: auto; height: 100%; }

.items-block--alt .items-block__wrap .item__title { text-align: center; display: block; }

.items-block--alt .items-block__wrap .item__desc { text-align: center; margin-bottom: 24px; }

.items-block--alt .items-block__wrap .item__action { text-align: center; }

.items-block--alt .items-block__action { text-align: center; }

.items-block--alt .items-block__action a { margin-right: 14px; }

.items-block--alt .items-block__action a:last-child { margin-right: 0; }

.items-block--home .items-block__wrap .item { padding: 0; border: none; }

.items-block--home .items-block__wrap .item__title { font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; }

@media (max-width: 991px) { .items-block--alt { padding: 48px 0; }
  .items-block--alt .items-block__wrap .item { margin: 0 auto; }
  .items-block--alt .items-block__title { font-size: 28px; line-height: 36px; }
  .items-block--alt .items-block__action { text-align: center; }
  .items-block--alt .items-block__action a { display: block; width: 100%; margin-bottom: 14px; }
  .items-block--alt .items-block__action a.link-more { display: inline-block; width: auto; }
  .items-block--alt .items-block__action a:last-child { margin-bottom: 0; } }

.tab-feature { padding: 64px 0; background: #F2F4F7; }

.tab-feature__head { text-align: center; margin-bottom: 24px; }

.tab-feature__nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 0; margin-bottom: 27px; }

.tab-feature__nav .nav-item .nav-link { padding: 12px; margin: 0 6px; color: #626B79; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 20px; line-height: 28px; border-width: 0; border-bottom: 1px solid transparent; font-family: "Inter", sans-serif; font-weight: 600; }

.tab-feature__nav .nav-item .nav-link:hover, .tab-feature__nav .nav-item .nav-link:focus, .tab-feature__nav .nav-item .nav-link:active, .tab-feature__nav .nav-item .nav-link.active { color: #232933; background: transparent; border-width: 0; border-bottom: 1px solid #F96D00; }

.tab-feature__toggle { display: none; }

.tab-feature__meta .tab-feature__img { display: none; }

.tab-feature__meta .tab-feature__title { font-size: 20px; line-height: 28px; margin-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.tab-feature__title { font-size: 32px; line-height: 48px; margin-bottom: 16px; }

.tab-feature__desc { margin-bottom: 24px; }

.tab-feature__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.tab-feature__action a { margin-right: 14px; }

.tab-feature__action a:last-child { margin-right: 0; }

@media (max-width: 991px) { .tab-feature { padding: 48px 0; }
  .tab-feature__title { font-size: 28px; line-height: 36px; }
  .tab-feature__content .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .tab-feature__img { margin-bottom: 24px; display: none; }
  .tab-feature__nav { display: none; }
  .tab-feature__meta .tab-feature__title { display: none; }
  .tab-feature__toggle { display: block; position: relative; }
  .tab-feature__toggle::after { content: ''; width: 24px; height: 24px; position: absolute; right: 10px; top: 15px; background: url("../images/ic-caret-down.svg") no-repeat center; background-size: contain; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); transition: all linear .3s; }
  .tab-feature__toggle .tab-feature__title { padding: 12px 40px 12px 0; font-size: 20px; line-height: 28px; margin-bottom: 0; color: #626B79; font-family: "Inter", sans-serif; font-weight: 600; }
  .tab-feature__meta { margin-top: 12px; height: 0; opacity: 0; visibility: collapse; transition: all linear .3s; }
  .tab-feature .tab-pane { display: block; opacity: 1; visibility: visible; }
  .tab-feature .tab-pane.active.show .tab-feature__toggle::after { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); transition: all linear .3s; }
  .tab-feature .tab-pane.active.show .tab-feature__toggle .tab-feature__title { color: #232933; border-bottom: 1px solid #F96D00; }
  .tab-feature .tab-pane.active.show .tab-feature__meta { height: 100%; opacity: 1; visibility: visible; transition: all linear .3s; }
  .tab-feature .tab-pane.active.show .tab-feature__meta .tab-feature__img { display: block; margin: 16px auto; } }

.customer-story { padding: 64px 0; }

.customer-story__title { text-align: center; }

.customer-story__content { box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.75); border-radius: 6px; overflow: hidden; }

.customer-story__content .col-md-7 { padding-right: 0; }

.customer-story__content .col-md-5 { padding-left: 0; }

.customer-story__testimonial { background: #F96D01; padding: 44px 32px; height: 100%; color: #FFF; }

.customer-story__quote { margin: 0 0 16px 0; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.customer-story__info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; }

.customer-story__info-left, .customer-story__info-right { width: 50%; }

.customer-story__info-right { text-align: right; }

.customer-story__img { display: inline-block; width: 48px; height: 48px; margin-right: 16px; vertical-align: middle; overflow: hidden; }

.customer-story__img img { height: 48px; width: auto; border-radius: 50%; }

.customer-story__contact { display: inline-block; width: calc(100% - 69px); vertical-align: middle; }

.customer-story__name { font-family: "Inter", sans-serif; font-weight: 600; }

.customer-story__logo { display: inline-block; vertical-align: middle; }

.customer-story__logo img { height: 48px; width: auto; }

.customer-story__content { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.customer-story__stats { background: #EDF0F2; height: 100%; color: #232933; padding: 32px 24px; }

.customer-story__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.customer-story__items .item__label { font-size: 20px; line-height: 28px; margin-bottom: 26px; display: block; font-family: "Inter", sans-serif; font-weight: 500; }

.customer-story__items .item__number { font-size: 32px; line-height: 48px; display: block; color: #F96D01; font-family: "Inter", sans-serif; font-weight: 600; }

.customer-story__items .item__desc { font-size: 20px; line-height: 28px; margin-bottom: 26px; display: block; font-family: "Inter", sans-serif; font-weight: 500; }

@media (max-width: 991px) { .customer-story { padding: 48px 0; }
  .customer-story__nav { overflow-x: auto; overflow-y: hidden; }
  .customer-story__content .col-md-7 { padding-right: 12px; }
  .customer-story__content .col-md-5 { padding-left: 12px; }
  .customer-story__quote { font-size: 18px; line-height: 24px; margin-bottom: 24px; }
  .customer-story__info { display: block; }
  .customer-story__info-left, .customer-story__info-right { width: 100%; text-align: left; }
  .customer-story__info-left { margin-bottom: 16px; }
  .customer-story__stats, .customer-story__items { display: block; }
  .customer-story__stats .item, .customer-story__items .item { margin-bottom: 32px; }
  .customer-story__stats .item:last-child, .customer-story__items .item:last-child { margin-bottom: 0; } }

.faq-block--alt { background: #F2F4F7; padding: 64px 0; }

.faq-block--alt .card__body ul { padding-left: 20px; list-style: disc; }

.faq-block--alt .card__body ul li { margin-bottom: 4px; }

.faq-block--alt .card__body ol { padding-left: 20px; list-style: decimal; }

.faq-block--alt .card__body ol li { margin-bottom: 4px; }

@media (max-width: 991px) { .faq-block--alt { padding: 48px 0; } }

.statistic { padding: 60px 0; }

.statistic .container { position: relative; }

.statistic .owl-dots { text-align: left; }

.statistic__item > p { margin: 0 0 20px; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.statistic_author p { margin: 0 0 4px; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.statistic_author img { width: auto !important; max-height: 45px; }

.statistic__stat { min-height: 104px; padding-left: 152px; position: relative; }

.statistic__stat p { font-size: 21px; }

.statistic__stat .radial-progress { position: absolute; top: 0; left: 0; background: #FBF3DD; }

.statistic__stat .radial-progress .circle .mask .fill { background-color: #F96D01; }

.statistic__stat .radial-progress.green { background: #4FB262; }

.statistic__stat .radial-progress.green .circle .mask .fill { background-color: #139908; }

.statistic__stat .radial-progress.blue { background: #B4D3F2; }

.statistic__stat .radial-progress.blue .circle .mask .fill { background-color: #009BDE; }

.statistic__stat .radial-progress .inset .percentage .numbers span { font-family: "Inter", sans-serif; font-weight: 600; }

.statistic__stat:not(:last-child) { margin: 0 0 48px; }

.statistic__action a { margin-right: 14px; }

.statistic__action a:last-child { margin-right: 0; }

.statistic__slider { margin-bottom: 16px; }

@media (max-width: 991px) { .statistic { padding: 48px 0; }
  .statistic__action { margin-bottom: 70px; }
  .statistic__action a { display: block; width: 100%; margin-bottom: 14px; }
  .statistic__action a:last-child { margin-bottom: 0; }
  .statistic__stat p { font-size: 14px; line-height: 23px; } }

.item-box { margin: 32px 0; background: #FFF; box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); border-radius: 8px; }

.item-box.alt { margin: 64px 0 32px 0; }

.item-box__title { font-size: 32px; line-height: 48px; margin-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.item-box__action .link-more { color: #4B61DD !important; }

.item-box__img { text-align: center; }

.item-box__img img { margin: 0 auto; height: 100%; width: auto; object-fit: contain; }

.item-box .col-md-7 { padding: 36px 48px; }

@media (max-width: 991px) { .item-box .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .item-box__img { margin-bottom: 16px; }
  .item-box__title { font-size: 28px; line-height: 36px; }
  .item-box .col-md-7 { padding: 0 40px 40px; } }

.event-speaker { padding: 40px 0; }

.event-speaker__wrap { text-align: center; }

.event-speaker__title { text-align: center; font-size: 32px; line-height: 48px; margin-bottom: 40px; }

.event-speaker__box { display: inline-block; margin: 0 8px; }

.event-speaker__info b, .event-speaker__info span { display: block; text-align: center; }

.event-speaker__info b { font-size: 16px; line-height: 24px; }

.event-speaker__info span { font-size: 14px; line-height: 20px; color: #232933; }

.event-speaker__img { margin: 0 auto 8px auto; overflow: hidden; border-radius: 50%; width: 120px; height: 120px; }

.event-speaker__img img { width: 100%; height: auto; object-fit: cover; }

@media (max-width: 991px) { .event-speaker__title { font-size: 28px; line-height: 36px; margin-bottom: 32px; }
  .event-speaker__box { display: inline-block; margin: 0 auto 18px auto; width: 55%; }
  .event-speaker__img { width: 40px; height: 40px; display: inline-block; vertical-align: top; margin-right: 12px; }
  .event-speaker__info { display: inline-block; width: calc(100% - 57px); vertical-align: top; }
  .event-speaker__info b, .event-speaker__info span { text-align: left; } }

.event-agenda { padding: 60px 0; }

.event-agenda .event-activity { padding-right: 30px; }

.event-agenda .event-activity__subtitle { font-size: 16px; line-height: 24px; margin-bottom: 8px; color: #232933; }

.event-agenda .event-activity__title { font-size: 32px; line-height: 48px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.event-agenda .event-activity__list-label { margin-bottom: 8px; }

.event-agenda .event-activity__buttons { margin-top: 32px; margin-bottom: 16px; }

.event-agenda .event-timeline__day { display: block; color: #626B79; font-size: 20px; line-height: 28px; padding-bottom: 20px; border-bottom: 1px solid #DFDFDF; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.event-agenda .event-timeline__list { list-style: none; }

.event-agenda .event-timeline__list li { margin-bottom: 16px; }

.event-agenda .event-timeline__list li:last-child { margin-bottom: 0; }

.event-agenda .event-timeline__list li span { width: calc(100% - 244px); display: inline-block; vertical-align: top; }

.event-agenda .event-timeline__list li span b { font-size: 20px; line-height: 28px; display: block; }

.event-agenda .event-timeline__list li span.time { display: inline-block; vertical-align: top; max-width: 223px; width: 100%; margin-right: 16px; }

@media (max-width: 991px) { .event-agenda { padding: 40px 0; }
  .event-agenda .event-activity { padding-right: 0; }
  .event-agenda .event-activity__title { font-size: 32px; line-height: 48px; margin-bottom: 16px; }
  .event-agenda .event-activity__buttons a { display: block; width: 100%; margin-bottom: 14px; }
  .event-agenda .event-activity__buttons a:last-child { margin-bottom: 0; }
  .event-agenda .event-timeline { margin-top: 48px; }
  .event-agenda .event-timeline__day { font-size: 20px; line-height: 28px; }
  .event-agenda .event-timeline__list span { width: calc(100% - 146px) !important; }
  .event-agenda .event-timeline__list span.time { width: 130px !important; font-size: 14px !important; line-height: 23px !important; }
  .event-agenda .event-timeline__list span b, .event-agenda .event-timeline__list span p { font-size: 14px !important; line-height: 23px !important; } }

.ebook-tab .nav-container .nav-tabs { border-bottom: 0; }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link { position: relative; border: 0; text-align: center; opacity: 1; color: #2B2A35; background: #FFFFFF; padding: 1.25rem 0.5rem 3.5rem; overflow: hidden; }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link img.icon { display: block; object-fit: contain; object-position: 50% 50%; margin: 0 auto 1rem; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link span { display: block; color: #232933; }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link.active img.icon { -webkit-filter: grayscale(0); filter: grayscale(0); }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link.active span { font-family: "Inter", sans-serif; font-weight: 600; }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link.active::after { content: ""; display: block; width: 82px; height: 82px; border-radius: 41px; background-color: #FFF6E0; position: absolute; top: calc(100% - 41px); left: calc(50% - 41px); background-image: url(../images/ic-chev-down-orange.svg); background-repeat: no-repeat; background-position: center 30%; }

.ebook-tab .nav-container .nav-tabs .nav-item .nav-link:hover { cursor: pointer; }

@media (max-width: 991px) { .ebook-tab .nav-container .nav-item { width: 50%; } }

.ebook-tab__filter { background: #FFF6E0; padding: 64px 0; }

@media (max-width: 991px) { .ebook-tab__filter { padding: 48px 8px; } }

.ebook-tab__title { text-align: center; }

.ebook-tab .tab-content .tab-pane .item { display: block; height: 100%; padding: 12px; }

.ebook-tab .tab-content .tab-pane .item__wrapper { padding: 64px 0; }

.ebook-tab .tab-content .tab-pane .item__img { display: inline-block; width: 177px; height: 100%; vertical-align: top; margin-right: 30px; }

.ebook-tab .tab-content .tab-pane .item__box { display: inline-block; width: calc(100% - 212px); height: 100%; vertical-align: top; padding: 36px 0; }

.ebook-tab .tab-content .tab-pane .item__cat { font-size: 12px; line-height: 16px; margin-bottom: 4px; }

.ebook-tab .tab-content .tab-pane .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 4px; }

.ebook-tab .tab-content .tab-pane .item__title:hover { text-decoration: underline; }

.ebook-tab .tab-content .tab-pane .item__action { opacity: 0; visibility: hidden; }

.ebook-tab .tab-content .tab-pane .item:hover { box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 4px; }

.ebook-tab .tab-content .tab-pane .item:hover .item__action { opacity: 1; visibility: visible; }

@media (max-width: 991px) { .ebook-tab .tab-content .tab-pane .item { border: 1px solid #D0D6DD; border-radius: 4px; margin-bottom: 12px; }
  .ebook-tab .tab-content .tab-pane .item__wrapper { padding: 48px 8px; }
  .ebook-tab .tab-content .tab-pane .item__img { display: none; }
  .ebook-tab .tab-content .tab-pane .item__box { width: 100%; padding: 0; }
  .ebook-tab .tab-content .tab-pane .item__desc p { margin-bottom: 14px; }
  .ebook-tab .tab-content .tab-pane .item__action { opacity: 1; visibility: visible; }
  .ebook-tab .tab-content .tab-pane .item:last-child { margin-bottom: 0; } }

.ebook-detail { background: #F2F4F7; padding: 29px 20px; position: relative; }

.ebook-detail::after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 300px; background: linear-gradient(360deg, #EDF0F2 -28.09%, rgba(237, 240, 242, 0) 87.66%); }

.ebook-detail #ebookviewer { max-width: 868px; width: 100%; height: calc(100vh - 115px); overflow-x: hidden; overflow-y: auto; margin: 0 auto; position: relative; }

.ebook-detail #ebookviewer .canvas-wrapper { margin: 0 auto; max-width: 868px; width: 100%; }

.ebook-detail #ebookviewer .canvas-wrapper canvas { width: 100%; }

.ebook-detail__popup { position: absolute; bottom: 102px; left: calc(50% - 225px); z-index: 3; background: #FFF; border: 1px solid #F96D01; border-radius: 8px; padding: 24px; text-align: center; }

.ebook-detail__popup .popup__title { font-size: 20px; line-height: 28px; margin-bottom: 12px; font-family: "Inter", sans-serif; font-weight: 600; }

.ebook-detail__popup .popup__desc { margin-bottom: 24px; }

@media (max-width: 991px) { .ebook-detail { padding: 0; }
  .ebook-detail__popup { left: unset; bottom: 84px; margin-left: 13px; margin-right: 13px; } }

.filter-rules-nav, .filter-tips-nav { width: 100%; margin: 15px 0; padding: 0 12px; }

.filter-rules-nav .page-link, .filter-tips-nav .page-link { visibility: collapse; opacity: 0; }

.filter-rules-nav .page-link.enable, .filter-tips-nav .page-link.enable { visibility: visible; opacity: 1; }

.filter-rules-nav .page-link.enable.active, .filter-tips-nav .page-link.enable.active { color: #F58232; font-family: "Inter", sans-serif; font-weight: 500; }

.steps { position: relative; display: block; }

.steps .section-head { margin-bottom: 0; }

.steps .section-head__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 16px; }

@media (max-width: 991px) { .steps .section-head__title { font-size: 24px; line-height: 32px; } }

.steps .section-head__content, .steps .section-head__content p { margin-bottom: 20px; }

.steps__wrap { padding-top: 64px; padding-bottom: 64px; }

.steps__img { padding-left: 24px; z-index: 2; }

.steps__img img { display: block; width: 100%; height: auto; }

.steps__img.fixed { position: fixed; }

.steps__list { list-style: none; }

.steps__list.alt > li { padding-bottom: 200px; }

.steps__list > li { position: relative; padding-left: 32px; padding-bottom: 120px; opacity: .75; transition: all .3s ease-in-out; }

.steps__list > li .img { display: none; padding: 0 24px; text-align: center; }

.steps__list > li .img img { max-width: 100%; display: block; margin: 0 auto 16px; }

.steps__list > li h3 { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 23px; margin-bottom: 8px; }

.steps__list > li p { margin-bottom: 0; }

.steps__list > li:before { content: ''; display: block; position: absolute; width: 16px; height: 16px; background: #E2E2E2; border: 4px solid transparent; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); top: 3px; left: -7px; z-index: 2; border-radius: 50%; }

.steps__list > li:after { content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #E2E2E2; top: 18px; left: 0; z-index: 1; }

.steps__list > li:last-child { padding-bottom: 0 !important; }

.steps__list > li:last-child::after { display: none; }

.steps__list > li.active { opacity: 1; }

.steps__list > li.active:before { background: #F96D01; border: 4px solid #FFF; }

.steps--promo .steps__list > li { padding-bottom: 16px; }

.steps--promo .steps__list > li:hover { cursor: pointer; }

@media (max-width: 991px) { .steps--promo .steps__list > li { padding-left: 32px; }
  .steps--promo .steps__list > li h3, .steps--promo .steps__list > li p { color: #626B79; }
  .steps--promo .steps__list > li.active h3, .steps--promo .steps__list > li.active p { color: inherit; }
  .steps--promo .steps__list > li.active::before { background: #F96D01; border: 4px solid #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); }
  .steps--promo .steps__list > li::after { width: 4px; }
  .steps--promo .steps__list > li::before { content: ''; display: block; position: absolute; width: 16px; height: 16px; background: #E2E2E2; border: 4px solid transparent; top: 3px; left: -6px; z-index: 2; border-radius: 50%; box-shadow: none; } }

.steps--promo .steps__img.show-sm { padding-left: 0; margin-bottom: 16px; }

@media (max-width: 991px) { .steps .section-head__content, .steps .section-head__content p { margin-bottom: 12px; }
  .steps__wrap { padding-top: 40px; padding-bottom: 60px; }
  .steps__img { display: none; }
  .steps__list li { padding: 0; opacity: 1; text-align: left; }
  .steps__list li .img { display: block; margin-bottom: 32px; }
  .steps__list li:before { display: none; }
  .steps__list .owl-dots { text-align: left; }
  .steps__list .owl-dots .owl-dot { background: #E2E2E2; width: 32px; height: 4px; border-radius: 2px; } }

.benefits--alt { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .benefits--alt { padding-top: 32px; padding-bottom: 32px; } }

.benefits--alt.bg-gray .section-head__title, .benefits--alt.bg-grey .section-head__title { margin-bottom: 8px; }

.benefits--alt .section-head { margin-bottom: 0; }

.benefits--alt .section-head__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 24px; text-align: center; }

@media (max-width: 991px) { .benefits--alt .section-head__title { font-size: 24px; line-height: 32px; } }

.benefits--alt .section-head__desc { text-align: center; margin-bottom: 24px; }

.benefits--alt .item { padding: 36px 32px; position: relative; border-radius: 4px; background: #FFF; height: 100%; }

@media (max-width: 991px) { .benefits--alt .item { padding: 16px 20px 16px 55px; margin-bottom: 24px; border-radius: 4px; height: calc(100% - 24px); }
  .benefits--alt .item__desc p { margin-bottom: 0; } }

.benefits--alt .item__icon { width: 48px; height: 48px; margin-bottom: 8px; }

@media (max-width: 991px) { .benefits--alt .item__icon { position: absolute; width: 24px; height: 24px; left: 20px; top: 16px; } }

.benefits--alt .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 8px; }

.form-contact--alt { padding: 64px 0; background-color: #F2F4F7; background-repeat: no-repeat; background-position: 100px center; background-size: 35%; }

@media (max-width: 991px) { .form-contact--alt { padding: 42px 10px; background-image: none !important; } }

.form-contact--alt .form-contact__img img { max-width: 100%; margin: 0 auto; width: unset; }

.form-contact--alt .form-contact__wrap { background: transparent; box-shadow: none; margin-bottom: 0; padding: 0; }

.form-contact--alt .form-contact__title { font-size: 20px; line-height: 28px; margin-bottom: 24px; }

.form-contact--alt .form-group label { font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 4px; display: inline-block; }

.form-contact--alt .form-group small { color: #626B79; font-size: 12px; line-height: 16px; }

.form-contact--alt .form-group span.info { width: 20px; height: 20px; background: url("../images/ic-info.svg") no-repeat center; background-size: contain; display: inline-block; vertical-align: middle; margin-left: 5px; cursor: help; }

.form-contact--alt .form-group .form-control { border: 1px solid #D0D6DD; border-radius: 6px; }

.form-contact--alt .form-group .form-control:active, .form-contact--alt .form-group .form-control:hover, .form-contact--alt .form-group .form-control:focus { border-color: #314AD8; box-shadow: none; }

.form-contact--alt .form-group input[type="file"] { font-size: 13px; }

.form-contact--alt .form-group label.cb-label { font-family: "Inter", sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #232933; margin-bottom: 24px; }

.form-contact--alt .form-group label.cb-label a { color: #4B61DD; text-decoration: underline; }

.form-contact--alt .form-group label.cb-label a:hover { color: #1f33a3; text-decoration: none; }

@media (max-width: 991px) { .form-contact--alt .form-group .col-lg-6 { margin-bottom: 20px; }
  .form-contact--alt .form-group .col-lg-6:last-child { margin-bottom: 0; }
  .form-contact--alt .form-group label.cb-label { display: inline-block; width: calc(100% - 30px); vertical-align: top; } }

.tooltip-inner { background-color: #8B95A5; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #8B95A5; }

.block-sections .block-item__desc { margin-bottom: 24px; }

.block-sections .block-item__desc p { margin-bottom: 24px; }

.block-sections .block-item__desc ul li p { margin-bottom: 0; }

.block-sections .block-item__buttons a, .block-sections .block-item__buttons .btn { margin-right: 14px; }

.block-sections .block-item__buttons a:last-child, .block-sections .block-item__buttons .btn:last-child { margin-right: 0; }

@media (max-width: 991px) { .block-sections__wrap { padding: 42px 12px; }
  .block-sections .block-item__title { text-align: center; }
  .block-sections .block-item__desc { margin-bottom: 30px; }
  .block-sections .block-item__img.show-sm { margin-bottom: 32px; }
  .block-sections .block-item__buttons a, .block-sections .block-item__buttons .btn { width: 100%; display: block; margin-right: 0; margin-bottom: 14px; }
  .block-sections .block-item__buttons a:last-child, .block-sections .block-item__buttons .btn:last-child { margin-bottom: 0; } }

.tab-sidebar { padding: 64px 0; }

.tab-sidebar .section-head { text-align: center; }

.tab-sidebar .section-head__title { margin-bottom: 8px; }

.tab-sidebar .section-head__desc { margin-bottom: 48px; }

.tab-sidebar__title { font-size: 20px; line-height: 28px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.tab-sidebar__sidebar .nav-tabs { border: 0; }

.tab-sidebar__sidebar .nav-tabs .nav-item { width: 100%; margin-bottom: 0; }

.tab-sidebar__sidebar .nav-tabs .nav-item .nav-link { font-size: 14px; line-height: 24px; border: 0; padding: 12px 30px 12px 0; display: block; width: 90%; border-bottom: 1px solid #D0D6DD; position: relative; font-family: "Inter", sans-serif; font-weight: 600; }

.tab-sidebar__sidebar .nav-tabs .nav-item .nav-link.active, .tab-sidebar__sidebar .nav-tabs .nav-item .nav-link:hover { color: #F96D01; }

.tab-sidebar__sidebar .nav-tabs .nav-item .nav-link::after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../images/ic-caret-down.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: 14px; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.tab-sidebar .tab-content .tab-pane .row { margin-bottom: 24px; }

.tab-sidebar .tab-content .tab-pane .row:last-child { margin-bottom: 0; }

.tab-sidebar .tab-content .tab-pane .item { padding: 24px; }

.tab-sidebar .tab-content .tab-pane .item__icon { width: 48px; height: 48px; margin-bottom: 8px; object-fit: contain; }

.tab-sidebar .tab-content .tab-pane .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 8px; }

.tab-sidebar .tab-content .tab-pane .card { padding: 24px; border: 1px solid #D0D6DD; border-radius: 4px; }

.tab-sidebar .tab-content .tab-pane .card__img { width: 100%; height: 202px; object-fit: contain; margin-bottom: 8px; }

.tab-sidebar .tab-content .tab-pane .card__icon { width: 48px; height: 48px; object-fit: contain; margin-bottom: 8px; }

.tab-sidebar .tab-content .tab-pane .card__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 8px; }

.tab-sidebar .tab-content .tab-pane .card__desc p { margin-bottom: 16px; }

@media (max-width: 991px) { .tab-sidebar { padding: 32px 10px; }
  .tab-sidebar .tab-content .tab-pane { display: block; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__accr { font-size: 14px; line-height: 20px; color: #626B79; padding: 12px 0; font-family: "Inter", sans-serif; font-weight: 600; cursor: pointer; border-bottom: 1px solid #D0D6DD; position: relative; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__accr::after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../images/ic-caret-down.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: 11px; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__content { display: none; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__content .item { position: relative; padding: 12px 16px 12px 40px; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__content .item__icon { position: absolute; width: 24px; height: 24px; left: 0; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__content .item__desc p { margin-bottom: 0; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__content .card { margin-bottom: 24px; }
  .tab-sidebar .tab-content .tab-pane .tab-sidebar__toggle { margin-bottom: 0; }
  .tab-sidebar .tab-content .tab-pane.active .tab-sidebar__content { display: block; }
  .tab-sidebar .tab-content .tab-pane.active .tab-sidebar__accr { color: #FF661F; }
  .tab-sidebar .tab-content .tab-pane.active .tab-sidebar__accr::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .tab-sidebar .tab-content .tab-pane.active .tab-sidebar__toggle { margin-bottom: 24px; } }

.block-section__subtitle { font-family: "Inter", sans-serif; font-weight: 600; display: block; text-align: center; margin: 0 0 8px; }

.block-section__title { text-align: center; margin: 0 0 8px; }

.block-section__desc { text-align: center; margin: 0 0 40px; }

.block-section__img { display: block; max-width: 100%; width: auto; height: auto; }

.block-section__title-right { margin: 0 0 8px; }

.block-section__desc-right { margin: 0 0 32px; }

.block-section__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-section { padding-left: 8px; padding-right: 8px; }
  .block-section__desc { margin: 0 0 24px; }
  .block-section__img { margin: 0 0 24px; }
  .block-section__action-right .btn { width: 100%; }
  .block-section__wrap { padding-top: 32px; padding-bottom: 32px; } }

.form-embeded { overflow-x: hidden; font-family: "Inter", sans-serif; font-weight: 400; }

.form-embeded__light, .form-embeded__dark { padding: 32px; }

.form-embeded__light { background: #FFF; max-width: 45%; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; }

.form-embeded__dark { background: #F2F4F7; max-width: 55%; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; }

.form-embeded__title, .form-embeded__clients-title { font-size: 16px; line-height: 24px; margin-bottom: 16px; text-align: center; font-family: "Inter", sans-serif; font-weight: 600; }

.form-embeded__desc { margin: 0 0 16px; }

.form-embeded__img { margin: 0 0 16px; text-align: center; }

.form-embeded__img img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto; }

.form-embeded__clients { list-style: none; text-align: center; margin-left: -16px; margin-right: -16px; margin-bottom: 16px; }

.form-embeded__clients li { display: inline-block; max-width: 90px; width: 100%; height: auto; padding: 0 16px; }

.form-embeded__clients li img { width: auto; height: 28px; object-fit: contain; object-position: center; }

.form-embeded__header { margin-bottom: 24px; }

.form-embeded__header img { width: 150px; height: auto; object-fit: contain; display: inline-block; vertical-align: middle; }

.form-embeded__header p { display: inline-block; width: calc(100% - 160px); vertical-align: middle; margin-bottom: 0; }

.form-embeded__testimonial { border: 1px solid #D0D6DD; border-radius: 6px; padding: 16px; }

.form-embeded__testimonial .testimonial__title { font-size: 20px; line-height: 28px; margin-bottom: 12px; font-family: "Inter", sans-serif; font-weight: 600; }

.form-embeded__testimonial .testimonial__quote { margin-bottom: 24px; }

.form-embeded__testimonial .testimonial__author { display: inline-block; width: 100%; vertical-align: middle; }

.form-embeded__testimonial .testimonial__author img { width: 48px; height: 48px; border-radius: 50%; object-fit: contain; margin-right: 16px; display: inline-block; vertical-align: middle; }

.form-embeded__testimonial .testimonial__info { display: inline-block; width: calc(100% - 90px); vertical-align: middle; }

.form-embeded__testimonial .testimonial__info b { display: block; width: 100%; }

.form-embeded__testimonial .testimonial__logo { display: inline-block; width: 141px; vertical-align: middle; }

.form-embeded__testimonial .testimonial__logo img { width: 100%; height: auto; object-fit: contain; }

.card-list { padding: 64px 0; }

.card-list__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; text-align: center; }

.card-list .card { border: 1px solid #D0D6DD; border-radius: 4px; overflow: hidden; }

.card-list .card__head { padding: 24px; text-align: center; border-bottom: 1px solid #D0D6DD; }

.card-list .card__icon { width: 52px; height: 52px; object-fit: contain; margin: 0 auto 8px auto; }

.card-list .card__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 0; }

.card-list .card__body { padding: 32px 24px; }

@media (max-width: 991px) { .card-list { padding: 32px 0; }
  .card-list__title { font-size: 28px; line-height: 36px; }
  .card-list .card__head { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 10px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .card-list .card__icon { margin: 0; }
  .card-list .card__title { text-align: left; }
  .card-list .card__body { padding: 12px; }
  .card-list .card__wrapper { margin-bottom: 24px; }
  .card-list .card__wrapper:last-child { margin-bottom: 0; } }

.pricing-main--integration { padding: 64px 0; }

.pricing-main--integration .pricing-main__title { font-family: "Inter", sans-serif; font-weight: 600; text-align: center; margin-bottom: 24px; }

.pricing-main--integration .pricing-main__title br { display: none; }

.pricing-main--integration .item__head p { min-height: 60px; }

.pricing-main--integration .item__head .price { min-height: unset; }

.pricing-main--integration .item__head .price .badge.discount { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 400; border: 1px solid #4B61DD; color: #4B61DD; border-radius: 24px; background: #FFF; margin-left: 8px; padding: 4px 12px; }

.pricing-main--integration .item.is-highlight .item__head { background: #EDFAFF; border-color: #009BDE; }

.pricing-main--integration .item.is-highlight .item__main { border-color: #009BDE; }

.pricing-main--integration .item:hover .item__wrap { box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04); }

@media (max-width: 991px) { .pricing-main--integration .pricing-main__wrap { padding-left: 0; padding-right: 0; }
  .pricing-main--integration .pricing-main__wrap .item { height: 100%; }
  .pricing-main--integration .pricing-main__title { padding: 0 15px; } }

.tab-integration { padding: 64px 0; }

.tab-integration__title { text-align: center; font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 24px; }

.tab-integration__list { text-align: center; display: block; width: 100%; }

.tab-integration__list .nav-item { display: inline-block; }

.tab-integration__list .nav-item .nav-link { padding: 24px 56px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid trnasparent; }

.tab-integration__list .nav-item .nav-link img { height: 40px; width: auto; object-fit: contain; -webkit-filter: grayscale(1); filter: grayscale(1); }

.tab-integration__list .nav-item .nav-link.active, .tab-integration__list .nav-item .nav-link:hover { border-bottom: 2px solid #0031BE; }

.tab-integration__list .nav-item .nav-link.active img, .tab-integration__list .nav-item .nav-link:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }

.tab-integration .item__wrap { padding: 24px 0 32px 0; border-bottom: 1px solid #EDF0F2; }

.tab-integration .item__wrap:last-child { border-bottom: 0; padding: 24px 0 0 0; }

.tab-integration .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 24px; }

.tab-integration .item__icon { margin-bottom: 24px; }

.tab-integration .item__desc { margin-bottom: 24px; }

.tab-integration .item__desc p { margin-bottom: 24px; }

.tab-integration .item__list { margin-bottom: 24px; }

.tab-integration .item__list .list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: start; -ms-flex-align: start; align-items: start; margin-bottom: 16px; }

.tab-integration .item__list .list .icon { margin-right: 16px; width: 24px; height: 24px; object-fit: contain; }

.tab-integration .item__list .list .title { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 0; }

.tab-integration .item__list .list .desc p { margin-bottom: 0; }

.tab-integration .item__clients { overflow: hidden; -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0)); mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0)); }

.tab-integration .item__clients .marquee-container { height: auto; }

.tab-integration .item__clients .marquee-container .our-customer__slider { margin-bottom: 24px; }

.tab-integration .item__clients .marquee-container .our-customer__slider .item img { -webkit-filter: grayscale(1); filter: grayscale(1); }

.tab-integration .item__clients .marquee-container .our-customer__slider .item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }

.tab-integration .tab-container .tab-pane.fade { visibility: hidden; height: 0; }

.tab-integration .tab-container .tab-pane.fade.active, .tab-integration .tab-container .tab-pane.fade.show { visibility: visible; height: auto; }

@media (max-width: 991px) { .tab-integration { padding: 32px 10px; }
  .tab-integration__title { font-size: 28px; line-height: 36px; }
  .tab-integration__title br { display: none; }
  .tab-integration__accr { padding: 12px 0; border-bottom: 2px solid #D0D6DD; position: relative; }
  .tab-integration__accr img { height: 40px; width: auto; object-fit: contain; -webkit-filter: grayscale(1); filter: grayscale(1); }
  .tab-integration__accr:after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../images/ic-caret-down.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: 20px; }
  .tab-integration .tab-container .tab-pane.fade { visibility: visible; height: auto; opacity: 1; }
  .tab-integration .tab-container .tab-pane.fade .tab-integration__content { visibility: hidden; opacity: 0; height: 0; }
  .tab-integration .tab-container .tab-pane.fade.active .tab-integration__accr img, .tab-integration .tab-container .tab-pane.fade.show .tab-integration__accr img { -webkit-filter: grayscale(0); filter: grayscale(0); border-bottom-color: #0031BE; }
  .tab-integration .tab-container .tab-pane.fade.active .tab-integration__accr::after, .tab-integration .tab-container .tab-pane.fade.show .tab-integration__accr::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .tab-integration .tab-container .tab-pane.fade.active .tab-integration__content, .tab-integration .tab-container .tab-pane.fade.show .tab-integration__content { visibility: visible; opacity: 1; height: auto; }
  .tab-integration .tab-container .tab-pane.fade.active .item__wrap, .tab-integration .tab-container .tab-pane.fade.show .item__wrap { margin-bottom: 24px; } }

.logo-marquee { padding-top: 64px; padding-bottom: 64px; }

.logo-marquee__title { text-align: center; margin: 0 0 8px; }

.logo-marquee__desc { margin-bottom: 24px; }

.logo-marquee__desc p { margin-bottom: 16px; }

.logo-marquee__desc p:last-child { margin-bottom: 0; }

.logo-marquee__group { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: 32px; position: relative; margin: 24px 0 0; }

.logo-marquee__group::before, .logo-marquee__group::after { content: ""; z-index: 2; display: block; width: 64px; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(89.8deg, #FFFFFF 49.02%, rgba(255, 255, 255, 0) 113.2%); }

.logo-marquee__group::after { left: auto; right: 0; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); }

.logo-marquee__group.reverse .logo-marquee__list { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-delay: -3s; animation-delay: -3s; }

.logo-marquee__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; min-width: 1720px; -webkit-animation: scroll-x 60s linear infinite; animation: scroll-x 60s linear infinite; }

.logo-marquee__list .item { display: -ms-grid; display: grid; place-items: center; width: 172px; height: 56px; padding-left: 24px; padding-right: 24px; }

.logo-marquee__list .item img { display: block; max-width: 100%; max-height: 56px; width: auto; height: auto; }

.logo-marquee__action { margin-top: 35px; text-align: center; }

.logo-marquee.bg-gray .logo-marquee__group::before, .logo-marquee.bg-gray .logo-marquee__group::after { width: 24px; background: linear-gradient(89.8deg, #F2F4F7 49.02%, rgba(255, 255, 255, 0) 113.2%); }

@media (max-width: 991px) { .logo-marquee { padding: 32px 0; }
  .logo-marquee__title br { display: none; }
  .logo-marquee__list { -webkit-animation-duration: 30s; animation-duration: 30s; min-width: 1560px; }
  .logo-marquee__list .item { width: 156px; padding-left: 4px; padding-right: 4px; } }

.compare-cards { padding: 64px 0; }

@media (max-width: 991px) { .compare-cards { padding: 32px 0; } }

.compare-cards__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; text-align: center; }

@media (max-width: 991px) { .compare-cards__title { font-size: 20px; line-height: 28px; margin-bottom: 8px; }
  .compare-cards__title br { display: none; } }

.compare-cards__desc { margin-bottom: 24px; text-align: center; }

.compare-cards__desc p { margin-bottom: 16px; }

.compare-cards__desc p:last-child { margin-bottom: 0; }

.compare-cards__action { text-align: center; margin-bottom: 24px; }

.compare-cards__action a, .compare-cards__action .btn { margin-right: 16px; }

@media (max-width: 991px) { .compare-cards__action a, .compare-cards__action .btn { margin-right: 0; width: 100%; margin-bottom: 14px; } }

.compare-cards__features { margin-bottom: 32px; }

.compare-cards__features .item__img { margin-bottom: 8px; }

.compare-cards__features .item__img img { display: block; width: 48px; height: 48px; object-fit: contain; }

.compare-cards__features .item__title { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 500; color: #232933; margin-bottom: 8px; }

.compare-cards__features .item__wrap { padding: 32px; }

@media (max-width: 991px) { .compare-cards__features { margin-bottom: 0; }
  .compare-cards__features .item { padding-left: 32px; padding-right: 32px; padding-bottom: 24px; }
  .compare-cards__features .item__img { position: absolute; top: 0; left: 0; }
  .compare-cards__features .item__img img { display: block; width: 24px; height: 24px; }
  .compare-cards__features .item__title { font-size: 16px; line-height: 24px; }
  .compare-cards__features .item__wrap { position: relative; padding: 0 0 0 36px; } }

.compare-cards__compare { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.compare-cards__compare .compare-nav { display: none; }

.compare-cards__compare .item__head { padding: 24px; background: #EDF0F2; text-align: center; border-bottom: 1px solid #626B79; }

.compare-cards__compare .item__head .sub { display: block; color: #232933; }

.compare-cards__compare .item__head .title { font-size: 20px; line-height: 28px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; }

.compare-cards__compare .item__body { padding: 24px; }

.compare-cards__compare .item__body .title { font-size: 20px; line-height: 28px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 24px; }

.compare-cards__compare .item__body .custom-list b { display: block; font-family: "Inter", sans-serif; font-weight: 600; color: #232933; }

.compare-cards__compare .item__body .custom-list li { margin-bottom: 32px; font-family: "Inter", sans-serif; font-weight: 400; }

.compare-cards__compare .item__body .custom-list li:last-child { margin-bottom: 0; }

.compare-cards__compare .item__action { text-align: center; padding-top: 32px; padding-bottom: 8px; }

.compare-cards__compare .item__wrap { border: 1px solid #626B79; border-radius: 12px; overflow: hidden; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.compare-cards__compare .item--highlight .item__head { background: #373F4C; border-bottom-color: #373F4C; }

.compare-cards__compare .item--highlight .item__head .sub { color: #FFF; }

.compare-cards__compare .item--highlight .item__head .title { color: #FFF; font-size: 32px; line-height: 48px; }

.compare-cards__compare .item--highlight .item__wrap { border-color: #373F4C; box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); }

@media (max-width: 991px) { .compare-cards__compare .compare-nav { display: block; position: relative; z-index: 2; }
  .compare-cards__compare .compare-nav__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
  .compare-cards__compare .compare-nav .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; text-align: center; border-radius: 12px 12px 0 0; background: #EDF0F2; padding: 12px 6px; border: 1px solid transparent; }
  .compare-cards__compare .compare-nav .nav-link.nav-link--highlight.active { border-color: #373F4C; }
  .compare-cards__compare .compare-nav .nav-link.nav-link--highlight.active .title { color: #373F4C; }
  .compare-cards__compare .compare-nav .nav-link.active { border-color: #373F4C; background: #FFF; }
  .compare-cards__compare .compare-nav .nav-link.active::after { content: ""; display: block; width: 100%; height: 2px; position: absolute; top: 100%; left: 0; background: #FFF; }
  .compare-cards__compare .compare-nav .nav-link .sub { font-size: 14px; line-height: 23px; }
  .compare-cards__compare .compare-nav .nav-link .title { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; }
  .compare-cards__compare .item { display: none; }
  .compare-cards__compare .item.active { display: block; }
  .compare-cards__compare .item__head { display: none; }
  .compare-cards__compare .item__wrap { border-radius: 0 0 12px 12px; }
  .compare-cards__compare .item--highlight .item__wrap { top: auto; } }

.compare-cards__nav { max-width: 880px; margin: 0 auto 32px; position: relative; }

.compare-cards__nav::after { content: ""; display: block; width: calc(100% + 24px); height: 1px; background: #CFCDC8; position: absolute; bottom: 0; left: -12px; }

.compare-cards__nav .nav-sm { display: none; }

.compare-cards__nav .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.compare-cards__nav .nav-item { position: relative; width: 100%; padding-left: 12px; padding-right: 12px; }

.compare-cards__nav .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px; height: 80px; border-bottom: 2px solid transparent; }

.compare-cards__nav .nav-link img { display: block; max-height: 40px; max-width: 100%; height: auto; width: auto; -webkit-filter: brightness(0); filter: brightness(0); opacity: .5; }

.compare-cards__nav .nav-link.active { border-bottom-color: #0055A2; }

.compare-cards__nav .nav-link.active img { -webkit-filter: none; filter: none; opacity: 1; }

.compare-cards__nav .owl-nav { position: absolute; width: 100%; height: 0; left: 0; top: 50%; }

.compare-cards__nav .owl-nav .owl-prev, .compare-cards__nav .owl-nav .owl-next { position: absolute; left: -56px; top: calc(100% - 28px); outline: none !important; }

.compare-cards__nav .owl-nav .owl-prev span, .compare-cards__nav .owl-nav .owl-next span { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 56px; height: 56px; background-image: url(../images/ic-page-left.svg); background-size: auto 32px; background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.4; transition: all .4s ease-in-out; }

.compare-cards__nav .owl-nav .owl-prev.disabled, .compare-cards__nav .owl-nav .owl-next.disabled { opacity: 0; }

.compare-cards__nav .owl-nav .owl-prev:hover span, .compare-cards__nav .owl-nav .owl-next:hover span { opacity: 1; }

.compare-cards__nav .owl-nav .owl-next { left: auto; right: -56px; }

.compare-cards__nav .owl-nav .owl-next span { background-image: url(../images/ic-page-right.svg); }

@media (max-width: 991px) { .compare-cards__nav::after { display: none; }
  .compare-cards__nav .nav-tabs { display: none; }
  .compare-cards__nav .nav-sm { display: block; position: relative; z-index: 10; }
  .compare-cards__nav .nav-sm .nav { display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #FFF; border: 1px solid #DFDFDF; border-radius: 4px; padding: 6px 0; }
  .compare-cards__nav .nav-sm__selected { position: relative; display: block; font-size: 20px; line-height: 28px; font-weight: 600; color: #232933; display: block; height: auto; min-height: 52px; padding: 12px 32px 12px 0; border-bottom: 1px solid #0055A2; }
  .compare-cards__nav .nav-sm__selected::after { content: ""; display: block; width: 24px; height: 24px; position: absolute; top: 12px; right: 0; background: url(../images/ic-dropdown.svg) no-repeat center; background-size: contain; }
  .compare-cards__nav .nav-item { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .compare-cards__nav .nav-link { font-size: 16px; line-height: 24px; font-weight: 500; color: #232933; display: block; height: auto; min-height: 40px; padding: 6px 12px; border: 0; }
  .compare-cards__nav .nav-link:hover { text-decoration: none; } }

.compare-cards__wrap { padding-top: 32px; padding-bottom: 32px; }

.block-four { padding: 64px 0; }

.block-four__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; text-align: center; }

.block-four__desc { margin-bottom: 24px; text-align: center; }

.block-four__desc p { margin-bottom: 16px; }

.block-four__desc p:last-child { margin-bottom: 0; }

.block-four__action { text-align: center; margin-bottom: 24px; }

.block-four__action a, .block-four__action .btn { margin-right: 16px; }

@media (max-width: 991px) { .block-four__action a, .block-four__action .btn { margin-right: 0; width: 100%; margin-bottom: 14px; }
  .block-four__action a:last-child, .block-four__action .btn:last-child { margin-bottom: 0; } }

.block-four .item__wrap { margin-top: 10px; }

.block-four .item__wrap .item { padding: 24px; height: 100%; border: 1px solid #D0D6DD; border-radius: 4px; }

.block-four .item__wrap .item__icon { height: 52px; width: auto; object-fit: contain; margin-bottom: 8px; }

.block-four .item__wrap .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 8px; }

.block-four .item__wrap .item__desc p { margin-bottom: 16px; }

.block-four .item__wrap .item__desc p:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .block-four { padding: 32px 0; }
  .block-four__title { font-size: 20px; line-height: 28px; margin-bottom: 8px; }
  .block-four__title br { display: none; }
  .block-four .item__wrap .col-12 .item { padding: 12px; margin-bottom: 24px; height: calc(100% - 24px); }
  .block-four .item__wrap .col-12 .item__icon { height: 32px; }
  .block-four .item__wrap .col-12:last-child .item { margin-bottom: 0; height: 100%; } }

.tab-sidebar-fea { padding: 64px 0; }

.tab-sidebar-fea__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; text-align: center; }

.tab-sidebar-fea__desc { margin-bottom: 24px; text-align: center; }

.tab-sidebar-fea__desc p { margin-bottom: 16px; }

.tab-sidebar-fea__desc p:last-child { margin-bottom: 0; }

.tab-sidebar-fea__action { text-align: center; margin-bottom: 24px; }

.tab-sidebar-fea__action a, .tab-sidebar-fea__action .btn { margin-right: 16px; }

@media (max-width: 991px) { .tab-sidebar-fea__action a, .tab-sidebar-fea__action .btn { margin-right: 0; width: 100%; margin-bottom: 14px; }
  .tab-sidebar-fea__action a:last-child, .tab-sidebar-fea__action .btn:last-child { margin-bottom: 0; } }

.tab-sidebar-fea__list { display: block; border: 0; }

.tab-sidebar-fea__list .nav-item { border: 0; }

.tab-sidebar-fea__list .nav-item .nav-link { margin-top: 1px; padding: 12px; display: block; width: 100%; border-bottom: 1px solid #D0D6DD; color: #626B79; }

.tab-sidebar-fea__list .nav-item .nav-link.active, .tab-sidebar-fea__list .nav-item .nav-link:hover { border-bottom: 2px solid #F96D01; color: #232933; border-top: 0; border-left: 0; border-right: 0; font-family: "Inter", sans-serif; font-weight: 600; }

.tab-sidebar-fea__content { background: #F2F4F7; padding: 32px; border-radius: 4px; }

.tab-sidebar-fea__content .item__img { margin: 0 auto 28px auto; display: block; }

.tab-sidebar-fea__content .item__desc p { margin-bottom: 16px; }

.tab-sidebar-fea__content .item__desc p:last-child { margin-bottom: 0; }

.tab-sidebar-fea__content .item__action { margin-top: 24px; }

.tab-sidebar-fea__content .item__action a, .tab-sidebar-fea__content .item__action .btn { margin-right: 16px; }

@media (max-width: 991px) { .tab-sidebar-fea__content .item__action a, .tab-sidebar-fea__content .item__action .btn { margin-right: 0; width: 100%; margin-bottom: 14px; }
  .tab-sidebar-fea__content .item__action a:last-child, .tab-sidebar-fea__content .item__action .btn:last-child { margin-bottom: 0; } }

@media (max-width: 991px) { .tab-sidebar-fea { padding: 32px 0; }
  .tab-sidebar-fea__title { font-size: 20px; line-height: 28px; margin-bottom: 8px; }
  .tab-sidebar-fea__title br { display: none; }
  .tab-sidebar-fea .tab-content .tab-pane { display: block; }
  .tab-sidebar-fea .tab-content .tab-pane .tab-sidebar-fea__content { opacity: 0; visibility: hidden; height: 0; padding: 0; transition: all linear .3s; }
  .tab-sidebar-fea .tab-content .tab-pane .tab-sidebar-fea__accr { padding: 12px; display: block; width: 100%; border-bottom: 1px solid #D0D6DD; color: #626B79; position: relative; }
  .tab-sidebar-fea .tab-content .tab-pane .tab-sidebar-fea__accr::after { position: absolute; width: 24px; height: 24px; content: ''; background: url("../images/ic-caret-down.svg") no-repeat center; background-size: contain; right: 10px; top: 13px; transition: all linear .3s; }
  .tab-sidebar-fea .tab-content .tab-pane.active .tab-sidebar-fea__content { opacity: 1; visibility: visible; height: auto; padding: 24px; transition: all linear .3s; }
  .tab-sidebar-fea .tab-content .tab-pane.active .tab-sidebar-fea__accr { border-bottom: 2px solid #F96D01; color: #232933; border-top: 0; border-left: 0; border-right: 0; font-family: "Inter", sans-serif; font-weight: 600; }
  .tab-sidebar-fea .tab-content .tab-pane.active .tab-sidebar-fea__accr::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all linear .3s; } }

.masthead__slider { max-height: 500px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.masthead__slider .logo-marquee__group { display: inline-block; position: relative; width: calc(100% / 4); }

.masthead__slider .logo-marquee__group::before { width: 100%; height: 20px; background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); }

.masthead__slider .logo-marquee__group::after { width: 100%; height: 20px; background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); bottom: 0 !important; top: unset !important; }

.masthead__slider .logo-marquee__group:nth-child(2) { margin-top: 20%; }

.masthead__slider .logo-marquee__group:nth-child(3) { margin-top: 35%; }

.masthead__slider .logo-marquee__group:nth-child(4) { margin-top: 50%; }

.masthead__slider .logo-marquee__group:nth-child(even) .logo-marquee__list { -webkit-animation-direction: reverse; animation-direction: reverse; }

.masthead__slider .logo-marquee__list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-animation: scroll-y 30s linear infinite; animation: scroll-y 30s linear infinite; width: 100%; gap: 0; -webkit-animation-duration: 45s; animation-duration: 45s; min-width: 100%; }

.masthead__slider .logo-marquee__list .item { width: 100%; height: auto; max-width: 100%; max-height: auto; padding-left: 0; padding-right: 0; }

.masthead__slider .logo-marquee__list .item img { width: 100%; height: auto; max-height: 100%; }

@media (max-width: 991px) { .masthead__slider { max-height: 299px; }
  .masthead__slider .logo-marquee__group:first-child { margin-top: 0; } }

.client-testimonial { padding: 64px 0; background: #F2F4F7; }

.client-testimonial .testi-big { margin-top: 128px; margin-bottom: 32px; padding: 32px; background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); border-radius: 4px 0px 0px 4px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.client-testimonial .testi-big__media { width: 400px; height: 490px; -webkit-flex: 0 0 400px; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; margin-top: -140px; position: relative; margin-right: 78px; }

.client-testimonial .testi-big__media img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; object-position: bottom; }

.client-testimonial .testi-big__quote { margin-bottom: 24px; }

.client-testimonial .testi-big__quote p { margin-bottom: 16px; }

.client-testimonial .testi-big__quote p:last-child { margin-bottom: 0; }

.client-testimonial .testi-big__meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.client-testimonial .testi-big__meta b, .client-testimonial .testi-big__meta span { display: block; }

.client-testimonial .testi-big__logo { width: auto; height: 50px; object-fit: contain; }

.client-testimonial .testi-sm { background: #FFF; border-radius: 4px 0px 0px 4px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); padding: 32px; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.client-testimonial .testi-sm__quote { margin-bottom: 24px; }

.client-testimonial .testi-sm__quote p { margin-bottom: 16px; }

.client-testimonial .testi-sm__quote p:last-child { margin-bottom: 0; }

.client-testimonial .testi-sm__meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.client-testimonial .testi-sm__img { height: 105px; width: auto; margin-right: 16px; }

.client-testimonial .testi-sm__info b, .client-testimonial .testi-sm__info span { display: block; }

.client-testimonial .testi-sm__info span { margin-bottom: 4px; }

@media (max-width: 991px) { .client-testimonial { padding: 32px 0; }
  .client-testimonial .testi-big { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 24px 12px; margin-top: 85px; margin-bottom: 24px; }
  .client-testimonial .testi-big__media { margin-right: 0; margin-bottom: 8px; margin-top: -90px; height: 292px; }
  .client-testimonial .testi-big__meta { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .client-testimonial .testi-big__info { margin-bottom: 12px; }
  .client-testimonial .testi-sm { padding: 24px 12px; margin-bottom: 24px; height: calc(100% - 24px); }
  .client-testimonial .testi-sm__img { display: none; } }

.card-testi { padding: 64px 0; }

.card-testi .card__wrap { margin-top: 32px; }

.card-testi__filter { padding-top: 16px; }

.card-testi__filter form { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.card-testi__filter .form-group { margin: 0; display: block; width: 100%; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; padding-left: 8px; padding-right: 8px; }

.card-testi__filter .form-action { padding-top: 0; display: block; width: 100%; max-width: 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; padding-left: 8px; padding-right: 8px; }

.card-testi__filter .form-action .btn { display: block; width: 100%; }

.card-testi .card { border-radius: 4px; overflow: hidden; border: 0; height: calc(100% - 24px); margin-bottom: 24px; }

.card-testi .card__img-box { display: block; width: 100%; padding-top: 56%; position: relative; }

.card-testi .card__img-box img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }

.card-testi .card__content { padding: 24px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.card-testi .card__icon { position: absolute; width: 24px; height: 24px; object-fit: contain; top: 25px; left: 24px; }

.card-testi .card__title { padding-left: 32px; font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 16px; }

.card-testi .card__title.no-icon { padding-left: 0; }

.card-testi .card__desc { margin-top: auto; }

.card-testi .card__desc p { min-height: 96px; }

.card-testi .card__info { margin-bottom: 4px; }

.card-testi .card__info b, .card-testi .card__info span { display: block; }

.card-testi .card__logo { height: 50px; width: auto; object-position: left center; object-fit: contain; }

.card-testi .card__action { margin-top: 26px; visibility: hidden; opacity: 0; transition: all linear .3s; }

.card-testi .card:hover { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); }

.card-testi .card:hover .card__action { visibility: visible; opacity: 1; transition: all linear .3s; }

@media (max-width: 991px) { .card-testi { padding: 32px 0; }
  .card-testi__filter { padding-top: 8px; }
  .card-testi__filter form { display: block; }
  .card-testi__filter .form-group { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 8px; padding: 0; }
  .card-testi__filter .form-action { margin-top: 8px; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; }
  .card-testi .card { border: 1px solid #D0D6DD; }
  .card-testi .card__icon { left: 12px; top: 13px; }
  .card-testi .card__content { padding: 12px 12px 24px 12px; }
  .card-testi .card__action { visibility: visible; opacity: 1; }
  .card-testi .card:hover { box-shadow: none; } }

.big-number { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -16px; margin-right: -16px; }

.big-number .item { width: 100%; max-width: 280px; -webkit-flex: 0 0 280px; -ms-flex: 0 0 280px; flex: 0 0 280px; padding-right: 16px; padding-left: 16px; }

.big-number .item span.large { display: block; color: #2B2A35; font-size: 48px; line-height: 56px; font-family: "Inter", sans-serif; font-weight: 600; }

.big-number .item p { color: #2B2A35; font-family: "Inter", sans-serif; font-weight: 500; }

@media (max-width: 375px) { .big-number .item { margin-bottom: 40px; } }

.cs-detail__head { padding-top: 50px; padding-bottom: 80px; }

.cs-detail__body { padding-bottom: 64px; }

.cs-detail__body .free-trial-block { margin-bottom: 32px; }

.cs-detail .sp-block { margin-bottom: 80px; }

.cs-detail .sp-block .img { margin-bottom: 16px; }

.cs-detail .sp-block .title { font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 12px; }

.cs-detail .sp-block__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px 0; }

.cs-detail .sp-block__problem { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 32px 48px; background: #F2F4F7; border-radius: 8px 0 0 8px; }

.cs-detail .sp-block__problem .title { color: #2B2A35; }

.cs-detail .sp-block__solution { display: block; position: relative; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 32px 48px; color: #FFF; background: #2C9CA3; border-radius: 0 8px 8px 0; }

.cs-detail .sp-block__solution .img, .cs-detail .sp-block__solution .title, .cs-detail .sp-block__solution p { z-index: 2; position: relative; }

.cs-detail .sp-block__solution:before { content: ""; z-index: 1; display: block; position: absolute; width: 34px; height: calc(100% + 32px); top: -16px; left: -32px; background: #2C9CA3; border-radius: 6px 0 0 6px; -webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, calc(100% - 2px) 50%, 0% 0%); clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, calc(100% - 2px) 50%, 0% 0%); }

.cs-detail .sp-block__solution:after { content: ""; z-index: 1; display: block; position: absolute; width: 100%; height: calc(100% + 32px); top: -16px; left: 0; background: #2C9CA3; border-radius: 0 8px 8px 0; }

@media (max-width: 375px) { .cs-detail .sp-block { margin-bottom: 48px; }
  .cs-detail .sp-block .sp-block__wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .cs-detail .sp-block .sp-block__problem, .cs-detail .sp-block .sp-block__solution { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px; }
  .cs-detail .sp-block .sp-block__problem { border-radius: 8px 8px 0 0; }
  .cs-detail .sp-block .sp-block__solution { border-radius: 0 0 8px 8px; }
  .cs-detail .sp-block .sp-block__solution:before, .cs-detail .sp-block .sp-block__solution:after { display: none; } }

.cs-detail .img-full { margin-bottom: 24px; }

.cs-detail .blockquote__author { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 104px; }

.cs-detail .blockquote__author .author__avatar { display: block; width: 40px; height: 40px; margin-right: 16px; }

.cs-detail .blockquote__author .author__text { width: 100%; max-width: calc(100% - 40px); }

.cs-detail .blockquote__author .author__text span { display: block; font-size: 14px; line-height: 20px; }

.cs-detail .blockquote__author .author__name { color: #2B2A35; font-family: "Inter", sans-serif; font-weight: 600; }

.cs-detail blockquote { position: relative; font-style: normal; max-width: 600px; margin: 24px auto; }

.cs-detail blockquote p { color: #2B2A35; font-size: 16px; line-height: 24px; }

.cs-detail blockquote p span { font-weight: 600 !important; }

.cs-detail blockquote:before { content: "\201C"; display: block; position: absolute; top: -16px; left: -36px; font-size: 76px; line-height: 90px; color: #F96D01; font-family: "Inter", sans-serif; font-weight: 600; }

@media (max-width: 375px) { .cs-detail blockquote { margin-left: 32px; }
  .cs-detail blockquote blockquote p { font-size: 20px; line-height: 28px; } }

.cs-detail .featured-block { padding: 40px 0 80px; }

.cs-detail .featured-block .item__img { margin-bottom: 8px; }

.cs-detail .featured-block .item__title { display: block; color: #2B2A35; margin-bottom: 12px; font-family: "Inter", sans-serif; font-weight: 600; }

@media (max-width: 375px) { .cs-detail .featured-block { padding-bottom: 48px; }
  .cs-detail .featured-block .item { margin-bottom: 32px; } }

.cs-detail .block-2-col { padding: 74px 0; }

.cs-detail .block-2-col .item:not(:last-child) { margin-bottom: 100px; }

.cs-detail .block-2-col .item:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 375px) { .cs-detail .block-2-col .item { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .cs-detail .block-2-col .item img { margin-bottom: 24px; }
  .cs-detail .block-2-col .item:nth-child(even) { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.cs-detail article { font-family: "Inter", sans-serif; font-weight: 400; }

.cs-detail article .btn { white-space: break-spaces; }

.cs-detail article p { margin: 0 0 24px; }

.cs-detail article p:last-child { margin: 0; }

.cs-detail article img { max-width: 100%; height: auto; }

.cs-detail article h2, .cs-detail article h3, .cs-detail article h4 { margin-bottom: 1rem; }

.cs-sidebar__wrap { max-width: 312px; margin-bottom: 48px; background: #F1F5F9; padding: 16px; border-radius: 4px; }

.cs-sidebar .item { margin-bottom: 32px; }

.cs-sidebar .item .custom-list > li:before { width: 18px; height: 18px; }

.cs-sidebar .item .custom-list li { padding-left: 32px; }

.cs-sidebar .item__title { font-size: 14px; line-height: 20px; color: #2B2A35; margin-bottom: 8px; font-family: "Inter", sans-serif; font-weight: 600; }

.cs-sidebar .item__desc { font-size: 14px; line-height: 20px; color: #2B2A35; }

.cs-sidebar .item__desc ul li { margin-bottom: 8px; }

.cs-sidebar .item__desc ul li a { color: #2B2A35; text-decoration: underline; opacity: 1; transition: all .4s ease; }

.cs-sidebar .item__desc ul li a:hover { opacity: .5; }

.cs-sidebar .item-action .btn { display: block; }

@media (max-width: 375px) { .cs-sidebar { margin-bottom: 64px; } }

.cs-more, .case-study { padding: 80px 0; background: #F2F4F7; }

.cs-more__filter, .case-study__filter { margin: 0 0 48px; }

.cs-more__filter .bootstrap-select > .dropdown-toggle, .case-study__filter .bootstrap-select > .dropdown-toggle { padding-top: 9px; padding-bottom: 9px; }

.cs-more__filter form, .case-study__filter form { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; }

.cs-more__filter .form-group, .cs-more__filter .form-action, .case-study__filter .form-group, .case-study__filter .form-action { display: block; margin: 0; padding: 0 8px; width: 100%; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }

.cs-more__filter .form-group, .case-study__filter .form-group { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; }

.cs-more__filter .form-action, .case-study__filter .form-action { -webkit-flex-grow: 1.2; -ms-flex-positive: 1.2; flex-grow: 1.2; }

.cs-more__filter .form-action .btn, .case-study__filter .form-action .btn { display: block; width: 100%; padding-left: 15px; padding-right: 15px; }

@media (max-width: 375px) { .cs-more__filter, .case-study__filter { padding-left: 20%; padding-right: 20%; }
  .cs-more__filter form, .case-study__filter form { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.cs-more .item, .case-study .item { border-radius: 4px; margin-bottom: 48px; }

.cs-more .item__wrap, .case-study .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.cs-more .item__img, .case-study .item__img { display: block; position: relative; width: 100%; padding-top: 56%; }

.cs-more .item__img img, .case-study .item__img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px 4px 0 0; }

.cs-more .item__cta, .case-study .item__cta { margin-top: auto; }

.cs-more .item__content, .case-study .item__content { padding: 20px 23px 24px; background: #fff; border: 1px solid #DFDFDF; border-radius: 0 0 4px 4px; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.cs-more .item__title, .case-study .item__title { margin-bottom: 8px; font-size: 20px; line-height: 32px; }

.cs-more .item__title a, .case-study .item__title a { display: block; color: #2B2A35; text-decoration: none; }

.cs-more .item__title a:hover, .case-study .item__title a:hover { color: #4A26C4; }

.cs-more .item__desc, .case-study .item__desc { margin-bottom: 16px; }

.cs-more .section-head { width: 100%; margin-bottom: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.cs-more .section-head__title { font-size: 24px; line-height: 32px; margin-bottom: 0; }

.cs-more .section-head__more { margin-bottom: 0; margin-left: auto; padding-right: 32px; }

.cs-more .item { margin-bottom: 0; }

.steps--calendar { padding: 64px 0; }

.steps--calendar ul.steps-list, .steps--calendar ol.steps-list { padding-left: 0; position: relative; }

.steps--calendar ul.steps-list li, .steps--calendar ol.steps-list li { padding-left: 60px; margin-bottom: 16px; position: relative; list-style: none; counter-increment: li; }

.steps--calendar ul.steps-list li::before, .steps--calendar ol.steps-list li::before { content: ''; width: 1px; height: calc(100% + 16px); background: #D0D6DD; top: 16px; left: 24px; display: inline-block; position: absolute; }

.steps--calendar ul.steps-list li::after, .steps--calendar ol.steps-list li::after { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); border-radius: 29px; border: 4px solid #FBF3DD; left: 0; top: 0; position: absolute; content: counter(li); font-family: "Inter", sans-serif; font-weight: 600; color: #FFF; }

.steps--calendar ul.steps-list li:last-child, .steps--calendar ol.steps-list li:last-child { margin-bottom: 0; }

.steps--calendar ul.steps-list li:last-child::before, .steps--calendar ol.steps-list li:last-child::before { display: none; }

.steps--calendar ul.steps-list li b, .steps--calendar ol.steps-list li b { display: block; margin-bottom: 12px; }

@media (max-width: 991px) { .steps--calendar { padding: 32px 0; }
  .steps--calendar .steps__img { display: block; padding-left: 0; } }

.calendar { padding: 64px 0; position: relative; }

.calendar__action { position: absolute; top: 32px; right: 32px; }

.calendar #calendar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; margin: 0 auto; height: auto; overflow: hidden; padding: 32px; border: 1px solid #D0D6DD; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 6px; }

.calendar #calendar .header { height: 50px; width: 30%; background: #FFF; text-align: center; position: relative; z-index: 100; margin-bottom: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.calendar #calendar .header h3 { margin: 0; padding: 0; font-size: 20px; line-height: 28px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; letter-spacing: 1px; }

.calendar #calendar .left, .calendar #calendar .right { position: absolute; width: 0px; height: 0px; border-style: solid; top: 50%; margin-top: -7.5px; cursor: pointer; }

.calendar #calendar .left { border-width: 7.5px 10px 7.5px 0; border-color: transparent #a09fa0 transparent transparent; left: 20px; }

.calendar #calendar .right { border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent #a09fa0; right: 20px; }

.calendar #calendar .week-label { border-top: 1px solid #D0D6DD; padding-top: 24px; }

.calendar #calendar .month { opacity: 0; }

.calendar #calendar .month.new { -webkit-animation: fadeIn 1s ease-out; opacity: 1; }

.calendar #calendar .month.in.next { -webkit-animation: moveFromTopFadeMonth .4s ease-out; animation: moveFromTopFadeMonth .4s ease-out; opacity: 1; }

.calendar #calendar .month.in.prev { -webkit-animation: moveFromBottomFadeMonth .4s ease-out; animation: moveFromBottomFadeMonth .4s ease-out; opacity: 1; }

.calendar #calendar .month.out.next { -webkit-animation: moveToTopFadeMonth .4s ease-in; animation: moveToTopFadeMonth .4s ease-in; opacity: 1; }

.calendar #calendar .month.out.prev { -webkit-animation: moveToBottomFadeMonth .4s ease-in; animation: moveToBottomFadeMonth .4s ease-in; opacity: 1; }

.calendar #calendar .week { background: #FFF; }

.calendar #calendar .day { display: inline-block; width: calc(100% / 7); padding: 10px; text-align: center; vertical-align: top; cursor: pointer; background: #FFF; position: relative; z-index: 100; color: #232933; font-size: 32px; line-height: 48px; border-radius: 8px; font-family: "Inter", sans-serif; font-weight: 400; }

.calendar #calendar .day.other { color: #8B95A5; }

.calendar #calendar .day.today { background: #FBF3DD; }

.calendar #calendar .day .day-events { list-style: none; margin-top: 3px; text-align: center; height: 12px; line-height: 6px; overflow: hidden; }

.calendar #calendar .day .day-events span { vertical-align: top; display: inline-block; padding: 0; margin: 0; width: 44px; height: 8px; border-radius: 12px; line-height: 5px; margin: 0 1px; }

.calendar #calendar .day-name { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; color: #626B79; letter-spacing: .7px; }

.calendar #calendar .day-number { padding-top: 12px; font-size: 24px; letter-spacing: 1.5px; }

.calendar #calendar .blue { background: #9ccaeb; }

.calendar #calendar .orange { background: #E0AB00; }

.calendar #calendar .green { background: #99c66d; }

.calendar #calendar .yellow { background: #f9e900; }

.calendar #calendar .details { position: relative; width: 100%; height: 75px; background: #E0AB00; margin-top: 5px; border-radius: 4px; color: #FFF; display: none; }

.calendar #calendar .details.in { -webkit-animation: moveFromTopFade .5s ease both; animation: moveFromTopFade .5s ease both; }

.calendar #calendar .details.out { -webkit-animation: moveToTopFade .5s ease both; animation: moveToTopFade .5s ease both; }

.calendar #calendar .details.out .events { -webkit-animation: fadeOutShrink .4s ease both; animation: fadeOutShink .4s ease both; }

.calendar #calendar .arrow { position: absolute; top: -5px; left: 50%; margin-left: -2px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #a4a4a4 transparent; transition: all 0.7s ease; }

.calendar #calendar .events { height: 75px; padding: 7px 0; overflow-y: auto; overflow-x: hidden; }

.calendar #calendar .events.in { -webkit-animation: fadeIn .3s ease both; animation: fadeIn .3s ease both; -webkit-animation-delay: .3s; animation-delay: .3s; }

.calendar #calendar .events.out { -webkit-animation: fadeOut .3s ease both; animation: fadeOut .3s ease both; }

.calendar #calendar .event { font-size: 16px; line-height: 22px; letter-spacing: .5px; padding: 2px 16px; vertical-align: top; }

.calendar #calendar .event.empty { color: #eee; }

.calendar #calendar .event span { display: inline-block; padding: 0 0 0 7px; }

.calendar #calendar .event-category { height: 10px; width: 10px; display: inline-block; margin: 6px 0 0; vertical-align: top; }

.calendar #calendar .legend { display: block; width: 100%; margin-top: 24px; }

.calendar #calendar .legend__label { font-size: 20px; line-height: 28px; margin-bottom: 24px; display: block; }

.calendar #calendar .legend .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; }

.calendar #calendar .legend .item__date { width: 88px; height: 88px; border-radius: 8px; background: #E0AB00; color: #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 32px; line-height: 48px; margin-right: 12px; }

.calendar #calendar .legend .item__meta { min-height: 70px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: space-between; -ms-flex-align: space-between; align-items: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }

.calendar #calendar .legend .item__desc { display: block; }

.calendar #calendar .entry { position: relative; padding: 0 0 0 25px; font-size: 13px; display: inline-block; line-height: 30px; background: transparent; }

.calendar #calendar .entry:after { position: absolute; content: ''; height: 5px; width: 5px; top: 12px; left: 14px; }

.calendar #calendar .entry.blue:after { background: #9ccaeb; }

.calendar #calendar .entry.orange:after { background: #f7a700; }

.calendar #calendar .entry.green:after { background: #99c66d; }

.calendar #calendar .entry.yellow:after { background: #f9e900; }

@-webkit-keyframes { moveFromTopFade { from { opacity: .3;
      height: 0px;
      margin-top: 0px;
      -webkit-transform: translateY(-100%); } } }

@keyframes { moveFromTopFade { from { height: 0px;
      margin-top: 0px;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); } }
  moveToTopFade { to { height: 0px;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); } }
  moveToTopFadeMonth { to { opacity: 0;
      -moz-transform: translateY(-30%); } }
  moveFromTopFadeMonth { from { opacity: 0;
      -moz-transform: translateY(30%); } }
  moveToBottomFadeMonth { to { opacity: 0;
      -webkit-transform: translateY(30%); } }
  moveFromBottomFadeMonth { from { opacity: 0;
      -webkit-transform: translateY(-30%); } }
  fadeIn { from { opacity: 0; } }
  fadeOut { to { opacity: 0; } }
  fadeOutShink { to { opacity: 0;
      padding: 0px;
      height: 0px; } } }

@-webkit-keyframes { moveToTopFade { to { opacity: .3;
      height: 0px;
      margin-top: 0px;
      opacity: 0.3;
      -webkit-transform: translateY(-100%); } }
  moveToTopFadeMonth { to { opacity: 0;
      -webkit-transform: translateY(-30%) scale(0.95); } }
  moveFromTopFadeMonth { from { opacity: 0;
      -webkit-transform: translateY(30%) scale(0.95); } }
  moveToBottomFadeMonth { to { opacity: 0;
      -webkit-transform: translateY(30%) scale(0.95); } }
  moveFromBottomFadeMonth { from { opacity: 0;
      -webkit-transform: translateY(-30%) scale(0.95); } }
  fadeIn { from { opacity: 0; } }
  fadeOut { to { opacity: 0; } }
  fadeOutShink { to { opacity: 0;
      padding: 0px;
      height: 0px; } } }

@media (max-width: 991px) { .calendar { padding: 32px 0; }
  .calendar #calendar { padding: 26px 21px; }
  .calendar #calendar .header { width: 100%; height: auto; margin-bottom: 12px; }
  .calendar #calendar .header h3 { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 400; }
  .calendar #calendar .week-label { padding-top: 0; border-top: none; }
  .calendar #calendar .month .week .day .day-number { padding-top: 0; font-size: 14px; line-height: 20px; }
  .calendar #calendar .month .week .day .day-events { text-align: center; height: auto; }
  .calendar #calendar .month .week .day .day-events span { width: 90%; height: 4px; }
  .calendar #calendar .legend__label { font-size: 14px; line-height: 20px; }
  .calendar #calendar .legend .item { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 4px; }
  .calendar #calendar .legend .item__date { width: 24px; height: 24px; font-size: 14px; line-height: 20px; margin-top: 3px; }
  .calendar #calendar .legend .item__meta { min-height: 0; } }

.tb-up { position: relative; background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); }

.tb-up__img { display: block; width: auto; height: auto; max-width: 100%; max-height: 144px; }

.tb-up__sub { color: #FFF; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; text-align: center; }

.tb-up__title { color: #FFF; font-size: 32px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 700; text-align: center; }

.tb-up__desc { color: #FFF; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; text-align: center; }

.tb-up__action { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tb-up__sm { display: none; }

.tb-up__left { display: block; width: 100%; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }

.tb-up__center { display: block; width: 100%; max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; padding: 20px; }

.tb-up__right { display: block; width: 100%; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; text-align: right; }

.tb-up__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 991px) { .tb-up__left, .tb-up__right, .tb-up__sub, .tb-up__desc, .tb-up__title { display: none; }
  .tb-up__center { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .tb-up__sm { display: block; text-align: center; }
  .tb-up__sm .title { font-size: 20px; line-height: 28px; color: #FFF; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 12px; }
  .tb-up__sm .btn { width: 100%; }
  .tb-up__title { font-size: 20px; line-height: 28px; } }

.block-upwn .item__img { position: relative; width: 100%; padding-top: 59.55%; }

.block-upwn .item__img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }

.block-upwn .item__sub { font-family: "Inter", sans-serif; font-weight: 600; }

.block-upwn .item__title { font-size: 32px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 12px; }

.block-upwn .item__img-sm { display: none; }

.block-upwn .item__desc p { margin-bottom: 20px; }

.block-upwn .item__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }

.block-upwn .item__action .btn { margin-left: 8px; margin-right: 8px; }

.block-upwn .item__wrap { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.block-upwn__title { text-align: center; font-size: 32px; line-height: 48px; margin: 0 0 8px; }

.block-upwn__desc { text-align: center; }

.block-upwn__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-upwn .item { padding-left: 12px; padding-right: 12px; }
  .block-upwn .item__title { font-size: 28px; line-height: 36px; margin: 0 0 12px; }
  .block-upwn .item__img-sm { display: block; margin: 0 0 12px; position: relative; width: 100%; padding-top: 59.55%; }
  .block-upwn .item__img-sm img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
  .block-upwn .item__action { margin-left: 0; margin-right: 0; }
  .block-upwn .item__action .btn, .block-upwn .item__action .link-more { margin-left: 0; margin-right: 0; width: 100%; margin-top: 8px; }
  .block-upwn .item__wrap { border: 1px solid #DFDFDF; border-radius: 4px; padding: 12px 0; margin: 0; }
  .block-upwn .item__wrap > .col-lg-7 { display: none; }
  .block-upwn__title { font-size: 28px; line-height: 36px; }
  .block-upwn__slider { margin-left: -12px; margin-right: -12px; width: calc(100% + 24px); }
  .block-upwn__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-upposts .item { position: relative; }

.block-upposts .item__img { position: relative; margin: 0 0 24px; padding-top: 56.736%; overflow: hidden; border-radius: 4px; }

.block-upposts .item__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; -webkit-transform: none; transform: none; transition: all .4s ease-in-out; }

.block-upposts .item__img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.block-upposts .item__sub { font-size: 14px; line-height: 20px; display: block; color: #626B79; }

.block-upposts .item__title { font-size: 20px; line-height: 28px; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; margin: 0; }

.block-upposts .item__title a { transition: all .3s ease; }

.block-upposts .item__title:hover a { color: #F58232; }

.block-upposts .item__auth { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.block-upposts .item__auth span { display: block; font-size: 16px; line-height: 24px; color: #626B79; font-family: "Inter", sans-serif; font-weight: 400; }

.block-upposts .item__auth .date::before { content: "•"; display: inline-block; margin: 0 8px; }

.block-upposts .item__desc { overflow: hidden; max-height: 72px; min-height: 72px; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; }

.block-upposts .item__desc p { font-family: "Inter", sans-serif; font-weight: 400; }

.block-upposts .item__desc p:last-child { margin: 0; }

.block-upposts .item__action { margin-top: auto; padding-top: 24px; }

.block-upposts .item__action .btn { width: 100%; }

.block-upposts .item__wrap { position: relative; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.block-upposts .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; }

.block-upposts .item::before { content: ""; z-index: 1; display: block; width: 100%; height: calc(100% + 24px); position: absolute; top: -12px; left: 0; border-radius: 8px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0), 0px 4px 6px -2px rgba(0, 0, 0, 0); transition: all .3s ease; }

.block-upposts .item:hover::before { box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }

.block-upposts .item:not(.col-lg-4) { padding-left: 12px; padding-right: 12px; }

.block-upposts .item:not(.col-lg-4) .item__title { min-height: 110px; }

.block-upposts__shead { margin-bottom: 24px; }

.block-upposts__title { font-family: "Inter", sans-serif; font-weight: 600; }

.block-upposts__action { margin-left: -8px; margin-right: -8px; }

.block-upposts__action .btn, .block-upposts__action .link-more { margin-left: 8px; margin-right: 8px; }

.block-upposts__more { padding-top: 32px; text-align: center; width: 100%; }

.block-upposts__wrap { padding-top: 64px; padding-bottom: 64px; }

.block-upposts .owl-dots { display: block !important; }

@media (max-width: 991px) { .block-upposts .item { padding-left: 12px; padding-right: 12px; margin: 0 0 2px; }
  .block-upposts .item__img { margin: 0 0 12px; }
  .block-upposts .item__title { margin: 0 0 12px; }
  .block-upposts .item__action { padding-top: 12px; }
  .block-upposts .item__wrap { border: 1px solid #DFDFDF; border-radius: 4px; padding: 12px; }
  .block-upposts__smain { position: relative; margin-left: -12px; margin-right: -12px; width: calc(100% + 24px); }
  .block-upposts__shead { text-align: center; }
  .block-upposts__title { font-size: 28px; line-height: 36px; margin: 0 0 8px; }
  .block-upposts__action { margin-left: 0; margin-right: 0; }
  .block-upposts__action .btn, .block-upposts__action .link-more { margin-left: 0; margin-right: 0; }
  .block-upposts__desc p { margin: 0 0 8px; }
  .block-upposts__desc .btn { width: 100%; }
  .block-upposts__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-upebook__img { position: relative; text-align: center; }

.block-upebook__img img { display: inline-block; max-width: 264px; height: auto; margin-top: -64px; }

.block-upebook__title { margin: 0 0 8px; }

.block-upebook__desc { margin: 0 0 8px; }

.block-upebook__desc p { font-family: "Inter", sans-serif; font-weight: 400; }

.block-upebook__desc p:last-child { margin: 0; }

.block-upebook__box { background: #EAECFB; border-radius: 4px; min-height: 348px; padding: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0; margin-right: 0; position: relative; }

.block-upebook__box::before { content: ""; display: block; width: 40%; height: 100%; background-image: url(../images/or-update-pajak.svg); background-position: -2px 85%; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }

.block-upebook__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-upebook__img { margin: 0 0 32px; }
  .block-upebook__img img { margin-top: 0; max-height: 280px; max-width: 100%; width: auto; height: auto; }
  .block-upebook__box { padding: 24px 12px; }
  .block-upebook__box::before { width: 100%; height: 300px; } }

.block-upform__sub { font-family: "Inter", sans-serif; font-weight: 600; }

.block-upform__title { font-family: "Inter", sans-serif; font-weight: 600; }

.block-upform__img img { display: block; max-width: 100%; height: auto; width: auto; }

.block-upform__box { box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 8px; margin-left: 16px; padding: 32px; }

.block-upform__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-upform__sub { text-align: center; }
  .block-upform__title { text-align: center; font-size: 28px; line-height: 36px; margin: 0 0 24px; }
  .block-upform__box { padding: 24px; margin-left: 0; } }

.block-wbb__title { margin: 0 0 12px; }

.block-wbb__desc { margin: 0 0 12px; }

.block-wbb__img img { max-width: 100%; height: auto; }

.block-wbb__box { background: #EAECFB; border-radius: 4px; padding: 32px; }

.block-wbb__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-wbb__img { margin-top: 24px; }
  .block-wbb__box { padding: 24px; }
  .block-wbb__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-wspeakers__title { text-align: center; margin: 0 0 32px; }

.block-wspeakers .item__img { margin: 0 0 8px; }

.block-wspeakers .item__img img { display: block; width: 120px; height: 120px; object-fit: cover; object-position: center; border-radius: 60px; margin: 0 auto; }

.block-wspeakers .item__name { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; text-align: center; }

.block-wspeakers .item__title { text-align: center; }

.block-wspeakers__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-wspeakers .item { margin-bottom: 24px; }
  .block-wspeakers .item__img img { width: 80px; height: 80px; }
  .block-wspeakers__wrap { padding-top: 32px; padding-bottom: 8px; } }

.block-wdetail__sub { display: block; margin: 0 0 8px; }

.block-wdetail__title { margin: 0 0 24px; }

.block-wdetail__points .title { display: block; margin: 0 0 8px; }

.block-wdetail__rundown .date { display: block; font-family: "Inter", sans-serif; font-weight: 600; color: #626B79; font-size: 20px; line-height: 28px; }

.block-wdetail__rundown hr { margin: 24px 0; }

.block-wdetail__rundown .items { position: relative; }

.block-wdetail__rundown .item__left { display: block; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; color: #232933; }

.block-wdetail__rundown .item__right { display: block; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; color: #232933; }

.block-wdetail__rundown .item__right span.title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; }

.block-wdetail__rundown .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.block-wdetail__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-wdetail__rundown { padding-top: 32px; }
  .block-wdetail__rundown hr { margin: 16px 0; }
  .block-wdetail__rundown .item__left, .block-wdetail__rundown .item__right { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .block-wdetail__rundown .item__left { padding-bottom: 8px; }
  .block-wdetail__rundown .item__right span.title { font-size: 16px; line-height: 24px; }
  .block-wdetail__rundown .item__wrap { display: block; }
  .block-wdetail__wrap { padding-top: 32px; padding-bottom: 32px; } }

#webinar_prev_posts.loading { position: relative; }

#webinar_prev_posts.loading::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); background-image: url(../images/loading.svg); background-repeat: no-repeat; background-position: center; background-size: 48px; z-index: 2; }

#webinar_prev_posts .item { margin-top: 48px; }

@media (max-width: 991px) { #webinar_prev_posts .item { margin-top: 24px; } }

.block-kpsc { background: #F2F4F7; }

.block-kpsc form .btn { padding-left: 12px; padding-right: 12px; }

.block-kpsc__title { display: block; font-size: 32px; line-height: 48px; text-align: center; font-family: "Inter", sans-serif; font-weight: 600; margin: 0 0 24px; }

.block-kpsc__wrap { padding-top: 64px; padding-bottom: 64px; }

.block-kpsc .bootstrap-select .dropdown-menu { width: 100% !important; min-width: 100% !important; }

.block-kpsc .bootstrap-select .dropdown-menu .dropdown-item { white-space: normal; }

@media (max-width: 991px) { .block-kpsc .col-lg-2 { margin-top: 16px; }
  .block-kpsc__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-kpftrs .item { margin: 0 0 24px; }

.block-kpftrs .item__img { margin: 0 0 8px; }

.block-kpftrs .item__img img { display: block; height: 52px; width: auto; }

.block-kpftrs .item__title { margin: 0 0 8px; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.block-kpftrs .item__desc p:last-child { margin: 0; }

.block-kpftrs .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px solid #DFDFDF; border-radius: 8px; padding: 24px; }

.block-kpftrs .items { margin-bottom: -24px; }

.block-kpftrs .items.nb .item__img img { height: 40px; }

.block-kpftrs .items.nb .item__wrap { border-color: transparent; }

.block-kpftrs__title { text-align: center; margin: 0 0 8px; }

.block-kpftrs__desc { text-align: center; margin: 0 auto 24px; max-width: 690px; }

.block-kpftrs__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-kpftrs .item { margin-bottom: 12px; }
  .block-kpftrs .item__img { position: absolute; top: 12px; left: 12px; }
  .block-kpftrs .item__img img { width: 32px; height: auto; }
  .block-kpftrs .item__wrap { position: relative; padding: 12px 12px 12px 52px; }
  .block-kpftrs .items { margin-bottom: -24px; }
  .block-kpftrs .items.nb .item__wrap { border-color: #DFDFDF; }
  .block-kpftrs__wrap { padding-top: 32px; padding-bottom: 32px; } }

.compare-cards--kp .compare-cards__desc { margin: 0 auto 24px; }

.compare-cards--kp .compare-cards__compare .item--highlight .item__head { background: linear-gradient(340deg, #FF7C1F 9.7%, #FF9100 47.12%, #FFC333 84.53%); border-bottom: #DB8000; }

.compare-cards--kp .compare-cards__compare .item--highlight .item__wrap { border-color: #DB8000; }

.compare-cards--kp .compare-cards__compare .compare-nav .nav-link.nav-link--highlight.active { border-color: #DB8000; }

.block-kpposts .item { margin: 0 0 24px; }

.block-kpposts .item__img { position: relative; width: 100%; padding-top: 55.357%; margin-bottom: 24px; }

.block-kpposts .item__img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.block-kpposts .item__title { margin: 0 0 16px; padding: 0 24px; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.block-kpposts .item__title a { transition: all .3s ease; }

.block-kpposts .item__title a:hover { color: #F58232; }

.block-kpposts .item__desc { padding: 0 24px; }

.block-kpposts .item__desc .list-title { font-family: "Inter", sans-serif; font-weight: 600; }

.block-kpposts .item__desc ul { font-family: "Inter", sans-serif; font-weight: 400; padding-left: 24px; list-style-type: "-  "; }

.block-kpposts .item__action { padding: 24px; margin-top: auto; }

.block-kpposts .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; overflow: hidden; height: 100%; border: 1px solid #DFDFDF; }

.block-kpposts .items { margin-bottom: -24px; }

.block-kpposts__title { font-size: 32px; line-height: 48px; margin: 0 0 24px; text-align: center; }

.block-kpposts__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-kpposts__wrap { padding-top: 32px; padding-bottom: 32px; } }

.block-kpsingle__title { text-align: center; font-size: 32px; line-height: 48px; margin: 0 0 24px; }

.block-kpsingle__box { display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #DFDFDF; }

.block-kpsingle__box .box__img, .block-kpsingle__box .box__content { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.block-kpsingle__box .box__img img { display: block; width: 100%; height: auto; }

.block-kpsingle__box .box__content { padding: 24px; }

.block-kpsingle__box .box__content .item { position: relative; padding-left: 32px; margin: 0 0 16px; }

.block-kpsingle__box .box__content .item__icon { position: absolute; top: 0; left: 0; }

.block-kpsingle__box .box__content .item__title { font-family: "Inter", sans-serif; font-weight: 600; display: block; margin: 0; }

.block-kpsingle__box .box__content .item a { color: #4B61DD; }

.block-kpsingle__box .box__content .item a:hover { text-decoration: underline; }

.block-kpsingle__box .box__content .item ul { padding-left: 20px; list-style-type: "-  "; }

.block-kpsingle__box .title { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.block-kpsingle__box .box__map { position: relative; }

.block-kpsingle__box .box__map .title { display: block; margin: 0 0 8px; }

.block-kpsingle__box .box__map iframe { display: block; width: 100%; height: 300px; }

.block-kpsingle__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .block-kpsingle .box__img, .block-kpsingle .box__content { display: block; width: 100%; max-width: 100%; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; }
  .block-kpsingle__box { display: block; } }

.masthead.masthead--npwp .masthead__npwp-form { background: #EAECFB; padding: 32px; border-radius: 8px; }

.masthead.masthead--npwp .masthead__npwp-form .title { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; color: #232933; display: block; text-align: center; margin: 0 0 16px; }

.masthead.masthead--npwp .masthead__npwp-form form label { display: block; margin: 0 0 4px; font-family: "Inter", sans-serif; font-weight: 600; }

.masthead.masthead--npwp .masthead__npwp-form form .form-control { border-radius: 6px; border: 1px solid #D0D6DD; }

.masthead.masthead--npwp .masthead__npwp-form form .form-group { margin: 0 0 20px; }

.masthead.masthead--npwp .masthead__npwp-form form .fomr-action { padding-top: 4px; }

.masthead.masthead--npwp .masthead__npwp-form form .fomr-action .btn:disabled { border: 1px solid #D0D6DD; background: #EDF0F2; color: #8B95A5; opacity: 1; }

.masthead.masthead--npwp .masthead__npwp-form form .fomr-action .btn-blue-border { background: #FFF; }

.masthead.masthead--npwp .masthead__npwp-form form .fomr-action .btn-blue-border:hover { color: #4B61DD; border-color: #4B61DD; }

.masthead.masthead--npwp .masthead__npwp-form .npwp-val-msg { background: #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 40px 16px; text-align: center; }

.masthead.masthead--npwp .masthead__npwp-form .npwp-val-msg .msg { color: #626B79; text-align: center; width: 100%; }

.masthead.masthead--npwp .masthead__npwp-form .npwp-val-msg .msg .msg-valid { display: none; }

.masthead.masthead--npwp .masthead__npwp-form .btn-cn-kp, .masthead.masthead--npwp .masthead__npwp-form .btn-cn-trial, .masthead.masthead--npwp .masthead__npwp-form .btn-cn-resubmit { display: none; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .npwp-val-msg { padding: 24px 16px; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .msg { text-align: left; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .msg .msg-valid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #D0D6DD; margin: 0 0 12px; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .msg .msg-valid img { display: block; height: 58px; width: auto; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .msg .msg-valid span { display: block; padding: 12px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .text { color: #232933; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .btn-cn-submit { display: none; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-valid .btn-cn-trial { margin-top: 0; display: block; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-invalid .text { color: #232933; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-invalid .btn-cn-kp { display: block; margin-top: 0; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-invalid .btn-cn-resubmit { display: block; }

.masthead.masthead--npwp .masthead__npwp-form.npwp-invalid .btn-cn-submit { display: none; }

@media (max-width: 991px) { .masthead.masthead--npwp .masthead__right { margin-top: 32px; }
  .masthead.masthead--npwp .masthead__npwp-form { padding: 24px; } }

.cn-feature__title { text-align: center; margin: 0 0 8px; }

.cn-feature__sub { text-align: center; margin: 0 0 8px; }

.cn-feature__desc { text-align: center; margin: 0 0 8px; }

.cn-feature__content h3 { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.cn-feature__action { padding-top: 24px; margin: 0 -8px; }

.cn-feature__action .btn { margin-left: 8px; margin-right: 8px; }

.cn-feature__wrap { padding-top: 64px; padding-bottom: 64px; }

.cn-feature__wrap .row { margin-top: 24px; }

.cn-feature:nth-child(odd) .cn-feature__wrap .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 991px) { .cn-feature__action { margin: 0; }
  .cn-feature__action .btn { margin: 0 0 8px; width: 100%; }
  .cn-feature__img { padding-top: 16px; padding-bottom: 24px; }
  .cn-feature__wrap { padding-top: 32px; padding-bottom: 32px; }
  .cn-feature__wrap .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .cn-feature:nth-child(odd) .cn-feature__wrap .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.cn-cards__title { text-align: center; }

.cn-cards .item__icon { margin: 0 0 8px; }

.cn-cards .item__icon img { display: block; height: 48px; width: 48px; object-fit: contain; object-position: center; }

.cn-cards .item__title { margin: 0 0 8px; font-family: "Inter", sans-serif; font-weight: 600; }

.cn-cards .item__action { padding-top: 16px; margin-top: auto; }

.cn-cards .item__wrap { padding: 24px; border: 1px solid #D0D6DD; border-radius: 4px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.cn-cards__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .cn-cards .item { margin-bottom: 24px; }
  .cn-cards .item__wrap { padding: 16px; }
  .cn-cards .item:last-child { margin-bottom: 0; }
  .cn-cards__wrap { padding-top: 32px; padding-bottom: 32px; } }

.formpage { display: block; max-width: 600px; margin: 64px auto; }

.formpage__title { font-size: 32px; line-height: 48px; margin: 0 0 8px; text-align: center; }

.formpage__desc { margin: 0 0 24px; }

.formpage__img { border-radius: 6px 6px 0 0; overflow: hidden; margin: 0 0 8px; }

.formpage__img img { display: block; width: 100%; height: auto; position: relative; }

.formpage__form { border-radius: 6px; background: #FFF; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); padding: 48px; }

.formpage .form-action { text-align: center; }

@media (max-width: 991px) { .formpage { margin: 48px 20px; }
  .formpage__title { font-size: 20px; line-height: 28px; }
  .formpage__desc { font-size: 14px; line-height: 20px; margin: 0 0 24px; }
  .formpage__form { padding: 24px 24px 32px; } }

/* Privacy */
.privacy-page { padding-top: 64px; padding-bottom: 64px; margin-top: 58px; }

.privacy-page .sidebar-menu .item { position: relative; border-bottom: 1px solid #DFDFDF; }

.privacy-page .sidebar-menu .item__link { display: block; color: #2B2A35; padding: 12px 32px 12px 0; }

.privacy-page .sidebar-menu .item__link.active { color: #4B61DD; background: #FFF; font-family: "Inter", sans-serif; font-weight: 500; }

.privacy-page .sidebar-menu .item__link.active + .sub-item { display: block; }

.privacy-page .sidebar-menu .item__link:hover { color: #4B61DD; text-decoration: none; }

.privacy-page .sidebar-menu .item:first-child { border-top: 1px solid #DFDFDF; }

.privacy-page .sidebar-menu .sub-item { padding: 4px 0; display: none; }

.privacy-page .sidebar-menu .sub-item__link { display: block; position: relative; color: #2B2A35; padding: 0 32px; margin-bottom: 20px; }

.privacy-page .sidebar-menu .sub-item__link:after { content: ""; display: none; position: absolute; width: 20px; height: 20px; right: 0; top: 2px; background: url(../images/ic-caret-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }

.privacy-page .sidebar-menu .sub-item__link.active { color: #4B61DD; font-family: "Inter", sans-serif; font-weight: 500; }

.privacy-page .sidebar-menu .sub-item__link.active::after { display: block; }

.privacy-page .sidebar-menu .sub-item__link:hover { color: #4B61DD; text-decoration: none; }

.privacy-page__article { padding-left: 24px; }

.privacy-page__article article h1 { display: block; font-size: 40px; line-height: 56px; margin-bottom: 24px; }

.privacy-page__article article h2 { display: block; font-size: 24px; line-height: 32px; margin-bottom: 16px; }

.privacy-page__article article h3 { display: block; font-size: 18px; line-height: 27px; margin-bottom: 8px; }

.privacy-page__article article p { color: #2B2A35; margin-bottom: 24px; }

.privacy-page__article article p:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .privacy-page { padding-top: 32px; padding-bottom: 32px; margin-top: 30px; }
  .privacy-page__sidebar { margin-bottom: 32px; margin-top: 32px; max-width: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; }
  .privacy-page__article { padding-left: 0; }
  .privacy-page__article article h1 { font-size: 32px; line-height: 40px; } }

.not-found { margin-top: 99px; padding: 64px 0; color: #232933; text-align: left; }

.not-found p { font-size: 16px; line-height: 24px; }

.not-found h1 { font-family: "Inter", sans-serif; font-weight: 700; font-size: 40px; line-height: 56px; margin-bottom: 16px; color: #232933; }

.not-found .row .col-lg-6 { margin-left: 64px; padding-right: 105px; }

.not-found__title { font-family: "Inter", sans-serif; font-weight: 700; font-size: 40px; line-height: 56px; margin-bottom: 16px; color: #232933; }

.not-found__desc { margin-bottom: 24px; }

.not-found__desc p { margin-bottom: 16px; }

.not-found__desc p:last-child { margin-bottom: 0; }

.not-found__search form .form-group { position: relative; }

.not-found__search form .form-group label { display: block; font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 4px; }

.not-found__search form .form-group input.form-control { padding: 8px 8px 8px 44px; border-radius: 6px; }

.not-found__search form .form-group input.form-control::-webkit-input-placeholder { color: #8B95A5; }

.not-found__search form .form-group input.form-control::-moz-placeholder { color: #8B95A5; }

.not-found__search form .form-group input.form-control:-ms-input-placeholder { color: #8B95A5; }

.not-found__search form .form-group input.form-control::placeholder { color: #8B95A5; }

.not-found__search form .form-group::before { content: ''; width: 20px; height: 20px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background: url(../images/ic-search-2.svg) no-repeat center center; background-size: contain; position: absolute; left: 14px; bottom: 12px; opacity: 0.5; }

@media (max-width: 1025px) { .not-found .row .col-lg-6 { margin-left: 32px; padding-right: 12px; } }

@media (max-width: 991px) { .not-found { margin-top: 56px; padding: 32px 0; }
  .not-found h1 { font-size: 32px; line-height: 40px; margin-bottom: 16px; }
  .not-found__title { font-size: 32px; line-height: 40px; margin-bottom: 16px; }
  .not-found .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .not-found .row .col-lg-6 { margin-left: 0; padding-right: 15px; }
  .not-found__img { margin-top: 64px; }
  .not-found__img img { display: block; margin: 0 auto; } }

@media (max-width: 479px) { .not-found__search form .from-group:before { top: unset; bottom: 12px; } }

.cards-block { padding: 64px 0; }

.cards-block .card { height: 100%; border: none; }

.cards-block .card__img { margin-bottom: 24px; }

.cards-block .card__img img { height: 216px; width: 100%; object-fit: cover; border-radius: 4px; }

.cards-block .card__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 12px; }

.cards-block .card__desc { margin-bottom: 24px; }

@media (max-width: 991px) { .cards-block { padding: 32px 0; }
  .cards-block .card { height: calc(100% - 24px); margin-bottom: 24px; } }

.blog__header { font-size: 14px; line-height: 20px; margin-top: 111px; }

.blog__header .container { position: relative; padding-top: 64px; padding-bottom: 40px; }

.blog__header .container::after { content: ''; width: calc(100% - 24px); height: 1px; left: 12px; bottom: 0; background: #D0D6DE; position: absolute; }

.blog__header .blog__meta { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; }

.blog__header .blog__meta .blog__cat a { font-family: "Inter", sans-serif; font-weight: 600; color: #232933; text-decoration: none; transition: all linear .3s; }

.blog__header .blog__meta .blog__cat a:hover { color: black; text-decoration: underline; transition: all linear .3s; }

.blog__header .blog__meta .blog__read { position: relative; margin-left: 20px; }

.blog__header .blog__meta .blog__read::before { content: '\2022'; color: #232933; height: 4px; width: 4px; position: absolute; left: -13px; top: 0; }

.blog__header .blog__meta .blog__author a { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Inter", sans-serif; font-weight: 600; color: #4B61DD; text-decoration: none; transition: all linear .3s; position: relative; }

.blog__header .blog__meta .blog__author a::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-employee.svg) no-repeat center; background-size: contain; position: relative; margin-right: 4px; }

.blog__header .blog__meta .blog__author a:hover { color: #2339b9; text-decoration: underline; transition: all linear .3s; }

.blog__header .blog__meta .blog__date { display: inline-block; position: relative; margin-left: 20px; }

.blog__header .blog__meta .blog__date::before { content: '\2022'; color: #232933; height: 4px; width: 4px; position: absolute; left: -13px; top: 0; }

.blog__header .blog__shares { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog__header .blog__shares > span { font-family: "Inter", sans-serif; font-weight: 600; color: #232933; margin-right: 18px; }

.blog__header .blog__shares a { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 18px; position: relative; width: 40px; height: 40px; border-radius: 50%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog__header .blog__shares a img { width: 24px; height: 24px; object-fit: contain; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); transition: all linear .3s; }

.blog__header .blog__shares a span { position: absolute; color: transparent; font-size: 0; line-height: 0; }

.blog__header .blog__shares a:last-child { margin-right: 0; }

.blog__header .blog__shares a:hover { background: #F7FBFF; }

.blog__header .blog__shares a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); transition: all linear .3s; }

.blog__header .blog__title { font-family: "Inter", sans-serif; font-weight: 700; font-size: 40px; line-height: 56px; margin-bottom: 18px; }

@media (max-width: 991px) { .blog__header { margin-top: 145px; }
  .blog__header .container { padding-top: 34px; padding-bottom: 32px; }
  .blog__header .blog__title { font-size: 32px; line-height: 40px; }
  .blog__header .blog__meta { display: block; }
  .blog__header .blog__meta .blog__cat { display: inline-block; }
  .blog__header .blog__meta .blog__read { display: inline-block; }
  .blog__header .blog__meta .blog__read::before { left: -15px; }
  .blog__header .blog__meta .blog__author { display: block; width: 100%; margin-bottom: 8px; }
  .blog__header .blog__meta .blog__date { display: block; width: 100%; margin-left: 0; margin-bottom: 22px; }
  .blog__header .blog__meta .blog__date::before { display: none; }
  .blog__header .blog__shares { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .blog__header .blog__shares > span { margin-right: 17px; } }

.blog__content { padding: 64px 0 40px 0; position: relative; }

.blog__content .blog__wrap .col-lg-3 { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.blog__content .blog__sidebar { position: relative; height: auto; max-width: 100%; }

.blog__content .blog__sidebar.left { padding-right: 16px; }

.blog__content .blog__sidebar.right { padding: 0 12px 0 16px; }

.blog__content .blog__sidebar.stick-it { position: fixed; top: 105px; overflow-x: hidden; overflow-y: auto; transition: all linear .3s; height: auto; }

.blog__content .blog__sidebar.stick-it.show-top { top: 120px !important; transition: all linear .3s; }

.blog__content .blog__sidebar.stick-it .blog__box img { height: 0; opacity: 0; position: absolute; transition: all linear .3s; }

.blog__content .blog__sidebar.stick-bottom { position: absolute; bottom: 0; top: unset; height: auto; }

.blog__content .blog__sidebar.stick-bottom .blog__box img { height: auto; opacity: 1; position: relative; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__search { position: relative; margin-bottom: 24px; }

.blog__content .blog__sidebar .blog__search form { position: relative; }

.blog__content .blog__sidebar .blog__search form input[type="text"] { height: 40px; padding: 10px 62px 10px 12px; font-size: 14px; line-height: 20px; border-radius: 6px; }

.blog__content .blog__sidebar .blog__search form button { background: #4B61DD; border-color: #4B61DD; font-size: 16px; line-height: 24px; padding: 5px 8px; font-family: "Inter", sans-serif; font-weight: 600; position: absolute; right: 2px; top: 2px; border-radius: 6px; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__search form button:hover { background: #2740ce; border-color: #2740ce; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__toc { padding-bottom: 30px; }

.blog__content .blog__sidebar .blog__toc b { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; color: #232933; margin-bottom: 24px; display: block; }

.blog__content .blog__sidebar .blog__toc ul { list-style: none; }

.blog__content .blog__sidebar .blog__toc ul li a { display: block; padding: 4px 8px 4px 0; border-right: 1px solid #D0D6DE; font-size: 14px; line-height: 20px; color: #626B79; text-decoration: none; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__toc ul li a:hover { text-decoration: underline; transition: all linear .3s; }

.blog__content .blog__sidebar .blog__toc ul li a.active { color: #0031BE; border-right-color: #0031BE; }

.blog__content .blog__sidebar .blog__box { padding: 16px; border-radius: 4px; margin-bottom: 24px; position: relative; }

.blog__content .blog__sidebar .blog__box img { transition: all linear .3s; }

.blog__content .blog__sidebar strong, .blog__content .blog__sidebar b { font-size: 14px; line-height: 20px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 20px; display: inline-block; }

.blog__content .blog__sidebar .blog__subscribe { padding: 16px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }

.blog__content .blog__sidebar .blog__subscribe .btn { display: block; width: 100%; }

.blog__content .blog__sidebar .blog__sosmed { padding: 34px 16px 28px 16px; }

.blog__content .blog__sidebar .blog__sosmed ul { list-style: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.blog__content .blog__sidebar .blog__sosmed ul li { width: 24px; margin-right: 16px; margin-bottom: 8px; }

.blog__content .blog__sidebar .blog__sosmed ul li a { display: inline-block; position: relative; }

.blog__content .blog__sidebar .blog__sosmed ul li a img { width: 24px; height: 24px; max-width: 24px; max-height: 24px; object-fit: contain; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); }

.blog__content .blog__sidebar .blog__sosmed ul li a span { position: absolute; font-size: 0; line-height: 0; color: transparent; }

.blog__content .blog__sidebar .blog__sosmed ul li a:last-child { margin-right: 0; }

.blog__content .blog__sidebar .blog__sosmed ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }

@media (max-width: 991px) { .blog__content { padding: 32px 0 0 0; }
  .blog__content .blog__box img { width: 100%; height: auto; }
  .blog__content .blog__sidebar { height: auto; }
  .blog__content .blog__sosmed strong { display: block; } }

.blog__content .blog__article { font-size: 18px; line-height: 28px; letter-spacing: 0.008em; }

.blog__content .blog__article h2 { font-size: 32px; line-height: 48px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article h3 { font-size: 20px; line-height: 28px; margin-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article h4 { font-size: 18px; line-height: 28px; margin-bottom: 16px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article b, .blog__content .blog__article strong { font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article p { margin-bottom: 24px; }

.blog__content .blog__article ul { list-style: disc; }

.blog__content .blog__article ul:last-child { margin-bottom: 24px; }

.blog__content .blog__article ol { list-style: decimal; }

.blog__content .blog__article ol:last-child { margin-bottom: 24px; }

.blog__content .blog__article a { color: #4B61DD; text-decoration: underline; transition: .3s linear all; }

.blog__content .blog__article a:hover { color: #2339b9; text-decoration: none; transition: .3s linear all; }

.blog__content .blog__article a.btn-primary, .blog__content .blog__article a.btn-blue { color: #FFF; }

.blog__content .blog__article a.btn-primary:hover, .blog__content .blog__article a.btn-blue:hover { color: #FFF; }

.blog__content .blog__article a.btn { text-decoration: none; }

.blog__content .blog__article img { width: 100%; height: auto; object-fit: contain; margin-bottom: 24px; }

.blog__content .blog__article figure { margin-bottom: 24px; width: 100% !important; height: auto; }

.blog__content .blog__article figure img { margin-bottom: 0; border-radius: 16px; }

.blog__content .blog__article figcaption { margin: 10px 0; text-align: center; font-size: 12px; line-height: 16px; color: #232933; }

.blog__content .blog__article .media--video { margin-bottom: 24px; }

.blog__content .blog__article .media--video img { margin-bottom: 0; }

.blog__content .blog__article blockquote { padding: 24px 24px 24px 60px; background: #E0EEFF; border: 1px solid #1C44D5; border-radius: 4px; display: block; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 24px; position: relative; font-style: normal; font-size: 16px; line-height: 24px; }

.blog__content .blog__article blockquote::before { content: ''; width: 24px; height: 24px; background: url("../images/ic-doc-bq.svg") no-repeat center; background-size: contain; position: absolute; left: 20px; top: 25px; }

.blog__content .blog__article blockquote b { margin-bottom: 8px; display: block; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article blockquote p:last-child { margin-bottom: 0; }

.blog__content .blog__article code { font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 600; padding: 0 0 0 16px; border-left: 4px solid #4B61DD; margin-bottom: 24px; display: block; width: 100%; color: #2B2A35; }

.blog__content .blog__article code a { text-decoration: none; }

.blog__content .blog__article code a:hover { text-decoration: underline; }

.blog__content .blog__article .table-responsive { overflow-x: auto; margin-bottom: 24px; }

.blog__content .blog__article .table-responsive .table { border-collapse: collapse; width: 100%; font-size: 16px; line-height: 24px; white-space: nowrap; }

.blog__content .blog__article .table-responsive .table thead { background-color: #D0D6DD; color: #232933; }

.blog__content .blog__article .table-responsive .table thead th { padding: 8px 16px; border: 1px solid #EED8DA; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__content .blog__article .table-responsive .table thead th:first-child { border-left-color: transparent; }

.blog__content .blog__article .table-responsive .table thead th:last-child { border-right-color: transparent; }

.blog__content .blog__article .table-responsive .table tbody td { padding: 8px 16px; vertical-align: top; border: 1px solid #EED8DA; font-family: "Inter", sans-serif; font-weight: 400; }

.blog__content .blog__article .table-responsive .table tbody td:first-child { border-left-color: transparent; }

.blog__content .blog__article .table-responsive .table tbody td:last-child { border-right-color: transparent; }

.blog__content .blog__article iframe { width: 100%; min-height: auto; }

.blog__content .blog__article mark { display: block; background: #EDF6FB; border: 2px solid #4B61DD; border-radius: 4px; margin-bottom: 24px; position: relative; padding: 12px; }

.blog__content .blog__article mark a { color: #4B61DD; text-decoration: none; }

.blog__content .blog__article mark a:hover { text-decoration: underline; }

@media (max-width: 991px) { .blog__content .blog__article h2 { font-size: 28px; line-height: 36px; } }

.blog__content .blog__cats { margin-bottom: 24px; }

.blog__content .blog__cats b { color: #626B79; font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; display: inline-block; margin-right: 8px; margin-bottom: 8px; }

.blog__content .blog__cats a { display: inline-block; font-size: 14px; line-height: 20px; padding: 4px 8px; background: #EDF0F2; border-radius: 4px; color: #626B79; margin-right: 8px; margin-bottom: 8px; }

.blog__content .blog__cats a:last-child { margin-right: 0; }

.blog__content .blog__cats a:hover { background: #cfd7dd; color: #4b525d; }

@media (max-width: 991px) { .blog__content .blog__cats b { display: block; width: 100%; margin-bottom: 8px; } }

.blog__content .blog__navs a { font-size: 16px; line-height: 24px; color: #4B61DD; text-decoration: none; }

.blog__content .blog__navs a:hover { text-decoration: underline; }

.blog__content .blog__navs a.link-btn { display: inline-block; position: relative; }

.blog__content .blog__navs a.link-btn.with-arrow::after { background: url(../images/ic-arrow-r.svg) no-repeat center; background-size: contain; content: ''; width: 20px; height: 20px; display: inline-block; top: 5px; left: 8px; position: relative; }

.blog__content .blog__navs a.link-btn.with-arrow:hover::after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceRev; animation-name: bounceRev; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.blog__content .blog__navs a.link-btn.with-arrow-invert::before { background: url(../images/ic-arrow-l.svg) no-repeat center; background-size: contain; content: ''; width: 20px; height: 20px; display: inline-block; top: 5px; right: 8px; position: relative; }

.blog__content .blog__navs a.link-btn.with-arrow-invert:hover::before { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

@media (max-width: 991px) { .blog__content .blog__navs { margin-bottom: 32px; padding-left: 7px; padding-right: 7px; } }

.blog__footer .blog__author-detail { margin: 24px auto; padding: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #D0D6DE; border-bottom: 1px solid #D0D6DE; }

.blog__footer .blog__author-detail .img { width: 120px; height: 120px; margin-right: 24px; object-fit: contain; border-radius: 50%; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }

.blog__footer .blog__author-detail .meta { -webkit-flex: 0 0 calc(100% - 144px); -ms-flex: 0 0 calc(100% - 144px); flex: 0 0 calc(100% - 144px); }

.blog__footer .blog__author-detail .meta .name { margin-bottom: 12px; display: inline-block; font-size: 16px; line-height: 24px; color: #4B61DD; }

.blog__footer .blog__author-detail .meta .name a { font-size: 16px; line-height: 24px; display: inline-block; color: #4B61DD; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__footer .blog__author-detail .meta .name a:hover { text-decoration: underline; }

.blog__footer .blog__author-detail .meta p { font-size: 16px; line-height: 24px; }

.blog__footer .blog__related h2, .blog__footer .blog__related h3 { font-size: 24px; line-height: 32px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-weight: 600; }

.blog__footer .blog__related .blog__item { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 24px; margin-bottom: 32px; border-bottom: 1px solid #E2E2E2; height: calc(100% - 32px); }

.blog__footer .blog__related .blog__item > a { display: inline-block; margin-right: 16px; width: 120px; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }

.blog__footer .blog__related .blog__item > a .img { width: 120px; height: 120px; object-fit: cover; border-radius: 6px; }

.blog__footer .blog__related .blog__item .meta { display: -ms-grid; display: grid; }

.blog__footer .blog__related .blog__item .meta .cat a { display: inline-block; font-size: 14px; line-height: 20px; color: #4B61DD; margin-bottom: 4px; }

.blog__footer .blog__related .blog__item .meta .cat a:last-child { margin-right: 0; }

.blog__footer .blog__related .blog__item .meta .cat a:hover { text-decoration: underline; }

.blog__footer .blog__related .blog__item .meta .title a { font-size: 16px; line-height: 24px; color: #232933; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 16px; display: inline-block; }

.blog__footer .blog__related .blog__item .meta .title a:hover { text-decoration: underline; }

.blog__footer .blog__related .blog__item .meta .author { font-size: 14px; line-height: 20px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

.blog__footer .blog__related .blog__item .meta .author a, .blog__footer .blog__related .blog__item .meta .author b, .blog__footer .blog__related .blog__item .meta .author span { color: #626B79; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.blog__footer .blog__related .blog__item .meta .author a::before, .blog__footer .blog__related .blog__item .meta .author b::before, .blog__footer .blog__related .blog__item .meta .author span::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/ic-employee.svg) no-repeat center; background-size: contain; position: relative; margin-right: 8px; }

.blog__footer .blog__related .blog__item .meta .author a:hover, .blog__footer .blog__related .blog__item .meta .author b:hover, .blog__footer .blog__related .blog__item .meta .author span:hover { text-decoration: none; }

@media (max-width: 991px) { .blog__footer .blog__author-detail { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px 16px; margin: 0 auto; }
  .blog__footer .blog__author-detail .img { margin-bottom: 24px; }
  .blog__footer .blog__related { padding: 32px 0 0 0; }
  .blog__footer .blog__related .col-lg-6.col-12:last-child .blog__item { margin-bottom: 0; border-bottom: 0; } }

@media (max-width: 991px) { .blog__sticky { position: fixed; width: 100%; top: 96px; left: 0; background: #F1F5F9; padding: 0; z-index: 101; transition: all linear .3s; }
  .blog__sticky .blog__toc { cursor: pointer; }
  .blog__sticky b { display: block; padding: 12px 0; font-size: 16px; line-height: 24px; color: #4B61DD; border-bottom: 0; font-family: "Inter", sans-serif; font-weight: 600; position: relative; cursor: pointer; }
  .blog__sticky b::after { content: ''; width: 24px; height: 24px; background: url(../images/ic-caret-down.svg) no-repeat center; display: inline-block; position: absolute; top: 12px; right: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all linear .3s; }
  .blog__sticky ul { background: #FFF; overflow-x: hidden; overflow-y: auto; max-height: 0; margin-bottom: 0; transition: all linear .3s; }
  .blog__sticky ul li a { color: #626B79; font-size: 14px; line-height: 20px; padding: 8px 34px 24px 8px; display: block; }
  .blog__sticky ul li a.active { color: #4B61DD; }
  .blog__sticky ul li ul { padding: 0; margin: 0; max-height: 100%; }
  .blog__sticky.active b { border-bottom: 1px solid #D0D6DD; }
  .blog__sticky.active b::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all linear .3s; }
  .blog__sticky.active ul { max-height: calc(50vh - 50px); margin-bottom: 32px; transition: all linear .3s; }
  .blog__sticky.active ul li ul { margin-bottom: 0; max-height: 100%; }
  .blog__sticky-footer { position: fixed; bottom: 0; left: 0; background: #F8F9FB; padding: 24px 4px; display: block; width: 100%; z-index: 8; }
  .blog__sticky-footer span.close { position: absolute; width: 20px; height: 20px; background: url(../images/ic-close.svg) no-repeat center; background-size: contain; top: -15px; right: 0; }
  .blog__sticky-footer strong, .blog__sticky-footer b { font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 16px; display: block; }
  .blog__sticky-footer a:last-child { margin-bottom: 0; }
  .menu-open .blog__sticky { z-index: 7; } }

.modal-subs .modal-dialog { margin: 50px auto; max-width: 371px; border-radius: 4px; }

.modal-subs .modal-dialog .modal-content { padding: 32px 20px; background: #F2F4F7; position: relative; }

.modal-subs .modal-dialog .modal-content .modal-body { padding: 0; }

.modal-subs .modal-dialog .modal-content .close { position: absolute; top: 10px; right: 10px; }

.modal-subs .modal-dialog .modal-content .close img { width: 20px; }

.modal-subs .modal-dialog .modal-content strong, .modal-subs .modal-dialog .modal-content b { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; display: block; margin-bottom: 32px; text-align: center; }

.modal-subs .modal-dialog .modal-content .form-group { margin-bottom: 20px; }

.modal-subs .modal-dialog .modal-content .form-group label { font-size: 14px; line-height: 20px; margin-bottom: 4px; }

.modal-subs .modal-dialog .modal-content .form-group .form-control { font-size: 14px; line-height: 20px; }

.modal-subs .modal-dialog .modal-content .form-group .custom-checkbox label { font-size: 12px; line-height: 16px; }

.modal-subs-success .modal-dialog { margin: 50px auto; max-width: 371px; border-radius: 4px; }

.modal-subs-success .modal-dialog .modal-content { padding: 32px 20px; background: #F2F4F7; position: relative; }

.modal-subs-success .modal-dialog .modal-content .modal-body { padding: 0; }

.modal-subs-success .modal-dialog .modal-content .close { position: absolute; top: 10px; right: 10px; }

.modal-subs-success .modal-dialog .modal-content .close img { width: 20px; }

.modal-subs-success .modal-dialog .modal-content .icon { margin-bottom: 16px; text-align: center; }

.modal-subs-success .modal-dialog .modal-content .icon img { height: 240px; width: auto; margin: 0 auto; }

.modal-subs-success .modal-dialog .modal-content strong, .modal-subs-success .modal-dialog .modal-content b { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; display: block; margin-bottom: 16px; text-align: center; }

.modal-subs-success .modal-dialog .modal-content p { font-size: 16px; line-height: 24px; text-align: center; }

form #captcha .preview { color: #555; width: 100%; text-align: center; height: 36px; line-height: 36px; letter-spacing: 8px; border: 1px solid #e2e2e2; background: #F2F2F3; border-radius: 4px 4px 0 0; margin-bottom: 0; border-bottom: 0; }

form #captcha .alert-error { color: #DA473F; font-size: 14px; line-height: 20px; padding-top: 4px; display: none; }

form #captcha .preview span { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

form .captcha_form { position: relative; }

form .captcha_form .field { padding-right: 40px; border-radius: 0 0 4px 4px; }

form .captcha_form .captcha_refersh { position: absolute; top: 0; right: 16px; line-height: 36px; border: 0; background: transparent; color: #2B2A35; padding: 0; box-shadow: none; }

.blog__progress { z-index: 7; display: none; height: 4px; background: #4B61DD; position: fixed; top: 58px; left: 0; transition: all .4s ease; transition: all linear .3s; }

.blog__progress.fixed { display: block; }

@media (max-width: 991px) { .blog__progress { top: 104px; transition: all linear .3s; } }

@media (max-width: 991px) { body.header-fixed .blog__sticky { top: 56px; transition: all linear .3s; } }

@media (max-width: 991px) { body.header-sticky:not(.header-fixed) .blog__sticky { top: 96px; transition: all linear .3s; } }

/* Sections style */
.section-masthead__subtitle { font-weight: 600; display: block; }

.section-masthead__subtitle span { display: inline-block; margin-left: 4px; }

.section-masthead__subtitle span.badge { border-radius: 12px; background: #F96D01; padding: 0 6px; font-family: "Inter", sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; }

.section-masthead__subtitle span.badge--orange { background: #F96D01; }

.section-masthead__title { margin: 0 0 8px; font-size: 40px; line-height: 56px; font-weight: 700; }

.section-masthead__desc p:last-child { margin: 0; }

.section-masthead__action { padding-top: 24px; margin-left: -8px; margin-right: -8px; }

.section-masthead__action .btn { margin-left: 8px; margin-right: 8px; }

.section-masthead__img img { display: block; max-width: 100%; height: auto; width: auto; }

.section-masthead__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .section-masthead__title { font-size: 32px; line-height: 40px; }
  .section-masthead__title br { display: none; }
  .section-masthead__action { margin-left: 0; margin-right: 0; }
  .section-masthead__action .btn { display: block; margin: 0 0 16px; }
  .section-masthead__action .btn:last-child { margin: 0; }
  .section-masthead__img { padding-top: 24px; }
  .section-masthead__wrap { padding-top: 32px; padding-bottom: 32px; } }

.section-value__outline { text-align: center; margin: 0 0 8px; }

.section-value__title { margin: 0 0 24px; text-align: center; }

.section-value__desc { text-align: center; margin: 0 0 8px; }

.section-value__desc + .section-value__items { padding-top: 16px; }

.section-value__items .item { position: relative; }

.section-value__items .item__icon { margin: 0 0 8px; }

.section-value__items .item__icon img { height: 48px; width: auto; display: block; }

.section-value__items .item__title { font-size: 20px; line-height: 28px; font-weight: 600; margin: 0 0 8px; }

.section-value__items .item__desc p:last-child { margin: 0; }

.section-value__items .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; border: 1px solid #DFDFDF; border-radius: 16px; padding: 24px; }

.section-value__wrap { padding-top: 64px; padding-bottom: 64px; }

.section-value--bigimg .section-value__items .item__icon img { height: 245px; margin-left: auto; margin-right: auto; }

.section-value--bigimg .section-value__items .item__wrap { background: #F1F5F9; border: 0; }

@media (max-width: 991px) { .section-value__title br { display: none; }
  .section-value__items .item { margin-bottom: 24px; }
  .section-value__items .item:last-child { margin-bottom: 0; }
  .section-value__wrap { padding-top: 32px; padding-bottom: 32px; } }

.section-contents__title { text-align: center; margin: 0 0 24px; }

.section-contents .item { padding-top: 32px; padding-bottom: 32px; }

.section-contents .item__img img { display: block; max-width: 100%; height: auto; width: auto; }

.section-contents .item__title { margin: 0 0 16px; }

.section-contents .item__desc .custom-list li:last-child { margin: 0; }

.section-contents .item__action { padding-top: 32px; margin-left: -8px; margin-right: -8px; }

.section-contents .item__action .btn { margin-left: 8px; margin-right: 8px; }

.section-contents__items .item { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.section-contents__items .item:first-child { padding-top: 0; }

.section-contents__items .item:last-child { padding-bottom: 0; }

.section-contents__items .item:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.section-contents__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .section-contents__title br { display: none; }
  .section-contents .item { padding-top: 32px; padding-bottom: 32px; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .section-contents .item:nth-child(even) { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .section-contents .item__img { padding-top: 24px; }
  .section-contents .item__action { margin-left: 0; margin-right: 0; }
  .section-contents .item__action .btn { display: block; margin-left: 0; margin-right: 0; margin-bottom: 16px; }
  .section-contents .item__action .btn:last-child { margin-bottom: 0; }
  .section-contents__wrap { padding-top: 32px; padding-bottom: 32px; } }

.section-testimonial__title { text-align: center; }

.section-testimonial__items .item__left { min-height: 300px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; background: #F1F5F9; padding: 32px; border-radius: 4px 0 0 4px; }

.section-testimonial__items .item__left .title { display: block; font-size: 20px; line-height: 28px; font-weight: 600; margin: 0 0 12px; }

.section-testimonial__items .item__left .quote { margin: 0 0 16px; }

.section-testimonial__items .item__left .author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section-testimonial__items .item__left .author__left { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.section-testimonial__items .item__left .author__left .photo { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex: 48px; -ms-flex: 48px; flex: 48px; width: 48px; height: 48px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; overflow: hidden; margin-right: 16px; }

.section-testimonial__items .item__left .author__left .meta { display: inline-block; width: calc( 100% -  16px); -webkit-flex: calc( 100% -  16px); -ms-flex: calc( 100% -  16px); flex: calc( 100% -  16px); }

.section-testimonial__items .item__left .author__left .name { font-weight: 600; }

.section-testimonial__items .item__left .author__left span { display: block; }

.section-testimonial__items .item__left .author__right .logo { display: block; max-height: 48px; width: auto; }

.section-testimonial__items .item__right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 300px; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; background: #373F4C; padding: 32px; color: #FFF; border-radius: 0 4px 4px 0; }

.section-testimonial__items .item__right .title { display: block; font-size: 52px; line-height: 56px; font-weight: 700; margin: 0 0 16px; }

.section-testimonial__items .item__right .desc { display: block; margin: 0 0 16px; }

.section-testimonial__items .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.section-testimonial__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .section-testimonial__title br { display: none; }
  .section-testimonial__items .item__left { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; border-radius: 4px 4px 0 0; padding: 24px; }
  .section-testimonial__items .item__left .author { display: block; }
  .section-testimonial__items .item__left .author .logo { margin-top: 16px; }
  .section-testimonial__items .item__right { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; border-radius: 0 0 4px 4px; padding: 24px; }
  .section-testimonial__items .item__wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-testimonial__wrap { padding-top: 32px; padding-bottom: 32px; } }

.section-testimonial--alt .item__left, .section-testimonial--alt .item__right { max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.section-testimonial--alt .item__left { background: #EDF0F2; }

.section-testimonial--alt .item__right { background: #373F4C; }

@media (max-width: 991px) { .section-testimonial--alt .item__left, .section-testimonial--alt .item__right { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.section-tab__title { text-align: center; }

.section-tab__nav ul.nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.section-tab__nav ul.nav .nav-item { display: block; position: relative; width: 100%; max-width: 28%; -webkit-flex: 0 0 28%; -ms-flex: 0 0 28%; flex: 0 0 28%; }

.section-tab__nav ul.nav .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 24px 24px 20px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 4px solid transparent; }

.section-tab__nav ul.nav .nav-link img { display: block; width: 56px; height: 56px; object-fit: contain; object-position: center; -webkit-filter: grayscale(1) invert(61%) sepia(18%) saturate(250%) hue-rotate(178deg) brightness(92%) contrast(96%); filter: grayscale(1) invert(61%) sepia(18%) saturate(250%) hue-rotate(178deg) brightness(92%) contrast(96%); }

.section-tab__nav ul.nav .nav-link span { display: block; width: 100%; padding-left: 16px; }

.section-tab__nav ul.nav .nav-link.active { font-weight: 600; border-bottom-color: #4B61DD; }

.section-tab__nav ul.nav .nav-link.active img { -webkit-filter: none; filter: none; }

.section-tab__content { background: #EAECFB; padding-top: 64px; padding-bottom: 64px; }

.section-tab__content .tab-pane__head { display: none; }

.section-tab__content .tab-pane__body.collapse { display: block; }

.section-tab__content .tab-pane__desc { padding-right: 40px; }

.section-tab__content .tab-pane__desc ul.custom-list li:last-child { margin: 0; }

.section-tab__content .tab-pane__action { padding-top: 24px; margin-left: -8px; margin-right: -8px; }

.section-tab__content .tab-pane__action .btn { margin-left: 8px; margin-right: 8px; }

.section-tab__content .tab-pane__img img { display: block; max-width: 100%; width: auto; height: auto; }

.section-tab__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .section-tab__title br { display: none; }
  .section-tab__nav { display: none; }
  .section-tab__content { padding-top: 0; padding-bottom: 0; background: #FFF; }
  .section-tab__content .tab-pane { display: block; padding: 0 15px; }
  .section-tab__content .tab-pane__head { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 12px 21px; border-bottom: 1px solid #D0D6DD; }
  .section-tab__content .tab-pane__head img { width: 20px; height: 20px; object-fit: contain; object-position: center; }
  .section-tab__content .tab-pane__head span { display: block; width: 100%; max-width: calc(100% - 44px); -webkit-flex: 0 0 calc(100% - 44px); -ms-flex: 0 0 calc(100% - 44px); flex: 0 0 calc(100% - 44px); font-weight: 600; padding: 0 8px; }
  .section-tab__content .tab-pane__head::after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-caret-down.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease; }
  .section-tab__content .tab-pane__head.collapsed::after { -webkit-transform: none; transform: none; transition: all .3s ease; }
  .section-tab__content .tab-pane__body.collapse:not(.show) { display: none; }
  .section-tab__content .tab-pane__body > .container { padding-top: 24px; padding-bottom: 24px; }
  .section-tab__content .tab-pane__desc { padding-right: 0; }
  .section-tab__content .tab-pane__action { margin-left: 0; margin-right: 0; }
  .section-tab__content .tab-pane__action .btn { display: block; margin: 0 0 16px; }
  .section-tab__content .tab-pane__action .btn:last-child { margin: 0; }
  .section-tab__content .tab-pane__img { padding-top: 24px; }
  .section-tab__wrap { padding-top: 32px; padding-bottom: 32px; } }

.contact-headquarter { padding: 64px 0; }

.contact-headquarter__title { text-align: center; }

.contact-headquarter__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; color: #232933; }

.contact-headquarter .info--img { position: relative; z-index: 2; }

.contact-headquarter .info--img .img { max-height: 440px; max-width: 496px; overflow: hidden; border-radius: 4px; }

.contact-headquarter .info--img .img img { object-fit: contain; width: 100%; height: auto; }

.contact-headquarter .info { position: relative; z-index: 1; }

.contact-headquarter .info:before { content: ""; z-index: 1; display: block; position: absolute; width: 110%; height: 100%; top: 0; right: 0; background: #F2F4F7; border-radius: 0.25rem; }

.contact-headquarter .info__wrap { position: relative; z-index: 2; padding: 64px 64px 64px 45px; }

.contact-headquarter .info__title { margin: 0 0 1rem; }

.contact-headquarter .info__desc p { margin: 0 0 1rem; }

.contact-headquarter .info__desc ul li:not(:last-child) { margin: 0 0 1rem; }

.contact-headquarter .info__action { padding-top: 2.5rem; }

@media (max-width: 991px) { .contact-headquarter { padding: 32px 10px; background: #F2F4F7; }
  .contact-headquarter__desc { margin-bottom: 32px; }
  .contact-headquarter .info::before { display: none; }
  .contact-headquarter .info__wrap { padding: 32px 0 0 0; } }

.items-block { padding: 64px 0; }

.items-block .section__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 24px; }

.items-block .item { padding: 24px; border: 1px solid #D0D6DD; border-radius: 4px; height: 100%; }

.items-block .item__icon { margin-bottom: 8px; }

.items-block .item__icon img { height: 52px; width: auto; }

.items-block .item__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 8px; }

.items-block .item__desc p { color: #232933; margin-bottom: 16px; }

.items-block .item__desc p:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .items-block { padding: 32px 0; }
  .items-block .section__title { font-size: 28px; line-height: 36px; }
  .items-block .section__title br { display: none; }
  .items-block .item { height: calc(100% - 16px); margin-bottom: 16px; } }

.accr-steps { padding: 64px 0; }

.accr-steps .section__meta { font-family: "Inter", sans-serif; font-weight: 600; text-align: center; }

.accr-steps .section__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 24px; text-align: center; }

.accr-steps .section__action { margin-bottom: 24px; text-align: center; }

.accr-steps__img { display: none; }

.accr-steps__img.active { display: block; }

.accr-steps__accr .card { margin-bottom: 18px; }

.accr-steps__accr .card.open { box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }

.accr-steps__accr .card.open .card__header { padding-bottom: 8px; }

.accr-steps__accr .card.open .card__title .badge { background: #F96D01; }

.accr-steps__accr .card__header { padding: 24px; border-bottom: 0; }

.accr-steps__accr .card__header::after { display: none; }

.accr-steps__accr .card__title .badge { background: #8B95A5; border-radius: 12px; color: #FFF; font-size: 14px; line-height: 20px; padding: 0 6px; display: inline-block; margin-bottom: 8px; font-family: "Inter", sans-serif; font-weight: 400; }

.accr-steps__accr .card__title .title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 0; }

.accr-steps__accr .card__body { padding: 0 24px 24px 24px; margin: 0; }

.accr-steps__accr .card__body p { margin-bottom: 16px; }

.accr-steps__accr .card__body p:last-child { margin-bottom: 0; }

@media (max-width: 991px) { .accr-steps { padding: 32px 0; }
  .accr-steps .section__title { font-size: 28px; line-height: 36px; }
  .accr-steps .section__title br { display: none; } }

.block-table--alt .section__title { margin-bottom: 24px; }

.block-table--alt .item__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.block-table--alt .item__icon { width: 40px; height: 40px; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; margin-right: 8px; }

.block-table--alt .item__icon img { width: 40px; height: 40px; object-fit: contain; }

.block-middle { padding: 64px 0; }

.block-middle__img { text-align: center; margin-bottom: 24px; }

.block-middle__img img { height: 365px; width: auto; display: inline-block; }

.block-middle__title { font-family: "Inter", sans-serif; font-weight: 600; text-align: center; font-size: 32px; line-height: 48px; margin-bottom: 8px; }

.block-middle__desc { text-align: center; margin-bottom: 24px; }

.block-middle__action { text-align: center; }

.block-middle__action a { margin-right: 32px; margin-bottom: 0; }

.block-middle__action a:last-child { margin-right: 0; }

@media (max-width: 991px) { .block-middle { padding: 32px 0; }
  .block-middle__title { font-size: 28px; line-height: 36px; }
  .block-middle__title br { display: none; }
  .block-middle__img img { height: auto; }
  .block-middle__action a { margin-right: 0; margin-bottom: 24px; width: 100%; }
  .block-middle__action a.link-more { width: auto; }
  .block-middle__action a:last-child { margin-bottom: 0; } }

.banner-block { padding: 64px 0; }

.banner-block__wrapper { padding: 24px; background: #F1F5F9; border-radius: 8px; }

.banner-block__meta { font-family: "Inter", sans-serif; font-weight: 600; }

.banner-block__meta span.badge { margin-left: 4px; }

.banner-block__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; padding-right: 30px; }

.banner-block__desc { margin-bottom: 32px; padding-right: 30px; }

.banner-block__desc p:last-child { margin-bottom: 0px; }

.banner-block__img { text-align: center; }

.banner-block__img img { display: inline-block; margin: 0 auto; }

@media (max-width: 991px) { .banner-block { padding: 32px 0; }
  .banner-block__title { font-size: 28px; line-height: 36px; padding-right: 0; }
  .banner-block__desc { padding-right: 0; }
  .banner-block__img { margin-top: 24px; } }

@media (max-width: 479px) { .banner-block__wrapper { margin-left: 0; margin-right: 0; padding: 24px 12px; } }

.banner-block--gray { padding: 64px 0; }

.banner-block--gray .banner-block__wrapper { padding: 32px 52px; background: #F1F5F9; border-radius: 8px; }

.banner-block--gray .banner-block__meta { font-family: "Inter", sans-serif; font-weight: 600; }

.banner-block--gray .banner-block__meta span.badge { margin-left: 4px; background: #009BDE; max-width: 600px; }

.banner-block--gray .banner-block__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; padding-right: 30px; max-width: 600px; }

.banner-block--gray .banner-block__desc { margin-bottom: 24px; padding-right: 30px; max-width: 600px; }

.banner-block--gray .banner-block__desc p:last-child { margin-bottom: 0px; }

.banner-block--gray .banner-block__img { text-align: center; }

.banner-block--gray .banner-block__img img { display: inline-block; margin: 0 auto; }

.banner-block--gray .banner-block__action { max-width: 600px; }

.banner-block--gray .banner-block__action a { margin-right: 16px; }

.banner-block--gray .banner-block__action a:last-child { margin-right: 0; }

@media (max-width: 991px) { .banner-block--gray .banner-block { padding: 32px 0; }
  .banner-block--gray .banner-block__title { font-size: 28px; line-height: 36px; padding-right: 0; }
  .banner-block--gray .banner-block__desc { padding-right: 0; }
  .banner-block--gray .banner-block__img { margin-top: 24px; } }

@media (max-width: 479px) { .banner-block--gray .banner-block__wrapper { margin-left: 0; margin-right: 0; padding: 24px 12px; }
  .banner-block--gray .banner-block__action a { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .banner-block--gray .banner-block__action a:last-child { margin-bottom: 0; } }

.value-props { padding: 64px 0 0 0; background: #F1F5F9; }

.value-props__list .row { padding: 64px 0; }

.value-props__list .row .title { font-size: 20px; line-height: 28px; margin-bottom: 16px; }

.value-props__list .row .desc { margin-bottom: 32px; }

.value-props__list .row .action a { margin-right: 16px; }

.value-props__list .row .action a:last-child { margin-right: 0; }

.value-props__list .row:nth-child(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.value-props__title { text-align: center; }

@media (max-width: 991px) { .value-props { padding: 32px 0 0 0; }
  .value-props__list .row { padding: 32px 0; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .value-props__list .row:nth-child(even) { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .value-props__list .row .img img { display: block; margin: 0 auto; } }

@media (max-width: 479px) { .value-props__list .row .action a { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .value-props__list .row .action a:last-child { margin-bottom: 0; } }

.compliance { padding: 64px 0; }

.compliance__title { text-align: center; margin-bottom: 10px; }

.compliance__desc { text-align: center; margin-bottom: 40px; }

.compliance .item { padding: 50px 32px; text-align: center; background: #F1F5F9; -webkit-backdrop-filter: blur(7.44421px); backdrop-filter: blur(7.44421px); border-radius: 8px; height: 100%; margin-bottom: 24px; }

.compliance .item__img { margin-bottom: 29px; }

.compliance .item__img img { height: 120px; width: auto; }

@media (max-width: 991px) { .compliance { padding: 32px 0; }
  .compliance .item { margin-bottom: 24px; height: calc(100% - 24px); } }

.top-banner--alt { background: #FFF6E0 !important; margin-top: 115px !important; }

.top-banner--alt .tb__close { position: fixed; right: 0; top: 8px; padding: 8px; z-index: 4; cursor: pointer; }

.top-banner--alt .tb__close span { font-size: 24px; line-height: 24px; color: #FFF; border-radius: 8px; display: block; width: 16px; height: 16px; text-align: center; }

@media (max-width: 991px) { .top-banner--alt { margin-top: 0 !important; position: fixed; z-index: 100; }
  .top-banner--alt .tb__close { top: 6px; right: 2px; } }

@media (max-width: 479px) { .top-banner--alt .tb__close { top: 10px; right: -2px; } }

.top-banner-sticky { z-index: 879; position: fixed; top: 0; left: 0; right: 0; display: none; text-decoration: none; color: #FFF; width: 100%; background: #0080d9; opacity: 0; }

.top-banner-sticky:hover { color: #FFF; text-decoration: none; }

.top-banner-sticky .tb__logo { display: none; width: 100%; max-width: 13%; -webkit-flex: 0 0 13%; -ms-flex: 0 0 13%; flex: 0 0 13%; }

.top-banner-sticky .tb__logo img { display: block; height: 24px; width: auto; }

.top-banner-sticky .tb__text { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex: 0 0 97%; -ms-flex: 0 0 97%; flex: 0 0 97%; text-align: left; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 32px; }

.top-banner-sticky .tb__text span.sub, .top-banner-sticky .tb__text span.sub-sm { display: none; }

.top-banner-sticky .tb__text span.title { display: block; font-size: 15px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 400; }

.top-banner-sticky .tb__text span.title b { font-family: "Inter", sans-serif; font-weight: 400; }

.top-banner-sticky .tb__text span.title br { display: none; }

.top-banner-sticky .tb__text span.title-sm { display: none; font-size: 28px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner-sticky .tb__action { display: block; width: 100%; max-width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; text-align: right; margin-left: auto; }

.top-banner-sticky .tb__action span.link { display: inline-block; text-decoration: underline; color: #FFF; position: relative; font-size: 13px; line-height: 1.5em; padding-right: 24px; }

.top-banner-sticky .tb__action span.link:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-long-white.svg) no-repeat center; background-size: contain; position: absolute; right: -5px; top: 0; }

.top-banner-sticky .tb__action span.link:hover { color: #FFF; text-decoration: underline; }

.top-banner-sticky .tb__action span.link:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-sticky .tb__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 40px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.top-banner-sticky .tb__close { position: absolute; right: 12px; top: 0; padding: 8px; }

.top-banner-sticky .tb__close span { font-size: 16px; line-height: 16px; background: #FFF; color: #000; border-radius: 8px; display: block; width: 16px; height: 16px; text-align: center; }

@media (max-width: 991px) { .top-banner-sticky { display: block; }
  .top-banner-sticky .tb__logo { display: none; }
  .top-banner-sticky .tb__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; }
  .top-banner-sticky .tb__action span.link { font-size: 11px; line-height: 18px; }
  .top-banner-sticky .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-sticky .tb__text span.sub { display: none; font-size: 10px; line-height: 12px; }
  .top-banner-sticky .tb__text span.sub-sm { display: block; font-size: 12px; line-height: 16px; }
  .top-banner-sticky .tb__text span.title { display: none; }
  .top-banner-sticky .tb__text span.title-sm { display: block; font-size: 13px; line-height: 20px; padding-right: 20px; text-align: center; font-family: "Inter", sans-serif; font-weight: 400; }
  .top-banner-sticky .tb__close { right: 0; top: calc( 50% - 15px); }
  .top-banner-sticky .tb__close span { font-size: 16px; line-height: 14px; background: #FFF; color: #000; border-radius: 7px; display: block; width: 14px; height: 14px; text-align: center; }
  .top-banner-sticky .tb__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 48px; padding: 4px 0; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-sticky .tb__wrap .tb__text { max-width: 100%; } }

.top-banner-bot { display: block; text-decoration: none; color: #FFF; width: 100%; background: #0080d9; position: relative; margin-bottom: 0; }

.top-banner-bot:hover { color: #FFF; text-decoration: none; }

.top-banner-bot .tb__logo { display: none; width: 100%; max-width: 16.666667%; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; }

.top-banner-bot .tb__logo img { display: block; height: 64px; width: auto; }

.top-banner-bot .tb__text { display: block; width: 100%; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; text-align: left; padding-left: 0; padding-right: 0; }

.top-banner-bot .tb__text span.sub { display: block; font-size: 18px; line-height: 1.5em; font-family: "Inter", sans-serif; font-weight: 500; }

.top-banner-bot .tb__text span.sub-sm { display: none; }

.top-banner-bot .tb__text span.title { display: block; font-size: 21px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 400; margin: 0 0 12px; }

.top-banner-bot .tb__text span.title b { font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner-bot .tb__text span.link { display: inline-block; text-decoration: underline; color: #FFF; position: relative; padding-right: 24px; }

.top-banner-bot .tb__text span.link:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-arrow-right-long-white.svg) no-repeat center; background-size: contain; position: absolute; right: -8px; top: 0; }

.top-banner-bot .tb__text span.link:hover { color: #FFF; text-decoration: underline; }

.top-banner-bot .tb__text span.link:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-bot .tb__img { z-index: 1; display: block; position: absolute; width: 548px; height: 100%; top: 0; left: 50%; background-size: auto 100%; background-repeat: no-repeat; background-position: right bottom; }

.top-banner-bot .tb__wrap { z-index: 2; position: relative; padding-top: 16px; padding-bottom: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 144px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 32px; }

@media (max-width: 991px) { .top-banner-bot { background: #FFF6E0; margin-bottom: 0; display: none; }
  .top-banner-bot .tb__logo { display: none; }
  .top-banner-bot .tb__img { display: none; }
  .top-banner-bot .tb__text { padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-bot .tb__text span.sub { display: none; font-size: 12px; line-height: 1.5em; }
  .top-banner-bot .tb__text span.sub-sm { display: block; font-size: 16px; line-height: 1.5em; }
  .top-banner-bot .tb__text span.title { font-size: 18px; line-height: 1.5em; margin-bottom: 8px; }
  .top-banner-bot .tb__text span.link { font-size: 14px; line-height: 1.5em; }
  .top-banner-bot .tb__wrap { padding-top: 16px; padding-bottom: 16px; } }

.top-banner--alt .top-banner-sticky { background: #FFF6E0; z-index: 20; }

.top-banner--alt .top-banner-sticky .tb__wrap { height: 64px; }

.top-banner--alt .top-banner-sticky .tb__wrap .tb__text { padding: 6px 0; text-align: left; color: #232933; }

.top-banner--alt .top-banner-sticky .tb__wrap .tb__text .title { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner--alt .top-banner-sticky .tb__wrap .tb__text .title br { display: none; }

.top-banner--alt .top-banner-bot { background: #FFF6E0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.top-banner--alt .top-banner-bot .tb__wrap { padding-top: 0; padding-bottom: 0; position: relative; }

.top-banner--alt .top-banner-bot .tb__wrap .tb__img { position: relative; width: 165px; height: 100%; padding-top: 0; padding-bottom: 0; top: unset; left: unset; }

.top-banner--alt .top-banner-bot .tb__wrap .tb__img img { object-fit: contain; }

.top-banner--alt .top-banner-bot .tb__wrap .tb__text { text-align: left; padding: 12px 0; color: #232933; }

.top-banner--alt .top-banner-bot .tb__wrap .tb__text .title { font-size: 32px; line-height: 48px; margin-bottom: 8px; font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap { height: 40px; gap: 57px; height: auto; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__img { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-height: 40px; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__img img { max-height: 40px; height: 100%; width: 78px; object-fit: cover; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text { width: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 6px 0; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .title-sm, .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta-sm { display: none; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .title { font-size: 16px; line-height: 24px; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta { font-size: 16px; line-height: 24px; position: relative; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta::before { content: ''; display: none; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta small { font-size: 14px; line-height: 20px; margin-left: 8px; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .action { display: none; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__action { padding-right: 22px; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; }

.top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__action .link-more { font-size: 16px; line-height: 24px; }

.top-banner--alt.layout_one .top-banner-bot { position: relative; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap { min-height: auto; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__img img { max-height: 140px; height: 140px; width: auto; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text { text-align: left; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .title { margin-bottom: 0; font-size: 32px; line-height: 48px; font-family: "Inter", sans-serif; font-weight: 600; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta { font-size: 16px; line-height: 24px; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta p { margin-bottom: 0; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta small { font-size: 14px; line-height: 20px; }

.top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta-sm, .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .action { display: none; }

.top-banner--alt.layout_one .top-banner-bot .tb__close { position: absolute; top: -5px; }

.top-banner--alt.layout_one .top-banner-bot .tb__close span { color: #000; }

@media (max-width: 1024px) { .top-banner--alt.layout_one { margin-top: 104px !important; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__img { display: none; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta { padding-left: 0; margin-left: 0; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta::before { display: none; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap { max-width: 100%; margin: 0; gap: 0; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text { padding-left: 32px; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__img { -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__action { padding-right: 22px; } }

@media (max-width: 991px) { .top-banner--alt .top-banner-sticky { opacity: 1; padding: 8px 16px; min-height: 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .top-banner--alt .top-banner-sticky .tb__wrap { height: auto; padding: 0; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text { text-align: left; max-width: 100%; padding: 0; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text .title { font-size: 16px; line-height: 24px; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text .meta { display: none; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__action { max-width: 25%; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__action .btn { width: auto; margin-bottom: 0; }
  .top-banner--alt .top-banner-sticky .tb__close { top: 0; }
  .top-banner--alt .top-banner-bot { margin-top: 0; z-index: 100; }
  .top-banner--alt .top-banner-bot .tb__wrap { display: block; min-height: auto; padding-top: 16px; padding-bottom: 16px; }
  .top-banner--alt .top-banner-bot .tb__wrap::before { display: none; }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__img { display: none; }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text, .top-banner--alt .top-banner-bot .tb__wrap .tb__action { display: block; text-align: center; }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text .btn, .top-banner--alt .top-banner-bot .tb__wrap .tb__action .btn { width: auto; display: inline-block; }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text { text-align: center; padding-top: 0; }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text .title { font-size: 20px; line-height: 28px; }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text .meta { display: none; }
  .top-banner--alt.layout_one { position: relative; margin-top: 40px !important; z-index: 9; }
  .top-banner--alt.layout_one .top-banner-sticky { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap { gap: 0; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__img { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__action { -webkit-flex: 0 0 225px; -ms-flex: 0 0 225px; flex: 0 0 225px; max-width: none; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text { padding: 0 0 0 32px; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .title, .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta { display: none; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .title-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 700; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 20px; position: relative; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta-sm::before { content: ''; display: none; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 12px; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__img { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 32px; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text { padding: 12px 24px 12px 0; -webkit-flex: 0 0 calc(100% - 160px); -ms-flex: 0 0 calc(100% - 160px); flex: 0 0 calc(100% - 160px); }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta { display: block; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .action { display: block; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__action { display: none; } }

@media (max-width: 479px) { .top-banner--alt .top-banner-sticky { z-index: 9; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text { max-width: 90%; font-size: 14px; line-height: 20px; }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text .title, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text .tb__action span { font-size: 14px; line-height: 20px; }
  .top-banner--alt.layout_one { margin-top: 40px !important; }
  .top-banner--alt.layout_one .top-banner-sticky { padding: 8px; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap { gap: 0; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__img { display: none; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__action { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: none; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text { padding: 0; text-align: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .title-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; font-weight: 700; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta-sm { font-size: 14px; line-height: 20px; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .meta-sm::before { content: ''; display: none; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__text .action { display: block; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__action { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .top-banner--alt.layout_one .top-banner-sticky .tb__wrap .tb__action .link-more { padding: 4px 0; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap { padding: 20px 8px; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__img { display: none; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .title, .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta-sm, .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .action { text-align: center; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .title { display: block; font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta { display: none; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta-sm { display: block; font-size: 16px; line-height: 24px; }
  .top-banner--alt.layout_one .top-banner-bot .tb__wrap .tb__text .meta-sm small { font-size: 14px; line-height: 20px; } }

body.has-tb .masthead { padding-top: 0; }

body.has-tb.single .masthead { padding-top: 53px; }

body.has-tb.tbs-show .top-banner-sticky { opacity: 1; display: block; }

body.has-tb.tbs-show header { top: 0; }

body.has-tb.tbs-show header .header__top { transition: all .4s ease; opacity: 1; visibility: visible; }

body.has-tb.tbs-show header.fixed { -webkit-transform: translateY(40px); transform: translateY(40px); }

@media (max-width: 991px) { body.has-tb.tbs-show header.fixed { -webkit-transform: translateY(0); transform: translateY(0); } }

body.has-tb.tbs-show header.fixed .header__top { height: 0; opacity: 0; padding: 0; visibility: hidden; }

body.has-tb.tbs-show.tbs-show-top header.fixed { top: -40px; }

body.has-tb.tbs-show.tbs-show-top header.fixed .header__top { height: auto; opacity: 1; padding: 10px 0; visibility: visible; }

body.has-tb.has-tb--alt main { margin-top: 0; }

body.has-tb.has-tb--alt .masthead { margin-top: 64px; }

body.has-tb.has-tb--alt.tbs-show header.fixed { -webkit-transform: translateY(64px); transform: translateY(64px); }

body.has-tb.has-tb--alt.tbs-show.tbs-show-top header.fixed { top: -64px; }

body.has-tb.has-tb--alt.layout_one.tbs-show header.fixed { -webkit-transform: translateY(60px); transform: translateY(60px); }

body.has-tb.has-tb--alt.layout_one.tbs-show.tbs-show-top header.fixed { top: -60px; }

@media (max-width: 1024px) { body.has-tb.has-tb--alt.layout_one.tbs-show.tbs-show-top header.fixed { top: 0; }
  body.has-tb.has-tb--alt.layout_one.tbs-show.tbs-show-top header.fixed .header__top { top: -130%; } }

@media (max-width: 991px) { body.has-tb.has-tb--alt { margin-top: 56px; }
  body.has-tb.has-tb--alt.layout_one header .header__top { top: 0; }
  body.has-tb.has-tb--alt.layout_one header .header__left { top: 41px; }
  body.has-tb.has-tb--alt header .header__top { top: 64px; }
  body.has-tb.has-tb--alt header .header__left { top: 105px; }
  body.has-tb.has-tb--alt header.fixed { top: -41px; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; transition: all linear .3s; }
  body.has-tb.has-tb--alt header.sticky { top: 0; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; transition: all linear .3s; }
  body.has-tb.has-tb--alt header.sticky .header__top { opacity: 1; visibility: visible; height: auto; padding: 10px 0; }
  body.has-tb.has-tb--alt.tbs-show.tbs-show-top header.fixed { top: 0; }
  body.has-tb.has-tb--alt.tbs-show.tbs-show-top.layout_one header.fixed .header__top { top: 64px; }
  body.has-tb.has-tb--alt.tbs-show .top-banner-sticky { background: #FFF6E0; -webkit-transform: translateY(0); transform: translateY(0); }
  body.has-tb.has-tb--alt.tbs-show.layout_one header .header__top { top: 0; }
  body.has-tb.has-tb--alt.tbs-show.layout_one header .header__left { top: 105px; }
  body.has-tb.has-tb--alt.menu-open.layout_one header .header__left, body.has-tb.has-tb--alt.menu-open.tbs-show.layout_one header .header__left, body.has-tb.has-tb--alt.menu-open.tbs-show-top.layout_one header .header__left { top: 0; }
  body.has-tb.has-tb--alt.menu-open.layout_one header .header__main, body.has-tb.has-tb--alt.menu-open.tbs-show.layout_one header .header__main, body.has-tb.has-tb--alt.menu-open.tbs-show-top.layout_one header .header__main { margin-top: 56px; } }

@media (max-width: 479px) { body.has-tb.has-tb--alt.tbs-show.tbs-show-top.layout_one header.fixed .header__top { top: 96px; }
  body.has-tb.has-tb--alt.tbs-show header.fixed { -webkit-transform: translateY(64px); transform: translateY(64px); }
  body.has-tb.has-tb--alt.tbs-show.layout_one header .header__left { top: 137px; } }

@media (max-width: 1024px) { body.has-tb .masthead { margin-top: 64px; } }

@media (max-width: 991px) { body.has-tb { margin-top: 110px; }
  body.has-tb .masthead { margin-top: 161px; }
  body.has-tb.single .masthead { padding-top: 123px; }
  body.has-tb header .header__left { top: 48px; }
  body.has-tb.tbs-show.tbs-show-top header.fixed { top: 0; }
  body.has-tb.tbs-show.menu-open header.fixed { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; }
  body.has-tb.menu-open .top-banner-sticky { visibility: hidden; }
  body.has-tb.menu-open header { z-index: 999; }
  body.has-tb.menu-open header .header__top { top: 0 !important; transition: top linear .3s; }
  body.has-tb.menu-open header .header__left { top: 40px; transition: top linear .3s; z-index: 10; }
  body.has-tb.menu-open header .header__main .main-menu { height: calc( 100vh - 240px); overflow-x: hidden; overflow-y: auto; }
  body.has-tb.menu-open header .header__main .main-menu .main-menu__sub { height: calc( 100vh - 240px); top: 77px; }
  body.has-tb.menu-open header.fixed { top: 0; transition: all linear .3s; }
  body.has-tb.menu-open header.fixed .header__top { height: auto; opacity: 1; visibility: visible; padding: 10px 0; }
  body.has-tb.menu-open.tbs-show header.fixed { -webkit-transform: translateY(0); transform: translateY(0); } }

.propose { padding: 64px 0; }

.propose.bg-gray { background: #F1F5F9; }

.propose.propose--alt .item__title { font-size: 16px; line-height: 24px; margin-bottom: 8px; font-family: "Inter", sans-serif; font-weight: 600; }

.propose__title { text-align: center; }

.propose__desc { text-align: center; margin-bottom: 24px; }

.propose__action { margin-top: 32px; text-align: center; }

.propose__action a { margin-right: 16px; }

.propose__action a:last-child { margin-right: 0; }

.propose .item { border: 1px solid #D0D6DD; border-radius: 4px; padding: 24px; height: 100%; background: #FFF; }

.propose .item__icon { margin-bottom: 8px; }

.propose .item__icon img { height: 52px; width: auto; }

.propose .item__title { font-size: 20px; line-height: 28px; margin-bottom: 8px; font-family: "Inter", sans-serif; font-weight: 600; }

.propose .item__desc { color: #232933; }

.propose .item__desc p { margin-bottom: 0; }

.propose .item__desc strong { font-size: 20px; line-height: 28px; font-family: "Inter", sans-serif; font-weight: 600; margin-top: 8px; display: inline-block; }

@media (max-width: 991px) { .propose { padding: 32px 0; }
  .propose .item { margin-bottom: 24px; height: calc(100% - 24px); } }

@media (max-width: 479px) { .propose__title, .propose__desc { text-align: left; }
  .propose__action a { margin-right: 0; margin-bottom: 16px; }
  .propose__action a:last-child { margin-bottom: 0; }
  .propose.propose--center .item { text-align: center; } }

.insight-slider { padding: 64px 0; }

.insight-slider .insight__nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0 0 24px; }

.insight-slider .insight__next, .insight-slider .insight__prev { display: block; width: 56px; height: 56px; margin: 0 8px; background: url(../images/ic-nav.svg) no-repeat center; cursor: pointer; transition: all .3s ease; }

.insight-slider .insight__next:hover, .insight-slider .insight__prev:hover { background: url(../images/ic-nav-hover.svg) no-repeat center; }

.insight-slider .insight__next.swiper-button-disabled, .insight-slider .insight__prev.swiper-button-disabled { opacity: 0.5; -webkit-filter: grayscale(100); filter: grayscale(100); pointer-events: none; }

.insight-slider .insight__next.swiper-button-lock, .insight-slider .insight__prev.swiper-button-lock { display: none; }

.insight-slider .insight__prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.insight-slider .insight__pagination { position: relative !important; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 12px; top: 0 !important; padding: 8px 0; }

.insight-slider .insight__pagination .swiper-pagination-bullet { width: 32px; height: 6p; margin: 0 !important; background: #8B95A5; position: relative; opacity: 1; transition: all .3s ease; transition-delay: .5s; border-radius: 4px; }

.insight-slider .insight__pagination .swiper-pagination-bullet.active { background: #4B61DD; }

.insight-slider .insight__pagination .swiper-pagination-bullet-active { background: #4B61DD; }

.insight-slider .card { margin-bottom: 24px; height: calc(100% - 24px); border: none; }

.insight-slider .card__wrap { margin: 24px 0 0 0; }

.insight-slider .card__wrap .swiper-wrapper { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.insight-slider .card__img { margin-bottom: 24px; }

.insight-slider .card__img img { height: 219px; width: 100%; object-fit: cover; border-radius: 4px; }

.insight-slider .card__title { font-family: "Inter", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 12px; }

.insight-slider .card__desc { margin-bottom: 24px; }

.insight-slider .card__action { margin-top: auto; }

.insight-slider .card__action a { margin-right: 16px; }

.insight-slider .card__action a:last-child { margin-right: 0; }

.insight-slider .swiper .swiper-wrapper { padding-bottom: 0; }

@media (max-width: 479px) { .insight-slider { padding: 32px 0; }
  .insight-slider .insight__nav { display: none; }
  .insight-slider .insight__pagination .swiper-pagination-bullet { width: 32px; height: 6px; }
  .insight-slider .insight__action a { margin-right: 0; margin-bottom: 16px; }
  .insight-slider .insight__action a:last-child { margin-bottom: 0; } }

.masthead--promo { background: #FFF; height: 100vh; max-height: 635px; position: relative; }

.masthead--promo__slider { height: 100%; }

.masthead--promo__pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; position: absolute; bottom: 32px; left: calc(50% - 624px); text-align: left; max-width: 1248px; padding-left: 12px; padding-right: 12px; }

.masthead--promo__pagination .swiper-pagination { width: auto; }

.masthead--promo__pagination .swiper-pagination-bullet { width: 32px; height: 6px; border-radius: 3px; margin: 2px 6px; background: #FFF; opacity: .7; transition: all linear .3s; }

.masthead--promo__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; opacity: 1; transition: all linear .3s; }

.masthead--promo__navs { position: absolute; z-index: 2; width: 100%; left: 0; top: calc(50% - 28px); padding: 0 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.masthead--promo__navs .nav { width: 56px; height: 56px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #FFF; border-radius: 50px; padding: 16px; z-index: 3; cursor: pointer; }

.masthead--promo__navs .nav svg path { stroke: #D0D6DD; transition: all linear .3s; }

.masthead--promo__navs .nav:hover svg path { stroke: #4B61DD; transition: all linear .3s; }

.masthead--promo .items { height: 100%; }

.masthead--promo .items .item { height: 100%; }

.masthead--promo .items .item__bg { height: 100%; background: #ff9100; }

.masthead--promo .items .item__bg-img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.masthead--promo .items .item__bg-img-sm { display: none; }

@media (max-width: 1200px) { .masthead--promo__pagination { left: 0; max-width: 100%; padding: 0 32px; }
  .masthead--promo__pagination .swiper-pagination { width: auto; left: 0; top: 0; position: relative; }
  .masthead--promo__navs { left: 0; max-width: 100%; padding: 0 32px; } }

@media (max-width: 991px) { .masthead--promo { padding: 0; } }

@media (max-width: 479px) { .masthead--promo .items .item__bg-img { display: none; }
  .masthead--promo .items .item__bg-img-sm { display: block; }
  .masthead--promo__pagination .swiper-pagination { width: 100%; text-align: center; }
  .masthead--promo__navs { display: none; } }

.ribbon { padding: 0 0 64px 0; }

.ribbon__ribbon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 32px 0; background: url(../images/ribbon-center.png) repeat-x; background-size: contain; max-width: 577px; position: relative; z-index: 2; margin: -16.5px auto 0 auto; }

.ribbon__ribbon::before { content: ''; position: absolute; width: 93px; height: 100%; left: -92px; top: 0; background: url(../images/ribbon-left.png) no-repeat; background-size: contain; background-position: top right; }

.ribbon__ribbon::after { content: ''; position: absolute; width: 93px; height: 100%; right: -92px; top: 0; background: url(../images/ribbon-right.png) no-repeat; background-size: contain; background-position: top left; }

.ribbon__title { margin-bottom: 0; color: #FFF; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-weight: 600; text-align: center; }

.ribbon .items { margin-top: 75px; }

.ribbon .items .item__box { height: 100%; background: #F1F5F9; border-radius: 16px; overflow: hidden; padding: 24px; }

.ribbon .items .item__img { margin: 0 auto 8px auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.ribbon .items .item__img img { height: 100%; width: auto; max-height: 160px; }

.ribbon .items .item__title { font-size: 16px; line-height: 24px; margin-bottom: 10px; font-weight: 600; }

@media (max-width: 991px) { .ribbon .items .item { height: calc(100% - 24px); margin-bottom: 24px; } }

@media (max-width: 768px) { .ribbon__ribbon { max-width: 433px; margin: -14px auto 0 auto; } }

@media (max-width: 479px) { .ribbon { padding-bottom: 32px; }
  .ribbon__title { font-size: 16px; line-height: 24px; }
  .ribbon__ribbon { padding: 18px 0 14px 0; max-width: 289px; margin: -8px auto 0 auto; }
  .ribbon .items { margin-top: 29px; } }

.testimonial-gartner { padding: 64px 0; background: #F1F5F9; }

.testimonial-gartner__left { max-width: 430px; }

.testimonial-gartner__title { text-align: center; margin-bottom: 40px; }

.testimonial-gartner__list .title { font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 24px; color: #232933; }

.testimonial-gartner__action { padding-top: 40px; margin-top: 40px; border-top: 1px solid #D0D6DD; }

.testimonial-gartner__action .title { font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 24px; color: #232933; }

.testimonial-gartner__icons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; margin-bottom: 32px; }

.testimonial-gartner__icons .icon { height: 32px; }

.testimonial-gartner__icons .icon img { height: 32px; width: auto; }

.testimonial-gartner__testimoni .items .item__box { background: #FFF; border-radius: 16px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.testimonial-gartner__testimoni .items .item__img { width: 230px; -webkit-flex: 0 0 230px; -ms-flex: 0 0 230px; flex: 0 0 230px; }

.testimonial-gartner__testimoni .items .item__img img { height: 100%; object-fit: cover; }

.testimonial-gartner__testimoni .items .item__content { width: calc( 100% - 230px); -webkit-flex: 0 0 calc( 100% - 230px); -ms-flex: 0 0 calc( 100% - 230px); flex: 0 0 calc( 100% - 230px); padding: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.testimonial-gartner__testimoni .items .item__bottom { margin-top: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; position: relative; }

.testimonial-gartner__testimoni .items .item__left .name { font-weight: 600; }

.testimonial-gartner__testimoni .items .item__right { position: absolute; right: 0; bottom: 0; max-width: 125px; color: #232933; }

.testimonial-gartner__testimoni .items .item__right .bold { font-family: Permanent Marker; font-size: 36px; line-height: normal; }

.testimonial-gartner__testimoni .items .item__right .text { font-size: 14px; line-height: 20px; }

.testimonial-gartner__testimoni .items .item__right::before { content: ''; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 80px; height: 80px; background: url(../images/arrow-testimonial.png) no-repeat center; background-size: contain; position: absolute; left: -80px; top: -30px; }

.testimonial-gartner__control { margin-top: 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.testimonial-gartner__pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.testimonial-gartner__pagination .swiper-pagination { width: auto; position: relative; }

.testimonial-gartner__pagination .swiper-pagination-bullet { width: 32px; height: 6px; border-radius: 3px; margin: 2px 6px; background: #8B95A5; opacity: 0.5 !important; transition: all linear .3s; }

.testimonial-gartner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #8B95A5; opacity: 1 !important; transition: all linear .3s; }

.testimonial-gartner__navs { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; }

.testimonial-gartner__navs .nav { width: 56px; height: 56px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #F8F9FB; border-radius: 50px; padding: 16px; cursor: pointer; }

.testimonial-gartner__navs .nav svg path { stroke: #D0D6DD; transition: all linear .3s; }

.testimonial-gartner__navs .nav:hover { background: #fff; transition: all linear .3s; }

.testimonial-gartner__navs .nav:hover svg path { stroke: #4B61DD; transition: all linear .3s; }

@media (max-width: 1024px) { .testimonial-gartner__testimoni .items .item__right { position: relative; }
  .testimonial-gartner__testimoni .items .item__right::before { width: 60px; height: 60px; left: -60px; top: -20px; } }

@media (max-width: 991px) { .testimonial-gartner__left { max-width: 100%; margin-bottom: 40px; }
  .testimonial-gartner__action { text-align: center; } }

@media (max-width: 479px) { .testimonial-gartner { padding: 32px 0; }
  .testimonial-gartner__title { font-size: 28px; line-height: 36px; margin-bottom: 24px; }
  .testimonial-gartner__testimoni .items { margin-top: 40px; }
  .testimonial-gartner__testimoni .items .item__box { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .testimonial-gartner__testimoni .items .item__img { max-height: 343px; width: 100%; }
  .testimonial-gartner__testimoni .items .item__img img { height: 100%; width: 100%; }
  .testimonial-gartner__testimoni .items .item__content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }

.benefit-block { padding: 64px 0; }

.benefit-block__title { text-align: center; margin-bottom: 24px; }

.benefit-block__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; }

.benefit-block__action a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.benefit-block .items { margin-top: 75px; }

.benefit-block .items .item__box { height: calc(100% - 24px); background: #F1F5F9; border-radius: 16px; overflow: hidden; padding: 24px; margin-bottom: 24px; }

.benefit-block .items .item__img { margin: 0 auto 8px auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.benefit-block .items .item__img img { height: 100%; width: auto; max-height: 160px; }

.benefit-block .items .item__title { font-size: 16px; line-height: 24px; margin-bottom: 10px; font-weight: 600; }

@media (max-width: 479px) { .benefit-block { padding: 32px 0; } }

.sticky-button { padding: 12px; position: fixed; background: #FFF; z-index: 11; left: calc(50% - (238px/2)); bottom: 40px; border-radius: 6px; box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05); }

.sticky-button a { margin-bottom: 0 !important; }

/*# sourceMappingURL=mains.css.map */