@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600');


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a:not(.dropdown-toggle),
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

ol,
ul {
   list-style: none;
}

blockquote,
q {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: '';
   content: none;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

body,
html {
   line-height: 28px;
}

.centric-temp {
   font-family: 'Open Sans', sans-serif;
}

.centric-temp a {
   transition: color 0.3s ease-in-out;
}

.centric-temp a:focus {
   color: inherit;
   outline: none;
}

img {
   max-width: 100%;
}

picture {
   display: inline-block;
}

/*
.post-template-acf-flexible-content nav#centric-nav,
.post-template-acf-flexible-content #top-right {
   display: none !important;
}*/


/**********************Spaces***********************/
.mbs {
   margin-bottom: 25px;
}

.mts {
   margin-top: 25px;
}

.mbm {
   margin-bottom: 50px;
}

.mtm {
   margin-top: 50px;
}

.spacer {
   height: 50px;
}

.mb80 {
   margin-bottom: 80px;
}

.mbl {
   margin-bottom: 100px;
}

.mtl {
   margin-top: 150px;
}

.mb48 {
   margin-bottom: 48px;
}

.mt48 {
   margin-top: 48px;
}

.mt23 {
   margin-top: 23px;
}

#section-1 h2 {
   margin-top: 0;
}

.ptl {
   padding-top: 152px;
}

.pbl {
   padding-bottom: 160px;
}

#discover-more.pbl {
   padding-bottom: 0px;
}

.footer-section {
   margin-top: 160px;
}

/**********************Header***********************/

.article-main-img img {
   width: 100%;
   height: auto;
}

.article-main-img>picture,
.article-main-img img {
   position: relative;
   z-index: 12;
}

.all-article {

   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   text-align: right;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #212F41;
   margin: 2px 0;
   text-decoration: none;
}

.all-article>span {
   position: relative;
   padding: 0 12px;
}

.all-article>span:after {
   content: "";
   position: absolute;
   background: #B7BBBC;
   width: calc(100% - 23px);
   height: 2px;
   bottom: -2px;
   left: 11px;
   opacity: 0.4;
   transition: all 0.3s ease-in-out;
}

.all-article:hover>span:after {
   background: #0a58ca;
   opacity: 1;
}

.article-title {
   font-weight: 600;
   font-size: 40px;
   line-height: 120%;
   color: #000000;
   margin: 24px 0px;
   padding: 0 45px 0 0;
   max-width: 565px;
}

.article-title.longer-title {
   font-size: 34px;
}

.meta {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #627A99;
   margin: 24px 0px;
   margin-bottom: 0px;
}

.article-author {
   position: relative;
   padding: 0 10px !important;
   text-decoration: none;
   color: #627A99;
   text-transform: capitalize;
   pointer-events: none;
}

.meta a:before,
.meta span:before {
   content: "";
   position: absolute;
   background: #627A99;
   height: 14px;
   width: 1px;
   top: 5px;
   left: 0;
}

.meta a:first-child:before,
.meta span:first-child:before {
   background: transparent;
}

.article-date {
   padding-right: 10px;
}

.article-readtime {
   position: relative;
   padding: 0 10px;
}

/*********************/

.post-content,
.content-elm {
   color: #212F41;
}

.content-elm p {
   margin-bottom: 17px;
}

.content-elm-title h1,
.content-elm-title h2,
.content-elm-title h3,
.content-elm-title h4,
.content-elm-title h5,
.content-elm-title h6,
.text-area h1,
.text-area h2,
.text-area h3,
.text-area h4,
.text-area h5,
.text-area h6 {
   line-height: 132%;
   color: #000000;
   margin: 23px 0px 20px;
}

.content-elm-title h1,
.text-area h1 {
   font-weight: 600;
   font-size: 26px;

}

.content-elm-title h2,
.text-area h2 {
   font-weight: 600;
   font-size: 24px;

}

.content-elm-title h3,
.text-area h3 {
   font-weight: 600;
   font-size: 22px;

}

.content-elm-title h4,
.text-area h4 {
   font-size: 20px;
}

.content-elm-title h5,
.text-area h5 {
   font-size: 18px;
}

.content-elm-title h6,
.text-area h6 {
   font-size: 16px;
}

.secondry-title {
   display: block;
   font-weight: 600;
   font-size: 20px;
   line-height: 140%;
   color: #000000;
   margin: 18px auto;
}

/* .custom-width .container,
.intro .container,
#discover-more .container {
    padding-right: 30px;
    padding-left: 30px;
} */

.centric-temp:not(.content-to-left) .custom-width .container {
   max-width: 808px;
}

.post-content p,
.content-elm p,
body .content-elm ul li {
   font-size: 18px !important;
   color: #212F41;
   line-height: 28px;
}

.text-area a,
.accordion-body a {
   color: #212F41;
}

.text-area a:hover,
.accordion-body a:hover {
   color: #627A99;
   text-decoration: underline;
}

::-moz-selection,
::selection {
   background: #096BE1;
   color: #fff;
}



.text-area i,
.text-area em {
   font-style: italic;
}

