@charset "utf-8";

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#000000; line-height:20px; font-family: 'Roboto-Regular';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;transition: all 0.5s ease;  }
button{transition:all 0.5s ease;cursor: pointer;}
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { max-width: 1170px; width: 100%; padding: 0; margin:0px auto;}
.row-foot{ max-width: 1330px; width: 100%; padding: 0 15px; margin:0px auto;}
.row1{max-width: 1400px; width: 100%; padding: 0 15px; margin:0px auto;}

/******************************************Common**********************************************/
/* top header */
.top-header {float: left;width: 100%;background: #b5e5b0;max-height: 38px;overflow: hidden;opacity: 1; transition: max-height 0.5s ease, opacity 0.5s ease;will-change: max-height, opacity;}
.top-header.hidden {max-height: 0;opacity: 0;} 
.top-header.closed {max-height: 0;opacity: 0; }
.tophdr-main {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 6px 0;}
.tophdr-lft {flex: 0 1 auto;display: flex;column-gap: 10px;}
.tophdr-lft img {width: auto;}
.tophdr-lft p {font-size: 15px;line-height: 26px;color: #215454;}
.tophdr-rht {flex: 0 1 auto;}
.tophdr-rht img {width: auto;}

/* header */
header {float: left;width: 100%;background: #1e4a49;position: relative;z-index: 999;}
header.border{border-bottom: 1px solid rgba(255,255,255,0.2);}
.head-main {float: left;width: 100%;display: flex;column-gap: 35px;flex-wrap: wrap;align-items: center;justify-content: space-between;} 
.hdr-lft {flex: 0 1 auto;}
.hdr-lft img {width: 120px;}
.hdr-mid {flex: 0 1 auto;display: flex;flex-wrap: wrap;align-items: center;column-gap: 35px;}
.search {flex: 0 1 auto;}
.search span{width: 38px;height: 38px;background:url(../images/ico-lupa.svg) no-repeat center center;display: inline-block;border-radius: 50px;cursor: pointer;transition:all 0.5s ease; border: 1px solid;} 
.search span.active{background: #ff575a url(../images/close.svg) no-repeat center center;}
.search span:hover{opacity: 0.6;}
.hdr-btn {flex: 0 1 auto;}
.hdr-btn ul {display: flex;align-items: center;column-gap: 10px; flex-wrap: wrap; row-gap: 10px; justify-content: center;}
.hdr-btn ul li {flex:  0 1 auto;} 
.hdr-btn ul li a {font-family: 'Roboto-medium';font-size: 15px;line-height: 18px;letter-spacing: -0.13px;color: #1e4a49;background: #ace2a8;border-radius: 25px;padding: 10px 25px;border:1px solid #ace2a8; text-transform: uppercase;} 
.hdr-btn ul li a:hover{background: #ff575a;color:#ffffff;border-color: #ff575a;} 
.hdr-rht {flex: 0 1 auto;display: flex;align-items: center;column-gap: 35px;}
.user {flex: 0 1 auto;}
.user span {width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;border: 1px solid #b5e5b0;transition: all 0.5s ease;cursor: pointer;}
.user span:hover{ background:#b5e5b0; }
.user span:hover img{filter: brightness(0) saturate(100%) invert(28%) sepia(9%) saturate(2193%) hue-rotate(131deg) brightness(98%) contrast(95%);transition: all 0.5s ease;} 
.lang {width: 40px;}
.hdr-rht .nice-select { color: #FFFFFF;}
.hdr-rht .nice-select::after { border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF;}

/*************************menu css***************************/
.megamenu-sec {  float: left; }
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap:35px; flex-wrap: wrap; align-items: center;}
.megamenu-sec ul li { display: inline-block; margin-right: 0;}  
.megamenu-sec ul li a { font-size: 15px; color: #fff; font-family: 'Roboto-Regular'; transition: 0.4s ease; padding: 36px 0; display: flex; text-decoration: none; position: relative;line-height: 18px;letter-spacing: -0.13px;display: inline-block;}
.megamenu-sec ul li a.active { color: #B5E5B0;font-family: 'Roboto-bold';}  
.megamenu-sec ul li a:hover {color: #B5E5B0;font-family: 'Roboto-bold';}
.megamenu-sec ul li a::before {display: block;content: attr(title);font-family: 'Roboto-bold';height: 0;overflow: hidden;visibility: hidden;}
.megamenu-sec ul li a:after{width: 0;height: 2px;background: #B5E5B0;position: absolute;content: "";left:0;bottom:20px;transition: all 0.5s ease;}
.megamenu-sec ul li a.active::after{width: 100%;}
.megamenu-sec ul li.has-mega-menu.selected a.has-subemnu{color: #B5E5B0;font-family: 'Roboto-bold';}
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%;}
.megamenu-sec ul li ul.submenu { transition: 0.4s ease; position: absolute; background-color: var(--white); padding: 33px; transition: 0.3s; top: 130%; opacity: 0; visibility: hidden;  box-shadow: 0px 20px 30px rgba(0,0,0,0.63);}
.megamenu-sec ul li ul.submenu li { margin: 0; margin-bottom: 0px; display: block; width: 100%;}   
.megamenu-sec ul li.has-mega-menu ul.submenu { left: auto; right: 10%; margin: 0 auto; width: 920px; border-radius: 12px; background: #fff; margin: 0 auto; display: flex; flex-wrap: wrap; column-gap:2%; /* border: 1px solid #A91279; */ z-index: 999;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul { display: flex; flex-wrap: wrap;column-gap: 20px; justify-content: space-between; align-items: center;}
.megamenu-sec ul li.has-mega-menu ul.submenu ul li { flex: 0 1 46%; margin: 0; padding: 0; position: relative;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .div-flex { display: flex; flex-wrap: wrap;  justify-content: space-between;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft { flex: 0 1 60%;}  
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft h3{font-size: 20px;line-height: 30px;margin-bottom: 30px;float: left;font-family: 'kaudatu-medium-italic';color: #215454;position: relative;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft h3:after{position: absolute;content: ""; right:-40px;top:5px;width: 20px;height: 20px;background: url(../images/close-green.svg);}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list { flex: 0 1 100%;float: left;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul { display: flex; flex-wrap: wrap;column-gap: 6%;align-items: unset;row-gap: 30px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul li a { padding: 0;}  
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul li a.mnu-title { font-size: 20px; line-height: 30px; font-family: 'Roboto-medium'; margin-bottom: 0px; position: relative; padding-bottom: 10px;color: #215454;display: flex;column-gap: 14px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul li a.mnu-title:hover{color: #ff575a;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul li a.mnu-title::before{display: none;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-lft .mnu-list ul li p{font-size:14px;line-height: 22px;letter-spacing: -0.2px;color: #677E7E;padding-left: 32px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht { flex: 0 1 31%;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-img {float: left;width: 100%;border-radius: 6px;overflow: hidden;position: relative;height: 100%;object-fit: cover;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-img img{float: left;width:100%;height: 100%;object-fit: cover;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt {position: absolute;left: 0;bottom: 0;z-index: 999;width: 100%;height: 100%;padding: 20px;}   
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt .news {float: left;font-family: 'Roboto-medium';font-size: 13px;line-height: 15px;letter-spacing: -0.11px;color: #fff;background: #ff575a;border-radius: 25px;padding: 3px 10px;border:1px solid #ff575a; text-transform: uppercase;margin-bottom: 60px;position: absolute;left: 20px;height: 22px;} 
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt .mnu-txt{position: absolute;bottom: 20px;left: 20px;right: 20px;} 
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt h3 {float: left;width: 100%;font-family: 'Kaudatu-Light';font-size: 40px;line-height: 41px;color: #fff;float: left;width: 100%;margin-bottom: 45px;text-align: left;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt h3 span {font-family: 'kaudatu-medium-italic';}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt a {float: left;width: 100%;font-size: 15px;line-height: 18px;font-family: 'Roboto-medium';color: #B5E5B0;text-decoration: underline;padding: 0;}
.megamenu-sec ul li.has-mega-menu ul.submenu li .mnu-rht .mnu-cnt a:hover{color: #ff575a;} 

/**************   mobilemenu css  **************/
body.over { overflow: hidden;}
.m-menu { position: relative; left:auto; display: none; z-index:9; } 
.m-menu img { width: 20px;} 
.mobile-menu{ padding: 35px 30px; position:fixed; top:80px; bottom: 0; width:100%; height: calc(100vh - 80px); z-index: 999; overflow-y:auto; overflow-x:hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #215454; }
.mobile-menu.slow { opacity: 1; visibility: visible; } 
.mobile-menu .nav { width: 100%;background:#215454; float: left;  padding: 0px 0;}
.m-menu { width: 24px; height: 22px;  margin: 0px 0px 0 0;  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } 
.m-menu span:nth-child(2) { top: 8px; width: 100%; right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 4px;  background: #fff;width: 24px;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 4px; background: #fff; width: 24px;}
.m-menu:hover span { background:#ff5659;}   
#accordian { width: 100%; margin:0;} 
#accordian ul li a { padding: 0 0px; font-size: 20px; line-height: 24px; display: block; color: #fff;  text-decoration: none; position: relative;font-family: 'Roboto-Regular';}
#accordian ul li a.active{color:#B5E5B0;font-family: 'Roboto-Bold';}
#accordian ul li span { width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0px 0;}
#accordian ul li ul li span  { padding: 0;}
#accordian ul li i { float: right; margin: 0; position: absolute; right: 0; font-size: 24px; cursor: pointer;color: #fff;} 
#accordian h3:hover { text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);}
#accordian ul li a:hover { color: #ff575a;} 
#accordian li { list-style-type: none; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 17px 0; }  
#accordian ul ul li a, #accordian h4 { color: #fff; text-decoration: none; font-size: 16px; line-height: 24px; display: block; padding: 0px 0; transition: all 0.15s;position: relative; }
#accordian ul ul li { border: none; padding: 8px 0;}
#accordian ul ul { display: none; padding-left: 10px; padding-top: 10px;} 
#accordian li.active > ul { display: block;}
#accordian ul ul ul { padding-left: 10px;}
#accordian ul ul ul li { padding: 5px 0;}
#accordian ul ul ul li a { font-size: 16px;}
#accordian li.active > span a { color: #FF575A;}
#accordian li.active > span i { transform: rotate(180deg); color: #FF575A;}
.hdr-btn.mob{float: left;width: 100%;padding-top: 60px;display: flex;align-items: center;justify-content: center;} 
.hdr-btn.mob ul li a{float: left;}
.mob-hdr-mnu{float: left;width: 100%;padding-top: 52px;}
.mob-hdr-mnu ul {display: flex;flex-wrap: wrap;float: left;width: 100%;row-gap: 20px;}
.mob-hdr-mnu ul li {flex: 0 1 100%;}
.mob-hdr-mnu ul li a { font-size: 20px; line-height: 24px;color: #fff;  text-decoration: none; position: relative;font-family: 'Roboto-Regular';}
.mob-hdr-mnu ul li a:hover { color: #ff575a;} 

/* footer */
footer{float: left;width: 100%;background: #225455;padding: 80px 0 90px;}
.foot-top {float: left;width: 100%;padding-bottom: 60px;border-bottom: 1px solid rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: space-between;} 
.foot-logo {flex: 0 1 auto;}
.foot-logo img{width: 120px;}  
.foot-menu{flex: 0 1 auto;}
.foot-menu ul{float: left;width: 100%;display: flex;flex-wrap: wrap;align-items: center;column-gap: 35px;}  
.foot-menu ul li {flex: 0 1 auto;}
.foot-menu ul li a{font-family: 'Roboto-Regular';font-size: 14px;line-height: 17px;color: #fff;letter-spacing: -0.12px;}
.foot-menu ul li a:hover{color:#FF575A;}
.foot-btn{flex: 0 1 auto;}
.foot-btn ul {display: flex;flex-wrap: wrap;column-gap: 10px; row-gap: 10px;}
.foot-btn ul li {flex:  0 1 auto;}
.foot-btn ul li a {font-family: 'Roboto-Bold';font-size: 15px;line-height: 18px;letter-spacing: -0.13px;color: #215454;background: #B5E5B0;border-radius: 25px;padding: 0px 25px;border:1px solid #B5E5B0; float: left;display: inline-flex;height: 38px;align-items: center;justify-content: center;} 
.foot-btn ul li a:hover{background: #ff575a;color:#fff;border-color: #ff575a;}   
.foot-bottom {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 50px;}
.foot-bottom p {font-size: 15px;line-height: 18px;color: #fff;font-family: 'Roboto-Regular';}
.foot-legal {flex: 0 1 auto;}
.foot-legal ul {display: flex;flex-wrap: wrap;align-items: center;column-gap: 20px;}
.foot-legal ul li{flex: 0 1 auto;}
.foot-bottom a {font-size: 15px;line-height: 18px;color: #fff;font-family: 'Roboto-Regular';}
.foot-bottom a:hover{color:#FF575A;} 

/* inner banner */
.inner-banner {float: left;width: 100%;background: #1e4a49;}
.inner-banner .bredcrem {float: left;width: 100%;padding: 30px 0 45px 0;}
.inner-banner .bredcrem ul {display: flex;column-gap: 18px;}
.inner-banner .bredcrem ul li {font-family: 'Roboto-Bold';font-size: 12px;letter-spacing: -0.02em;line-height: 23px;text-align: left;color: #FFFFFF;opacity: 1;}
.inner-banner .bredcrem ul li a {font-family: 'Roboto-Light';font-size: 12px;letter-spacing: -0.02em;line-height: 23px;text-align: left;color: #fff; opacity: 0.5;}
.inner-banner .bredcrem ul li a:hover{opacity: 1;} 
.inner-banner .ban-cnt {float: left;width: 100%;text-align: center;padding-bottom: 90px;}
.inner-banner .ban-cnt h1 { font-family: 'Roboto-Italic'; font-size: 72px; line-height: 92px; text-align: center; color: #ffffff; margin-bottom: 20px;}
.inner-banner .ban-cnt p { font-family: 'Roboto-Light'; font-size: 22px; line-height: 30px; text-align: center; color: #ffffff; margin: 0 auto;}

/* pricing list css */
.company-situation { float: left; width: 100%; padding: 90px 0;}
.sec-title { float: left; width: 100%; text-align: center; padding: 0 50px; margin-bottom: 60px;}
.sec-title h2 { float: left; width: 100%; font-family: 'Roboto-Italic'; color: #215454; font-size: 32px; line-height: 40px; padding-bottom: 20px;}
.sec-title h2 span { font-family: 'Roboto-BoldItalic'; }
.sec-title p { float: left; width: 100%; font-family: 'Roboto-Light'; color: #000000; font-size: 22px; line-height: 30px; letter-spacing: 0.5%;}
.sec-title p span {font-family: 'Roboto-Bold';}

.pricing-list { float: left; width: 100%;}
.pricing-grid { float: left; width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;}
.plan-card {float: left; width: 100%; background: #F5F5F0; border-radius: 28px; display: flex; flex-direction: column; overflow: hidden; min-height: 490px; transition: all 0.5s ease;}
.plan-body {float: left; width: 100%; padding: 32px 26px; flex: 1;}
.plan-body h3 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #191A1C; font-size: 32px; line-height: 40px; letter-spacing: 0.5px; display: inline-flex; column-gap: 10px; padding-bottom: 5px;}
.plan-body h3 span.plan-badge { height: 20px; width: auto; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; line-height: 9px; color: #ffffff; background: #ff5c61; padding: 0 8px; border-radius: 8px; text-transform: uppercase;}
.plan-body p { float: left; width: 100%; color: #191A1C; font-size: 22px; line-height: 28px; letter-spacing: 0.5px; padding-bottom: 10px;}
.plan-body h4 { float: left; width: 100%; color: #191A1C; font-size: 22px; line-height: 28px; letter-spacing: 0.5px; padding-bottom: 15px;}
.plan-body ul.plan-features { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.plan-body ul.plan-features li { flex: 0 1 100%; background: url("../images/check-icon.svg") no-repeat scroll top 4px left; font-size: 22px; line-height: 28px; letter-spacing: 0.5px; padding-left: 30px;}
.plan-footer { text-align: center;}
.plan-footer button { width: 100%; border: none; font-family: 'Roboto-Bold'; border-radius: 0 0 20px 20px; font-size: 22px; line-height: 28px; padding: 32px 20px; cursor: pointer; background: #215454; color: #ffffff; transition: all 0.5s ease;}
.plan-card:hover {background: #ffffff;} 
.plan-card:hover .plan-footer button { background: #B5E5B0; color: #215454;}
.contact-plan { float: left; width: 100%; text-align: center; padding-top: 60px;}
.contact-plan p {  font-family: 'Roboto-Light'; color: #191A1C; font-size: 22px; line-height: 30px;}
.contact-plan p a { color: #B04783; font-family: 'Roboto-Bold'; transition: all 0.5s ease; }
.contact-plan p a:hover { color: #215454;}

/* kaudatu benefits css */
.kaudatu-benefits { float: left; width: 100%; padding-bottom: 130px;}
.benefits-sec-bg { float: left; width: 100%; background: #215454; padding: 72px 60px; border-radius: 60px;}
.benefits-sec-bg h2 { float: left; width: 100%; font-family: 'Roboto-Light'; color: #FFFFFF; font-size: 32px; line-height: 40px; padding-bottom: 45px;}
.benefits-sec-bg h2 span {font-family: 'Roboto-BoldItalic';}
.benefits-list { float: left; width: 100%;}
.benefits-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 30px;}
.benefits-list ul li { flex: 0 1 21.25%;}
.benefits-list ul li .benefits-main { display: flex; flex-direction: column; row-gap: 15px;}
.benefits-main .benefits-icon { float: left; width: 100%; min-height: 70px;}
.benefits-main .benefits-icon img { float: left; width: auto;}
.benefits-main h3 { float: left; width: 100%; color: #FFFFFF; font-family: 'Roboto-Bold'; font-size: 22px; line-height: 30px; letter-spacing: 0.25px;}
.benefits-main p { float: left; width: 100%; font-family: 'Roboto-Light'; color: #FFFFFF; font-size: 18px; line-height: 24px; letter-spacing: 0.25px;}

/* plans compare css */
.plans-compare-container {float: left; width: 100%; padding-bottom: 125px;}
.compare-title {font-size:34px; margin-bottom:20px; color:#1a2d22;}
.compare-table-wrapper {overflow-x:auto;}
.compare-table {width:100%; border-collapse:collapse; table-layout: fixed; font-size:20px; color:#1a1a1a;}
.compare-table thead th { padding: 0; background: none; border: none;}
.compare-table thead th:first-child { text-align: left; background: none; color: #215454; font-size: 32px; line-height: 40px; font-family: 'Roboto-Bold';  }
.compare-table .th-box { background: #f3f4ef; border-radius: 28px 28px 0 0; padding: 32px 26px; margin: 0 12px; text-align: center;}
.compare-table tr td .td-box { margin: 0 12px; background: #f3f4ef; padding: 20px 0;text-align: center;}
.compare-table tr:first-child td:first-child .td-box { background: none;}
.compare-table td {border-bottom:1px solid #000000; text-align:center;}
.compare-table td:first-child {text-align:left; background:#ffffff;}
.compare-table thead th:last-child .th-box { margin-right: 0;}
.compare-table tr td:last-child .td-box { margin-right: 0;}
.plan-header {display:flex; flex-direction:column; text-align: left;}
.plan-header h3 { font-family: 'Roboto-Bold'; color: #191A1C; font-size: 32px; line-height: 40px; letter-spacing: 0.5px; display: inline-flex; column-gap: 10px; padding-bottom: 5px;}
.plan-header h3 span.plan-badge { height: 20px; width: auto; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; line-height: 9px; color: #ffffff; background: #ff5c61; padding: 0 8px; border-radius: 8px;}
.plan-header p {  color: #191A1C; font-size: 22px; line-height: 28px; letter-spacing: 0.5px; padding-bottom: 10px;}
.plan-header h4 {color: #191A1C; font-size: 22px; line-height: 28px; letter-spacing: 0.5px;}

.complement-plan { float: left; width: 100%; padding-bottom: 65px;}
.complement-plan-sec { float: left; width: 100%; padding: 0 60px;}
.complement-plan-sec .sec-title p { text-align: left;}

.bonos-section { float: left; width:100%;}
.bonos-section h2 { float: left; width:100%; font-size:22px; line-height: 30px; text-transform:uppercase; color:#215454; padding-bottom:15px; }
.bonos-grid { float: left; width:100%; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px;}

.bono-card { float: left; width:100%; display: flex; flex-wrap: wrap; background:#F5F5F0; border-radius:26px; padding:26px 28px 24px; box-shadow:0 10px 24px rgba(0, 0, 0, 0.04); position:relative;}
.bono-card--full {grid-column:1 / -1;}
.bono-heading { float: left; width: 100%; font-size:28px; line-height: 38px; color:#215454; padding-bottom:15px;}
.bono-text { float: left; width: 100%; font-size: 22px; line-height: 28px; color: #191A1C; padding-bottom: 15px;}
.bono-pills { width: auto; display:inline-flex; background: #FFFFFF; flex-wrap:wrap; border-radius: 32px; margin-bottom:20px;}
.pill { border-radius:32px; border: none; background:#ffffff; color:#2da466; font-size:18px; padding:12px 25px; cursor:pointer; height: auto; white-space:nowrap;}
.pill-active {background:#B5E5B0; color:#215454; font-family: 'Roboto-Bold'; }
.bono-content .bono-tab {display:none;}
.bono-content .bono-tab.active {display:block;}
.bono-list { float: left; width:100%;}
ul.bono-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
ul.bono-list li { flex: 0 1 100%; background: url("../images/check-icon.svg") no-repeat scroll top 4px left; font-size: 22px; line-height: 28px; letter-spacing: 0.5px; padding-left: 30px;}

.bono-price { float: left; width: 100%; font-size:22px; line-height: 30px; letter-spacing: 0.5px; color: #191A1C;}
p.bono-note { float: left; width: 100%; margin-top:15px;  font-family: 'Roboto-Light'; color: #191A1C; font-size: 22px; line-height: 30px;}
p.bono-note a { color: #B04783; font-family: 'Roboto-Bold'; transition: all 0.5s ease; }
p.bono-note a:hover { color: #215454;}

.bono-badge { height: 20px; width: auto; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; line-height: 9px; color: #ffffff; background: #ff5c61; padding: 0 8px; border-radius: 8px; text-transform: uppercase;}
.bono-card--disabled { pointer-events: none; cursor: default; opacity: 0.5;}

/* faq css */
.faq-sec { float: left; width: 100%; padding: 0 0 80px;}
.faq-sec h2 {float: left; width: 100%; margin-bottom:30px;text-align: center;font-family: 'Roboto-Italic';font-size: 32px; line-height: 40px; color: #215454;} 
.accord-main {width: 100%; float: left;}
.accord-box {max-width: 820px;margin: 0 auto;}
.accord-list.acc-active .accord-title {background: #ace2a8;border: 1.5px solid #ace2a8;}
.accord-list { width: 100%;border-radius: 5px; float: left; margin-bottom:15px;}
.accord-title {float: left;width: 100%;padding: 15px 25px;display: flex;column-gap: 10px;justify-content: space-between;cursor: pointer;border: 1.5px solid #1e4a49;border-radius: 100px;}
.accord-title h4 { float: left;color:#1e4a49; width: 100%;font-size: 20px; line-height: 28px;}
.accord-list.acc-active .accord-title h4 {color:#1e4a49;}
.accord-list .accord-title .expand-icon {  position:relative; margin-left: 10px; } 
.accord-list .accord-title .expand-icon::before {border-bottom: 2px solid #1e4a49;border-right: 2px solid #1e4a49;content: '';display: block;height: 10px;width:10px;margin-top: -4px;
pointer-events: none;position: absolute;right: 4px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.accord-list.acc-active .accord-title .expand-icon::before { border-bottom: 2px solid #1e4a49;border-right: 2px solid #1e4a49;content: '';display: block;height:10px; width:10px;margin-top: -4px;pointer-events: none;position: absolute;right: 4px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);transition: all 0.15s ease-in-out; }
.accord-content { float: left; width: 100%; display: none; overflow: hidden; padding: 20px 25px 30px;}
.accord-content p { float: left; width: 100%; font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color:#1e4a49; margin-bottom: 20px} 
.accord-content p:last-child { margin-bottom: 0;}

/* cta css */
.cta-ban{float: left;width: 100%;padding-bottom:150px;} 
.cta-main {float: left;width: 100%;background: #215454;padding: 65px 80px 80px 65px;border-radius: 30px;display: flex;flex-wrap: wrap;align-items: flex-start;column-gap: 5%;overflow: visible;}
.cta-lft{flex: 0 1 55%;}
.cta-lft h2{font-family: 'kaudatu-light';font-size: 50px;line-height: 55px;color: #fff;float: left;width: 100%;padding-bottom: 50px;}  
.cta-lft h2 span{font-family: 'kaudatu-medium-italic';} 
.cta-lft a{font-family: 'Roboto-Bold';font-size: 15px;background: #ace2a8;line-height: 18px;letter-spacing: -0.13px;color: #ffffff; padding: 10px 20px;border-radius: 25px;text-transform: uppercase;float: left;}
.cta-lft a:hover{background: #fff;color: #215454;} 
.cta-rht{flex: 0 1 40%;margin-bottom: -125px;position: relative;z-index: 9;}     
.cta-rht img{float: left;width: 100%;border-radius: 30px;min-height: 370px;height: 100%;object-fit: cover;} 
.kau-vid .video-img{margin-top: -245px;margin-bottom: 0;box-shadow: 0px 10px 20px rgba(0,0,0,0.2);}  
.testimonial.home-testi{padding: 80px 0 305px;margin-top: 0;}
.home-cta .cta-main{margin-top: -200px;position: relative;}
.que-ofre.home-que{padding: 100px 0 115px;} 
.que-ofre.home-que .que-pad .que-lft{flex: 0 1 100%;}
.que-ofre.home-que .que-pad .que-lft h2{text-align: center;}
.que-ofre.home-que .que-pad .que-lft h2 span{display: unset;}