@charset "utf-8";

body{  background:#fff; font-family: 'Gordita Regular';}
@font-face {
    font-family: 'Gordita Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Regular'), url('../font/Gordita Regular.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Regular Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Regular Italic'), url('../font/Gordita Regular Italic.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Thin'), url('../font/Gordita Thin.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Thin Italic'), url('../font/Gordita Thin Italic.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Light'), url('../font/Gordita Light.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Light Italic'), url('../font/Gordita Light Italic.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Medium'), url('../font/Gordita Medium.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Medium Italic'), url('../font/Gordita Medium Italic.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Bold'), url('../font/Gordita Bold.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Bold Italic'), url('../font/Gordita Bold Italic.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Black';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Black'), url('../font/Gordita Black.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Black Italic'), url('../font/Gordita Black Italic.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Ultra';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Ultra'), url('../font/Gordita Ultra.woff') format('woff');
}


@font-face {
    font-family: 'Gordita Ultra Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Gordita Ultra Italic'), url('../font/Gordita Ultra Italic.woff') format('woff');
}

#toTop { border-radius:0; bottom:40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
a{text-decoration: none}
a:hover{text-decoration: none}
.form-control::-moz-placeholder {color: #6D6D6D !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #6D6D6D !important;}
.form-control::-webkit-input-placeholder {color: #6D6D6D !important;}
.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-0{margin: 0 0px}
.pd-0{padding: 0 0px}
.full-width{width: 100%}
.container{max-width: 1440px; padding-left: 80px; padding-right: 80px;}

.items-center {-webkit-align-items: center; align-items: center;}
.flex-row-reverse{-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}


.header-main{padding: 15px 0; position: absolute; width: 100%}
.header-main .inner-area{display: flex; justify-content: space-between; align-items: center;}
.header-main .inner-area .left{display: flex; align-items: center;}
.header-main .inner-area .left .logo svg{vertical-align: top}
.header-main .inner-area .left .btn-menu{background: transparent; width: 20px; height: 18px; padding: 0px; border-top: #000 2px solid; border-bottom: #000 2px solid; border-left: none; border-right: none; position: relative; cursor: pointer; display: none}
.header-main .inner-area .left .btn-menu::before{content: ''; position: absolute; top: 6px; background: #000; width: 100%; left: 0px; height: 2px}
.header-main .inner-area .left ul.leftmenu{margin: 0px 0px 0px 30px ; padding: 0px; list-style: none; display: flex;}
.header-main .inner-area .left ul.leftmenu li{margin-right: 24px}
.header-main .inner-area .left ul.leftmenu li a{color: #151922; font-size: 14px; text-transform: uppercase;}
.header-main .inner-area .right{display: flex; align-items: center;}
.header-main .inner-area .right ul.rightmenu{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-main .inner-area .right ul.rightmenu li{margin-left: 24px}
.header-main .inner-area .right ul.rightmenu li a{color: #151922; font-size: 14px;}
.header-main .inner-area .right .btn-login{background: rgba(21,25,34,.1); border-radius: 30px; line-height: 34px; border: none; font-size: 14px; padding: 0 16px; margin-left: 24px}
.header-main .inner-area .right .btn-grid{background: #fff; border-radius: 30px; line-height: 34px; border: none; font-size: 14px;width: 34px; margin-left: 12px; height: 34px; padding: 10px}
.header-main .inner-area .right .btn-grid svg{vertical-align: top; width: 100% !important; height: 100% !important;}
.header-main.fixed{background: #fff; position: fixed; z-index: 9999; box-shadow: 0 1px 0 rgba(0,0,0,.07);}

.header-main .mobile-menu-main{position: fixed; width: 100%; top: 0px; left: -100%; height: 100%; background: #fff; transition: all .5s ease; }
.header-main .mobile-menu-main.active{left: 0px; transition: all .5s ease;}
.header-main .mobile-menu-main .d-flex{justify-content: space-between; align-items: center; padding: 10px 15px; border-bottom: #e8e8e9 1px solid}
.header-main .mobile-menu-main .logo svg{vertical-align: top}
.header-main .mobile-menu-main .btn-close{background: transparent; width: 20px; height: 18px; padding: 0px; border: none; position: relative; cursor: pointer;}
.header-main .mobile-menu-main .btn-close::before{content: ''; position: absolute; top: 8px; background: #000; width: 100%; left: 0px; height: 2px; transform: rotate(45deg);}
.header-main .mobile-menu-main .btn-close::after{content: ''; position: absolute; top: 8px; background: #000; width: 100%; left: 0px; height: 2px; transform: rotate(-45deg);}
.header-main .mobile-menu-main ul.menu-mobile{margin: 0px 0px 10px 0px; padding: 15px 10px; list-style: none; border-bottom: #e8e8e9 1px solid;}
.header-main .mobile-menu-main ul.menu-mobile li a{font-family: 'Gordita Medium'; font-size: 16px; padding: 12px 15px; color: #151922; text-transform: uppercase; display: block;}
.header-main .mobile-menu-main ul.menu-mobile li ul.sub{ border-bottom: #e8e8e9 1px solid; margin: 0px 0px 8px 0px; padding: 0px 0px 8px 15px; list-style: none}
.header-main .mobile-menu-main ul.menu-mobile li ul.sub li a{font-family: 'Gordita Regular'; font-size: 16px; padding: 10px 15px; color: #8a8c91; text-transform: capitalize; display: block;}
.header-main .mobile-menu-main .btn-login{background: rgba(21,25,34,.1); color: #151922; border-radius: 30px; line-height: 40px; border: none; font-size: 14px; padding: 0 16px; display: block; max-width: 90%; margin: 0 auto; text-align: center;}

.top-video-section{background: #f1f5f8; padding: 96px 0}
.top-video-section .inner-block{display: flex; align-items: center; justify-content: space-between;}
.top-video-section .inner-block .content-block{width: 50%}
.top-video-section .inner-block h1{font-family: 'Gordita Bold'; color: #151922; font-size: 3rem; margin-top: 12px; margin-bottom: 24px; letter-spacing: -.5px; line-height: 1.2;}
.top-video-section .inner-block p{font-size: 16px; line-height: 1.5; margin-bottom: 24px; color: #44474e}
.top-video-section .inner-block ul{margin: 0px; padding: 0px; list-style: none}
.top-video-section .inner-block ul li{font-size: 16px; line-height: 1.5;  color: #44474e; display: flex; align-items: center; margin-bottom: 12px;}
.top-video-section .inner-block .btn-area{display: flex; margin-top: 32px; justify-content: flex-start;}
.top-video-section .inner-block .btn-area .btn-teal{width:100%; line-height: 28px; padding: 10px 24px; background: #43a5a1; border: #43a5a1 1px solid; border-radius: 25px; color: #fff; display: block;}
.top-video-section .inner-block .btn-area .btn-white{width:100%; line-height: 28px; padding: 10px 24px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922; display: block;}
.top-video-section .inner-block .btn-area small{display: block; margin-top: 15px; margin-bottom: 24px; line-height: 1.5; font-size: 12px; color: #8a8c91}
.top-video-section .inner-block .btn-area .inner{display: block; text-align: center; min-width: 220px; margin-right: 20px}
.top-video-section .inner-block .image-block{width: 50%; text-align: center;}
.top-video-section .inner-block .image-block video{border-radius: 50% 50% 15px 15px}

.number-section{text-align: center; padding: 50px 0 0 0}
.number-section .subtitle{font-family: 'Gordita Medium';  line-height: 1.5;  margin-top: 12px; color: #8a8c91; font-size: 14px;}
.number-section .number{font-family: 'Gordita Bold';  line-height: 1; color: #151922; font-size: 28px;}

.passkeys-banner{padding-top: 128px}
.passkeys-banner .banner-area{background-color: #f1f5f8; padding: 48px;}
.passkeys-banner img{width: 100%}
.passkeys-banner h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px; margin-bottom: 24px; font-size: 2.5rem; color: #151922;}
.passkeys-banner p{font-size: 16px; line-height: 1.5; margin-bottom: 0px; color: #151922}
.passkeys-banner .btn-white{ line-height: 28px; padding: 10px 24px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922;  display: inline-block; margin-top: 30px  }

.everyday-nordpass{padding: 96px 0;}
.everyday-nordpass h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px; margin-bottom: 0px; font-size: 3rem; color: #151922;}
.everyday-nordpass .photo-area{width: 50%}
.everyday-nordpass .photo-area img{width: 100%}
.everyday-nordpass .content-block{width: 50%; padding-left: 56px}
.everyday-nordpass h3{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px; margin-bottom: 24px; font-size: 2.5rem; color: #151922;}
.everyday-nordpass p{font-size: 16px; line-height: 1.6; margin-bottom: 0px; color: #151922}
.everyday-nordpass p strong{font-family: 'Gordita Bold'; font-weight: normal;}
.everyday-nordpass p a{color: #151922; text-decoration:underline;}
.everyday-nordpass .d-flex{align-items: center; margin-top: 96px}
.everyday-nordpass .d-flex:nth-of-type(2n+2) .content-block{padding: 0px;}
.everyday-nordpass .d-flex:nth-of-type(2n+2) .content-block h3{width: 80%}
.everyday-nordpass .d-flex:nth-of-type(2n+2) .photo-area{padding-left:56px;}
.everyday-nordpass .d-flex:nth-child(3n+1) .photo-area{padding-right: 56px}
.everyday-nordpass .btn-white{ line-height: 28px; padding: 10px 50px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922;  display: inline-block; margin-top: 30px  }

.family-banner{padding-bottom: 96px;}
.family-banner .d-flex{background: #aee9c0; border-radius: 15px; padding: 48px;}
.family-banner .photo-area{width: 42%; padding-right: 50px}
.family-banner .photo-area img{width: 100%}
.family-banner .content-block{width: 58%; padding-left: 30px}
.family-banner h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px; margin-bottom: 24px; font-size: 2.5rem; color: #151922;}
.family-banner p{font-size: 16px; line-height: 1.6; margin-bottom: 24px; color: #151922}
.family-banner p strong{font-family: 'Gordita Bold'; font-weight: normal;}
.family-banner .offer{font-size: 2.5rem; line-height: 1.6; color: #f64f64; font-family: 'Gordita Bold'; margin: 0 0 16px 0}
.family-banner .offer span{display: block; color: #151922; font-size: 16px; font-family: 'Gordita Regular';}
.family-banner .btn-white{ line-height: 28px; padding: 10px 50px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922;  display: inline-block; }
.family-banner .btn-black{ line-height: 28px; padding: 10px 50px; background: #151922; border: #151922 1px solid; border-radius: 25px; color: #fff;  display: inline-block;  margin-right: 20px}

.cases-section{padding: 96px 0; background: #f1f5f8}
.cases-section h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px;  font-size: 3rem; color: #151922; text-align: center; margin-bottom: 32px;}
.cases-section .main-tab{background: #80cbc8; padding: 4px; width: 315px; border-radius: 50px; margin: 0 auto;}
.cases-section .main-tab a.nav-link{background: #80cbc8; color: #fff; padding: 10px 24px; line-height: 28px; font-size: 16px; border-radius: 25px}
.cases-section .main-tab a.nav-link.active{background: #fff; color: #151922;}
.cases-section .subtab{margin-top: 48px; display: flex; justify-content: center;}
.cases-section .subtab li{margin: 0 12px}
.cases-section .subtab a.nav-link{font-family: 'Gordita Bold'; color: #151922; padding: 8px 0px;  font-size: 16px; opacity: 0.5}
.cases-section .subtab a.nav-link.active{color: #151922; border-bottom: #151922 2px solid; opacity: 1}
.cases-section .d-flex{align-items: center; margin-top: 48px}
.cases-section .d-flex .photo-area{width: 50%; padding:0 5%}
.cases-section .d-flex .photo-area img{width: 90%}
.cases-section .d-flex .content-block{width: 50%; padding-left: 10%; padding-right: 5%}
.cases-section p{font-size: 16px; line-height: 1.6; margin-bottom: 24px; color: #44474e;}
.cases-section p strong{font-family: 'Gordita Bold'; font-weight: normal;}

.personal-plans-cards-section{padding-top: 96px;}
.personal-plans-cards-section .card-block{background: #282c66; border-radius: 15px; overflow: hidden;}
.personal-plans-cards-section .card-block.yellow{background: #fdcb6c}
.personal-plans-cards-section .card-block .card-photo{width: 100%; height: 264px; overflow: hidden; position: relative;}
.personal-plans-cards-section .card-block .card-photo img{width: 100%; height: 100%; position: absolute; object-fit: cover;}
.personal-plans-cards-section p{font-size: 16px; line-height: 1.6; margin-bottom: 32px; color: #fff;}
.personal-plans-cards-section .content-area{padding: 32px; text-align: center;}
.personal-plans-cards-section .btn-teal{width:220px; line-height: 28px; padding: 10px 24px; background: #43a5a1; border: #43a5a1 1px solid; border-radius: 25px; color: #fff; display: inline-block;}
.personal-plans-cards-section .btn-white{width:220px; line-height: 28px; padding: 10px 24px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922; display: inline-block;}
.personal-plans-cards-section small{display: block; margin-top: 15px; margin-bottom: 0px; line-height: 1.5; font-size: 12px; color: #fff}
.personal-plans-cards-section .card-block.yellow p{color: #151922}
.personal-plans-cards-section .card-block.yellow small{color: #151922}

.customers-say{padding-top: 96px;}
.customers-say.pd-b{padding-bottom: 96px}
.customers-say h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px;  font-size: 3rem; color: #151922; margin-bottom: 32px;}
.customers-say .main-tab{margin-bottom: 48px; display: flex; }
.customers-say .main-tab li{margin-right:24px}
.customers-say .main-tab a.nav-link{font-family: 'Gordita Bold'; color: #151922; padding: 8px 0px;  font-size: 16px; opacity: 0.5}
.customers-say .main-tab a.nav-link.active{color: #151922; border-bottom: #151922 2px solid; opacity: 1}
.customers-say .business-review-block{background: #fff; box-shadow: 0 15px 20px 12px rgba(56,60,67,.12); padding: 28px 24px; border-radius: 15px;}
.customers-say .business-review-block .business-logo{height: 32px; margin-bottom: 24px}
.customers-say .business-review-block .business-logo img{height: 100%;}
.customers-say .business-review-block .info{font-size: 14px; line-height: 1.5; color: #8a8c91}
.customers-say .business-review-block .info strong{display: block; color: #151922}
.customers-say .business-review-block p{font-size: 16px; line-height: 1.6; margin-bottom: 24px; color: #44474e; min-height: 200px}
.customers-say .youtube-review{background: #fff; box-shadow: 0 15px 20px 12px rgba(56,60,67,.12); padding: 28px 24px; border-radius: 15px;}
.customers-say .youtube-review p{font-size: 16px; line-height: 1.6; margin-bottom: 24px; color: #44474e; min-height: 150px}
.customers-say .youtube-review .user{position: relative; min-height: 60px; display: flex; align-items: center; padding-left: 75px; margin-bottom: 24px; font-family: 'Gordita Bold'; color: #151922; font-size: 14px; line-height: 1.5;}
.customers-say .youtube-review .user span{display: contents; color: #8a8c91; font-family: 'Gordita Regular';}
.customers-say .youtube-review .user .photo{position: absolute; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; top: 0px; left: 0px}
.customers-say .youtube-review .user .photo img{position: absolute; top: 0px; left: 0px; right: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover;}
.customers-say .youtube-review .btn-youtube{display: flex; align-items: center; color: #151922; font-size: 16px; text-decoration: underline; line-height: 21px; padding-top:24px; padding-bottom: 12px}
.customers-say .youtube-review .btn-youtube svg{margin-left: 10px}
.customers-say .youtube-review .btn-youtube svg path{fill:#f64f64}
.customers-say .trustpilot-review{background: #fff; box-shadow: 0 15px 20px 12px rgba(56,60,67,.12); padding: 28px 24px; border-radius: 15px;}
.customers-say .trustpilot-review p{font-size: 16px; line-height: 1.6; margin-bottom: 0px; color: #44474e; min-height: 180px}
.customers-say .trustpilot-review .user{position: relative; min-height: 60px; display: flex; align-items: center; padding-left: 75px; margin-bottom: 24px; font-family: 'Gordita Bold'; color: #151922; font-size: 14px; line-height: 1.5;}
.customers-say .trustpilot-review .user .photo{position: absolute; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; top: 0px; left: 0px; border: #b9babd 1px solid}
.customers-say .trustpilot-review .user .photo img{position: absolute; top: 15%; left: 15%; right: 15%; bottom: 15%; width: 70%; height: 70%; object-fit: contain;}


.plan-area{padding: 96px 0 96px 0;}
.plan-area h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px;  font-size: 3rem; color: #151922; text-align: center; margin-bottom: 32px;}
.plan-area .main-tab{background: #80cbc8; padding: 4px; width: 315px; border-radius: 50px; margin: 0 auto;}
.plan-area .main-tab a.nav-link{background: #80cbc8; color: #fff; padding: 10px 24px; line-height: 28px; font-size: 16px; border-radius: 25px}
.plan-area .main-tab a.nav-link.active{background: #fff; color: #151922;}
.plan-area .subtab{margin: 48px 0; display: flex; justify-content: center;}
.plan-area .subtab li{margin: 0 12px}
.plan-area .subtab a.nav-link{font-family: 'Gordita Bold'; color: #151922; padding: 8px 0px;  font-size: 16px; opacity: 0.5}
.plan-area .subtab a.nav-link.active{color: #151922; border-bottom: #151922 2px solid; opacity: 1}
.plan-area .d-flex{display: flex; justify-content: center;}
.plan-area .plan-block{width:360px; margin: 0 1%; padding: 48px 24px; background: #f1f5f8; border-radius: 15px}
.plan-area .plan-block .top-area{min-height: 178px}
.plan-area .plan-block .plan-title{font-family: 'Gordita Bold'; line-height: 32px; text-align: center; font-size: 1.38rem; margin-bottom: 24px; text-transform: uppercase; text-align: center;}
.plan-area .plan-block .price-area{display: block;}
.plan-area .plan-block .price-area .price{font-size: 3rem; line-height: 1.5; font-family: 'Gordita Medium'; text-align: center;}
.plan-area .plan-block .price-area .price sup{font-size: 1.38rem; line-height: 1.5; top: -25px; right: 3px;}
.plan-area .plan-block .price-area .month-text{font-family: 'Gordita Medium'; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; line-height: 18px; color: #8a8c91}
.plan-area .plan-block .price-area .discount-text{text-align: center; letter-spacing: 0.5px; font-size: 12px; line-height: 18px; color: #8a8c91; margin-top: 12px}
.plan-area .plan-block .price-area .custom-item {display: flex; justify-content: center; width: 80%; margin: 56px auto; font-size: 14px; line-height: 24px; text-transform: uppercase; align-items: center;}
.plan-area .plan-block .price-area .custom-item svg{width: 74px; margin-right: 12px}
.plan-area .plan-block .btn-select{width:100%; line-height: 28px; padding: 10px 24px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922; display: block; text-align: center; margin-top: 20px}
.plan-area .plan-block p{font-family: 'Gordita Medium'; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; line-height: 18px; color: #8a8c91; margin-top: 12px; padding-top: 4px; margin-bottom: 24px}
.plan-area .plan-block .user{display: flex; align-items: center; font-size: 12px; color: #151922; padding: 12px 0 24px 0}
.plan-area .plan-block ul.point{margin: 0px; padding: 0px; list-style: none}
.plan-area .plan-block ul.point li{font-size: 12px; line-height: 18px;  margin: 0 0 8px 0; font-family: 'Gordita Regular'; letter-spacing: 0.6px; padding-left: 25px;  position: relative;}
.plan-area .plan-block ul.point li.check-icon{color: #151922;}
.plan-area .plan-block ul.point li.check-icon::before{content: ''; background: url(../images/check-icon.svg) center center no-repeat; left: 0px; position: absolute; width: 18px; height: 18px; background-size: 100%}
.plan-area .plan-block ul.point li.close-icon{color: #8a8c91;}
.plan-area .plan-block ul.point li.close-icon::before{content: ''; background: url(../images/close.svg) center center no-repeat; left: 0px; position: absolute; width: 18px; height: 18px; background-size: 100%}
.plan-area .plan-block ul.point li:last-child{margin: 0px}
.plan-area .plan-block.bg-blue{background: #282c66}
.plan-area .plan-block.bg-blue .plan-title{color: #fff}
.plan-area .plan-block.bg-blue .price-area .price{color: #fff}
.plan-area .plan-block.bg-blue .price-area .month-text{color: #fff}
.plan-area .plan-block.bg-blue p a{color: #fff; text-decoration: underline;}
.plan-area .plan-block.bg-blue .user{color: #fff}
.plan-area .plan-block.bg-blue ul.point li.check-icon{color: #fff}
.plan-area .plan-block.bg-blue ul.point li.close-icon{color: #fff; opacity: 0.5}
.plan-area .plan-block.bg-blue .btn-select{background: #43a5a1; border: #43a5a1 1px solid; color: #fff}

.plan-area .plan-block.bg-black{background: #383c43}
.plan-area .plan-block.bg-black .plan-title{color: #fff}
.plan-area .plan-block.bg-black .price-area .price{color: #fff}
.plan-area .plan-block.bg-black .price-area .month-text{color: #fff}
.plan-area .plan-block.bg-black p a{color: #fff; text-decoration: underline;}
.plan-area .plan-block.bg-black .user{color: #fff}
.plan-area .plan-block.bg-black ul.point li.check-icon{color: #fff}
.plan-area .plan-block.bg-black ul.point li.close-icon{color: #fff; opacity: 0.5}
.plan-area .plan-block.bg-black .btn-select{background: #43a5a1; border: #43a5a1 1px solid; color: #fff}
.plan-area .btn-white{ line-height: 28px; padding: 10px 50px; background: #fff; border: #d0d1d3 1px solid; border-radius: 25px; color: #151922;  display: inline-block; margin-top: 30px  }

footer .footer-main{border-top:#f1f5f8 2px solid; padding: 48px 0}
footer .footer-main .inner-area{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -10px 48px -10px}
footer .footer-main .inner-area .col-20{width: 20%; padding: 0 10px}
footer .footer-main h2{font-size: 12px; text-transform: uppercase; color: #b9babd; line-height: 18px;  margin-bottom: 12px; font-family: 'Gordita Medium'; letter-spacing: 0.6px}
footer .footer-main ul.link{margin: 0px; padding: 0px 0px 24px 0px; list-style: none}
footer .footer-main ul.link li a{font-size: 12px; color: #151922; line-height: 18px; font-family: 'Gordita Regular'; letter-spacing: 0.6px; padding: 12px 0; display: block;}
footer .footer-main .link-area{display: flex; justify-content: space-between; align-items: center; padding-bottom: 34px; border-bottom: #d0d1d3 1px solid}
footer .footer-main .link-area ul.menu{margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .footer-main .link-area ul.menu li{margin-right: 24px}
footer .footer-main .link-area ul.menu li a{font-size: 12px; color: #8a8c91}
footer .footer-main .link-area .language{background: transparent; border: none; padding: 0px; display: flex;}
footer .footer-main .link-area .language img{margin-right: 12px}
footer .footer-main p{font-size: 12px; color: #8a8c91; line-height: 18px; margin: 0px; letter-spacing: 0.6px; padding-top: 24px}
footer .footer-main p a{color: #8a8c91}
footer .footer-main .bottom-area{display: flex; justify-content: space-between; align-items:center; padding-top: 24px}
footer .footer-main .bottom-area .follow{display: flex; align-items:center;}
footer .footer-main .bottom-area .follow h3{font-size: 12px; color: #b9babd; text-transform: uppercase; letter-spacing: 0.6px; margin: 0}
footer .footer-main .bottom-area .follow a{width: 32px; height: 32px; border-radius: 50%; border: #b9babd 1px solid; display: flex; align-items: center; justify-content: center; margin-left: 8px}
footer .footer-main .bottom-area p{padding: 0px}

.premium-offer{padding: 96px 0 0 0;}
.premium-offer h2{font-family: 'Gordita Bold'; line-height: 1.2; letter-spacing: -.5px; margin-bottom: 24px; font-size: 3rem; color: #151922;}
.premium-offer .photo-area{width: 35%}
.premium-offer .photo-area img{width: 100%}
.premium-offer .content-block{width: 50%;  margin-left: 15%}
.premium-offer ul{padding: 0px; margin: 0px; list-style: none}
.premium-offer ul li{font-size: 16px; line-height: 24px; margin-bottom: 0px; color: #44474e; margin-bottom: 12px; position: relative; padding-left: 25px}
.premium-offer .d-flex{align-items: center;}
.premium-offer ul li::before{content: ''; background: url(../images/check-icon.svg) center center no-repeat; left: 0px; position: absolute; width: 20px; height: 20px; background-size: 100%; top: 2px}


.top-section{background: #f1f5f8; padding: 96px 0}
.top-section.pd{padding: 144px 0 96px 0 }
.top-section .inner-block{display: flex; align-items: center; justify-content: space-between;}
.top-section .inner-block .content-block{width: 50%}
.top-section .inner-block h2{font-family: 'Gordita Bold'; color: #151922; font-size: 3rem; margin:0px; letter-spacing: -.5px; line-height: 1.2;}
.top-section .inner-block .subtitle{display: flex; align-items: center; margin: 32px 0}
.top-section .inner-block .subtitle svg{margin-right: 15px}
.top-section .inner-block p{font-size: 12px; line-height: 1.5; margin-top: 24px; color: #8a8c91; margin-bottom: 0px; letter-spacing: 0.6px}
.top-section .inner-block p a{color: #8a8c91; text-decoration: underline;}
.top-section .inner-block .email-area{display: flex;position: relative;}
.top-section .inner-block .email-area .form-control{border-radius: 25px; color: #8a8c91; padding-left: 20px}
.top-section .inner-block .email-area .btn-started{line-height: 28px; padding: 10px 24px; background: #43a5a1; border: #43a5a1 1px solid; border-radius: 25px; color: #fff; display: block; width: 180px; margin-left: 20px;cursor: pointer;}
.top-section .inner-block .email-area .btn-started:disabled {background-color: #43a5a1;border-color: #43a5a1;}
.top-section .inner-block .image-block{width: 42%; text-align: center; margin-left: 12%}
.top-section .inner-block .image-block img{width: 100%}

.loadingoverlay { background-color: #fff !important; } p.c_loding_text { margin-top: 201px; font-size: 24px; }
div#load-perc img { width: 243px; position: absolute; margin-top: -66px; margin-left: -122px; }
a#call_again_link { color: #000; font-weight: bold; }
form#the_form_phone_number label.error,
form#SignupForm label.error { color: red; margin-top: 53px;position: absolute;font-size: 11px;margin-left: 16px;}

/*** New style ***/
.common-page{background: #f7f7f8; padding: 0 0 60px 0}
.common-page .container{padding: 0px 32px; max-width: 1760px; margin: 0 auto;}
.common-page .account-header{padding: 24px 0px;}
.common-page h1{font-family: 'Gordita Medium'; letter-spacing: -.5px; padding-bottom: 48px; padding-top: 48px; line-height: 1.5; font-size: 2.5rem;  margin: 0px}
.common-page .date{display: flex; align-items: center; color: #4d4e56; margin-bottom: 24px; font-size: 12px}
.common-page .date svg{margin-right: 10px}
.common-page p{font-size: 16px; line-height: 1.5; margin-bottom: 24px; color: #2a2b32;}
.common-page p strong{font-family: 'Gordita Bold'; }
.common-page p a{color: #2a2b32; text-decoration: underline;}
.common-page ul{margin: 0px 0px 24px 0px; padding: 0px 0px 0px 24px;}
.common-page ul li{font-size: 16px; line-height: 1.5; margin-bottom: 12px; color: #2a2b32;}
.common-page ul li a{color: #2a2b32; text-decoration: underline;}
.common-page h2{font-family: 'Gordita Medium'; color: #6c6d75; line-height: 1.5; font-size: 20px; }
.common-page h4{font-family: 'Gordita Medium'; color: #2a2b32; line-height: 1.5; font-size: 16px; margin: 48px 0 24px 0}
.common-page ul.menu-link{margin: 0px; padding: 0px; list-style: none}
.common-page ul.menu-link li{margin-bottom: 12px; margin-top: 12px;}
.common-page ul.menu-link li a{padding-bottom: 4px; padding-top: 4px; font-size: 14px; color: #2a2b32; line-height: 1.5; position: relative; text-decoration: none;}
.common-page ul.menu-link li a:hover{color: #3e5fff;}
.common-page ul.menu-link li a.active::before{content: ''; position: absolute; top: 0px; left: -10px; width: 2px; height: 100%; background: #3e5fff;}
.common-page .md-48{margin-bottom: 48px !important}
.common-page .mt-156{margin-top: 156px !important}
.common-page .account-footer{display: flex; align-items: center; margin-top: 100px; font-size: 12px; line-height: 1.5; letter-spacing: 0.5px; color: #4d4e56}
.common-page .account-footer p{margin: 0px; font-size: 12px; line-height: 1.5; margin-right: 20px}
.common-page .account-footer a{margin-right: 20px; color: #4d4e56}
.common-page .account-footer .language{background: transparent; border: none; padding: 0px; display: flex; align-items:center;}
.common-page .account-footer .language img{margin-right: 10px; width: 16px}

.common-page ol.bold-index {
    padding-left: 0;
    list-style: none;
}
.common-page ol {
    padding-left: 12px;
}
.top-section .inner-block .email-area .btn-started.c_btn {
    width: auto;
}


.summary-page{padding: 24px 0 0 0}
.summary-page ul.link-box{margin: 0px 0px 24px 0px; padding: 0px; list-style: none; display: flex; border-bottom: #e8e8e9 1px solid}
.summary-page ul.link-box li{margin-right: 32px; margin-bottom: 0px}
.summary-page ul.link-box li a{ padding-bottom: 8px; font-size: 16px; line-height: 26px; color: #383c43; font-family: 'Gordita Light'; text-decoration: none; display: block;}
.summary-page ul.link-box li a.active{font-family: 'Gordita Medium'; text-decoration: none; border-bottom: #383c43 2px solid}

.summary-page .moneyback-area{display: flex; justify-content: flex-end; margin-bottom: 15px}
.summary-page .moneyback-area .moneyback-block{display: flex; align-items: center;}
.summary-page .moneyback-area .moneyback-block img{width: 46px; margin-right: 8px}
.summary-page .moneyback-area .moneyback-block p{font-family: 'Gordita Medium'; margin: 0px; font-size: 14px; line-height: 18px; text-transform: uppercase; }

.summary-page .content-block{display: flex;}
.summary-page .content-block h2{font-size: 20px; margin-bottom: 24px; color: #44474e; font-family: 'Gordita Medium'; }
.summary-page .content-block .leftside{width: 60%; padding-right: 50px}
.summary-page .content-block .rightside{width: 40%}
.summary-page .content-block .createaccount-box{background: #fff; border-radius: 3px; box-shadow: 0 0 0 1px rgba(56,60,67,.05),0 1px 3px 0 rgba(56,60,67,.15); padding: 24px; margin-bottom: 48px}
.summary-page .content-block label{margin-bottom: 8px; font-size: 12px;  font-family: 'Gordita Medium';  line-height: 1.5; color: #a0a2a6; }
.summary-page .content-block .form-control{  height: 3.3rem; border: #b9babd 1px solid}
.summary-page .content-block .createaccount-box p{font-family: 'Gordita Light'; font-size: 12px; line-height: 1.5; margin-top: 12px; margin-bottom: 0px}
.summary-page .content-block .createaccount-box .btn-submit{background: #43a5a1; width: 100%; padding: 0px; line-height: 48px; border: none; border-radius: 25px; color: #fff}
.summary-page .content-block .createaccount-box .btn-submit:disabled {background-color: #808080;}
.summary-page .content-block ul.payment-method-link{margin: 0px; padding: 0px; list-style: none}
.summary-page .content-block ul.payment-method-link li{margin: 12px 0 0 0}
.summary-page .content-block ul.payment-method-link li a{display: flex; padding: 16px 24px; line-height: 24px; align-items: center; background: #fff; position: relative; border-radius: 3px; text-decoration: none; box-shadow: 0 0 0 1px rgba(56,60,67,.05),0 1px 3px 0 rgba(56,60,67,.15); }
.summary-page .content-block ul.payment-method-link li a h3{font-size: 14px; line-height: 1.5; font-family: 'Gordita Medium'; margin: 0 12px 0 0}
.summary-page .content-block ul.payment-method-link li a .icon-area{display: flex;}
.summary-page .content-block ul.payment-method-link li a .icon-area img{height: 24px; margin-right: 10px}
.summary-page .content-block ul.payment-method-link li a .rightarrow{position: absolute; top: 20px; right: 15px; height: 16px;}
.summary-page .content-block ul.payment-method-link li a .rightarrow svg {vertical-align: top;}

.summary-page .content-block .summary-block{background: #fff; border-radius: 3px; box-shadow: 0 0 0 1px rgba(56,60,67,.05),0 1px 3px 0 rgba(56,60,67,.15); padding: 24px; margin-bottom: 48px}
.summary-page .content-block .summary-block .title{display: flex; align-items: center; font-size: 16px; line-height: 24px; font-family: 'Gordita Medium'; margin: 0 0 8px 0}
.summary-page .content-block .summary-block .title img{margin-right: 10px; width: 24px;}
.summary-page .content-block .summary-block ul.info-list{margin: 0px; padding: 0px; list-style: none}
.summary-page .content-block .summary-block ul.info-list li{display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 1.5; color: #383c43; }
.summary-page .content-block .summary-block ul.info-list li.save .left{font-family: 'Gordita Medium'; color: #d2283e; display: flex; align-items: center;}
.summary-page .content-block .summary-block ul.info-list li.save .left svg{vertical-align: top; margin-right: 10px}
.summary-page .content-block .summary-block ul.info-list li.save del{font-family: 'Gordita Light'; color: #8a8c91}
.summary-page .content-block .summary-block ul.info-list li.save{padding-bottom: 24px; margin-bottom: 24px; border-bottom: #e8e8e9 1px solid}
.summary-page .content-block .summary-block ul.info-list li.country{font-size: 14px; font-family: 'Gordita Light'; color: #383c43; line-height: 24px; margin: 0px}
.summary-page .content-block .summary-block ul.info-list li.country .right{color: #383c43; font-family: 'Gordita Medium';}
.summary-page .content-block .summary-block ul.info-list li.total{padding-top: 24px; padding-bottom: 24px;border-bottom: #e8e8e9 1px solid; margin-bottom: 20px}
.summary-page .content-block .summary-block ul.info-list li.total .left{font-size: 14px;  font-family: 'Gordita Medium'; color: #383c43}
.summary-page .content-block .summary-block ul.info-list li.total .right{font-size: 20px;  font-family: 'Gordita Medium'; color: #383c43}
.summary-page .content-block .summary-block .coupon-link{font-family: 'Gordita Light'; letter-spacing: 0.3px; font-size: 14px; line-height: 1.5; text-decoration: underline; color: #383c43; display: inline-block;}

.summary-page .content-block .summary-block .coupon-card{background: #f8f8f8; padding: 16px; display: flex; align-items: flex-start; margin-top: 15px}
.summary-page .content-block .summary-block .coupon-card img{width: 24px}
.summary-page .content-block .summary-block .coupon-card .coupon-body{margin-left: 15px; width: 100%}
.summary-page .content-block .summary-block .coupon-card .coupon-body .coupon-title{font-size: 14px; font-family: 'Gordita Medium'; color: #383c43}
.summary-page .content-block .summary-block .coupon-card .coupon-body p{font-family: 'Gordita Light'; font-size: 12px; margin: 8px 0 0 0}
.summary-page .content-block .summary-block .coupon-card .coupon-body .link-right{text-align: right;}
.summary-page .content-block .summary-block .coupon-card .coupon-body .link-right a{color: #4687ff; font-size: 14px; font-family: 'Gordita Medium'; display: flex; align-items: center; justify-content: flex-end;}
.summary-page .content-block .summary-block .coupon-card .coupon-body .link-right a svg{vertical-align: top; margin-right: 10px}

/*model design*/
#phoneInteruptModal .modal-content {
    border-radius: 16px;
    box-shadow: 3px 1px 6px #ccc;
    border: 0px;
}
#phoneInteruptModal .model_c_image {
    display: inline-block;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}
#phoneInteruptModal .model_c_image img {
    width: 100%;
}
#phoneInteruptModal .model_c_text {
    display: inline-block;
    width: 100%;
    margin-top: 3em;
    margin-bottom: 1em;
    text-align: left;
}
#phoneInteruptModal .call_me_now_txt {
    font-size: 19px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    font-family: 'Gordita Bold';
}
#phoneInteruptModal .model_c_text span.c_gry {
    display: inline-block;
    width: 100%;
    color: #83817c;
}
#phoneInteruptModal #phone_number_display {
    font-size: 37px;
    color: #43a5a1;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}
#phoneInteruptModal #edit_number_1 {
    cursor: pointer;
    text-decoration: underline;
    padding-top: 3px;
    color: #83817c;
    width: 100%;
    display: inline-block;
    font-size: 14px;
}
#phoneInteruptModal button#call-now {
    background-color: #43a5a1;
    color: #fff;
    padding: 12px 22px;
    font-size: 20px;
    border-radius: 13px;
    margin-top: 1em;
    width: 100%;
    box-shadow: 3px 1px 6px #ccc;
}
#phoneInteruptModal button.close {
    background-color: #43a5a1;
    width: 37px;
    opacity: 1;
    height: 37px;
    position: absolute;
    right: 15px;
    border-radius: 32px;
    color: #fff;
    top: 12px;
    line-height: 1px;
    z-index: 1;
}



.modal-backdrop.show {
    opacity: 1;
    background-color: #f1f5f8;
}


.lds-ring {
    display: inline-block;
    position: relative;
    width: 33px;
    height: 19px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    margin: -3px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
img.gmail_logo {
    width: 120px;
    margin-left: 15px;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}