@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200..800&display=swap);
.ms-button{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out}

.ms-button:hover{background-color:#9df8da}

.ms-button.disabled{opacity:.5;pointer-events:none}

.ms-button.hidden{display:none}

.ms-button-secondary{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;background-color:#548dff;color:#22282b}

.ms-button-secondary:hover{background-color:#9df8da}

.ms-button-secondary.disabled{opacity:.5;pointer-events:none}

.ms-button-secondary.hidden{display:none}

.ms-button-secondary:hover{background-color:#8593f7}

.ms-button-tertiary{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;background-color:#548dff;color:#22282b}

.ms-button-tertiary:hover{background-color:#9df8da}

.ms-button-tertiary.disabled{opacity:.5;pointer-events:none}

.ms-button-tertiary.hidden{display:none}

.ms-button-tertiary:hover{background-color:#87afff}

.ms-button-transparent{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:700;line-height:150%;align-items:center;background:none;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;flex-direction:row;font-weight:600;padding:8px 4px 8px 10px;text-decoration:none;text-transform:none;transition:background-color .1s ease-out}

[dir="rtl"] .ms-button-transparent{padding:8px 10px 8px 4px}

@media(width <= 768px){
.ms-button-transparent{font-size:14px}}

.ms-button-transparent::after{background:url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.148438%209.50317L3.97656%205.67505L0.148438%201.84692L1.32031%200.675049L6.32031%205.67505L1.32031%2010.675L0.148438%209.50317Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;content:"";display:block;height:20px;width:30px}

.ms-button-transparent:hover{background-color:rgba(255,255,255,.1)}

.mt-modal{display:none;font-family:inter,helvetica,"Helvetica Neue",sans-serif}

.mt-modal.is-open{display:block}

.mt-modal.mt-modal-data-privacy .mt-modal__image{color:#00b878}

.mt-modal.mt-modal-data-privacy .mt-modal__image svg{height:36px;width:36px}

.mt-modal.mt-modal-data-privacy .mt-alert{align-items:center;padding:14px 24px}

.mt-modal.mt-modal-data-privacy .privacy-form .form-group{margin:0}

.mt-modal.mt-modal-data-privacy .privacy-form .form-group+.form-group{margin-top:24px}

.mt-modal.mt-modal-data-privacy .warning-text{color:#ff94d0;display:block;font-weight:700;margin:12px 0;text-transform:uppercase}

.mt-modal__overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;position:fixed;z-index:1001}

.mt-modal__container{background-color:#fff;border-radius:8px;max-height:100vh;max-width:626px;overflow-y:auto;padding:40px;position:relative}

@media(max-width: 767px){
.mt-modal__container{margin:auto 24px;max-height:calc(100vh - 48px);padding:24px}}

.mt-modal__body{align-items:center;display:flex;flex-direction:column}

.mt-modal__body .mt-modal-main-icon{margin-bottom:24px}

.mt-modal__body .mt-modal-main-icon.warning{color:#ffcb11}

.mt-modal__body .mt-modal-main-icon svg{height:36px;width:36px}

.mt-modal__body .mt-modal__image{margin-bottom:24px}

.mt-modal__body .mt-modal-title{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%;color:#333;margin-bottom:12px;text-align:center}

@media(width <= 768px){
.mt-modal__body .mt-modal-title{font-size:14px}}

.mt-modal__body .mt-modal-subtitle{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%;color:#333;margin:0;text-align:center}

@media(width <= 768px){
.mt-modal__body .mt-modal-subtitle{font-size:14px}}

.mt-modal__body .mt-modal-text{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%;color:#333}

@media(width <= 768px){
.mt-modal__body .mt-modal-text{font-size:14px}}

.mt-modal__body .mt-modal-text p{font-size:inherit;font-weight:inherit}

.mt-modal .mt-close-modal{color:#000;cursor:pointer;position:absolute;right:14px;top:14px}

[dir="rtl"] .mt-modal .mt-close-modal{right:auto;left:14px}

.mt-modal .mt-close-modal svg{height:14px;pointer-events:none;width:14px}

.mt-modal .mt-modal__footer{display:flex;justify-content:center;padding-top:32px;width:100%}

.mt-modal .mt-modal__footer button{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;cursor:pointer}

.mt-modal .mt-modal__footer button:hover{background-color:#9df8da}

.mt-modal .mt-modal__footer button.disabled{opacity:.5;pointer-events:none}

.mt-modal .mt-modal__footer button.hidden{display:none}

.mt-modal .mt-modal__footer button:not(:first-child){margin-bottom:24px}

@media(min-width: 768px){
.mt-modal .mt-modal__footer button:not(:first-child){margin-bottom:0;margin-left:32px}

[dir="rtl"] .mt-modal .mt-modal__footer button:not(:first-child){margin-left:0;margin-right:32px}}

.mt-modal .action-buttons-toggler{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%;align-items:center;display:flex;margin:10px 0 0 0;text-align:start;user-select:none}

@media(width <= 768px){
.mt-modal .action-buttons-toggler{font-size:14px}}

.mt-modal .action-buttons-toggler .mt-checkbox{margin-right:12px}

[dir="rtl"] .mt-modal .action-buttons-toggler .mt-checkbox{margin-right:0;margin-left:12px}

.featured-in{align-items:center;display:flex;flex-flow:row wrap;gap:16px;padding:64px 90px}

.featured-in.dark{background-color:#6964ce;color:#fff}

.featured-in h4{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%}

@media(width <= 768px){
.featured-in h4{font-size:14px}}

.featured-in .logos{align-items:center;display:flex;flex:1 1 auto;flex-flow:row wrap;gap:16px;justify-content:space-between}

.featured-in .logos img{height:25px}

@media screen and (max-width: 992px){
.featured-in{align-items:center;font-size:14px;gap:48px;justify-content:center;padding:40px 30px}

.featured-in .logos{flex-flow:row nowrap;gap:32px;overflow:scroll hidden;white-space:nowrap}}

.ms-button{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out}

.ms-button:hover{background-color:#9df8da}

.ms-button.disabled{opacity:.5;pointer-events:none}

.ms-button.hidden{display:none}

.ms-button-secondary{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;background-color:#548dff;color:#22282b}

.ms-button-secondary:hover{background-color:#9df8da}

.ms-button-secondary.disabled{opacity:.5;pointer-events:none}

.ms-button-secondary.hidden{display:none}

.ms-button-secondary:hover{background-color:#8593f7}

.ms-button-tertiary{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;background-color:#548dff;color:#22282b}

.ms-button-tertiary:hover{background-color:#9df8da}

.ms-button-tertiary.disabled{opacity:.5;pointer-events:none}

.ms-button-tertiary.hidden{display:none}

.ms-button-tertiary:hover{background-color:#87afff}

.ms-button-transparent{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:700;line-height:150%;align-items:center;background:none;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;flex-direction:row;font-weight:600;padding:8px 4px 8px 10px;text-decoration:none;text-transform:none;transition:background-color .1s ease-out}

[dir="rtl"] .ms-button-transparent{padding:8px 10px 8px 4px}

@media(width <= 768px){
.ms-button-transparent{font-size:14px}}

.ms-button-transparent::after{background:url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.148438%209.50317L3.97656%205.67505L0.148438%201.84692L1.32031%200.675049L6.32031%205.67505L1.32031%2010.675L0.148438%209.50317Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;content:"";display:block;height:20px;width:30px}

.ms-button-transparent:hover{background-color:rgba(255,255,255,.1)}

.features-explained{padding:60px 40px 0 40px}

.features-explained .feature{align-items:center;display:flex;flex-direction:row;gap:100px;margin-bottom:60px}

.features-explained .feature.reverse{flex-direction:row-reverse}

.features-explained .feature .picture-holder{align-items:center;border-radius:24px;display:flex;flex:0 0 50%;height:600px;justify-content:center;padding:28px 16px}

.features-explained .feature .picture-holder img{max-height:100%;max-width:100%}

.features-explained .feature h3{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:48px;font-weight:700;line-height:110%;color:#3df2b6;margin-bottom:24px}

@media(width <= 768px){
.features-explained .feature h3{font-size:28px}}

.features-explained .feature .description{color:#ddd;flex:1 1 auto;font-weight:400}

.features-explained .feature .description a{color:#fff;font-weight:700;text-decoration:none}

.features-explained .feature .description .buton-container{color:#fff;margin-top:10px}

.features-explained .feature .description .buton-container a{display:inline-block}

.features-explained .feature .description .buton-container a.ms-button{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:700;line-height:150%;align-items:center;background:none;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;flex-direction:row;font-weight:600;padding:8px 4px 8px 10px;text-decoration:none;text-transform:none;transition:background-color .1s ease-out}

[dir="rtl"] .features-explained .feature .description .buton-container a.ms-button{padding:8px 10px 8px 4px}

@media(width <= 768px){
.features-explained .feature .description .buton-container a.ms-button{font-size:14px}}

.features-explained .feature .description .buton-container a.ms-button::after{background:url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.148438%209.50317L3.97656%205.67505L0.148438%201.84692L1.32031%200.675049L6.32031%205.67505L1.32031%2010.675L0.148438%209.50317Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;content:"";display:block;height:20px;width:30px}

.features-explained .feature .description .buton-container a.ms-button:hover{background-color:rgba(255,255,255,.1)}

@media screen and (max-width: 1280px){
.features-explained{padding:0 40px}

.features-explained .feature .description .buton-container a{display:inline-block;margin:0 auto}}

@media screen and (width <= 992px){
.features-explained{padding:0 30px}

.features-explained .feature,.features-explained .feature.reverse{flex-direction:column;gap:36px;margin-bottom:100px}

.features-explained .feature .picture-holder,.features-explained .feature.reverse .picture-holder{flex:0 0 auto;height:auto}}

.features-extra,.benefits{align-items:start;display:flex;flex-direction:column;gap:50px;padding:96px 156px}

.features-extra h2,.benefits h2{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:600;line-height:150%;text-transform:uppercase;margin-bottom:16px}

@media(width <= 768px){
.features-extra h2,.benefits h2{font-size:14px}}

.features-extra h3,.benefits h3{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:40px;font-weight:700;line-height:125%}

@media(width <= 768px){
.features-extra h3,.benefits h3{font-size:24px}}

.features-extra h4,.benefits h4{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:24px;font-weight:600;line-height:auto}

@media(width <= 768px){
.features-extra h4,.benefits h4{font-size:18px}}

.features-extra .grid,.benefits .grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto}

.features-extra .grid .feature,.benefits .grid .feature{background-color:#22282b;border-radius:10px;flex:1 1 50%;padding:30px}

.features-extra .grid .feature h4,.benefits .grid .feature h4{color:#3df2b6;margin-bottom:20px}

.features-extra .grid .feature h4 .icon,.benefits .grid .feature h4 .icon{align-items:center;background-color:#00b878;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:32px;padding:12px;width:80px}

.features-extra .grid .feature h4 .icon.alternate,.benefits .grid .feature h4 .icon.alternate{background-color:#ff94d0;color:#333}

.features-extra .grid .feature h4 .icon svg,.benefits .grid .feature h4 .icon svg{min-height:33px;min-width:33px}

@media screen and (width < 992px){
.features-extra,.benefits{flex-direction:column;gap:30px;padding:60px 30px}

.features-extra .grid,.benefits .grid{grid-template-columns:1fr}

.features-extra .grid .feature h4 .icon,.benefits .grid .feature h4 .icon{height:50px;width:50px}

.features-extra .grid .feature h4 .icon svg,.benefits .grid .feature h4 .icon svg{min-height:20px;min-width:20px}

.features-extra .grid .feature p,.benefits .grid .feature p{font-size:14px}}

.sprite{background-image:url("//s3-eu-west-1.amazonaws.com/io.mailtrack.assets/backend/13013b50/bundles/mailtrackfrontend/img/mailtrack-sprite_2x.png");background-size:360px 480px;display:inline-block;height:20px;width:20px}

.sprite.s-logo{background-position:0px 0px;height:40px;width:220px}

[dir="rtl"] .sprite.s-logo{background-position:right 0px top 0px}

.sprite.s-logo-black{background-position:0px -420px;height:40px;width:220px}

[dir="rtl"] .sprite.s-logo-black{background-position:right 0px top -420px}

.sprite.s-logo-icon{background-position:-220px -220px;height:60px;width:60px}

[dir="rtl"] .sprite.s-logo-icon{background-position:right -220px top -220px}

.sprite.s-company-01,.sprite.s-company-02,.sprite.s-company-03,.sprite.s-company-04,.sprite.s-company-05,.sprite.s-company-06{height:60px;width:160px}

.sprite.s-company-01{background-position:0px -60px}

[dir="rtl"] .sprite.s-company-01{background-position:right 0px top -60px}

.sprite.s-company-02{background-position:0px -120px}

[dir="rtl"] .sprite.s-company-02{background-position:right 0px top -120px}

.sprite.s-company-03{background-position:0px -180px}

[dir="rtl"] .sprite.s-company-03{background-position:right 0px top -180px}

.sprite.s-company-04{background-position:0px -240px}

[dir="rtl"] .sprite.s-company-04{background-position:right 0px top -240px}

.sprite.s-company-05{background-position:0px -300px}

[dir="rtl"] .sprite.s-company-05{background-position:right 0px top -300px}

.sprite.s-company-06{background-position:0px -360px}

[dir="rtl"] .sprite.s-company-06{background-position:right 0px top -360px}

.sprite.s-card-mc,.sprite.s-card-visa,.sprite.s-card-amex,.sprite.s-card-discover,.sprite.s-card-paypal,.sprite.s-card-generic{height:22px;width:37px}

.sprite.s-card-mc{background-position:-220px -280px}

[dir="rtl"] .sprite.s-card-mc{background-position:right -220px top -280px}

.sprite.s-card-visa{background-position:-260px -280px}

[dir="rtl"] .sprite.s-card-visa{background-position:right -260px top -280px}

.sprite.s-card-amex{background-position:-300px -280px}

[dir="rtl"] .sprite.s-card-amex{background-position:right -300px top -280px}

.sprite.s-card-discover{background-position:-220px -320px}

[dir="rtl"] .sprite.s-card-discover{background-position:right -220px top -320px}

.sprite.s-card-paypal{background-position:-260px -320px}

[dir="rtl"] .sprite.s-card-paypal{background-position:right -260px top -320px}

.sprite.s-card-generic,.sprite.s-card-default{background-position:-300px -320px}

[dir="rtl"] .sprite.s-card-generic,[dir="rtl"] .sprite.s-card-default{background-position:right -300px top -320px}

.sprite.s-stripe{background-position:-220px -40px;height:26px;width:120px}

[dir="rtl"] .sprite.s-stripe{background-position:right -220px top -40px}

.sprite.s-cvv{background-position:-220px -140px;height:60px;width:110px}

[dir="rtl"] .sprite.s-cvv{background-position:right -220px top -140px}

.used-by-pros{padding-bottom:30px}

.used-by-pros h4{color:#abb1b1;margin:10px 0 24px;text-align:center;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%}

@media(width <= 768px){
.used-by-pros h4{font-size:14px}}

.used-by-pros .logos{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:space-between;overflow-x:auto;padding:32px 0 26px}

.used-by-pros .logos span svg{flex:1 1 auto;height:36px}

@media screen and (width <= 1280px){
.used-by-pros .logos{padding:32px 40px 26px}}

.privacy-security-center+.used-by-pros{padding-top:42px}

.plans-details+.used-by-pros{padding-top:100px}

.ratings{align-items:center;display:flex;flex-direction:row;gap:48px}

.ratings>div{text-align:center}

.ratings h5{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400;line-height:150%}

@media(width <= 768px){
.ratings h5{font-size:12px}}

.ratings h5 span{display:block;font-size:17px;line-height:120%}

.ratings .star-holder img{height:20px}

.ratings .store-holder h5{font-size:12px;font-weight:700;line-height:18px}

.ratings .store-holder h5 span.category{font-size:inherit;font-weight:600;line-height:inherit}

.ratings .store-holder h5 span.store{font-size:8px;font-weight:400;line-height:inherit}

.ratings.full{flex-wrap:wrap;gap:30px 58px;justify-content:center;padding:12px 90px}

.ratings.full h4{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:40px;font-weight:700;line-height:125%;font-weight:400;text-align:center;width:100%}

@media(width <= 768px){
.ratings.full h4{font-size:24px}}

@media screen and (max-width: 992px){
.ratings .star-holder img{height:18px}}

@media screen and (max-width: 768px){
.ratings{gap:30px}

.ratings h5 span{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400;line-height:150%;font-weight:700;padding-top:6px}}

@media screen and (max-width: 768px)and (width <= 768px){
.ratings h5 span{font-size:12px}}

@media screen and (max-width: 768px){
.ratings .star-holder img{height:12px}}

.testimonials{align-items:center;display:flex;flex-direction:column;gap:40px;padding:60px 154px}

.testimonials .badge-container{display:flex;gap:40px}

.testimonials .badge-container img{height:80px}

.testimonials .badge-container img.capterra{height:65px;margin-top:5px}

.testimonials .card-container{display:flex;flex-direction:row;gap:16px}

.testimonials .card{align-self:stretch;background-color:#fff;border-radius:18px;color:#333;display:flex;flex:1 1 0;flex-direction:column;gap:36px;padding:30px}

.testimonials .card .header{align-items:center;display:flex;gap:20px}

.testimonials .card .header img{border-radius:50%;height:64px}

.testimonials .card .header .info{align-items:flex-start;display:flex;flex-direction:column;gap:5px;justify-content:center}

.testimonials .card .header .info .name{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:18px;font-weight:600;line-height:125%}

@media(width <= 768px){
.testimonials .card .header .info .name{font-size:16px}}

.testimonials .card .header .info .occupation{font-size:12px;line-height:130%}

.testimonials .card .content{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400;line-height:150%;font-weight:400;text-wrap:pretty}

@media(width <= 768px){
.testimonials .card .content{font-size:12px}}

.testimonials .ratings{padding:32px 0 24px}

.testimonials.wall{padding-bottom:42px}

.testimonials.wall .card-container{display:grid;gap:16px;grid-template-columns:repeat(3, minmax(300px, 1fr))}

.testimonials.wall .badge-container{padding-top:12px}

@media screen and (max-width: 1280px){
.testimonials{padding:80px 86px}}

@media screen and (max-width: 992px){
.testimonials.wall{padding:80px 30px}

.testimonials.wall .card-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}}

@media screen and (max-width: 768px){
.testimonials{overflow:hidden;padding:80px 30px}

.testimonials .card-container{overflow-x:auto;padding:0 30px;scroll-snap-type:x mandatory;width:100vw}

.testimonials .card-container .card{flex:1 0 80vw;scroll-snap-align:center}}

.used-by-pros+.testimonials{padding-top:0}

.cta-container{align-items:center;display:flex;flex-direction:column;gap:32px;padding:92px 154px}

.cta-container h2{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:40px;font-weight:700;line-height:125%;font-weight:400;text-align:center}

@media(width <= 768px){
.cta-container h2{font-size:24px}}

.cta-container .description{color:#fff;margin-bottom:24px;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%}

@media(width <= 768px){
.cta-container .description{font-size:14px}}

.cta-container p a.disabled{padding-left:56px;padding-right:56px}

.cta-container.horizontal{align-items:start;background:none;flex-direction:row;position:relative}

.cta-container.horizontal a{display:inline-block}

.cta-container.horizontal h2,.cta-container.horizontal .description{flex:0 0 50%}

.cta-container.horizontal h2{padding-right:110px;text-align:left}

[dir="rtl"] .cta-container.horizontal h2{padding-right:0;padding-left:110px;text-align:right}

@media(width <= 992px){
.cta-container.horizontal h2{padding-right:0}

[dir="rtl"] .cta-container.horizontal h2{padding-right:0;padding-left:0}}

@media(width <= 768px){
.cta-container{padding:60px 30px}

.cta-container.horizontal{flex-direction:column}

.cta-container.horizontal h2{margin-bottom:20px}}

main .privacy-security-center{background-color:#fff;display:flex;flex-direction:column;padding:80px 40px}

main .privacy-security-center .card{background:#1a2226;background:radial-gradient(farthest-corner at 50% 100%, #002d87 0%, #1A2226 100%);border-radius:32px;padding:32px 114px}

main .privacy-security-center .card h2{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:40px;font-weight:700;line-height:125%;margin-bottom:50px}

@media(width <= 768px){
main .privacy-security-center .card h2{font-size:24px}}

main .privacy-security-center .card>.container{display:flex;flex-direction:row;gap:144px}

main .privacy-security-center .card .badges{display:grid;gap:30px;grid-template-columns:repeat(2, 1fr);justify-content:space-between;place-items:center center}

main .privacy-security-center .card .badges img{height:76px;width:76px}

main .privacy-security-center .card .description{align-items:start;display:flex;flex-direction:column;justify-content:center}

main .privacy-security-center .card .description p{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:24px;font-weight:400;line-height:135%;margin-bottom:20px}

@media(width <= 768px){
main .privacy-security-center .card .description p{font-size:18px}}

main .privacy-security-center .card .description .ms-button-transparent{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:20px;font-weight:400;line-height:150%;font-weight:700}

@media(width <= 768px){
main .privacy-security-center .card .description .ms-button-transparent{font-size:18px}}

main .privacy-security-center .card .icon-holder{display:flex;flex-direction:row;gap:70px;margin-top:6px}

main .privacy-security-center .card .icon-holder .google-cloud-partner{margin-left:-25px;margin-top:-22px}

[dir="rtl"] main .privacy-security-center .card .icon-holder .google-cloud-partner{margin-left:0;margin-right:-25px}

main .privacy-security-center .card .icon-holder .google-cloud-partner svg{height:138px;width:138px}

main .privacy-security-center .card .icon-holder .iso27001 img{height:98px;width:98px}

@media screen and (width <= 1280px){
main .privacy-security-center .badges{gap:20px;justify-content:start}}

@media screen and (width <= 992px){
main .privacy-security-center .card{gap:40px;padding:30px}

main .privacy-security-center .card>.container{gap:40px}

main .privacy-security-center .card .badges{align-items:center;gap:20px}

main .privacy-security-center .card .description{display:flex;flex-direction:column;gap:0}

main .privacy-security-center .card .description p{font-size:18px}}

@media screen and (width <= 768px){
main .privacy-security-center .card{flex-direction:column}

main .privacy-security-center .card>.container{display:flex;flex-direction:column}}

.ms-button{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out}

.ms-button:hover{background-color:#9df8da}

.ms-button.disabled{opacity:.5;pointer-events:none}

.ms-button.hidden{display:none}

.ms-button-secondary{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;background-color:#548dff;color:#22282b}

.ms-button-secondary:hover{background-color:#9df8da}

.ms-button-secondary.disabled{opacity:.5;pointer-events:none}

.ms-button-secondary.hidden{display:none}

.ms-button-secondary:hover{background-color:#8593f7}

.ms-button-tertiary{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;background-color:#548dff;color:#22282b}

.ms-button-tertiary:hover{background-color:#9df8da}

.ms-button-tertiary.disabled{opacity:.5;pointer-events:none}

.ms-button-tertiary.hidden{display:none}

.ms-button-tertiary:hover{background-color:#87afff}

.ms-button-transparent{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:700;line-height:150%;align-items:center;background:none;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;flex-direction:row;font-weight:600;padding:8px 4px 8px 10px;text-decoration:none;text-transform:none;transition:background-color .1s ease-out}

[dir="rtl"] .ms-button-transparent{padding:8px 10px 8px 4px}

@media(width <= 768px){
.ms-button-transparent{font-size:14px}}

.ms-button-transparent::after{background:url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.148438%209.50317L3.97656%205.67505L0.148438%201.84692L1.32031%200.675049L6.32031%205.67505L1.32031%2010.675L0.148438%209.50317Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;content:"";display:block;height:20px;width:30px}

.ms-button-transparent:hover{background-color:rgba(255,255,255,.1)}

.plans-details{align-items:center;color:#fff;display:flex;flex-direction:column;gap:40px;padding:32px 64px;position:relative}

.plans-details::after{background:radial-gradient(farthest-corner at 100% 100%, #3DF2B6 0%, rgba(0, 0, 0, 0) 100%);bottom:0;content:"";display:block;filter:blur(100px);height:724px;opacity:.6;position:absolute;right:0;width:50%;z-index:-1}

[dir="rtl"] .plans-details::after{right:auto;left:0}

.plans-details .header{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:1200px}

.plans-details .header .title{color:#fff}

.plans-details .header .plans-selector{margin:14px 0}

.plans-details.light{background:#bfe4fe}

.plans-details.light .header .title{color:#333}

.plans-details .title-container{align-items:center;display:flex;gap:12px}

.plans-details .title{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:48px;font-weight:700;line-height:110%;text-align:center;text-wrap:balance}

@media(width <= 768px){
.plans-details .title{font-size:28px}}

@media screen and (width < 992px){
.plans-details .title{font-size:28px}}

.plans-details .most-popular{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400;line-height:150%;align-items:center;background-color:#0780e7;border-radius:35px;color:#fff;display:flex;flex-shrink:0;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:150%;padding:2px 15px;position:absolute;right:12px;top:12px}

[dir="rtl"] .plans-details .most-popular{right:auto;left:12px}

@media(width <= 768px){
.plans-details .most-popular{font-size:12px}}

.plans-details .most-popular.hidden{display:none}

.plans-details .plans-selector{align-items:center;background:rgba(255,255,255,.5);border-radius:20px;display:flex;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;gap:4px;justify-content:center;padding:5px}

.plans-details .plan-interval{align-items:center;border-radius:20px;color:#333;cursor:pointer;display:flex;gap:8px;justify-content:center;opacity:.5;padding:4px 10px;transition:all 200ms ease-in-out}

.plans-details .plan-interval.selected{background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,.1);opacity:1}

.plans-details .plans-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fit, minmax(326px, 1fr));justify-content:center;max-width:1200px}

.plans-details .plan{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%;align-items:flex-start;background-color:#fff;border-radius:24px;color:#333;display:flex;flex-direction:column;gap:20px;justify-content:space-between;max-width:400px;padding:40px;position:relative;width:100%}

@media(width <= 768px){
.plans-details .plan{font-size:14px}}

.plans-details .plan .plan-header{align-items:flex-start;align-self:stretch;display:flex;justify-content:flex-end;margin-bottom:-20px;margin-top:-30px}

.plans-details .plan .info{align-items:flex-start;display:flex;flex-direction:column;gap:20px;width:100%}

.plans-details .plan .info .title{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:24px;font-weight:600;line-height:auto;text-transform:uppercase}

@media(width <= 768px){
.plans-details .plan .info .title{font-size:18px}}

.plans-details .plan .info .subtitle{color:#666;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:15px;font-weight:500;margin-top:-20px}

.plans-details .plan .info .price{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:24px;font-weight:600;line-height:auto;font-size:46px;line-height:120%;width:100%}

@media(width <= 768px){
.plans-details .plan .info .price{font-size:18px}}

.plans-details .plan .info .price .price-monthly,.plans-details .plan .info .price .price-yearly{white-space:nowrap}

.plans-details .plan .info .price .price-user-month,.plans-details .plan .info .price .price-user-month-for-b{bottom:12px;font-size:14px;font-weight:500;left:5px;line-height:150%;position:relative}

[dir="rtl"] .plans-details .plan .info .price .price-user-month,[dir="rtl"] .plans-details .plan .info .price .price-user-month-for-b{left:auto;right:5px}

.plans-details .plan .info .annualized-price-container,.plans-details .plan .info .price-per-year-container,.plans-details .plan .info .price-per-team-container{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400;line-height:150%;height:21px;text-align:start}

@media(width <= 768px){
.plans-details .plan .info .annualized-price-container,.plans-details .plan .info .price-per-year-container,.plans-details .plan .info .price-per-team-container{font-size:12px}}

.plans-details .plan .info .annualized-price-container .old-price,.plans-details .plan .info .price-per-year-container .old-price,.plans-details .plan .info .price-per-team-container .old-price{color:#f4bf61;text-decoration:line-through}

.plans-details .plan .info .features{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%;font-size:15px}

@media(width <= 768px){
.plans-details .plan .info .features{font-size:14px}}

.plans-details .plan .info .features i{display:none}

.plans-details .plan .info .features ul{list-style:none}

.plans-details .plan .info .features li{align-items:center;display:flex;gap:8px;padding-top:12px}

.plans-details .plan .info .features li svg{flex-shrink:0}

.plans-details .plan .action{display:flex;justify-content:center;width:100%}

.plans-details .plan .action>span{width:100%}

.plans-details .plan .action a{align-items:center;background-color:#3df2b6;border:0;border-radius:50px;color:#22282b;display:flex;flex-direction:row;font-size:10px;font-weight:600;gap:8px;justify-content:center;line-height:130%;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .1s ease-out;padding:20px;width:100%}

.plans-details .plan .action a:hover{background-color:#9df8da}

.plans-details .plan .action a.disabled{opacity:.5;pointer-events:none}

.plans-details .plan .action a.hidden{display:none}

.plans-details .plan[data-plan=free] .action a{background-color:rgba(0,0,0,0);border:2px solid #3df2b6}

.plans-details .plan[data-plan=advanced] .action a{background-color:#40e0b0}

.plans-details .plan[data-plan=advanced] .action a:hover{background-color:#23d59f}

.plans-details .plan[data-plan=pro] .action a{background-color:#b9f3e0}

.plans-details .plan[data-plan=pro] .action a:hover{background-color:#96edd1}

@media screen and (width < 992px){
.plans-details{font-size:14px;padding:40px 30px}

.plans-details .header{width:100%}

.plans-details .header .title{font-size:28px}

.plans-details .plans-selector{-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;width:100%}

.plans-details .plan-interval{flex-grow:1;font-size:12px;gap:4px;padding:4px 16px}

.plans-details .plans-container{gap:30px;grid-template-columns:1fr;width:100%}

.plans-details .plan{max-width:unset}

.plans-details .plan .plan-header{margin-bottom:-12px;margin-top:-20px}

.plans-details .plan .info{gap:12px;width:100%}

.plans-details .plan .info .title{font-size:18px;line-height:22px}

.plans-details .plan .info .subtitle{margin-top:-10px}

.plans-details .plan .info .most-popular{font-size:10px;text-align:center}

.plans-details .plan .info .price{font-size:30px;line-height:120%}

.plans-details .plan .info .price .price-user-month,.plans-details .plan .info .price .price-user-month-for-b{bottom:8px}

.plans-details .plan .info .features{margin-top:8px}

.pricing-teams-strip a{display:block}}

.vat-text{color:#ddd;font-size:12px;margin:-20px 0}

.pricing-teams-strip{padding:48px 40px 115px;text-align:center}

.pricing-teams-strip p{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:24px;line-height:150%;margin:0}

.pricing-teams-strip a{color:#fff;transition:opacity 200ms ease-in-out}

.pricing-teams-strip a:hover{opacity:.8}

main{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:150%}

@media(width <= 768px){
main{font-size:14px}}

main .intro{align-items:center;color:#fff;display:flex;flex-direction:row;gap:24px;position:relative}

main .intro::before{background-color:#1a2226;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}

[dir="rtl"] main .intro::before{left:auto;right:0}

main .intro::after{background:radial-gradient(farthest-corner at 100% 100%, #3DF2B6 0%, rgba(0, 0, 0, 0) 100%);bottom:0;content:"";display:block;filter:blur(100px);height:724px;opacity:.6;position:absolute;right:0;width:50%;z-index:-1}

[dir="rtl"] main .intro::after{right:auto;left:0}

main .intro .container{overflow-x:hidden;padding:142px 60px;position:relative}

main .intro .container>div{flex:0 0 50%}

main .intro h1{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:56px;font-weight:800;line-height:120%;margin-bottom:30px;text-wrap:pretty}

@media(width <= 768px){
main .intro h1{font-size:30px}}

main .intro p{margin-bottom:30px}

main .intro .install-buttons-holder{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:center;margin-bottom:30px}

main .intro .install-buttons-holder div a#install-gmail{box-shadow:2px 4px 6px 0 rgba(0,35,128,.45);font-size:14px;padding:24px 20px;width:400px}

[dir="rtl"] main .intro .install-buttons-holder div a#install-gmail{box-shadow:-2px 4px 6px 0 rgba(0,35,128,.45)}

main .intro .hero-image img{width:635px}

main .intro .hero-badges-container{display:flex;gap:30px;margin-top:30px}

main .intro .hero-badge{height:70px}

@media screen and (width <= 992px){
main .intro{flex-direction:column-reverse}

main .cta-home h2{max-width:85%}}

@media screen and (width <= 768px){
main .intro .container{padding:40px 20px}

main .intro .container>div{flex:0 0 100%;max-width:100%}

main .intro .install-buttons-holder{margin-bottom:30px;max-width:100%}

main .intro .install-buttons-holder div a#install-gmail.ms-button{font-size:10px;width:300px}

main .intro .hero-image img{max-width:100%}

main .features-extra{flex-direction:column}

main .cta-home h2{max-width:100%}}