.text-area a {
   color: #007aff;
}
.table-area {
   position: relative;
}
.table-area > div {
   overflow: auto;
   position: relative;
   scrollbar-width: none; /* Firefox */
}
.table-area > div::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}
@media (max-width: 768px) {
   .table-area > div {
      margin-left: -24px;
      margin-right: -24px;
      width: auto !important;
   }
   .table-area table {
      margin-left: 24px;
      margin-right: 24px;
   }
   .table-area::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -24px;
      width: 24px;
      background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100%);   
      pointer-events: none;
      z-index: 1;   
   }
   .table-area::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -24px;
      width: 24px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100%); 
      pointer-events: none;
      z-index: 1;   
   }
}
.table-area table, 
.text-area table {
   width: 100%;
   font-size: 16px;
   line-height: 24px;
   margin-top: 48px;
   margin-bottom: 48px;
   height: auto !important;
}
.table-area table thead, 
.text-area table thead {
   color: white;
   background: var(--color-blue-gradient, linear-gradient(225deg, #0995E3 0%, #096BE1 100%));
}

.table-area table tr,
.text-area table tr {
   border-bottom: 1px solid #0000003d;
   border-top: 1px solid #0000003d;
   border-left: 1px solid #0000003d;
   border-right: 1px solid #0000003d;
}

.table-area table td,
.text-area table td {
   padding-top: 30px;
   padding-bottom: 12px;
   padding-left: 8px;
   padding-right: 8px;
   font-weight: 400;
   vertical-align: middle;
}

.table-area table th,
.text-area table th {
   padding-bottom: 12px;
   padding-top: 12px;
   padding-left: 8px;
   padding-right: 8px;
   vertical-align: middle;
   font-weight: 600;
}

.table-area table td[rowspan],
.text-area table td[rowspan] {
   padding-left: 15px;
   padding-right: 15px;
   vertical-align: middle;
}


/********************Realated Content*******************/

section .row:before,
section .row:after {
   display: none;
}

.owl-carousel.owl-drag .owl-item {
   padding-left: 10px;
   padding-right: 10px;
}

section .row .related-content-carousel:not(:last-child) {
   margin-bottom: 48px;
}

.owl-related-content .item {
   background: #FFFFFF;
   box-shadow: 0px 2px 8px rgba(98, 122, 153, 0.16);
   margin-right: 15px;
   margin-left: 15px;
   overflow: hidden;
   width: 100%;
}

.owl-related-content .owl-stage-outer {
   margin-left: -10px;
   margin-right: -10px;
   padding: 10px;
}

.owl-related-content .item:hover {
   box-shadow: 0px 0px 24px rgb(98 122 153 / 26%);
}

.related-content-carousel.mtm {
   margin-top: 48px;
}

.related-content-carousel {
   min-width: calc(100% + 30px);
   margin-left: -15px;
}

.content-elm.text-area+.related-content-carousel.mtm {
   margin-top: 31px;
}

.related-content-carousel h3 {

   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #212F41;
   margin: 0px 22px 8px;
}

.related-content-carousel .owl-tag {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #627A99;
   display: inline-block;
   margin: 0 4px 0 0;
}

.related-content-carousel .owl-title {
   display: block;
   font-weight: 600;
   font-size: 18px;
   line-height: 28px;
   color: #212F41;
   margin: 4px 4px 24px;
}

.related-content-carousel .owl-stage {
   display: flex;
   flex-wrap: wrap;
}

.related-content-carousel .owl-item {
   display: flex;
   height: auto !important;
   justify-content: center;

}

.related-image {
   height: 180px;
   width: 100%;
   background-size: cover;
   background-position: center;
   margin-bottom: 24px;
}

.related-content-carousel .owl-stage-outer {
   padding-top: 20px;
   padding-bottom: 20px;
}

.owl-all-tag .owl-tag:after {
   content: ",";
}

.owl-all-tag .owl-tag:last-child:after {
   content: "";
}

.owl-related-content .item a {
   text-decoration: none;
   overflow: hidden;
   display: block;
   height: 100%;
   width: 100%;
   padding: 10px;
}

.owl-all-tag {
   margin: 24px 0 0;
}

@media (max-width:480px) {
   .related-content-carousel {
      padding-left: 0px;
      padding-right: 0px;
      min-width: 100%;
      margin-left: 0;
   }

   .related-content-carousel .owl-nav {
      width: 92%;
      margin-left: auto;
      margin-right: auto;
   }
}

/********************Carousel**********************/
.owl-custom-arrow.custom-owl-prev,
.owl-custom-arrow.custom-owl-next {
   display: flex;
   align-items: center;
   justify-content: center;

}

.owl-nav {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 8px;
   margin: 40px 0 25px 0;
}

.owl-custom-arrow.custom-owl-next {
   right: 10px;
}

.owl-next svg path,
.owl-custom-arrow.custom-owl-next svg path {
   transition: all 0.3s ease-in-out;
}

.owl-next:hover svg path,
.owl-prev:hover svg path {
   opacity: 1;
}

.owl-custom-arrow.custom-owl-prev svg {
   transform: rotate(180deg);
}

.owl-next,
.owl-prev {
   width: 48px;
   height: 48px;
   left: 616px;
   top: 0px;
   text-align: center;
   background: #FFFFFF !important;
   border-radius: 24px;
   transition: background-color 0.3s ease-in-out;
}

.owl-next:not(.disabled):hover,
.owl-prev:not(.disabled):hover {
   background-color: #F1F2F5 !important;
}

.owl-next.disabled:hover,
.owl-prev.disabled:hover {
   cursor: default;
}

.owl-carousel .owl-item img {
   display: block;
   max-width: 100%;
   width: auto;
   margin-right: auto;
   margin-left: auto;
}

.owl-next.disabled svg path,
.owl-prev.disabled svg path {
   fill: #808080;
}

/* .owl-carousel {
    display: none !important;

}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block !important;
} */
/*********************CTA********************************/
.content-cta {
   position: relative;
   border-radius: 8px;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   padding-right: 0;
   padding-left: 0;
}

.content-cta a,
.content-cta div.cta-wrap {
   display: inline-block;
   width: 100%;
   padding: 50px 51px;
   z-index: 10;
   position: relative;
   text-decoration: none;
}

.iframe-modal-trigger {
   cursor: pointer;
}




.cta-title {
   font-weight: 600;
   font-size: 24px;
   line-height: 132%;
   position: relative;
   color: #fff;
   margin: 24px 0px;
}

@media (max-width:640px) {
   .content-cta a {
      padding: 24px 24px;
   }

   .content-cta .cta-title {
      margin: 0px;
   }

   .content-cta .cta-link {
      margin-top: 24px;
   }
}

.cta-title a {
   font-weight: 600;
   font-size: 24px;
   color: #fff;
   text-decoration: none;
}

.cta-link {
   position: relative;

   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   text-align: right;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #fff;
   text-decoration: none;
   transition: all 0.3s ease-in-out;
}

.cta-wrap:hover .cta-link {
   color: #fff;
}

.cta-link svg {
   position: relative;
   left: 0;
   transition: all 0.3s ease-in-out;
}

.cta-wrap:hover .cta-link svg {
   left: 10px;
}

.cta-link>span {
   margin-right: 12px;
   transition: all 0.3s ease-in-out;
}

.cta-flex-container {
   background: #141C27;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
}

.cta-flex-img {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 240px;
   height: 240px;
   width: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.cta-flex-cont {
   padding: 0 40px;
}

a.cta-wrap {
   text-decoration: none;
}

/*********************Category and tag*******************/
.all-cat>span,
.all-tag>span {
   display: block;

   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #556171;
}

.all-cat a {
   display: inline-block;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   text-decoration-line: underline;
   color: #212F41;
   margin: 4px 3px;
   text-transform: capitalize;
}

.all-cat a:hover {
   color: #627A99;
}

.all-cat a:after {
   content: ",";
}

.all-cat a:last-child:after {
   content: "";
}

.all-tag {
   margin: 16px 0px 0;
}

.all-tag a {
   display: inline-block;
   background: #F1F2F5;
   border-radius: 20px;

   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   color: #556171;
   margin: 10px 4px;
   padding: 4px 12px;
   text-decoration: none;
   text-transform: capitalize;
   transition: all 0.3s ease-in-out;
}

.all-tag a:hover {
   background: #e0dede;
}

/*********************Discover More***********************/
.discover-carousel .owl-stage {
   display: flex;
   flex-wrap: wrap;
}

.discover-carousel .item {

   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}

.discover-title {
   font-family: 'Open Sans';
   font-weight: 600;
   font-size: 40px;
   line-height: 120%;
   text-align: center;
   color: #000000;
   text-transform: capitalize;
}

body#de .discover-title {
   text-transform: none;
}

.discover-box {
   font-family: 'Open Sans';
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   background: #FFFFFF;
   box-shadow: 0px 2px 8px rgba(98, 122, 153, 0.16);
   margin: 40px 0;
}

.eq-height {
   display: flex;
   height: auto !important;
   justify-content: space-between;
   margin-left: 0;
}

.discover-carousel .owl-stage {
   display: flex;
}

.discover-box:before {
   content: "";
   position: absolute;
   height: 8px;
   width: 100%;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   left: 0;
   top: 0;
}

.discover-tax span {
   display: block;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   margin: 0 4px 0 0;
   color: #627A99 !important;
   transition: all 0.3s ease-in-out;
}

.navi-bg .discover-tax span {
   color: white !important;
}

.discover-contnet {
   font-weight: 400;
   font-size: 22px;
   line-height: 34px;
   color: #212F41;
   margin: 8px 0px 30px;
   transition: all 0.3s ease-in-out;
   z-index: 1;
}

.discover-contnet span,
.navi-bg .discover-contnet span.after-wave-text,
.navi-bg .discover-contnet span.after-wave-text span {
   color: white !important;
}

.discover-contnet span.after-wave-text,
.discover-contnet span.after-wave-text span {
   color: #212F41 !important;
}

.discover-box:not(.navi-bg) .discover-contnet span,
.discover-box:not(.navi-bg) .discover-contnet span.after-wave-text,
.discover-box:not(.navi-bg) .discover-contnet span.after-wave-text span {
   color: #212F41 !important;
}

.discover-box a {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   color: #000000;
   text-decoration: none;
   z-index: 1;
   padding: 24px 40px;
}

.read-more {
   display: flex;
   align-items: center;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #000000;
   transition: all 0.3s ease-in-out;
}

.discover-box svg {
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}

.discover-box:hover .read-more svg {
   left: 10px;
}

.navi-bg {
   background: linear-gradient(81.04deg, #004EAC 0%, #1126B6 100%);
   box-shadow: 0px 2px 8px rgba(98, 122, 153, 0.16);

}

.navi-bg:before {
   background: linear-gradient(81.04deg, #004EAC 0%, #1126B6 100%);
}

.navi-bg .discover-contnet,
.navi-bg a,
.navi-bg .read-more {
   color: #fff;
}

.navi-bg svg path {
   fill: #fff;
}

.navi-bg span {
   color: transparent;
}

.discover-tax {
   display: flex;
   flex-flow: wrap;
   margin: 8px 6px 8px 0;
}

.discover-tax span:after {
   content: ",";
}

.discover-tax span:last-child:after {
   content: "";
}

.discover-tax-empty {
   height: 30px;
}

/*********************TOC********************************/

.content-toc {
   position: relative;
}

/*#toc-parent,*/
/*.floating-cta {
   position: absolute;
}*/

.sticky {
   position: fixed;
   top: 0;
}

.toc-inner {
   background: #FFFFFF;
   box-shadow: 0px 0px 24px rgb(98 122 153 / 12%);
   z-index: 10;
   overflow: hidden;
   position: relative;
}


#toc .list-group-item {
   display: flex;
   align-items: flex-start;
   justify-self: center;
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
   color: #556171;
   border: none;
   padding: 8px 20px;
   margin-bottom: 0;
   width: 100%;
   /* transition: all 0.3s ease-in-out; */

}


#toc .list-group-item.active,
#toc .list-group-item.active:focus,
#toc .list-group-item.active:hover,
#toc .list-group-item:hover {
   background-color: inherit;
   border-color: inherit;
   color: #096BE1;
}

#toc .list-group-item:focus,
#toc .list-group-item:hover {
   background-color: #fff;
}

.list-group-item.active span {
   padding-left: 10px;
}

.list-group-item:after {
   content: "";
   position: absolute;
   background: #F1F2F5;
   margin: 0 auto;
   width: 100%;
   height: 1px;
   left: 0;
   right: 0;
   top: 0;
}

.list-group-item:last-child:after {
   width: 0;
}

.story-title {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #556171;
   margin: 20px 0px;
   text-align: left;
   padding: 0 20px;
}


.list-group-item:before {
   content: "";
   position: absolute;
   visibility: hidden;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC44Mjg0MjcgNi42NTY4TDMuNjU2ODUgMy44MjgzN0wwLjgyODQyNyAwLjk5OTk0MiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMjEwN18zMzU5NikiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMTA3XzMzNTk2IiB4MT0iMC44Mjg0MjkiIHkxPSIwLjk5OTk0MyIgeDI9Ii0xLjk4NzM5IiB5Mj0iNC4wOTUxMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDk3RkUyIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA4NUNEQiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
   width: 5px;
   height: 8px;
   top: 14px;
   left: 11px;
}

.list-group-item.active:before {
   visibility: visible;
}

.list-group-item.active {
   transform: translate(7px, 0px);
}


.btn-demo {
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   border-radius: 4px;
   color: #fff;
   text-decoration: none;
   display: inline-block !important;
   align-items: center;
   padding: 8px 20px !important;
   margin: 22px 14px !important;
   text-transform: capitalize;
}

.btn-demo:hover span {
   color: #fff;
}

.btn-demo span {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #FFFFFF;
   margin-right: 12px;
   transition: all 0.3s ease-in-out;
}

.btn-demo svg {
   position: relative;
   transition: all 0.3s ease-in-out;
   left: 0;
}

.btn-demo:hover svg {
   left: 10px;
}

.list-group-item+.list-group-item.active {
   margin-top: 0;
}

/*********************Video Carousel*********************/
.owl-dots {
   text-align: center;
   margin: 18px auto;
}

button.owl-dot {
   width: 12px;
   height: 12px;
   border: 1px solid #0995E3 !important;
   border-radius: 100%;
   margin: 5px;
}

button.owl-dot.active {
   background: linear-gradient(267.29deg, #0995E3 0%, #1F7EF6 51.56%, #096BE1 100%);
}

.wistia_embed,
.wistia_embed iframe {
   width: 100% !important;

}


.wistia-bg {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 280px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.overlay-play {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   width: 48px;
   height: 48px;
   border-radius: 100%;
   background-color: #fff;
   text-align: center;
   opacity: 0.8;
   transition: all 0.3s ease-in-out;
}

.video-carousel a:hover .overlay-play,
.single-video a:hover .overlay-play {
   opacity: 1;
   transform: scale(1.2);
}

.overlay-play:before {
   content: "";
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA3NyA2LjA4NzU0QzEyLjc3OTUgNi40OTMxIDEyLjc3OTUgNy41MDY5NSAxMi4wNzcgNy45MTI1MUwyLjI4NjU3IDEzLjU2NTFDMS41ODQxOSAxMy45NzA2IDAuNzA2MDU1IDEzLjQ2MzcgMC43MDYwNTUgMTIuNjUyNlYxLjM0NzQ2QzAuNzA2MDU1IDAuNTM2MzQzIDEuNTg0MTkgMC4wMjk0MTcyIDIuMjg2NTcgMC40MzQ5NzhMMTIuMDc3IDYuMDg3NTRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
   width: 13px;
   height: 14px;
   z-index: 2;
}

/**********************ol/ul********************************/
ol:before {
   content: "";
   position: absolute;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   opacity: 0.8;
   width: 4px;
   height: 100%;
   left: 0;
}

ol {
   position: relative;
   padding-left: 50px;
   margin: 26px 0;
}

ol li {
   font-weight: 600;
   font-size: 18px;
   line-height: 28px;
   color: #212F41;
   margin: 16px 0px;
   list-style: decimal;
}

.content-elm ul {
   position: relative;
   padding-left: 35px;
   margin: 26px 0;
}

body .content-elm ul li {
   margin: 16px 0px;
   color: #212F41;
}

body .content-elm ul li:before {
   background-color: #212F41;
}

strong {
   font-weight: bold;
}

.content-elm ul:before {
   content: "";
   position: absolute;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   opacity: 0.8;
   width: 4px;
   height: 100%;
   left: 0;
}

/********************Quote*******************************/
.quote {
   position: relative;
   padding-left: 50px;
   margin: 43px 0 0;
}

.quote:before {
   content: "";
   position: absolute;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   opacity: 0.8;
   width: 4px;
   height: 100%;
   left: 0;

}

blockquote {
   margin: 19px 0;

   font-weight: 600;
   font-size: 20px;
   line-height: 140%;
   color: #000000;
}

.owl-carousel .owl-stage {
   padding-left: 0 !important;
}

/*********************Benefits Carousel******************/
.benefits-carousel .item {
   display: flex;
   flex-direction: column;
   height: 100%;

}

.benefits-carousel .item-bg {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(0deg, rgba(33, 47, 65, 0.6), rgba(33, 47, 65, 0.6)), #000000;
   border-radius: 4px;
   text-align: center;
   width: 100%;
   height: 100%;
   padding: 32px 40px;
   overflow: hidden;
   max-width: 224px;
}

.owl-carousel.benefits-carousel .owl-item img {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   display: block;
   max-width: 128px;
}

.benefit-title {
   display: block;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
   color: #FFFFFF;
   margin: 24px auto 0;
}

.benefits-carousel .owl-stage {
   display: flex;
   flex-wrap: wrap;
}

.benefits-carousel .owl-nav {
   margin-bottom: 70px;
}



.benefits-carousel .item,
.benefits-carousel .owl-item {
   /* max-width: 224px; */
   width: 100%;
   min-height: 312px;
}

/*********************Descriptive Carousel***************/
.descriptive-carousel {
   margin: 18px auto;
}

.descriptive-carousel ul:before {
   position: relative;
}

.descriptive-carousel .item {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.descriptive-carousel .item-bg {
   background: linear-gradient(0deg, rgba(33, 47, 65, 0.6), rgba(33, 47, 65, 0.6)), #000000;
   border-radius: 4px;
   display: flex;
   flex-direction: column;
   align-items: normal;
   justify-content: flex-start;
   padding: 40px 38px;
   color: #fff;
}

.descriptive-carousel-title {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #8FA8C8;
   margin: 46px 0 0;
   text-align: left;
   display: inline-block;
}

.descriptive-carousel-title p {
   color: #8FA8C8;
}

.descriptive-carousel .item li:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   left: 0;
   right: 0;
   top: 0;
   background: #556171;
   opacity: 0.6;
}

.descriptive-carousel .item li:last-child:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   left: 0;
   right: 0;
   bottom: 0;
   background: #556171;
   opacity: 0.6;
}

.descriptive-carousel .item ul {
   padding-left: 0;
   margin: 16px 0 0;
}

.descriptive-carousel .item ul li {
   position: relative;
   list-style: none;
   padding: 10px 0;
   font-weight: 600;
   font-size: 14px !important;
   line-height: 20px;
   color: #fff;
   margin: 0;
}

.descriptive-carousel-image {
   height: 180px;
}

/* .descriptive-carousel .item,
.descriptive-carousel .owl-item {
    width: 100% !important;
} */


/*********************Accordion**************************/
#accordion {
   margin-top: 31px;
}

.accordion-button {
   font-weight: 600;
   font-size: 18px;
   line-height: 28px;
   color: #096BE1;
}

.accordion-item {
   border: 1px solid #DBDEE7;
}

.accordion-button:not(.collapsed) {
   background-color: #fff;
   box-shadow: none;
}

button.accordion-button.collapsed {
   box-shadow: inset 0px 0px 24px rgb(98 122 153 / 8%);
}

.accordion-body {
   background: #FFFFFF;
   color: #212F41;
   box-shadow: none;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
}

.accordion-body p {
   font-size: 16px !important;

}

.accordion-button:focus {
   border-color: inherit;
   box-shadow: inherit;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNzA3MSAxLjcwNzExQzE0LjA5NzYgMS4zMTY1OCAxNC4wOTc2IDAuNjgzNDE4IDEzLjcwNzEgMC4yOTI4OTNDMTMuMzE2NiAtMC4wOTc2MzEgMTIuNjgzNCAtMC4wOTc2MzEgMTIuMjkyOSAwLjI5Mjg5M0w3IDUuNTg1NzlMMS43MDcxMSAwLjI5Mjg5M0MxLjMxNjU4IC0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMC4yOTI4OTMgMC4yOTI4OTNDLTAuMDk3NjMxMSAwLjY4MzQxOCAtMC4wOTc2MzExIDEuMzE2NTggMC4yOTI4OTMgMS43MDcxMUw2LjI5Mjg5IDcuNzA3MTFDNi42ODM0MiA4LjA5NzYzIDcuMzE2NTggOC4wOTc2MyA3LjcwNzExIDcuNzA3MTFMMTMuNzA3MSAxLjcwNzExWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIxMDdfMzA5NzQpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjEwN18zMDk3NCIgeDE9IjE0IiB5MT0iNC41NjgxZS0wNiIgeDI9Ii0wLjU2MjAyMyIgeTI9IjEuMjA0MzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA5OTVFMyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwOTZCRTEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
   width: 14px;
   height: 8px;
   background-size: contain;
}

.collapse.show {
   visibility: visible;
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type,
.accordion-item:last-of-type {
   border-radius: 0;
}

/*********************Grid********************************/
.arrow-push {
   text-decoration: none;
}

.mini-box .arrow-push {
   margin: 0 10px;
   display: block;
}

.grid-content {
   background: #FFFFFF;
   box-shadow: 0px 0px 24px rgba(98, 122, 153, 0.12);
   border-radius: 4px;
   padding: 6px 30px;
   text-align: center;
}

.grid-title {
   position: relative;
   display: flex;
   align-items: center;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   margin: 23px 0 8px 0;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #096BE1;
}

.grid-title svg {
   position: relative;
   left: 0;
   margin-left: 14px;
   transition: all 0.3s ease-in-out;
}

.arrow-push:hover .grid-title svg {
   left: 10px;
}

/*********************Testimonial***********************/
.testimonial-carousel .item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   background: #096BE1;
   border-radius: 8px;
   padding: 30px;
   color: #fff;
}

/* .testimonial-carousel .owl-item {
    display: flex;
    height: auto !important;
    justify-content: center;
} */

.testimonial-carousel .owl-stage {
   display: flex;
   flex-wrap: wrap;
}

.comment-content {
   position: relative;
   font-size: 18px;
   line-height: 28px;
   padding-top: 46px;
   color: #fff;
}

.comment-content p {
   color: #fff;
}

.comment-content:before {
   content: "";
   position: absolute;
   top: 0;
   background-image: url("data:image/svg+xml,%3Csvg width='36' height='24' viewBox='0 0 36 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5806 22.9461C21.2477 16.4631 24.0472 8.81437 27.979 0H36C33.8296 9.45309 32.2569 17.4531 31.2818 24H20.2883L19.5806 22.9461ZM0 22.9461C0.629096 20.2954 1.74574 16.7186 3.34993 12.2156C4.95413 7.71257 6.6055 3.64072 8.30406 0H16.325C14.3119 8.17565 12.7235 16.1756 11.5596 24H0.566186L0 22.9461Z' fill='url(%23paint0_linear_2107_31086)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2107_31086' x1='-3.57344e-06' y1='24.0434' x2='14.1951' y2='-9.28662' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%2379AEEF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
   width: 36px;
   height: 24px;
}

.testimonial-flex {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin: 26px 0;
}

.testimonial-carousel .author,
.testimonial-carousel .specialist {
   display: inline-flex;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
}

.testimonial-carousel .author {
   position: relative;
   padding-right: 10px;
   margin-right: 10px;

}

.testimonial-carousel .author:after {
   content: "";
   position: absolute;
   top: 50%;
   height: 14px;
   width: 1px;
   background: #fff;
   right: 0;
   transform: translate(0, -50%);
}

.testimonial-link {
   position: relative;
   font-weight: 600 !important;
   font-size: 16px !important;
   line-height: 24px !important;
   /* display: flex; */
   align-items: center;
   text-align: right;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #fff;
   text-decoration: none;
   transition: all 0.3s ease-in-out;
}

.testimonial-link>span {
   margin-right: 12px;
   transition: all 0.3s ease-in-out;
}

.testimonial-link:hover {
   color: #fff;
}

.testimonial-link svg {
   position: relative;
   left: 0;
   transition: all 0.3s ease-in-out;
}

.testimonial-link:hover svg {
   left: 10px;
}

/*********************Select box*************************/
.custom-select {
   position: relative;
   padding: 10px;
}

.dropdown:not(.menu-item):after {
   content: '';
   position: absolute;
   right: 13px;
   top: 50%;
   transform: translate(0, -50%);
   width: 14px;
   height: 9px;
   pointer-events: none;
   transition: all 0.3s ease-in-out;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNzA3MSAxLjcwNzExQzE0LjA5NzYgMS4zMTY1OCAxNC4wOTc2IDAuNjgzNDE4IDEzLjcwNzEgMC4yOTI4OTNDMTMuMzE2NiAtMC4wOTc2MzEgMTIuNjgzNCAtMC4wOTc2MzEgMTIuMjkyOSAwLjI5Mjg5M0w3IDUuNTg1NzlMMS43MDcxMSAwLjI5Mjg5M0MxLjMxNjU4IC0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMC4yOTI4OTMgMC4yOTI4OTNDLTAuMDk3NjMxMSAwLjY4MzQxOCAtMC4wOTc2MzExIDEuMzE2NTggMC4yOTI4OTMgMS43MDcxMUw2LjI5Mjg5IDcuNzA3MTFDNi42ODM0MiA4LjA5NzYzIDcuMzE2NTggOC4wOTc2MyA3LjcwNzExIDcuNzA3MTFMMTMuNzA3MSAxLjcwNzExWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIxMDdfMzA5NzQpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjEwN18zMDk3NCIgeDE9IjE0IiB5MT0iNC41NjgxZS0wNiIgeDI9Ii0wLjU2MjAyMyIgeTI9IjEuMjA0MzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA5OTVFMyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwOTZCRTEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
   background-repeat: no-repeat;
}

.dropdown.open:after {
   transform: translate(0, -50%) rotate(180deg);
}

#selectBox {
   /* font-size: 14px;
    box-shadow: 0px 0px 24px rgba(98, 122, 153, 0.12);
    border: none;
    padding: 10px 19px;
    color: #096BE1;
    position: relative; */
   margin-bottom: 40px;
   background: white;
}

#selectBox select {
   background: transparent;
   width: 170px;
   padding: 5px;
   border: 0;
   border-radius: 0;
   height: 35px;
}

