.free-trial-b6 {color: #000;}
.free-trial-b6 h2 {font-weight: 500;}
.free-trial-b6 h3 {font-weight: 500;}
.free-trial-b6 .link-tertiary {font-weight: 500;}

body{position: relative}
.section-intro h2 {margin: 0;}
.dark-bg{display: none}
.dark-bg.visible{display: block}

.sticky-bar-button {background: #fff;padding: 11px 0; text-align: right;position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;display: none; border-bottom: 1px solid #e2e2e2;}
.sticky.sticky-bar-button {display: block;}

#hero { padding: 50px 0; background-color: #B4E2E2;}
#hero .row {display: flex; flex-wrap: wrap; align-items: center;}
#hero .hero-image video {max-width: 101%; height: auto; opacity: 1; clip-path: inset(1px 1px);}
#hero .hero-content h1 {margin-top: 0; margin-bottom: 24px;}
#hero .hero-content p.large {margin-bottom: 22px;}
#hero .hero-content .price {line-height: 1.2;}
#hero .hero-content .lto-promo {position: static; padding-top: 0;}
#hero .hero-content .lto-promo p {padding-bottom: 4px;}
#hero .hero-content .priceDisplayNormal {font-size: 32px; font-weight: 500;}
#hero .hero-content .price strong {font-weight: 700;}
#hero .hero-content .priceDisplayStrikethrough {margin-left: 4px; font-size: 20px; font-weight: 500; color: #424242; text-decoration: line-through;}
#hero .hero-content .priceDisplayStrikethrough:empty + .priceDisplayStrikethrough-year { display: none; }
#hero .hero-content .priceDisplayStrikethrough-year {font-size: 14px; color: #424242; text-decoration: line-through;}
#hero .buttons {margin-top: 22px;}
#hero .buttons #try-it-free {margin-left: 12px;}

#features {padding: 80px 0; background-color: #F8F8F8;}
#features h2 { margin-top: 0; margin-bottom: 0; }
#features .row { display: flex; flex-wrap: wrap; margin-top: -32px;}
#features .row > div { margin-top: 32px;}
#features .card { display: block; height: 100%; color: #000; background-color: #fff; border: 1.5px solid #fff; border-radius: 10px; }
#features .card .card-body { padding: 40px; display: flex; flex-direction: column; align-items: center; }
#features .card img { flex-shrink: 0; width: 88px; height: 88px; object-fit: cover; border-radius: 50%;}
#features .card h4 { margin-top: 16px; margin-bottom: 0; text-align: center;}
#features .card p {margin-top: 8px; margin-bottom: 0;}
@media (max-width: 767px) {
    #features h2 {text-align: center;}
}

#how-to-use {padding: 80px 0;}
#how-to-use strong {font-weight: 700;}
#how-to-use .section-intro {margin-bottom: 40px;}
#how-to-use .section-intro p {font-size: 16px; margin: 24px 0 0;}
#how-to-use .row.accordion {display: flex; flex-wrap: wrap; align-items: center;}
#how-to-use ul {padding-left: 20px; margin-bottom: 0;}
#how-to-use h3 a { display: block; color: #000; text-decoration: none !important;}
#how-to-use h3 a:active, #how-to-use h3 a:visited, #how-to-use h3 a:focus, #how-to-use h3 a:hover {color: #000;}
#how-to-use h3 a .panel-step {width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; text-align: center; margin-right: 12px; font-size: 18px; line-height: 1; font-weight: 700; color: #000; background-color: #84DDDA; border-radius: 50%;}
#how-to-use h3 a.collapsed { color: #616161; }
#how-to-use h3 a.collapsed:hover { color: #000;}
#how-to-use h3 a.collapsed .panel-step { background-color: #CBEDEB; }
#how-to-use .panel-default { border: none; background: transparent; }
#how-to-use .panel-heading { padding: 0; }
#how-to-use .panel-default>.panel-heading {  background-color: transparent; border-color: transparent; }
#how-to-use .panel-default>.panel-heading+.panel-collapse>.panel-body { border: none;}
#how-to-use .panel { box-shadow: none; margin: 0; border-radius: 0;}
#how-to-use .panel-group .panel+.panel { margin: 32px 0 0; }
#how-to-use .panel-title {line-height: 1; }
#how-to-use .panel-body { padding: 12px 0 0 52px; }
#how-to-use .panel-group {margin-bottom: 0;}
@media (min-width: 1200px) {
    #how-to-use .accordion .images img {height: 430px; object-fit: contain;}
}
@media (min-width: 1400px) {
    #how-to-use .accordion .images img {height: 460px; object-fit: contain;}
}
@media (max-width: 767px) {
    #how-to-use .accordion .images {margin-bottom: 32px;}
}

#pillar { background: #E5F5F6; padding: 80px 0; }
#pillar .section-intro {margin-bottom: 80px;}
#pillar .section-intro p {font-size: 16px; margin: 24px 0 0;}
#pillar .section-intro p + p { margin-top: 16px; }
#pillar .d-flex {display: flex; flex-wrap: wrap; align-items: center;}
#pillar img {border-radius: 10px; background-color: #fff;}
#pillar h3 {margin-top: 0; margin-bottom: 24px;}
@media (max-width: 767px) {
    #pillar h3 {margin-top: 24px;}
}

#integration { padding: 80px 0; background-color: #F8F8F8;}
#integration .row { display: flex; flex-wrap: wrap; align-items: center; }
#integration p { margin-top: 24px; margin-bottom: 32px; }
.integration-block-list { padding-left: 0; margin-bottom: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px; }
.integration-block-list-item { display: flex; gap: 16px; align-items: center; padding: 24px; background-color: #FFFFFF; border: 1.5px solid #FFFFFF; border-radius: 10px;}
.integration-block-list-item img { flex-shrink: 0; width: 60px; height: 56px; object-fit: contain; }
@media (max-width: 991px) {
    .integration-block-list { margin-top: 32px; }
 }
@media (max-width: 767px) {
    .integration-block-list { gap: 16px; }
    .integration-block-list-item { flex-direction: column; text-align: center; }
}

#review { padding: 80px 0; background-color: #FFFFFF;}
#review .row { display: flex; flex-wrap: wrap; align-items: center; }
#review h2 {margin-top: 0; margin-bottom: 40px;}
#review .score-raiting-info { font-size: 16px; margin-top: 8px; }
.testimonial {position: relative; padding: 40px; text-align: center; background: #F8F8F8; border-radius: 10px;}
.testimonial .carousel {padding: 10px 50px;}
.testimonial .quote-box {min-height: 200px; display: flex; flex-direction: column; justify-content: center;}
.testimonial p.quote {font-size: 18px; margin: 0 0 16px;}
.testimonial .author-img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
.testimonial p.author-name {margin: 0 0 16px; font-weight: 700;}
.testimonial p.author-name span { font-weight: 400; color: #616161;}
.quote-icon.open-quote {background-image: url("/static/mm/images/home/icon-quotes.svg");width: 36px;height: 32px;display: inline-block;background-size: cover;position: absolute;top: -16px;left: 40px;}
.quote-icon.close-quote {background-image: url("/static/mm/images/home/icon-quotes.svg");width: 36px;height: 32px;display: inline-block;background-size: cover;position: absolute;bottom: -16px;right: 40px;transform: rotate(180deg);}
.testimonial .carousel-indicators {bottom: 0;z-index: 1;margin-bottom: 0;}
.testimonial .carousel-indicators li {background-color: #ACACAC;margin: 0; width: 10px; height: 10px;}
.testimonial .carousel-indicators .active {background-color: #84DDDA;width: 10px;height: 10px;}
.testimonial .carousel-control {top: 50%;bottom: 0;font-size: 16px;width: auto;transform: translateY(-50%);}
.testimonial .carousel-control.right, .testimonial .carousel-control.left {background-color: #F8F8F8;background-image: none; border-radius: 50%;}
.testimonial .carousel-control.right:hover img, .testimonial .carousel-control.left:hover img {filter: invert(26%) sepia(96%) saturate(1635%) hue-rotate(194deg) brightness(93%) contrast(103%)}
.testimonial .carousel-control {color: #7CBDFF;text-shadow: none;opacity: 1;width: 33px;height: 33px;}
@media (max-width: 991px) {
    #review h2, #review #score-review-block {text-align: center;}
    #review .score-review-list li {float: none; display: inline-block;}
    .testimonial {margin-top: 40px;}
}
@media (max-width: 767px) {
    .quote-icon.open-quote, .quote-icon.close-quote {width: 35px;height: 30px;}
    .quote-icon.open-quote {left: 20px;}
    .quote-icon.close-quote {right: 20px;}
    .testimonial p.quote {font-size: 16px;}
    .testimonial .carousel-control {width: 30px;height: 30px;}
}
@media (max-width: 575px) {
    .testimonial {padding: 40px 8px;}
    .testimonial .quote-box {min-height: 250px;}
}

#logos {padding: 80px 0; background: #fff;}
#logos .sec-block { padding: 0; }
#logos .sec-block h2 {margin-top: 0; margin-bottom: 28px;}
#logos .v-center {flex-wrap: wrap}
#logo-bar img.logo {max-width: 150px; margin: 0 auto;}
#logo-bar {margin: 0 auto 30px;}
#logo-bar .col {width: 11.111%; padding: 0 24px; margin-top: 12px}
#logos #try-it-free {margin-left: 12px;}
@media (max-width:991px) {
    #logo-bar .col {width: 20%; }
    #logo-bar img.logo {max-width: 100px;}
}
@media (max-width:767px) {
    #logos .v-center{display: flex}
    #logo-bar img.logo{margin-bottom: 12px}
    #logo-bar .col {width: 33.33%;}
}

/* HELPERS */
@media (min-width: 1200px) {
    .col-lg-auto {width: auto;}
}

/* UTILITIES */
.align-self-center {align-self: center !important;}

.mt-16px {margin-top: 16px !important;}
.mt-32px {margin-top: 32px !important;}
.mt-40px {margin-top: 40px !important;}
.mb-40px {margin-bottom: 40px !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important; }

.text-gray-800 {color: #424242 !important}
.text-line-through {text-decoration: line-through !important;}