/* Trích từ 2 khối <style> inline trong <head> của index.html (Webflow export).
   Không sửa nội dung — chỉ chuyển từ inline sang file để enqueue được. */

  .hero-section .container { width: 100%; }
  .hero-section .container .flexbox-div:first-of-type { padding-left:30px; }
  .ol-upper-alpha { list-style-type: upper-alpha; font-size: 18px; margin-top: 20px; }
  .language-slider { pointer-events: none; }
  
  .bolded-marker li::marker { font-weight: bold; }
  
.icomoon-icon {
  font-family: 'icomoon';
}
.facebookicon:before {
  content: "\ea90";
}
.facebookiconinverse:before {
  content: "\ea91";
}
.twittericon:before {
  content: "\ea96";
}
.linkediniconinverse:before {
  content: "\eac9";
}
.linkedinicon:before {
  content: "\eaca";
}

  .competitor-table td {
   border: solid 1px #cdcdcd; 
  }
 
  #price-table { min-width: 600px; }
  
 .pricing-table td {
   border-bottom: solid 1px #cdcdcd;
  }
  
.pricing-table td.pricing-button-cell, .pricing-table td.pricing-b-c {
   border: none; 
  }
  
  .pricing-table tr.light-blue {
    background-color: #a7e8f4;
  }
  
 .pricing-text sm, .pricing-t sm { 
   font-size: 15px;
  }
  
  .pricing-table.support tbody td {
   border-top: solid 1px #0b1c3a;
   vertical-align:top;
  } 
 
.flag-icon {
  position: relative;
  display: inline-block;
  line-height: 1em;
  width:20px;
  height:15px;
  margin-right: 5px;
  margin-bottom: -2px;
}

.flag-jpn {
background: url('https://cdn.prod.website-files.com/61707b4f874fa22b7482b07e/62315cdda77b31d083cd408e_flag-jpn.svg');
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  border:solid 1px black;
}