.toc-select-button {
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
   border: none;
   background-color: transparent;
   width: 100%;
   text-align: left;
   color: #929596;
   box-shadow: 0px 2px 8px rgb(98 122 153 / 16%);
   padding: 14px 20px;
}

.dropdown.open .toc-select-button {
   box-shadow: none;
   border-bottom: 3px solid #096BE1;
}

.dropdown-menu {
   width: 100%;
   border-radius: 0;
   border: none;
   padding: 8px 4px;
   background: #fff;
}

.dropdown-item-toc {
   display: block;
   background: rgba(219, 222, 231, 0.2) !important;
   margin: 2px 0 !important;
   transition: all 0.1s ease-in-out !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   line-height: 20px !important;
   color: #556171 !important;
   padding: 12px 16px !important;
   text-decoration: none !important;
}

.dropdown-item-toc:hover,
.dropdown-item-toc.active {
   background: #096BE1 !important;
   color: #fff !important;
}

/*********************Footer*****************************/
#foot-nav li a {
   text-decoration: none;
}

#foot-nav-language {
   display: flex;
   justify-content: center;
}

footer {
   padding: 70px 15px;
}

.new-footer.toc-footer {
   background: #fff;
   padding: 0;
}

.footer-section {
   background: #092242;
   padding: 70px 15px;
}

