:root{
	--gradient: radial-gradient(circle at 105% 100%, #B36CC8 0%, #FB5A60 78.59%, #F18C58 100%);
    --text: #181818;
    --gray: #858585;
    --border: #cfcfcf;    
}

body{ font-size:1rem; line-height:1.25; font-family:'Inter Tight', Arial, sans-serif; color:var(--text);}
a { color:inherit; transition: all .2s ease;}
a:hover {text-decoration:none; color:inherit;}
a:focus {outline: none;}
img { max-width:100%; height:auto;}
#wrapper { width:100%; min-width:320px; position:relative; overflow: hidden;}
.clearfix:after { display:table; content:''; clear:both;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
#wpadminbar { position: fixed;}
.thumb img, .icon img { width: 100%;}
.item-thumb { display: block; position: relative; padding-bottom: 100%;}
.item-thumb img { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 1rem; object-fit: cover; object-position: center;}

.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1380px; padding-left:1.25rem; padding-right:1.25rem;}

.krona { font-family: 'Krona One', sans-serif;}

.btn { border:none; padding:18px 30px; font-size:13px; line-height:20px; font-weight: 700; text-transform: uppercase; border-radius:30px;}
.btn, .btn-primary, .btn-primary-2 { color: #fff; background-color: #000; border:none;}
.btn:hover, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus { color: #fff; background: var(--gradient); box-shadow:none;}
.btn-primary-2:hover, .btn-primary-2:not(:disabled):not(.disabled).active, .btn-primary-2:not(:disabled):not(.disabled):active, .btn-primary-2:not(:disabled):not(.disabled).active:focus, .btn-primary-2:not(:disabled):not(.disabled):active:focus { color: #000; background:#fff; box-shadow:none;}
.btn-color { position: relative; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.btn-color:before { content: ""; position: absolute; inset: 0; padding: 2px; background: linear-gradient(97.87deg, #F28759 0.96%, #C06AB7 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius:30px; z-index: -1; transition: all .2s ease;}
.btn-color:hover, .btn-color:not(:disabled):not(.disabled).active, .btn-color:not(:disabled):not(.disabled):active, .btn-color:not(:disabled):not(.disabled).active:focus, .btn-color:not(:disabled):not(.disabled):active:focus { -webkit-background-clip: border-box; -webkit-text-fill-color: initial; background-clip: border-box; color: #fff; background: var(--gradient); box-shadow:none;}
.btn-color:hover:before, .btn-color:not(:disabled):not(.disabled).active:before, .btn-color:not(:disabled):not(.disabled):active:before, .btn-color:not(:disabled):not(.disabled).active:focus:before, .btn-color:not(:disabled):not(.disabled):active:focus:before { opacity: 0;}
.btn-white { color:var(--text); background-color: #fff;}
.btn-white:hover, .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus { color: #fff; background: var(--text); box-shadow:none;}
.btn-white-bordered { color:#fff; background-color:transparent; box-shadow:inset 0 0 0 2px #fff;}
.btn-white-bordered:hover, .btn-white-bordered:not(:disabled):not(.disabled).active, .btn-white-bordered:not(:disabled):not(.disabled):active, .btn-white-bordered:not(:disabled):not(.disabled).active:focus, .btn-white-bordered:not(:disabled):not(.disabled):active:focus { color: #fff; background: var(--text); box-shadow:none;}

/* header */
.page-header { padding: 20px 0;}
.navbar-brand { margin: 0; padding: 0;}
.page-header .navbar-brand { width: 100px;}
.lang-menu { list-style: none; padding: 0; margin: 0 15px 0 0; display: flex;}
.lang-menu li { margin:0 7px;}
.lang-menu li.current-lang a, .lang-menu li a:hover { background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

/* layout */
.main-content { padding: 30px 0 70px;}
.breadcrumbs { color:var(--gray); margin-bottom: 24px;}
.breadcrumbs a { color:var(--gray);}
.breadcrumbs a:hover { color:#000;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:24px;}
ul { padding-left:20px;}
ul li { margin-bottom: 12px;}
ul li::marker { color:#E16186;}
ul li:last-child { margin-bottom: 0;}
@media (min-width: 768px) { 
    .big-list, .big-list ul { font-size: 26px; line-height: 36px;}
    ul.big-list, .big-list ul { padding-left: 26px;}
}

/* section */
.section { padding: 75px 0;}
.section:first-child { padding-top: 30px;}
.section-head { margin-bottom: 50px;}
.section-title { font-size: 54px; line-height: 65px; font-weight: 400;  margin-bottom: 50px;}
.section-head .section-title { margin-bottom: 0;}
.section-head .btn { white-space: nowrap;}
.upper-title { font-size: 10px; line-height: 24px; text-transform: uppercase; color:var(--gray); letter-spacing: 0.24em; margin-bottom: 26px;}
.subtitle { font-size: 26px; line-height: 36px; margin-top: 26px;}
h1 mark, h2 mark, h3 mark { padding: 0; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.buttons-row .btn { margin-left: 8px; margin-right: 8px;}
.button-wrap { margin-top: 40px;}
.entry > :last-child { margin-bottom: 0;}
ul.check-list, .check-list ul { padding: 0; margin: 0; list-style: none;}
ul.check-list li, .check-list ul li { position: relative; padding: 2px 0 2px 34px; margin-bottom: 12px;}
ul.check-list li:before, .check-list ul li:before { content:''; display: block; position: absolute; width: 24px; height: 24px; top:0; left:0; background: url(../img/checkmark.svg) no-repeat 0 0; background-size: 100%;}
.red-block { background: radial-gradient(circle at 111% 128%, #B36CC8 0%, #FB5A60 78.59%, #F18C58 100%); border-radius: 20px; padding: 80px; color:#fff;}
.black-block { background: linear-gradient(119.81deg, #181818 2.41%, #2D0B2C 116.99%); border-radius: 20px; padding: 80px; color:#fff;}
.text-box { position: relative; padding: 40px;}
.text-box:before { content: ""; position: absolute; inset: 0; padding: 2px; background: linear-gradient(97.87deg, #F28759 0.96%, #C06AB7 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius:20px; z-index: -1;}
.text-box > :last-child { margin-bottom: 0;}
.caption { display: inline-block; font-weight: bold; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: 10px;}

/* hero section */
.hero-title { font-size: 72px; line-height:84px; font-weight: 600; margin: 0;}
.hero-section .subtitle { max-width: 870px; margin-left: auto; margin-right: auto;}
.hero-section .buttons-row { margin-top: 50px;}

/* brands */
.brands-section .upper-title { margin-bottom: 50px;}
.brands-list { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0; position: relative; max-width: 1000px; margin-left: auto; margin-right: auto;}
.brand-item { flex-shrink: 0;}
.brand-item img { height: 57px; width: auto;}

/* chart */
.chart-entry { position: relative; z-index: 1; max-width: 700px; margin-bottom: -320px;}
.chart-entry .section-title { margin-bottom: 26px;}
.chart-entry .btn { margin-top: 20px;}
.chart-legends { margin: 40px -54px 0;}
.chart-legends .legend-item { margin:0 54px; text-align: center;}
.legend-item { font-size: 26px; line-height: 36px; font-weight: 600;}
.legend-item .digit { font-size: 54px; line-height: 56px; font-weight: 700; margin-bottom: 10px; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

/* services */
.home-services-section .section-head { margin-bottom: 70px;}
.services-grid { row-gap:70px;}
.service-item { font-weight: 700;}
.service-item .icon { display: block; width: 56px; margin: 0 auto 10px;}
.service-item > :last-child { margin-bottom: 0;}

/* features */
.home-features-section .section-title { max-width: 1050px; margin-left: auto; margin-right: auto;}
.features-grid { row-gap:50px;}
.features-item > :last-child { margin-bottom: 0;}
.features-info { display: flex; align-items: center; height: 100%; padding: 50px; max-width: 750px; position: relative;}
.features-info:before { content: ""; position: absolute; inset: 0; padding: 2px; background: linear-gradient(97.87deg, #F28759 0.96%, #C06AB7 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius:20px; z-index: -1;}
.features-info .icon { width: 75px; flex-shrink:0; margin-right: 30px;}
.features-info .entry { max-width: 310px; line-height: 24px;}
.features-info p { margin: 0;}
.features-info .caption { margin-bottom: 8px;}

/* growth */
.growth-section .section-title { margin-bottom: 26px;}
@media (min-width: 768px) {
    .growth-section .section-title { font-size: 50px;}
}

/* logos */
.logos-list { gap:30px;}
.logo-item { opacity: 0.4;}
.logo-item img { height: 36px; width: auto;}
.logo-item:hover { opacity: 1;}

/* growth results */
.growth-results-section .section-title { max-width: 800px;}
.growth-results { row-gap:30px;}

/* reiews */
.reviews-section .section-title { margin-bottom: 60px;}
.review-item .avatar { width:200px; height: 200px; margin-bottom: 50px;}
.review-item .avatar img { width: 100%; height: 100%; border-radius: 50%;}
.review-item .company { font-size: 28px; line-height: 36px; font-weight: bold; color:#9f9f9f; margin-bottom: 24px;}
.review-item .company img { height: 36px; width: auto;}
.review-item .review-text { font-size: 28px; line-height: 36px; font-weight: 500;}
.review-item .review-author { opacity: 0.5; margin-top: 20px;}
.owl-reviews .owl-nav { display: flex; margin-top:40px;}
.owl-reviews .owl-nav button.owl-prev, .owl-reviews .owl-nav button.owl-next { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border:1px solid #fff; border-radius: 50%; margin-right: 10px;}
.owl-reviews .owl-nav .owl-prev:hover, .owl-reviews .owl-nav .owl-next:hover { background: #fff; color:var(--text);}

/* design */
.design-card { position: relative; background-color: #F18C58; border-radius:20px; padding-bottom: 119%;}
.design-card .card-title { position: absolute; bottom:0; left:0; padding: 30px; line-height: 24px; font-weight: 700; margin: 0;}
.design-card .card-title.white { color:#fff;}

/* steps */
.steps-list { max-width: 1054px; margin-left: auto; margin-right: auto;}
.steps-list .row { row-gap:30px;}
.step-item .digit { position: relative; width: 80px; height: 80px; margin: 0 auto 28px; font-size: 32px; line-height: 80px; text-align: center;}
.step-item .digit span { background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.step-item .digit:before { content: ""; position: absolute; inset: 0; padding: 3px; background: linear-gradient(97.87deg, #F28759 0.96%, #C06AB7 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius:50%; z-index: -1; transition: all .2s ease;}
.step-item:after { content:'→'; font-size:40px; display: block; position: absolute; right:-20px; top:0; line-height: 80px; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.steps-list .col-6:last-child .step-item:after { display: none;}
.step-item .step-caption { font-weight: bold; font-size: 18px; line-height:1.4;}
.step-item p { margin-bottom: 8px;}
.step-item > :last-child { margin-bottom:0;}

/* compare */
.compare-section .section-title { margin-bottom: 30px;}
.compare-table .table-head { background:var(--gray); border-radius:100px; padding:30px 50px; color:#fff; justify-content: space-between;}
.compare-table .table-head .th { width: 20%; flex-shrink: 0; font-size: 20px; line-height: 30px; padding: 5px 0; font-weight: 700;}
.compare-table .table-body { padding: 0 50px;}
.compare-table .table-body .tr { justify-content: space-between; padding: 30px 0;}
.compare-table .table-body .tr + .tr { border-top:1px solid var(--border);}
.compare-table .table-body .tr .td { width: 20%; flex-shrink: 0; line-height: 24px; padding: 8px 0;}
.compare-table .table-body .tr .td-caption { font-weight: 600;}
.compare-table .table-body .table-icon { margin-top: -5px; margin-bottom: -4px; margin-right: 10px;}

/* support & faqs */
@media (min-width: 1200px) {  
    .faqs-section .black-block { padding: 90px;}
}
.support-box { width: 43%; background: var(--gradient); padding: 50px; border-radius: 20px;}
.support-box .support-avatar { display: flex; justify-content: center; align-items: center; width: 113px; height: 113px; background: #fff; border-radius: 50%; margin-bottom: 40px;}
.support-box .support-title { font-size: 40px; line-height: 45px; color:#fff; font-weight:500; margin-bottom: 40px;}
.support-box .support-actions .btn { width: 100%; margin-bottom: 20px;}
.support-box .support-note { margin-top: 20px; line-height: 24px;}
.faqs-box { width: 50%;}
.acc-item + .acc-item { margin-top: 20px;}
.acc-item .acc-title { position: relative; font-weight:700; padding:4px 48px 4px 0; cursor: pointer;}
.acc-item .acc-title .acc-toggler { display: block; position: absolute; right:0; top:50%; transform:translateY(-50%); width: 28px; height: 28px; background: url(../img/minus.svg) no-repeat 0 0; background-size: 100%;}
.acc-item .acc-title.collapsed .acc-toggler { background-image: url(../img/plus.svg);}
.acc-item .acc-body { padding-top: 6px; color:#8C8C8C;}

/* footer */
.footer-main { padding: 65px 0;}
.footer-desc { font-size: 26px; line-height: 36px; margin-top: 30px;}
.footer-widget { padding-top: 20px;}
.footer-widget .footer-caption { font-size: 16px; line-height: 26px; font-weight: bold; margin-bottom: 30px;}
.footer-widget .menu { list-style: none; padding: 0; margin: 0;}
.footer-widget .menu li { margin-bottom: 20px;}
.footer-bottom { border-top:1px solid var(--border); padding: 24px 0;}
.copyright, .legal-links { padding: 12px 0;}
.legal-links a { margin-left: 70px;}
.footer-widget .menu li a:hover, .legal-links a:hover { background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

@media (max-width: 1199px) {  
    .chart-entry { margin-bottom: -240px;}
    
    .red-block, .black-block { padding-left: 50px; padding-right: 50px;}
    
    .compare-table .table-head .th, .compare-table .table-body .tr .td { width: 23%;}
}

@media (max-width: 991px) {    
    .section { padding: 50px 0;}
    .section:first-child { padding-top: 20px;}
    .section-head .btn { margin-top: 24px;}
    
    .hero-title { font-size: 58px; line-height:62px;}
    
    .brands-list { gap:50px; flex-wrap:wrap; justify-content: center;}
    
    .chart-entry { margin-bottom: -120px;}
    .chart-legends { margin: 30px -30px 0;}
    .chart-legends .legend-item { margin:0 30px;}
    .legend-item { font-size: 20px; line-height: 28px;}
    .legend-item .digit { font-size: 42px; line-height: 48px;}
    
    .growth-section .section-title { max-width: none;}
    
    .owl-design .owl-stage-outer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
    .design-item { width: 252px;}
    
    .compare-table .table-body { padding: 0;}
    .compare-table .table-body .tr { border-top:1px solid var(--border); padding:20px 0;}
    .compare-table .table-body .tr .td { display: flex; width: auto;}
    .compare-table .table-body .tr .td:before { content:attr(data-caption)':'; font-weight: 600; width: 50%;}
    .compare-table .table-body .tr .td-caption { display: inline-block; font-weight: bold; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
    .compare-table .table-body .tr .td-caption:before { content:'';}
    
    .support-box { width: 100%;}
    .faqs-box { width: 100%;}
    .support-box + .faqs-box { margin-top: 50px;}
    
    .footer-navi { margin-top: 24px;}
}
@media (max-width: 767px) { 
    .section-title, .hero-title { font-size: 42px; line-height: 46px;}
    .subtitle { font-size: 20px; line-height: 28px;}
    .upper-title { line-height: 20px;}
    .buttons-row .btn { margin:0;}
    .buttons-row .btn + .btn { margin-top: 16px;}
    .red-block, .black-block { padding: 60px 50px;}
    
    .chart-entry { margin-bottom: -100px;}
    .legend-item .digit { font-size: 36px; line-height: 40px;}
    
    .services-grid { row-gap:50px;}
    
    .features-info { display: block; text-align: center; padding:30px;}
    .features-info .icon { margin:0 auto 24px;}
    .features-info .entry { max-width:100%;}
    
    .reviews-section .section-title { margin-bottom: 40px;}
    .review-item .avatar { margin-bottom: 36px;}
    .review-item .review-text { font-size: 24px; line-height: 30px;}
    .owl-reviews .owl-nav { margin-top:30px;}
    
    .step-item:after { display: none;}
    
    .copyright, .legal-links { text-align: center;}
    .legal-links a { margin: 0 20px;}
}
@media (max-width: 575px) { 
    .lang-menu { margin-right: 0;}
    .lang-menu li { margin: 0 5px;}
    
    .section-title, .hero-title { font-size: 36px; line-height:40px;}
    .red-block, .black-block { padding: 50px 24px;}
    
    .chart-entry { margin-bottom:0;}
    .chart-legends { margin:0;}
    .chart-legends .legend-item { margin:20px 0 0;}
    
    .features-grid { row-gap:30px;}
    
    .review-item .review-text { font-size: 20px; line-height: 24px;}
    
    .support-box { padding: 30px;}
    .support-box .support-avatar { width: 90px; height: 90px;}
    .support-box .support-title { font-size: 28px; line-height: 36px;}
    
    .footer-desc { font-size: 20px; line-height: 28px;}
    .footer-brand, .footer-widget { text-align: center;}
}