.flag-eng {
  background: url('https://cdn.prod.website-files.com/61707b4f874fa22b7482b07e/62315cddaee9b0b28ba4e8e8_flag-usa.svg');
    background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
  
.button.ebook, .button.pricing-button {
  text-align: center;
 }
  
 .slide-nav-2 .w-slider-dot {
  background-color: #c0c0c0;
} 
 .slide-nav-2 .w-slider-dot.w-active {
  background-color: #787878;
}
  
  
 @media screen and (max-width: 991px) {
  .nav-mega-menu-columns .w-col-4 {
 	width: 100%;   
  }
 }
  
  .pixel { background: #24c7e6 !important; position: absolute !important; top: 0; }
  
  .partner-program-table td {
   border: solid 1px #000000; 
  }
  

  
.word-slider-wrapper {
  display: inline-block;
  
}

.word-slider-wrapper {
  font-size: 36px;
  font-weight: bold;
  line-height: 44px;
}

@media screen and (max-width: 550px) {
.word-slider-wrapper {
  font-size: 22px;
  line-height: 30px;
}
 }
  
.word-slider{
  height: 60px;
  overflow: hidden;
  /*display: inline-block;
  position: absolute;
  margin-left: 10px;
  z-index: 2;*/
}
  
.word-slider div {
  color:#24c7e6;
  height: 50px;
  margin-bottom: 50px;
  box-sizing: border-box;
}

.word-slider-text {
  /*text-decoration: underline;
  text-decoration-color: #e9008a;*/
}  
  

.word-slider.home div {
  color:#e9008a;
}
  
.word-slider.home .word-slider-text {
  text-decoration: none;
} 

  
.word-slider-customer {
  height: 44px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  margin-left: 10px;
}
  
.word-slider-customer div {
  color:#e9008a;
  height: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
  
.word-slider-text1 {
  animation: slide 15s linear infinite;
}

.word-slider-text-customer1 {
  animation: slide-customer 18s linear infinite;
}
  
.word-slider-text-wordly3 {
  animation: slide-wordly3 18s linear infinite;  
}

.word-slider-wrapper.word-slider-wrapper-customer {
  line-height:36px;
  }
  
/*@keyframes slide-customer {
  0% {margin-top:-640px;}
  3% {margin-top: -600px}
  6.25% { margin-top: -600px;}
  9.25% { margin-top: -560px;}
  12.5% { margin-top: -560px;}
  15.5% { margin-top: -520px;}
  18.75% { margin-top: -520px;}
  21.75% { margin-top: -480px;}
  25% {margin-top:-480px;}
  28% {margin-top:-440px;}
  31.25% {margin-top:-440px;}
  34.25% {margin-top:-400px;}
  37.5% {margin-top:-400px;}
  40.5% {margin-top:-360px;}
  43.25% {margin-top:-360px;}
  46.25% {margin-top:-320px;}
  50% {margin-top:-320px;}
  53% {margin-top:-280px;}
  56.25% {margin-top:-280px;}
  59.25% {margin-top:-240px;}
  62.5% {margin-top:-240px;}
  65.5% {margin-top:-200px;}
  68.75% {margin-top:-200px;}
  72.75% {margin-top:-160px;}
  75% {margin-top:-160px;}
  78% {margin-top:-120px;}
  81.25% {margin-top:-120px;}
  84.25% {margin-top:-80px;}
  87.5% {margin-top:-80px;}
  90.5% {margin-top:-40px;}
  93.75% {margin-top:-40px;}
  96.75% {margin-top:0px;}
  100% {margin-top:0px;}
}*/
  
@keyframes slide-customer {
  0% { margin-top: -600px;}
  3.33% { margin-top: -560px;}
  6.67% { margin-top: -560px;}
  10% { margin-top: -520px;}
  13.33% { margin-top: -520px;}
  16.67% { margin-top: -480px;}
  20% {margin-top:-480px;}
  23.33% {margin-top:-440px;}
  26.67% {margin-top:-440px;}
  30% {margin-top:-400px;}
  33.33% {margin-top:-400px;}
  36.67% {margin-top:-360px;}
  40% {margin-top:-360px;}
  43.33% {margin-top:-320px;}
  46.67% {margin-top:-320px;}
  50% {margin-top:-280px;}
  53.33% {margin-top:-280px;}
  56.67% {margin-top:-240px;}
  60% {margin-top:-240px;}
  63.33% {margin-top:-200px;}
  66.67% {margin-top:-200px;}
  70% {margin-top:-160px;}
  73.33% {margin-top:-160px;}
  76.67% {margin-top:-120px;}
  80% {margin-top:-120px;}
  83.33% {margin-top:-80px;}
  86.67% {margin-top:-80px;}
  90% {margin-top:-40px;}
  93.33% {margin-top:-40px;}
  96.67% {margin-top:0px;}
  100% {margin-top:0px;}
}
  
@keyframes slide {
  0% {margin-top:-700px;}
  5% {margin-top:-600px;}
  14% {margin-top:-600px;}
  19% {margin-top:-500px;}
  28% {margin-top:-500px;}
  33% {margin-top:-400px;}
  42% {margin-top:-400px;}
  47% {margin-top:-300px;}
  56% {margin-top:-300px;}
  61% {margin-top:-200px;}
  70% {margin-top:-200px;}
  75% {margin-top:-100px;}
  84% {margin-top:-100px;}
  89% {margin-top:0px;}
  100% {margin-top:0px;}
}
  
@keyframes slide-wordly3 {
  0% {margin-top:-1000px;}
  5% {margin-top:-900px;}
  10% {margin-top:-900px;}
  15% {margin-top:-800px;}
  20% {margin-top:-800px;}
  25% {margin-top:-700px;}
  30% {margin-top:-700px;}
  35% {margin-top:-600px;}
  40% {margin-top:-600px;}
  45% {margin-top:-500px;}
  50% {margin-top:-500px;}
  55% {margin-top:-400px;}
  60% {margin-top:-400px;}
  65% {margin-top:-300px;}
  70% {margin-top:-300px;}
  75% {margin-top:-200px;}
  80% {margin-top:-200px;}
  85% {margin-top:-100px;}
  90% {margin-top:-100px;}
  95% {margin-top:0px;}
  100% {margin-top:0px;}
}
  
  
/* list item styling */
.dark-blue-marker li::marker { color: #017cff; font-weight: bold; }
  
  
/*@media screen and (max-width: 991px) {
.word-slider-wrapper-short {
  padding-right: 150px;
}*/
  
.word-slider-customer {
  display: block;
  position: relative;
  margin-left: 0px;
  margin-top:20px;
  text-align:center;
}
  
 }

  
@media screen and (max-width: 900px) {
.word-slider.home.full {
  position: relative;
  display: block;
  margin-left: 0;
}
 }
  
@media screen and (max-width: 550px) {
.word-slider-customer {
  margin-top:0;
}
  
  
.word-slider.home.full {
  height: 40px;
}
  
 }
  
  
/* marquee scroll */  
  
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1rem));
  }
}

.scroll {
  animation: scroll 60s linear infinite;
}

.reverse {
  animation-direction: reverse;
}
  
  
/*@media screen and (max-width: 480px) {
.word-slider-wrapper {
  padding-right: 115px;
}
 }*/
  
  
.close-modal-button {
	height: 2.6em;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); 
  	background-repeat: no-repeat;
}
  