/*********************Social*****************************/
.desktop-share {
   transition: all 0.3s ease-in-out;
}

.desktop-share .addtoany_shortcode .a2a_kit {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
   background-color: #F8F8FA !important;
   border-radius: 10px 0 0 10px;
   width: 50px;
   padding: 10px 0;
   right: 0;
   margin-top: 100px;
   z-index: 50;

}

.addtoany_list a:hover img,
.addtoany_list a:hover span {
   opacity: 1 !important;
}


.a2a_kit a:hover {
   background: #E0E4EA !important;
}

.a2a_kit a {
   padding: 6px !important;
   border-radius: 100%;
   height: 28px;
   width: 28px;
   text-align: center;
   margin: 6px 0;
   transition: all 0.3s ease-in-out;
}

.desktop-share.fixed-share {
   position: fixed;
   top: 0;
   right: 0;
   transition: all 0.3s ease-in-out;
   z-index: 10;

}


.fixed-share {
   opacity: 1;
   animation-name: fadeInOpacity;
   animation-iteration-count: 1;
   animation-timing-function: ease-in;
   animation-duration: 300ms;
}

@keyframes fadeInOpacity {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

/*********************Social Links*****************************/
.social-links {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
}

.social-links__item {
   width: 28px !important;
   height: 28px !important;
   margin: 0 10px !important;
   background-color: #627A99 !important;
   color: #FFFFFF !important;
   border-radius: 9999px !important;
   text-align: center;
   transition: all 300ms !important;
}

.social-links__item--hatena {
   background-color: #00A4DE !important;
}

.social-links__item--line {
   background-color: #00CF2E !important;
}

.social-links__item--kakao {
   background-color: #FFE227 !important;
   color: #000000 !important;
}

.social-links__item:hover,
.social-links__item:focus {
   background-color: #DDE4ED !important;
   color: #627A99 !important;
}

.social-links__item svg {
   width: 100%;
   height: auto;
   color: inherit;
}

@media (min-width: 992px) {
   .social-links {
      position: absolute;
      right: 0;
      margin-top: 100px;
      padding-top: 8px !important;
      padding-bottom: 8px !important;
      width: 60px;
      flex-direction: column;
      background-color: #F8F8FA !important;
      border-radius: 10px 0 0 10px;
      z-index: 50;
   }

   .social-links__item {
      margin: 8px 0 !important;
   }
}

/*********************Media Query************************/


@media (min-width:992px) {
   .btn-demo {
      display: block !important;
   }

   #toc.sticky {

      position: fixed;

   }

   .list-group.fixed {
      position: fixed;
      top: 0;
      margin-top: 87px;

   }

   /* ul#menu-main-navigation {
        flex-direction: revert;
    }

    ul.sub-menu.dropdown-menu {
        position: absolute;
    } */
   .article-main-img {
      position: relative;
      text-align: center;
      max-width: 624px;
   }

   footer .col-xs-4 {
      width: 33%;
   }

   footer .col-xs-9 {
      width: 75%;
   }

   .shadow-box {
      position: absolute;
      background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
      width: 100%;
      height: calc(100% - 8px);
      right: -10px;
      top: 10px;
      z-index: 10;
   }

   #toc-parent,
   .floating-cta {
      left: 0px;
      padding-left: 0;
      padding-right: 0;
      z-index: 30;
      max-width: 260px;
   }

   .toc-inner {
      max-width: 260px;
   }

   .list-group-item:after {
      width: 91%;
   }

   .list-group-item:first-of-type:after {
      width: 0;
   }

   .cta-title {
      max-width: 460px;
   }
}

@media (min-width: 1042px) {

   #toc-parent {
      left: 0;
   }
}






@media (max-width:992px) {
   .discover-box {
      height: 100%;
      margin: 40px 18px;
   }

   .a2a_kit.a2a_kit_size_.a2a_floating_style.a2a_vertical_style {
      display: none;
   }

   .social-share span {
      display: block;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      margin: 5px auto 20px;
      transition: all 0.3s ease-in-out;
   }

   .social-share {
      text-align: center;
      margin-top: 50px;
   }

   .a2a_kit a {
      background: #F1F2F5;
      margin: 0 10px;
   }

   footer .col-xs-4,
   footer .col-xs-9 {
      display: none;
   }

   #foot-nav-language {
      width: 100%;
   }

   .toc-inner {
      padding: 40px;
   }

   .list-group {
      display: inline-block;
      width: 100%;
      margin-bottom: 56px;
      position: relative !important;
      top: 0 !important;
   }

   .ptl {
      padding-top: 126px;
   }

   .pbl {
      padding-bottom: 80px;
   }

   #discover-more.pbl {
      padding-bottom: 0px;
   }

   .footer-section {
      margin-top: 80px;
   }

}

@media (min-width:480px) and (max-width:992px) {

   #toc-parent,
   .sticky,
   .floating-cta {
      position: relative !important;
      width: calc(100% - 16px);
      margin: 0 auto;
   }

   .ptl {
      padding-top: 126px;
   }

   .pbl {
      padding-bottom: 80px;
   }

   #discover-more.pbl {
      padding-bottom: 0px;
   }

   .footer-section {
      margin-top: 80px;
   }

   .video-carousel .owl-stage-outer,
   .descriptive-carousel .owl-stage-outer,
   .testimonial-carousel .owl-stage-outer,
   .discover-carousel .owl-stage-outer,
   .video-carousel .owl-stage-outer,
   .benefits-carousel .owl-stage-outer {
      overflow: visible;
   }

   .video-carousel .owl-stage-outer:before,
   .descriptive-carousel .owl-stage-outer:before,
   .testimonial-carousel .owl-stage-outer:before,
   .discover-carousel .owl-stage-outer:before,
   .video-carousel .owl-stage-outer:before,
   .benefits-carousel .owl-stage-outer:before {
      content: "";
      position: absolute;
      width: 200px;
      height: 112%;
      background: #fff;
      right: 100%;
      z-index: 10;
   }

   .owl-carousel.descriptive-carousel .item-bg {
      max-width: 348px;
      width: 100%;
   }

   .owl-carousel.testimonial-carousel .item-bg {
      max-width: 480px;
      width: 100%;
   }

   .item-bg.discover-box a {
      width: 368px;
   }

   .custom-width .container,
   .intro .container {
      padding-right: 38px;
      padding-left: 38px;
   }

   #discover-more .container {
      padding-right: 29px;
      padding-left: 29px;
   }

   #toc-parent,
   .floating-cta {
      width: calc(100% - 43px);

   }
}

@media (min-width: 480px) and (max-width: 768px) {
   .item-bg.discover-box a {
      max-width: 368px;
      width: auto;
   }
}

@media (min-width:768px) {

   .video-carousel .item,
   .wistia-bg {
      width: 100%;
      /* max-width: 416px; */
      height: 280px;

   }

   .no-desk-padding {
      padding: 0;
   }
}

@media (min-width:768px) and (max-width:992px) {

   .container,
   .container-md,
   .container-sm {
      max-width: 684px;
   }
}

@media (max-width:768px) {

   .discover-title {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 32px;
      text-align: left;
      padding: 0 12px;

   }

   /* .discover-title:after {
        content: "";
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg width='34' height='16' viewBox='0 0 34 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.7071 8.70711C34.0976 8.31658 34.0976 7.68342 33.7071 7.29289L27.3431 0.928932C26.9526 0.538408 26.3195 0.538408 25.9289 0.928932C25.5384 1.31946 25.5384 1.95262 25.9289 2.34315L31.5858 8L25.9289 13.6569C25.5384 14.0474 25.5384 14.6805 25.9289 15.0711C26.3195 15.4616 26.9526 15.4616 27.3431 15.0711L33.7071 8.70711ZM0 9L33 9V7L0 7L0 9Z' fill='black'/%3E%3C/svg%3E%0A");
        width: 34px;
        height: 14px;
        right: 8px;
    } */
   /* .container, .container-sm {
        max-width: 100%; 
    } */
   .cta-flex-container {
      flex-direction: column;
      padding: 15px 15px 26px 15px;

   }

   .cta-flex-img {
      max-width: 100%;
   }

   .cta-flex-cont {
      padding: 0 7px;
   }

   .no-desk-padding {
      padding-right: 0;
      padding-left: 0;
      width: calc(100% - 24px);
      margin: 0 auto;
   }


}

@media (min-width:480px) {

   .related-content-carousel {
      padding: 0 19px;
   }

   .custom-select {
      display: none;
   }


}

@media (max-width:480px) {

   /* .owl-carousel.owl-related-content .owl-item, 
    .owl-carousel.owl-related-content .item {
        max-width: 224px;
        width: 100%;
    } */
   section {
      scroll-margin-top: 2rem;
   }

   .related-image {
      height: 140px;
   }

   .owl-related-content .owl-stage-outer {
      overflow: visible;
   }

   .owl-related-content .owl-stage-outer:before {
      content: "";
      position: absolute;
      width: 200px;
      height: 111%;
      background: #fff;
      right: 100%;
      z-index: 10;
      padding: 13px;
      box-shadow: none;
      top: -10px;
   }

   #toc {
      display: none;
   }

   .meta {
      font-size: 14px;
      line-height: 20px;
   }

   .article-title {
      font-size: 28px;
      line-height: 120%;
   }

   .mtm {
      margin-top: 25px;
   }

   .mbm {
      margin-bottom: 25px;
   }

   .mb80 {
      margin-bottom: 40px
   }

   .story-title {
      margin: 0 0 12px 0;
      padding-left: 0;
   }

   .custom-width .container,
   .intro .container {
      padding-right: 24px;
      padding-left: 24px;
   }

   #discover-more .container {
      padding-right: 36px;
      padding-left: 36px;
   }

   .mobile-image {
      width: 100vw;
      margin-left: calc((100% - 100vw) / 2);
   }

   .video-carousel .item,
   .wistia-bg {
      width: 100%;
      height: 205px;
   }

   #toc-parent,
   .floating-cta {
      position: relative !important;
      width: 100%;
      margin: 0 auto;
      z-index: 30;
   }

   .ptl {
      padding-top: 120px;
   }

   .pbl {
      padding-bottom: 60px;
   }

   #discover-more.pbl {
      padding-bottom: 0px;
   }

   .footer-section {
      margin-top: 60px;
   }

   .benefits-carousel .owl-stage-outer {
      overflow: visible;
   }

   .benefits-carousel .owl-stage-outer:before {
      content: "";
      position: absolute;
      width: 200px;
      height: 112%;
      background: #fff;
      right: 100%;
      z-index: 10;
   }

   .discover-box {
      margin: 40px 9px;
   }


}


@media (min-width:992px) and (max-width:1100px) {
   .custom-width .container {
      max-width: 600px !important;
   }

   .toc-inner {
      max-width: 212px !important;
   }

   .list-group-item {
      font-size: 12px;
   }
}

@media (min-width:1100px) and (max-width:1200px) {
   .custom-width .container {
      max-width: 629px !important;
   }

   #toc {
      max-width: 233px;
   }

   .list-group-item {
      font-size: 14px;
   }
}

@media (min-width:1200px) and (max-width:1300px) {
   .custom-width .container {
      max-width: 675px !important;
   }
}

@media (min-width: 1200px) {
   body .new-footer .container {
      width: 1140px !important;
   }

   #discover-more {
      max-width: 1248px;
      margin-right: auto;
      margin-left: auto;
   }

   .item-bg.discover-box a {
      width: 368px;
   }

}

@media (min-width:1300px) {
   .custom-width .container {
      max-width: 728px !important;
   }

}

@media (min-width:1440px) {

   .custom-width .container {
      max-width: 808px !important;
   }

   .intro {
      /*max-width: 1210px;*/
      margin-right: auto;
      margin-left: auto;
   }

   /*  .intro .container,*/
   #discover-more .container {
      max-width: 100% !important;
      width: 100% !important;
   }

   .intro .col-12.col-lg-5 {
      padding-left: 0;
   }

   .article-main-img {
      margin-left: auto;
   }
}

@media (min-width:1440px) and (max-width:1920px) {
   /* .intro .container,
    #discover-more .container {
        padding-right: 120px;
        padding-left: 120px;
    } */
}

@media (min-width:1920px) {

   .intro,
   main.centric-temp {
      max-width: 1439px;
      margin-right: auto;
      margin-left: auto;
   }

   /* main.centric-temp,
     #discover-more {
         padding-right: 240px;
         padding-left: 240px;
     } */
   .intro .container,
   #discover-more .container {
      padding-right: 0px;
      padding-left: 0px;
   }

   .custom-width .container {
      padding-right: 11px;
      padding-left: 11px;
   }

   .article-title {
      max-width: 683px;
   }
}

/**DT FIXES**/
.navbar-nav {
   display: inline-flex;
   flex-direction: initial;
   padding-left: initial;
   margin-bottom: initial;
   list-style: initial;
}

#top-right.hybrid-menu #defaultmenu>ul.navbar-nav>li:last-child>a,
#top-right.hybrid-menu .navbar-nav>li,
#top-right.hybrid-menu .nav>li>a {
   text-decoration: none;
}

@media (min-width: 1280px) {
   .hybrid-menu .nav>li.menu-item-has-children>a:after {
      height: 4px !important;
      width: 8px !important;
      background: url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/img/nav-arrow.svg) !important;
   }
}

#top-right.hybrid-menu .dropdown-menu>li>a {
   font-family: "Open Sans", sans-serif;
   text-decoration: none;
}

#top-right.light-menu {
   top: 0;
}

main.centric-temp {
   padding-top: 50px;
}

#mega-menu.mega-menu a,
.mega-menu-header,
.language-code,
.language-name .mega-menu-language,
.mega-menu-language span {
   font-family: "Open Sans", sans-serif !important;
   text-decoration: none;
}

/*Author fixes*/
.testimonial-carousel .seperator,
.testimonial-carousel .brand {
   display: inline-flex;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
}

.testimonial-carousel .seperator {
   padding: 0px 5px;
}

/*Footer fix*/
.single-left-footer-menu,
.single-left-footer-menu a {
   font-family: "Open Sans", sans-serif;
   text-decoration: none;
}

/*Anchor fix*/
@media (min-width: 992px) {
   section::before {
      content: '';
      display: block;
      height: 80px;
      margin-top: -80px;
      visibility: hidden;
      pointer-events: none;
   }
}

@media (max-width: 991px) {
   section::before {
      content: '';
      display: block;
      height: 110px;
      margin-top: -110px;
      visibility: hidden;
      pointer-events: none;
   }
}

/*Hero section on events type posts*/
#blog-top {
   font-family: 'Open Sans', sans-serif;
}

.acf-flex #blog-top.event-top {
   margin-top: 46px;
}

.single.acf-flex #blog-top h1 {
   font-size: 50px;
   margin-top: 15px;
   line-height: 1.1;
   font-weight: 300;
}

@media (max-width: 767px) {
   .single.acf-flex #blog-top h1 {
      font-size: 36px;
      margin-top: 15px;
   }

   .acf-flex #blog-top.event-top {
      margin-top: 0px;
   }
}

/***EXTRA ACF components***/
/*Presenters*/
.presenters-wrap.grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 25px;
}

.presenters-wrap .dt-img {
   max-width: 200px;
   margin: 0 auto;
}

.presenters-wrap .dt-image-cover {
   border-radius: 50%;
}

.presenters-wrap .text-wrapper {
   text-align: center;
   margin-top: 15px;
}

.presenters-wrap p.title {
   font-weight: bold;
}

.presenters-wrap p.title {
   font-size: 14px;
   line-height: 24px;
}