.home-counters.blog {
  white-space: nowrap;
  font-size: 36px;
  line-height: 36px;
  }
  
  
 @media screen and (max-width: 978px) {
   	 #viewcounters-blog {
     	margin-bottom: 20px;  
     }
   
	 #viewcounters-blog .w-col-4{
   		width:100%;
 	}
 }
  
/* How it works columns remove -10 margin */
  
.how-it-works-borders {
	margin-left: 0 !important;
  	margin-right: 0 !important;
}
  
  
/* blog specific css */
  
  /*.blog-divider-line { border:none; height: 4px; background-color: #24c7e6; }
  hr.blog { background-color: #24caec; border: none; height: 4px; }*/

.blog-template img {
  margin: 1rem 0 1.5rem;
}
  
  .blog-template blockquote {
  border: none;
  text-align: center;
}
    
  .blog-divider-line, hr.blog { display:none; }
/* blog list item, no bullet, bold */
  
  .blog-list-item { list-style-type: none; font-weight: bold; /*font-size: 20px;*/ }
  
  
  
  
.blog-template h4, .blog-template h2 {
  font-size: 1.75em;
  margin: 2rem 0;
  color: #017cff;
} 
  
.blog-template h5, .blog-template h3 {
  /*font-size: 20px;
  line-height: 28px;*/
  margin-bottom: 1rem;
  font-size: 1.5em;
} 
  
.blog-template h6 {
  /*font-size: 18px;*/
  /*color: #434343;*/
  line-height:22px;
} 
  
.blog-anchor {
  margin-top: -200px;
  position: absolute;
  height: 1px;
}
  
.blog-template ul li ul li {
  margin-bottom: 5px;
}

.blog-template .w-richtext figure.w-richtext-align-fullwidth img {
  width:1300px;
  }
  
.blog-template h2 strong {
    font-weight: 500;
}


.blog-template blockquote
{
  text-align: left;
  border-left-style: solid;
  border-left-color: var(--midnight-blue);
  background-color: #f2f2ed;
  border-radius: 0 15px 15px 0;
  max-width: 980px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}

.blog-template figcaption {
  font-size: 1rem;
  font-style: italic;
}
  
.w-richtext.images-max-60 .w-richtext-figure-type-image, .images-max-60.w-richtext figure.w-richtext-align-fullwidth { max-width: 60% !important; margin-top: 2.5em; margin-bottom: 2.5em; }
  
@media screen and (max-width: 991px) {
    .blog-template h4, .blog-template h2 {
        font-size: 1.75rem;
    }
  .blog-template h5, .blog-template h3 {
  font-size: 1.5em;
} 
}  
  
  
@media screen and (max-width: 767px) {
    .blog-template h4, .blog-template h2 {
        font-size: 1.5rem;
    }
.blog-template h5, .blog-template h3 {
  font-size: 1.25em;
} 
}
  
  
/*.top-nav-news-container.locale-hide {
	display: none !important;  
}*/
  
  .top-nav-news-container.locale-hide:lang(es), .top-nav-news-container.locale-hide:lang(fr-fr), .top-nav-news-container.locale-hide:lang(ja), .top-nav-news-container.locale-hide:lang(pt-br), .top-nav-news-container.locale-hide:lang(de) {
  display: none !important;
}
  

  

/* Fixing Font Weight for Browsers */
body { 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

@media screen and (min-width: 2900px) {
	html { font-size: calc(0.625rem + 0.41666666666666663vw); }
  .container { max-width: 2300px; }
}
@media screen and (max-width: 2899px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } }   
@media screen and (max-width: 1920px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
@media screen and (max-width: 1440px) { html { font-size: calc(0.5872384937238494rem + 0.41841004184100417vw); } }
@media screen and (max-width: 991px) { html { font-size: 16px; } }


[mid-ribbon]{
max-width: 12rem !important;
}

.navigation-banner { display: flex !important; }


.green-bullet-points li::marker {
  color: #129737;
}

.blue-bullet-points li::marker {
  color: #017cff;
}

.orange-bullet-points li::marker {
  color: #ff8631;
}
  
  
@media screen and (max-width: 1291px){
.language-pill{
height: 2.25rem;
}
/**
.home-hero-deco{
right: 80vw;
}

.home-hero-deco-right{
left: 90vw;
}
*/
}

/* --- Khối <style> cuối <body> của index.html (swiper testimonial + arrow) --- */
.swiper-slide.testimonial-slide{
	transform: scale(0.6);
}

.swiper-slide.testimonial-slide.swiper-slide-active{
	transform: scale(1);
}

.swiper-arrow.w-inline-block.swiper-button-disabled{
	opacity: 0.25;
}

.swiper-arrow.w-inline-block{
	opacity: 1;
}

@media screen and (max-width: 768px){
#logos-next,#logos-back{
display: none;
}

}