.presenters-wrap p.bio {
   font-size: 12px;
   line-height: 23px;
}

@media (max-width: 768px) {
   .presenters-wrap.grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 15px;
   }
}

/*Countdown*/
.countdown-wrapper #countdown {
   font-weight: bold;
   font-size: 25px;
   line-height: 32px;
}

/*Grid gallery*/
.grid-gallery {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 25px;
}

@media (max-width: 768px) {
   .grid-gallery {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
   }

   .jquery-modal.blocker {
      padding: 0px !important;
   }
}

.modal-gallery {
   z-index: 1040;
   justify-content: center;
   align-items: center;
   background: rgba(0, 0, 0, .6);
   cursor: pointer;
}

.modal-gallery .dt-img {
   width: 85%;
   height: 85%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.modal-gallery .dt-image-cover {
   padding: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.modal-gallery .dt-image-cover img {
   position: relative;
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   display: block;
   margin: 0 auto;
   cursor: pointer;
}

.modal.modal-gallery a.close-modal {
   top: 0;
   right: 0;
}

.jquery-modal.blocker {
   z-index: 1002 !important;
}

section {
   z-index: 2;
}

section#taxonomies {
   z-index: 1;
}

/*Floating cta*/
.floating-container {
   position: sticky;
   top: 100px;
   z-index: 30;
}

.floating-cta {
   background: linear-gradient(267.29deg, #096BE1 0%, #004AB9 100%);
   padding: 20px 20px;
   border-radius: 8px;
   position: sticky;
   top: 90px;
   min-width: max-content;
}

@media (min-width: 1400px) {
   /*.floating-cta {
      margin-left: -30px;
   }*/
}

@media (min-width: 1300px) {

   /* .floating-cta {
      margin-left: -75px;
   }*/
}

@media (max-width: 1300px) {
   .floating-cta {
      /*  margin-left: 0;*/
      max-width: 219px;
   }
}

@media (max-width: 1200px) {
   .floating-cta {
      position: relative;
      width: 100%;
      max-width: 650px;
      margin: 0 auto;
      margin-bottom: 30px;
      top: 0;
   }

   .floating-container {
      position: relative;
      top: 0;
   }

   .floating-container {
      padding: 0px 30px;
   }
}

.floating-cta h3.general-title {
   color: #e1eeff;
   margin-top: 0px;
   margin-bottom: 26px;
   font-weight: 600;
   font-size: 17px;
   line-height: 24px;
}

.floating-cta h3.general-title strong {
   color: white;
   font-weight: 600;
}

.floating-cta .request-demo-link {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: white;
   cursor: pointer;
   text-decoration: none;
}

.floating-cta .request-demo-link img {
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}

.floating-cta .request-demo-link:hover img {
   left: 10px;
}

/*Iframe component*/

.iframe-component {
   border: 0;
   padding: 48px 48px 50px 48px;
   border-radius: 8px;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   z-index: 10;
}

.iframe-component .secondry-title {
   margin-top: 0px;
}

.iframe-component span,
.iframe-component p,
.iframe-component ul,
.iframe-component li,
.iframe-component h1,
.iframe-component h2,
.iframe-component h3,
.iframe-component h4,
.iframe-component a {
   color: white !important;
}

.iframe-component .seperator {
   height: 1px;
   width: 100%;
   background: rgb(255 255 255 / 25%);
   display: block;
   margin-top: 40px;
   margin-bottom: 30px;
}

/*Iframe component modal version*/
body.overflow-disable {
   overflow: hidden;
}

.modal-section {
   display: none;
}

.modal-section .container {
   max-width: 810px;
}

.modal-section.active {
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   margin: 0px;
   padding: 0px;
   background: rgb(0 0 0 / 61%);
}

.iframe-component.iframe-modal {
   background: white;
   border-radius: 0px;
   max-height: 90vh;
   overflow: hidden;
   position: relative;
   padding-top: 65px;
}

.iframe-component.iframe-modal .close-icon {
   position: absolute;
   top: 10px;
   right: 19px;
   cursor: pointer;
}

.iframe-component.iframe-modal span,
.iframe-component.iframe-modal p,
.iframe-component.iframe-modal ul,
.iframe-component.iframe-modal li,
.iframe-component.iframe-modal h1,
.iframe-component.iframe-modal h2,
.iframe-component.iframe-modal h3,
.iframe-component.iframe-modal h4,
.iframe-component.iframe-modal a {
   color: black !important;
}

.iframe-component.iframe-modal .seperator {
   background: black;
}

.iframe-component.iframe-modal .inner-modal {
   overflow-y: scroll;
   max-height: 80vh;
}

/*Responsive iframe modal*/
@media (max-width: 768px) {
   .iframe-component {
      padding: 10px 20px;
      padding-top: 30px;
   }

   .iframe-component .seperator {
      margin-top: 30px;
      margin-bottom: 20px;
   }

   .iframe-component ul li {
      margin-left: 10px;
   }

   .iframe-component.iframe-modal .close-icon {
      top: 10px;
      right: 14px;
      width: 23px;
   }
}

/**Footer underline fix*/
footer .language-selector .language-selector-list li a {
   text-decoration: none !important;
}

/*Various fixes on mobile devices*/
#top-right.light-menu.top-right-collapse.mega-menu-is-active {
   background: transparent !important;
}

.owl-related-content .owl-stage-outer {
   overflow-x: hidden;
}

@media (max-width: 480px) {
   #toc-parent .custom-select {
      position: sticky;
      top: 76px !important;
      height: auto !important;
   }

   #selectBox {
      margin-bottom: 0 !important;
   }
}

/*Table of contents navigation adjustments - in content TOC */
.toc-content {
   position: relative;
}

.toc-content {
   left: 0;
   max-width: 100%;
   margin-top: 40px;
}

.toc-content .theiaStickySidebar {
   position: relative !important;
   inset: 0 !important;
   margin: 0px !important;
   transform: none !important;
   width: 100% !important;
}


.toc-content .toc-inner {
   max-width: 100%;
   padding-bottom: 20px;
   background: #f9f8f8;
   box-shadow: none;
   border-top: 1px solid #F1F2F5;
   margin-top: 1px;
   border-bottom: 1px solid #F1F2F5;
}

.toc-content .list-group {
   min-height: auto !important;
}

.toc-content .btn-demo {
   max-width: max-content;
}

.toc-content .story-title {
   font-weight: 600;
   font-size: 22px;
   line-height: 30px;
   text-transform: initial;
   color: black;
}

.toc-content .list-group-item-content {
   position: relative;
   display: flex;
   align-items: flex-start;
   justify-self: center;
   font-weight: 600;
   font-size: 14px;
   line-height: 22px;
   color: #556171;
   border: none;
   padding: 8px 30px;
   margin-bottom: 0;
   text-decoration: none;
   /* transition: all 0.3s ease-in-out; */
}

.toc-content .list-group-item-content span {
   text-decoration: underline;
   text-underline-offset: 5px;
   /*border-bottom: 1px solid;
   padding-bottom: 1px;*/
   margin-left: 6px;
}


.toc-content .list-group-item-content.active,
.toc-content .list-group-item-content.active:focus,
.toc-content .list-group-item-content.active:hover,
.toc-content .list-group-item-content:hover {
   background-color: inherit;
   border-color: inherit;
   color: #096BE1;
}

.toc-content .list-group-item-content:focus,
.toc-content .list-group-item-content:hover {
   background-color: initial;
}

.list-group-item-content:after {
   /* content: "";
   position: absolute;
   background: #F1F2F5;
   margin: 0 auto;
   width: 100%;
   height: 1px;
   left: 0;
   right: 0;
   top: 0;*/
   display: none;
}

.toc-content .list-group-item-content:before {
   content: "";
   position: absolute;
   visibility: visible;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC44Mjg0MjcgNi42NTY4TDMuNjU2ODUgMy44MjgzN0wwLjgyODQyNyAwLjk5OTk0MiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMjEwN18zMzU5NikiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMTA3XzMzNTk2IiB4MT0iMC44Mjg0MjkiIHkxPSIwLjk5OTk0MyIgeDI9Ii0xLjk4NzM5IiB5Mj0iNC4wOTUxMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDk3RkUyIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA4NUNEQiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
   width: 5px;
   height: 8px;
   top: 14px;
   left: 19px;
}

#toc,
.toc-inner {
   max-width: 100% !important;
}

@media (max-width: 992px) {
   .toc-content .toc-inner {
      padding: 20px;
   }
}

@media (min-width: 1100px) and (max-width: 1200px) {
   #toc {
      max-width: 100% !important;
   }
}

@media (min-width: 992px) and (max-width: 1100px) {
   .toc-inner {
      max-width: 100% !important;
   }
}



main.toc-sidebar .toc-content {
   display: block;
}

@media (min-width: 1200px) {
   main.toc-sidebar .toc-content {
      display: none !important;
   }
}

@media (max-width: 1200px) {
   main.toc-sidebar #toc-parent {
      display: none;
   }
}

@media (max-width: 480px) {
   main.toc-sidebar .toc-content {
      display: none !important;
      margin-bottom: 0px;
   }
}

@media (max-width: 480px) {
   main.toc-sidebar #toc-parent {
      display: block;
   }
}



/*When Content TOC Enabled*/
main.toc-content-main #toc-parent {
   display: none !important;
}

@media (max-width: 481px) {
   main.toc-content-main #toc-parent {
      display: block !important;
   }
}

/**Read more on the related content**/
.related-content-carousel .owl-title {
   margin: 4px 0px 24px;
}

.owl-related-content .item .read-more {
   margin-bottom: 12px;
}

.owl-related-content .item .read-more svg {
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}

.owl-related-content .item:hover .read-more svg {
   left: 10px;
}

/*Spacing adjustments*/
.content-elm-title h2,
.text-area h2 {
   margin-top: 0px;
   margin-bottom: 24px;
}

.content-elm-title .secondry-title {
   margin-top: 0px;
   margin-bottom: 0px;
}

.content-elm-title+div {
   margin-top: 0px !important;
}

#taxonomies .row {
   margin-left: 0px;
   margin-right: 0px;
}

.mini-box .grid-content {
   display: flex;
   align-items: center;
   justify-content: center;
}

.mini-box.last {
   margin-bottom: 24px;
}


@media (min-width: 576px) {
   .mini-box.mt-content-0 {
      margin-top: 24px;
   }
}

@media (max-width: 575px) {
   .mini-box.mt-content-0.first {
      margin-top: 24px;
      margin-bottom: 24px;
   }
}

.mini-box.mt-content-0 .grid-title {
   margin-top: 0px;
}

.post-content p,
.content-elm p,
body .content-elm ul li {
   line-height: 24px;
}

.content-elm p {
   margin-bottom: 24px;
}

.content-elm.text-area:last-child,
.content-elm p:last-child {
   margin-bottom: 0px;
}

section.mts {
   margin-top: 48px;
}

section.mbs {
   margin-bottom: 0px;
}

ol {
   margin: 24px 0;
}

.content-elm ol:last-child {
   margin-bottom: 0px;
}

.quote {
   /* margin-top: 48px;*/
   margin-left: 10px;
   margin-right: 10px;
}

blockquote {
   margin-bottom: 0px;
}

.content-elm ul:last-child {
   margin-bottom: 0px !important;
}

.single ul:not(.nav),
.content-elm ul {
   margin-top: 0px;
   margin-bottom: 24px;
}

.content-elm ul li:first-child {
   margin-top: 0px;
}

.content-elm ul li:last-child {
   margin-bottom: 0px;
}

#accordion {
   /*margin-top: 48px;
   margin-bottom: 48px;*/
   margin-top: 0;
   margin-bottom: 0;
}

.testimonial-carousel {
   margin-top: 24px;
   margin-bottom: 24px;
}

.content-elm {
   margin-top: 24px;
   margin-bottom: 24px;
}

.countdown-wrapper {
   margin-top: 24px;
   margin-bottom: 24px;
}

.grid-gallery {
   margin-top: 24px;
   margin-bottom: 24px;
}

.presenters-wrap {
   margin-top: 24px;
   margin-bottom: 24px;
}

.content-elm.text-area div.wistia_responsive_padding {
   margin-top: 48px;
   margin-bottom: 48px;
}

.content-elm.text-area div.wistia_responsive_padding:last-child {
   margin-bottom: 0px;
}


.content-elm-title+.content-elm {
   margin-top: 0px;
}

.content-elm.text-area+.content-elm-title {
   margin-top: 24px;
}

.related-content-carousel.mtm {
   margin-top: 24px;
}

.cta-content-wrapper {
   margin-bottom: 24px;
}

.single-video {
   margin-top: 24px;
   margin-bottom: 24px;
}


.iframe-component {
   margin-right: 10px;
   margin-left: 10px;
   width: calc(100% - 20px);
   margin-top: 24px;
}

.owl-carousel.owl-drag .owl-item {
   padding-left: 0px;
   padding-right: 0px;
}

.content-toc .row div:not(.toc-inner):first-child,
.content-toc .row div:not(.story-title):first-child {
   margin-top: 0px !important;
}

.content-toc .row div.story-title:first-child {
   margin-top: 20px !important;
}

.content-toc .content-elm div:not(.toc-inner):last-child {
   margin-bottom: 0px !important;
}

.content-toc .row div:not(.toc-inner):last-child {
   margin-bottom: 0px !important;
}

.content-toc .row:after {
   display: none;
}

/*
.content-cta.mts {
   margin-top: 48px;
}

.content-cta.mbs {
   margin-bottom: 48px;
}*/

.content-cta.mts {
   margin-top: 24px;
}

.content-toc .row div:last-of-type .content-cta {
   margin-bottom: 0px;
}

section .row .related-content-carousel:not(:last-child) {
   margin-bottom: 24px;
}

@media (max-width: 575px) {
   .content-toc .row div.story-title:first-child {
      margin-top: 12px !important;
   }
}

.related-content-carousel h3 {
   margin-left: 8px;
   margin-right: 0px;
}

/*Language adjustments*/
/*FR*/
body#fr .toc-inner .btn-demo span {
   font-size: 10px;
   line-height: 24px;
}

body#fr .toc-inner .btn-demo {
   padding: 8px 10px !important;
}

@media (min-width: 992px) {
   body#fr .toc-inner .btn-demo {
      display: flex !important;
      align-items: center;
   }
}

/*ES*/
body#es .toc-inner .btn-demo span {
   font-size: 13px;
   line-height: 24px;
}

body#es .toc-inner .btn-demo {
   padding: 8px 10px !important;
}

@media (min-width: 992px) {
   body#es .toc-inner .btn-demo {
      display: flex !important;
      align-items: center;
   }
}

/*PT PT*/
body#pt-pt .toc-inner .btn-demo span {
   font-size: 11px;
   line-height: 24px;
}

body#pt-pt .toc-inner .btn-demo {
   padding: 8px 10px !important;
}

@media (min-width: 992px) {
   body#pt-pt .toc-inner .btn-demo {
      display: flex !important;
      align-items: center;
   }
}

/**Seperator testimonials adjustments - by language **/
/*KO*/
body#ko .testimonial-carousel .seperator {
   padding-left: 0px;
}

/*FR*/
body#fr .testimonial-carousel .seperator {
   padding-left: 0px;
}

/*TR*/
body#tr .testimonial-carousel .seperator {
   padding-left: 0px;
}

/*Adjustments from additional css*/

.single ul:not(.nav) {
   margin-bottom: 20px;
}

.postid-348117 .all-tag {
   display: none;
}

.postid-348117 .no-desk-padding {
   padding-bottom: 50px;
   border-top: none;
}


.postid-348117 .single.acf-flex #blog-top h1 {
   font-weight: 600;
   font-size: 40px;
   line-height: 120%;
   color: antiquewhite;
   margin: 24px 0;
   padding: 0 45px 0 0;
   max-width: 800px;
}

.postid-348117 em {
   font-style: italic;
}

.postid-348117 #countdown {
   margin-bottom: 17px;
}

.postid-348117 .presenters-wrap .dt-img {
   max-width: 150px;
   margin: 0 auto;
}

.postid-348117 .descriptive-carousel .item-bg {
   background: linear-gradient(267.29deg, #096BE1 0%, #004AB9 100%);
}

.postid-348117 .descriptive-carousel-title {
   color: white;
   margin-top: 100px;
}

.postid-368711 .content-elm-title h2 {
   color: #F96302;
   font-weight: 700;
}

.postid-370207 .mini-box .grid-content {
   padding: 0 !important;
   margin: 0 !important;
}

.postid-370207 .mini-box .grid-content {
   padding: 0 !important;
   margin: 0 !important;
}


.content-elm-title.only-navigation h1,
.content-elm-title.only-navigation h2,
.content-elm-title.only-navigation h3,
.content-elm-title.only-navigation h4,
.content-elm-title.only-navigation h5,
.content-elm-title.only-navigation h6 {
   color: white;
   font-size: 0;
   visibility: hidden;
}

/*Adding WP Data Table as extra component*/
.content-wp-datatable {
   margin-top: 24px;
   margin-bottom: 24px;
}


.content-wp-datatable text,
.content-wp-datatable * {
   font-family: 'Open Sans', 'sans-serif' !important;
}

.data-table-wrapper {
   position: relative;
}

/* Dark Version */

.highcharts-title {
   display: none !important;
   /* font-weight: 700 !important;
   font-size: 18px !important;
   line-height: 22px;
   color: #000000 !important;
   fill: #000000 !important; */
}

.highcharts-subtitle {
   font-weight: 400 !important;
   font-size: 16px !important;
   line-height: 22px;
   color: #000000 !important;
   fill: #000000 !important;
   font-style: italic;
}

.highcharts-legend .highcharts-graph {
   display: none !important;
}

.highcharts-legend .highcharts-legend-item text {
   font-size: 14px !important;
   line-height: 19px !important;
   font-weight: 400 !important;
}

.highcharts-axis-labels text {
   /* transform: rotate(0deg) !important;*/
   fill: #000000 !important;
   color: #000000 !important;
   font-size: 11px !important;
   line-height: 11px !important;
   text-transform: uppercase;
}

.highcharts-a11y-proxy-group ul {
   display: none !important;
}


.highcharts-axis.highcharts-yaxis {
   color: #000000;
   fill: #000000;
   font-size: 12px !important
}

.highcharts-axis-line {
   display: none !important;
}

.highcharts-markers .highcharts-point {
   display: none !important;
}


.highcharts-yaxis-grid .highcharts-grid-line {
   display: none !important;
}

.highcharts-tooltip-box {
   stroke: #979797 !important;
}

.highcharts-tooltip-box .highcharts-shadow {
   display: none !important;
}

.highcharts-tooltip text tspan:not(:nth-last-child(2)) {
   display: none !important;
}

.highcharts-tooltip text,
.highcharts-tooltip text tspan:nth-last-child(2) {
   font-weight: bold !important;
   font-size: 16px !important;
   line-height: 19px !important;
   letter-spacing: 0.3125px !important;
   fill: #000000 !important;
   color: #000000 !important;
   font-family: 'Open Sans', 'sans-serif' !important;
}

.highcharts-legend .highcharts-legend-item text {
   fill: #000000 !important;
   color: #000000 !important;
}

/* .highcharts-axis.highcharts-xaxis {
   display: none !important;
} */

/*Y and X graph lines*/
.data-table-wrapper::after {
   content: '';
   width: 82%;
   height: 1px;
   background: #cec5c5;
   position: absolute;
   z-index: 10;
   bottom: 20%;
   left: 10%;
}

.highcharts-plot-lines-1 {
   display: none;
}

.data-table-wrapper::before {
   content: '';
   height: 62%;
   width: 1px;
   background: #cec5c5;
   position: absolute;
   z-index: 10;
   bottom: 20%;
   left: 10%;
}

@media (max-width: 400px) {
   .data-table-wrapper::after {
      width: 82%;
      height: 1px;
      bottom: 25%;
      left: 13%;
   }

   .data-table-wrapper::before {
      height: 50%;
      width: 1px;
      bottom: 25%;
      left: 13%;
   }
}

/*Tooltip*/
.highcharts-tooltip.highcharts-label span:first-child {
   display: none !important;
}

.highcharts-tooltip.highcharts-label span.inner-tooltip {
   position: relative !important;
   top: 9px !important;
   padding: 0px !important;
}

/*Desktop and mobile charts*/
.content-wp-datatable .desktop-chart {
   display: block;
}

.content-wp-datatable .mobile-chart {
   display: none;
}

@media (max-width: 640px) {
   .content-wp-datatable .desktop-chart {
      display: none;
   }

   .content-wp-datatable .mobile-chart {
      display: block;
   }

   .data-table-wrapper::before,
   .data-table-wrapper::after {
      display: none;
   }
}

/*Dark version*/
.highcharts-root {
   padding-top: 20px !important;
   padding-bottom: 7px;
   background: #F2F2F2 !important;
   /* border-radius: 22.2845px !important; */
}

.line-divider,
hr {
   color: #000000 !important;
   margin: 0.5rem 0;
   border-top: 1px solid #000000;
}

hr {
   border-top: 1px solid #000000;
}

/**Blog template adjustments*/
.acf-flexible-wrapper .intro.mb80 {
   margin-bottom: 61px !important;
}

.row-toc-content {
   display: flex;
}

@media (min-width: 769px) {
   .centric-temp.toc-not-exists:not(.content-to-left) .row-toc-content {
      justify-content: center;
   }
}

/*.toc-not-exists .container {
   max-width: 100% !important;
   width: 100% !important;
}*/
@media (min-width: 992px) {
   .toc-not-exists .container {
      padding-left: 12px;
      padding-right: 12px;
   }
}

.toc-not-exists .container .row-toc-content {
   margin-left: -12px;
   margin-right: -12px;
}

.toc-exists .row-toc-content .content-wrapper {
   padding-left: 56px;
}

.theiaStickySidebar {
   position: relative !important;
   left: 0 !important;
   top: 0 !important;
   min-height: auto !important;
   transform: none !important;
}

.row-toc-content #toc {
   position: sticky !important;
   top: 90px !important;
   min-height: auto !important;
}


.row-toc-content #toc::before {
   content: '';
   display: block;
   position: absolute;
   width: 24px;
   height: 100%;
   left: -19px;
   background: white;
   z-index: 100;
}

main.centric-temp {
   padding-top: 80px;
}

@media (max-width: 1600px) {
   /*.acf-flexible-wrapper .custom-width .container {
      max-width: 100% !important;
   }*/

   .acf-flexible-wrapper .article-title {
      font-size: 36px;
      line-height: 120%;
   }

   .acf-flexible-wrapper .article-title.longer-title {
      font-size: 32px;
   }
}

@media (max-width: 1200px) {

   .toc-exists .row-toc-content .content-wrapper {
      padding-left: 0;
   }

   .row-toc-content .content-wrapper {
      margin-left: auto;
      margin-right: auto;
   }

   .acf-flexible-wrapper .custom-width .container {
      max-width: 675px !important;
   }


}

@media (max-width: 991px) {
   .acf-flexible-wrapper .meta {
      margin-bottom: 24px;
   }

   main.centric-temp {
      padding-top: 50px;
   }

   .row-toc-content {
      flex-direction: column;
   }

   .acf-flexible-wrapper .intro .container {
      padding-right: 24px !important;
      padding-left: 24px !important;
   }


   .row-toc-content .container {
      padding-right: 12px !important;
      padding-left: 12px !important;
   }

   .acf-flexible-wrapper .container {
      max-width: 100% !important;
   }

   .acf-flexible-wrapper .article-title {
      max-width: 100%;
   }

   .toc-not-exists .container .row-toc-content {
      margin-left: 0px;
      margin-right: 0px;
   }
}

@media (max-width: 768px) {
   .row-toc-content .content-wrapper {
      margin-left: initial;
      margin-right: initial;
   }
}

@media (max-width: 480px) {
   .acf-flexible-wrapper .article-title {
      font-size: 28px;
      line-height: 120%;
      padding: 0;
   }

   .acf-flexible-wrapper .article-title.longer-title {
      font-size: 24px;
   }
}

/*INLINE CTA COMPONENT*/
.inline-cta {
   position: relative;
   border-radius: 8px;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   padding-right: 0;
   padding-left: 0;
}

.inline-cta {
   display: inline-block;
   width: 100%;
   padding: 50px 51px;
   z-index: 10;
   position: relative;
   text-decoration: none;
}



p.inline-cta-content {
   font-weight: 600;
   font-size: 24px;
   line-height: 132%;
   position: relative;
   color: #fff;
}

p.inline-cta-content a {
   text-decoration: underline;
}

@media (max-width:640px) {
   .inline-cta {
      padding: 24px 24px;
   }

   .inline-cta p.inline-cta-content {
      margin: 0px;
   }
}

.inline-cta a {
   font-weight: 600;
   font-size: 24px;
   color: #fff;
   text-decoration: none;
}

.inline-cta.mts {
   margin-top: 24px;
}

.content-toc .row div:last-of-type p.inline-cta-content {
   margin-bottom: 0px;
}

/**IFRAME VIDEO FIX**/
.content-elm.text-area iframe {
   width: 100%;
}

@media (min-width:992px) {
   .content-elm.text-area iframe {
      height: 400px;
   }
}

/**SOCIAL ICONS FOR JA/KO**/
.a2a_button_kakao {
   display: none !important;
}

.a2a_button_hatena {
   display: none !important;
}

.a2a_button_line {
   display: none !important;
}

body#ja .a2a_button_hatena {
   display: inline-block !important;
   padding: 4px !important;
}

body#ja .a2a_button_line {
   display: inline-block !important;
   padding: 4px !important;
}

body#ja .a2a_button_linkedin,
body#ja .a2a_button_whatsapp {
   display: none !important;
}

body#ko .a2a_button_kakao {
   display: inline-block !important;
   padding: 4px !important;
}

body#ko .a2a_button_whatsapp {
   display: none !important;
}

body#ko.post-template-acf-flexible-content .a2a_button_kakao,
body#ko.post-template-acf-flexible-content .a2a_button_hatena,
body#ja.post-template-acf-flexible-content .a2a_button_hatena,
body#ja.post-template-acf-flexible-content .a2a_button_line,
.post-template-acf-flexible-content .a2a_kit a,
.landing-pages-template-landing-pages-blog-layout .a2a_kit a,
body#ko.landing-pages-template-landing-pages-blog-layout .a2a_button_kakao,
body#ko.landing-pages-template-landing-pages-blog-layout .a2a_button_hatena,
body#ja.landing-pages-template-landing-pages-blog-layout .a2a_button_hatena,
body#ja.landing-pages-template-landing-pages-blog-layout .a2a_button_line {
   padding: 0px !important;
}

.post-template-acf-flexible-content .addtoany_list a:hover img,
.landing-pages-template-landing-pages-blog-layout .addtoany_list a:hover img {
   opacity: 0.8 !important;
}

.post-template-acf-flexible-content .addtoany_list a img,
.landing-pages-template-landing-pages-blog-layout .addtoany_list a img {
   width: 28px;
}

/*New featured textarea component*/
.featured-text-wrapper {
   border: 0;
   padding: 48px 48px 50px 48px;
   border-radius: 8px;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   z-index: 10;
   color: white;
}

.featured-text-wrapper .content-elm p,
.featured-text-wrapper .content-elm li {
   color: white;
}

.featured-text-wrapper .content-elm ul:before {
   background: white;
}

.featured-text-wrapper .text-area a {
   color: white;
}

body .featured-text-wrapper .content-elm ul li:before {
   background-color: white;
}

.featured-text-wrapper a.cta-link {
   font-weight: 600 !important;
   font-size: 16px !important;
   line-height: 24px !important;
   transition: all 0.3s !important;
   margin-top: 24px !important;
}

.featured-text-wrapper a.cta-link:hover svg {
   left: 10px;
}

.featured-text-wrapper a.cta-link:hover {
   color: white;
}

.featured-text-wrapper .text-area h1,
.featured-text-wrapper .text-area h2,
.featured-text-wrapper .text-area h3,
.featured-text-wrapper .text-area h4,
.featured-text-wrapper .text-area h5,
.featured-text-wrapper .text-area h6 {
   color: white;
}

.featured-text-wrapper .cta-link {
   max-width: max-content;
}

.featured-text-wrapper a.cta-link.outline {
   border: 1px solid white;
   padding: 7px 20px;
   border-radius: 50px;
   max-width: max-content;
}

.featured-text-wrapper .cta-link>span {
   transition: all 0.1s !important;
}

.featured-text-wrapper a.cta-link.outline svg,
.featured-text-wrapper a.cta-link.outline path {
   transition: all 0.3s !important;
}

.featured-text-wrapper a.cta-link.outline:hover {
   background: white;
   color: #096BE1;
}

.featured-text-wrapper a.cta-link.outline:hover svg path {
   fill: #096BE1;
}

@media (max-width: 768px) {
   .featured-text-wrapper {
      padding: 30px 20px;
   }
}

/**Meta box**/
.combined-labels-container .more-link-elipsis {
   color: #096BE1 !important;
   font-size: 14px;
}

.combined-labels-container .more-link-elipsis:hover {
   text-decoration: underline;
}