h1,
.h1 {
font-size: 80px;
line-height: 80px;
font-style: normal;
}
h2,
.h2 {
font-size: 56px;
line-height: 56px;
font-style: normal;
}
h3,
.h3 {
font-size: 20px;
line-height: 28px;
font-style: normal;
}
h4,
.h4 {
font-size: 18px;
line-height: 25px;
font-style: normal;
}
h5,
.h5 {
font-size: 14px;
line-height: 19px;
font-style: normal;
}
p {
font-size: 20px;
line-height: 28px;
font-style: normal;
}
.h3-v1 {
font-size: 32px;
line-height: 38px;
font-style: normal;
} .font-weight-medium-kansas {
font-family: 'New Kansas' !important;
font-weight: 500 !important;
}
.font-weight-regular-instrument {
font-family: 'Instrument Sans' !important;
font-weight: normal !important;
}
.font-weight-semibold-instrument {
font-family: 'Instrument Sans' !important;
font-weight: 600 !important;
}
.font-weight-bold-instrument {
font-family: 'Instrument Sans' !important;
font-weight: bold !important;
} .text-dark-green {
color: #1D4930;
}
.text-light-green {
color: #A5D089;
} .bg-light-green {
background: #F4F9F0;
}
.bg-dark-green {
background: #1D4930;
}
.bg-light-green1 {
background: #E9F3E2
}
.bg-light-green2 {
background: #A5D089;
}
.bg-light-green3 {
background: #BDDCA7;
}
.bg-section-grey {
background: linear-gradient(0deg, rgba(231, 233, 232, 0.5) 0%, rgba(231, 233, 232, 0.5) 100%), #FFF;
} .border-radius-16 {
border-radius: 16px;
} .border-top-grey {
border-top: 1px solid rgba(155, 159, 162, 0.5) !important;
} .padding-tb-50 {
padding: 50px 0;
}
.padding-b-120 {
padding-bottom: 120px !important;
} .btn-kleen {
padding: 15px 24px;
text-align: center;
font-family: "Instrument Sans";
font-size: 20px;
line-height: normal;
font-weight: 600;
font-style: normal;
border-radius: 40px;
text-decoration: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.btn-dark-green {
color: #FFF;
background: #1D4930;
border: 1px solid #1D4930;
}
.btn-light-green {
color: #1D4930;
background: #A5D089;
border: 1px solid #A5D089;
}
.btn-dark-green:focus,
.btn-dark-green:hover {
color: #1D4930;
background: #FFF;
border: 1px solid #1D4930;
}
.btn-light-green:focus,
.btn-light-green:hover {
color: #1D4930;
background: #fff;
border: 1px solid #1D4930;
}
.btn-outline-white {
border: 1px solid #FFF;
background: #1D4930;
color: #fff;
}
.btn-outline-white:hover,
.btn-outline-white:focus {
background: #FFFFFF;
color: #1D4930;
} .mt-48 {
margin-top: 48px;
}
.mb-48 {
margin-bottom: 48px;
}
.mt-64 {
margin-top: 64px;
} .pt-120 {
padding-top: 120px;
} .container-main {
max-width: 1920px;
margin: 0 auto;
}
.container-inner {
max-width: 1680px;
margin: 0 auto;
} .column-gap-40 {
column-gap: 40px;
}
.column-gap-32 {
column-gap: 32px;
}
.column-gap-24 {
column-gap: 24px;
}
.column-gap-20 {
column-gap: 20px;
}
.column-gap-16 {
column-gap: 16px;
}
.column-gap-12 {
column-gap: 12px;
}
.column-gap-8 {
column-gap: 8px;
} .row-gap-48 {
row-gap: 48px;
}
.row-gap-32 {
row-gap: 32px;
}
.row-gap-24 {
row-gap: 24px;
}
.row-gap-20 {
row-gap: 20px;
}
.row-gap-16 {
row-gap: 16px;
}
.row-gap-8 {
row-gap: 8px;
} .icon-svg {
display: inline-block;
}
.icon-home-cleaning {
width: 59px;
height: 56px;
min-width: 59px;
min-height: 56px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/home-cleaning.svg) no-repeat center center;
background-size: 100%;
margin: 0 auto;
}
.icon-home-cleaning-green {
width: 48px;
height: 46px;
min-width: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/home-green.svg) no-repeat;
background-size: 100%;
}
.icon-furniture-cleaning {
width: 56px;
height: 56px;
min-width: 56px;
min-height: 56px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/furnitiure-cleaning.svg) no-repeat center center;
background-size: 100%;
margin: 0 auto;
}
.icon-furniture-cleaning-green {
width: 48px;
height: 48px;
min-width: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/furniture-green.svg) no-repeat;
background-size: 100%;
}
.icon-ac-cleaning {
width: 63px;
height: 56px;
min-width: 63px;
min-height: 56px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/ac-cleaning.svg) no-repeat center center;
background-size: 100%;
margin: 0 auto;
}
.icon-ac-cleaning-green {
width: 48px;
height: 43px;
min-width: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/ac-green.svg) no-repeat;
background-size: 100%;
}
.icon-pest-control {
width: 56px;
height: 56px;
min-width: 56px;
min-height: 56px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/pest-control.svg) no-repeat center center;
background-size: 100%;
margin: 0 auto;
}
.icon-pest-control-green {
width: 48px;
height: 48px;
min-width: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/pest-control-green.svg) no-repeat;
background-size: 100%;
}
.icon-office-cleaning {
width: 56px;
height: 56px;
min-width: 56px;
min-height: 56px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/office-cleaning.svg) no-repeat center center;
background-size: 100%;
margin: 0 auto;
}
.icon-fulltime-office-staff {
width: 50px;
height: 56px;
min-width: 50px;
min-height: 56px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/full-time-office-staff.svg) no-repeat center center;
background-size: 100%;
margin: 0 auto;
}
.icon-tick {
width: 32px;
height: 32px;
min-width: 32px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/tick-icon.svg) no-repeat;
background-size: 100%;
}
.icon-whatsapp {
width: 32px;
height: 32px;
min-width: 32px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/whatsapp-green.svg) no-repeat;
background-size: 100%;
}
.icon-call {
width: 30px;
height: 30px;
min-width: 30px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/phone-green.svg) no-repeat;
background-size: 100%;
}
.icon-location {
width: 30px;
height: 28px;
min-width: 30px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/location-green.svg) no-repeat;
background-size: 100%;
}
.icon-included {
width: 40px;
height: 40px;
min-width: 40px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/included.svg) no-repeat;
background-size: 100%;
}
.icon-not-included {
width: 40px;
height: 40px;
min-width: 40px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/not-included.svg) no-repeat;
background-size: 100%;
}
.icon-good-to-know {
width: 40px;
height: 40px;
min-width: 40px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/good-to-know.svg) no-repeat;
background-size: 100%;
} section {
padding: 120px 0;
} header {
position: fixed;
top: 16px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
z-index: 999;
}
header .navbar {
padding: 0 40px;
border-radius: 16px;
border-bottom: 1px solid #1D4930;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
header .nav-link {
padding: 40px 0 50px !important;
color: #1D4930;
text-align: center;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: normal;
}
header .contact-block ul li:not(:last-child) {
padding-right: 16px;
margin-right: 16px;
}
header .contact-block ul li:not(:last-child):after {
content: '';
position: absolute;
width: 1px;
height: 100%;
right: 0;
top: 0;
background: #CECFD1;
}
header .contact-block * {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
header .contact-block ul li a {
text-decoration: none;
}
header .contact-block ul li span {
color: #1D4930;
text-align: center;
font-family: "Instrument Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-left: 8px;
}
header .navbar-nav {
column-gap: 48px;
}
header .dropdown-toggle::after {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/menu-down-arrow.svg) no-repeat center center;
width: 14px;
height: 14px;
margin-left: 8px;
border: none;
vertical-align: middle;
background-size: contain;
}
.navbar-nav .dropdown-menu {
padding: 48px 0;
min-width: 411px;
width: 100%;
border-radius: 0 0 16px 16px;
border-right: 1px solid #1D4930;
border-bottom: 1px solid #1D4930;
border-left: 1px solid #1D4930;
border-top: none;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.navbar-nav .dropdown-menu li a {
padding: 22px 48px;
color: #1D4930;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.navbar-nav .dropdown-menu li a:hover,
.navbar-nav .dropdown-menu li a:focus {
background: #1D4930;
color: #fff;
}
.navbar-brand {
padding: 27px 0 !important;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.navbar-brand {
max-width: 334px;
width: 100%;
}
.navbar-brand img {
width: 100%;
height: auto;
} header {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
header.sticky_header {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
top: 0;
}
header.sticky_header .navbar-brand {
max-width: 307px;
transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
padding: 14px 0 !important;
}
header.sticky_header .nav-link {
padding: 40px 0 39px !important;
}
header.sticky_header .container-inner {
max-width: 100%;
} header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 120px;
}
header.sticky_header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 97px;
margin: 0;
}
@media screen and (max-width: 1920px) {
header .nav-link {
padding: 47px 0 50px !important
}
header.sticky_header .nav-link {
padding: 37px 0 37px !important;
}
header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 120px;
}
header.sticky_header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 97px;
}
}
@media screen and (max-width: 1880px) {
header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 118px;
}
}
@media screen and (max-width: 1720px) {
.navbar-brand {
max-width: 300px;
width: 100%;
}
header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 116px;
}
header.sticky_header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 97px;
}
.navbar-nav .dropdown-menu {
padding: 36px 0;
}
.navbar-nav .dropdown-menu li a {
padding: 18px 36px;
}
}
@media screen and (max-width: 1680px) {
header .navbar-nav {
column-gap: 36px;
}
header.sticky_header .nav-link {
padding: 39px 0 35px !important;
}
header.sticky_header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 98px;
}
header.sticky_header .navbar-brand,
.footer-left .image {
max-width: 290px;
}
.navbar-nav .dropdown-menu {
padding: 24px 0;
min-width: 380px;
}
.navbar-nav .dropdown-menu li a {
padding: 18px 24px;
}
}
@media screen and (max-width: 1580px) {
.navbar-brand {
max-width: 220px;
width: 100%;
padding: 20px 0 !important;
}
header.sticky_header .navbar-brand,
.footer-left .image {
max-width: 260px;
}
header .nav-link {
padding: 38px 0 34px !important;
}
.btn-kleen,
header .contact-block ul li span {
font-size: 18px;
}
header .navbar-nav {
column-gap: 28px;
}
header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 94px;
}
.navbar-nav .dropdown-menu {
padding: 16px 0;
min-width: 350px;
}
.navbar-nav .dropdown-menu li a {
padding: 16px 20px;
}
}
@media screen and (max-width: 1440px) {
header .contact-block ul li:not(:last-child) {
padding-right: 12px;
margin-right: 12px;
}
.navbar-brand {
max-width: 260px;
width: 100%;
padding: 24px 0 !important;
}
header.sticky_header .navbar-brand,
.footer-left .image {
max-width: 230px;
}
header .navbar-nav {
column-gap: 15px;
}
header .navbar {
padding: 0 20px;
}
header .dropdown-toggle::after {
margin-left: 4px;
}
header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 95px;
}
.navbar-nav .dropdown-menu {
min-width: 310px;
}
header .nav-link,
.btn-kleen,
header .contact-block ul li span,
.navbar-nav .dropdown-menu li a {
font-size: 17px;
}
.navbar-nav .dropdown-menu li a {
padding: 12px 20px;
}
header .nav-link {
padding: 40px 0 39px !important;
}
}
@media screen and (max-width: 1366px) {
header .navbar {
padding: 0 16px;
}
.navbar-brand {
padding: 20px 0 !important;
margin-right: 0;
max-width: 220px;
}
header.sticky_header .navbar-brand,
.footer-left .image {
max-width: 220px;
}
header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 91px;
}
header.sticky_header .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 96px;
}
}
@media screen and (max-width: 1280px) {
.btn-kleen {
padding: 13px 18px;
}
header .nav-link,
.btn-kleen,
header .contact-block ul li span {
font-size: 16px;
}
header .contact-block ul li img {
width: 28px;
height: 28px;
}
header .navbar-nav {
column-gap: 10px;
}
}
@media screen and (max-width: 1199px) {
header .contact-block ul li span {
display: none;
}
header .contact-block ul li:not(:last-child) {
padding-right: 9px;
margin-right: 9px;
}
.navbar-brand {
padding: 15px 0 !important;
}
.contact-block ul {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.navbar-collapse {
position: fixed;
left: -100%;
right: 0;
margin: 0 auto;
width: 100%;
height: 100vh;
min-height: 100%;
background: #1D4930;
z-index: 99;
top: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.navbar-collapse.open {
left: 0;
}
header .navbar-nav {
flex-direction: column;
padding-top: 90px;
}
header .navbar-nav .nav-item {
border-bottom: 1px solid #A5D089;
}
header .nav-link,
header .nav-link:focus,
header .nav-link:hover {
color: #fff;
}
header .nav-link,
header.sticky_header .nav-link {
padding: 22px 16px !important;
text-align: left;
}
header .dropdown-toggle::after {
margin-left: 10px;
}
.navbar-nav .dropdown-menu {
background: #A5D089;
border-radius: 0;
padding: 12px 0;
}
.navbar-nav .dropdown-menu li a {
padding: 14px 22px;
}
.navbar-nav .dropdown-menu.show {
display: none;
}
.navbar-toggler {
position: absolute;
right: 20px;
z-index: 999;
padding: 0;
border: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler-icon {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/hamburger-icon.svg) no-repeat center center;
width: 40px;
height: 40px;
background-size: 100%;
}
.navbar-toggler.cancel .navbar-toggler-icon {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/cancel-icon.svg) no-repeat center center;
width: 24px;
height: 24px;
background-size: 100%;
}
.navbar-nav .dropdown-menu li a {
font-size: 16px;
}
header .btn-dark-green {
background: #A5D089;
color: #1D4930;
}
header .btn-dark-green:hover,
header .btn-dark-green:focus {
background: #A5D089;
color: #1D4930;
}
header .btn-block {
margin: 16px;
}
header.sticky_header .navbar-toggler {
right: 16px;
}
}
@media screen and (max-width: 575px) {
.navbar-brand {
max-width: 190px;
}
header.sticky_header .navbar-brand,
.footer-left .image {
max-width: 190px;
}
}
@media screen and (max-width: 480px) {
header .navbar {
padding: 0 10px;
}
.navbar-toggler {
right: 10px;
}
} .banner-section {
padding: 188px 0 120px;
}
.banner-section-container .banner-image {
max-width: 430px;
width: 100%;
}
.banner-section-container .banner-image img {
width: 100%;
height: auto;
}
.banner-section .banner-content {
margin-left: 141px;
}
.banner-section .banner-content h1 {
padding-bottom: 16px;
}
.banner-section .banner-content h1 {
padding-bottom: 16px;
}
.banner-section .banner-buttons,
.services-items-block {
padding: 32px 0 0;
}
.services-item {
border-radius: 16px;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
max-width: 216px;
height: 186px;
width: 100%;
padding: 24px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border: 1px solid #fff;
cursor: pointer;
}
.services-item:hover {
border-color: #1D4930;
}
.services-item p {
text-align: center;
font-size: 18px;
line-height: normal;
font-style: normal;
}
@media screen and (max-width: 1720px) {
.banner-section {
padding: 188px 0 100px;
}
}
@media screen and (max-width: 1680px) {
.banner-section {
padding: 170px 0 100px;
}
}
@media screen and (max-width: 1580px) {
.banner-section-container .banner-image {
max-width: 390px;
}
.banner-section .banner-content {
margin-left: 100px;
}
.services-item {
max-width: 200px;
height: 165px;
}
.banner-section {
padding: 170px 0 80px;
}
}
@media screen and (max-width: 1366px) {
.banner-section {
padding: 160px 0 80px;
}
.banner-section .banner-content {
margin-left: 80px;
}
.banner-section-container .banner-image {
max-width: 350px;
}
}
@media screen and (max-width: 1199px) {
.banner-section .banner-content {
margin-left: 60px;
}
.banner-section {
padding: 160px 0 60px;
}
}
@media screen and (max-width: 1023px) {
.services-item {
max-width: 230px;
height: auto;
}
.services-items-block {
flex-wrap: wrap !important;
row-gap: 16px;
}
}
@media screen and (max-width: 991px) {
.banner-section {
padding: 140px 0 50px;
}
.banner-section .banner-content {
margin-left: 40px;
}
.banner-section-container .banner-image {
max-width: 310px;
}
.services-item {
max-width: 230px;
height: auto;
}
.banner-section .banner-buttons,
.services-items-block {
padding: 24px 0 0;
}
}
@media screen and (max-width: 767px) {
.banner-section-container .banner-image {
display: none;
}
.banner-section .banner-content {
margin-left: 0px;
width: 100%;
}
.services-item {
max-width: 31%;
height: auto;
padding: 20px;
}
}
@media screen and (max-width: 575px) {
.icon-home-cleaning {
width: 40px;
height: 50px;
min-width: 40px;
min-height: 50px;
}
.icon-furniture-cleaning {
width: 45px;
height: 50px;
min-width: 45px;
min-height: 50px;
}
.icon-ac-cleaning {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
}
.icon-pest-control {
width: 45px;
height: 50px;
min-width: 45px;
min-height: 50px;
}
.icon-office-cleaning {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
}
.icon-fulltime-office-staff {
width: 48px;
height: 50px;
min-width: 48px;
min-height: 50px;
}
.services-item {
padding: 14px;
}
}
@media screen and (max-width: 500px) {
.services-item {
max-width: 47%;
padding: 20px;
}
.banner-section .banner-buttons {
flex-wrap: wrap !important;
row-gap: 8px;
}
.banner-section .banner-buttons .btn-kleen {
width: 100%;
}
}
@media screen and (max-width: 380px) {
.services-item {
max-width: 47%;
padding: 12px;
}
} .how-it-works-container .parent-item {
max-width: 396px;
width: 100%;
text-align: center;
}
.how-it-works-container .child-item {
width: 176px;
height: 176px;
border-radius: 88px;
margin: 0 auto 40px;
}
.how-it-works-container .number {
border-radius: 40px;
border: 1px solid #1D4930;
background: #FFF;
padding: 3px 8px;
color: #1D4930;
text-align: center;
font-family: "Instrument Sans";
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 34px;
width: 40px;
height: 40px;
position: absolute;
bottom: -20px;
}
.how-it-works-container .child-item1:after {
content: '';
position: absolute;
right: -260px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/how-it-works1.svg) no-repeat;
width: 340px;
height: 165px;
background-size: 100%;
z-index: -1;
}
.how-it-works-container .child-item2:after {
content: '';
position: absolute;
right: -253px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/how-it-works2.svg) no-repeat;
width: 290px;
height: 250px;
background-size: 100%;
z-index: -1;
}
.how-it-works-container .child-item3:after {
content: '';
position: absolute;
right: -290px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/how-it-works3.svg) no-repeat;
width: 340px;
height: 215px;
background-size: 100%;
z-index: -1;
}
.icon-facebook {
width: 30px;
height: 30px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/facebook.svg) no-repeat;
background-size: 100%;
}
.icon-linkedin {
width: 30px;
height: 30px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/linkedin.svg) no-repeat;
background-size: 100%;
}
.icon-instagram {
width: 30px;
height: 30px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/instagram.svg) no-repeat;
background-size: 100%;
}
@media screen and (max-width: 1720px) {
.how-it-works-container .child-item {
width: 160px;
height: 160px;
}
.how-it-works-container .child-item1:after {
right: -260px;
width: 340px;
height: 140px;
}
}
@media screen and (max-width: 1680px) {
.how-it-works-container .number {
width: 34px;
height: 34px;
font-size: 20px;
line-height: 28px;
}
.how-it-works-container .child-item img {
height: 85px;
}
.how-it-works-container .child-item {
width: 150px;
height: 150px;
}
}
@media screen and (max-width: 1620px) {
.how-it-works-container .child-item1:after {
right: -250px;
width: 320px;
height: 145px;
}
.how-it-works-container .child-item2:after {
width: 275px;
height: 230px;
right: -250px;
}
.how-it-works-container .child-item3:after {
right: -290px;
width: 300px;
height: 190px;
}
}
@media screen and (max-width: 1580px) {
.how-it-works-container .child-item1:after {
right: -235px;
width: 300px;
height: 140px;
}
.how-it-works-container .child-item2:after {
width: 245px;
height: 224px;
right: -238px;
}
.how-it-works-container .child-item3:after {
right: -275px;
width: 285px;
height: 175px;
}
}
@media screen and (max-width: 1560px) {
.how-it-works-container .child-item {
width: 130px;
height: 130px;
}
.how-it-works-container .child-item img {
height: 68px;
}
.how-it-works-container .child-item1:after {
right: -245px;
width: 315px;
height: 130px;
}
}
@media screen and (max-width: 1480px) {
.how-it-works-container .parent-item {
max-width: 300px;
}
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -205px;
}
.how-it-works-container .child-item3:after {
right: -250px;
width: 285px;
height: 170px;
}
}
@media screen and (max-width: 1366px) {
.how-it-works-container .number {
width: 30px;
height: 30px;
font-size: 18px;
line-height: 24px;
}
.how-it-works-container .child-item {
width: 120px;
height: 120px;
}
.how-it-works-container .child-item1:after {
width: 268px;
height: 110px;
}
}
@media screen and (max-width: 1280px) {
.how-it-works-container .child-item {
margin: 0 auto 32px;
}
.how-it-works-container .child-item img {
height: 60px;
}
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -185px;
}
}
@media screen and (max-width: 1199px) {
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -170px;
}
.how-it-works-container .child-item3:after {
right: -210px;
width: 270px;
height: 150px;
}
}
@media screen and (max-width: 1120px) {
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -155px;
}
.how-it-works-container .child-item3:after {
right: -190px;
}
}
@media screen and (max-width: 1060px) {
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -140px;
}
.how-it-works-container .child-item3:after {
right: -175px;
height: 150px;
}
.how-it-works-container .child-item1:after {
width: 240px;
height: 110px;
}
}
@media screen and (max-width: 991px) {
.how-it-works-container .parent-item {
max-width: 180px;
}
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -105px;
}
.how-it-works-container .child-item1:after {
width: 185px;
height: 75px;
}
.how-it-works-container .child-item2:after {
width: 180px;
height: 165px;
}
.how-it-works-container .child-item3:after {
right: -175px;
height: 130px;
width: 210px;
}
}
@media screen and (max-width: 860px) {
.how-it-works-container .child-item {
width: 100px;
height: 100px;
}
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after {
right: -115px;
}
.how-it-works-container .child-item3:after {
right: -150px;
height: 110px;
}
.how-it-works-container {
flex-wrap: wrap !important;
row-gap: 36px;
}
.parent-item.mt-48 {
margin: 0;
}
.how-it-works-container .parent-item {
max-width: unset;
width: 40%;
}
.how-it-works-container .child-item1:after,
.how-it-works-container .child-item2:after,
.how-it-works-container .child-item3:after {
display: none;
}
}
@media screen and (max-width: 420px) {
.how-it-works-container {
flex-direction: column;
}
.how-it-works-container .parent-item {
width: 100%;
}
} .testimonials {
overflow: hidden;
} .testimonial-item {
border-radius: 16px;
background: #FFF;
box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.05);
position: relative;
}
.testimonial-item .testimonial-item-container {
padding: 48px;
}
.testimonials .title-block {
padding-bottom: 136px;
}
.testimonial-item .image {
border-radius: 100px;
width: 112px;
height: 112px;
margin: 0 auto;
position: absolute;
top: -83px;
left: 0;
right: 0;
margin: 0 auto;
}
.testimonial-item .image img {
border: 4px solid #A5D089;
border-radius: 100px;
}
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
display: block;
position: relative;
left: auto;
right: auto;
}
.testimonials .swiper-slide {
margin-top: 48px;
}
.testimonials .swiper-slide-active {
margin-top: 0;
}
.testimonials .swiper-nav {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
}
.testimonials .swiper-nav .swiper-button-prev {
width: 48px;
height: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/arrow-left.svg) no-repeat;
background-size: 100%;
margin: 0;
}
.testimonials .swiper-nav .swiper-button-next {
width: 48px;
height: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/arrow-right.svg) no-repeat;
background-size: 100%;
margin: 0;
}
.testimonials .swiper-button-next:after,
.testimonials .swiper-button-prev:after {
display: none;
}
.testimonials .swiper-slide {
transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55); }
body,
.container-main {
overflow-x: hidden;
}
.get-a-quote {
overflow: visible;
}
@media screen and (max-width: 1680px) {
.testimonials .title-block {
padding-bottom: 120px;
}
}
@media screen and (max-width: 1580px) {
.testimonial-item .testimonial-item-container {
padding: 48px 36px 36px;
}
}
@media screen and (max-width: 1440px) {
.testimonial-item .testimonial-item-container {
padding: 36px 24px 24px;
}
.testimonial-item .image {
width: 90px;
height: 90px;
}
.testimonial-item .image img {
width: 100%;
height: auto;
}
.testimonial-item .image {
top: -70px;
}
}
@media screen and (max-width: 1366px) {
.testimonials .title-block {
padding-bottom: 100px;
}
}
@media screen and (max-width: 1199px) {
.testimonials .swiper-nav .swiper-button-prev,
.testimonials .swiper-nav .swiper-button-next {
width: 40px;
height: 40px;
}
.testimonial-item .testimonial-item-container {
row-gap: 24px;
}
}
@media screen and (max-width: 767px) {
.testimonials .title-block {
padding-bottom: 90px;
}
.testimonials .testimonial-slider {
max-width: 92%;
margin: 0 auto;
}
.testimonials .swiper-slide {
margin-top: 0;
}
.testimonials .swiper-nav {
margin-top: 32px;
}
.testimonial-item .testimonial-item-container {
padding: 30px 20px 22px;
row-gap: 16px;
}
.review-block img {
width: 20px;
height: 20px;
}
} .wellnessBenefitsSwiper {
width: 100vw;
height: 100%;
overflow: hidden;
}
.wellness-benefits .swiper-pagination-progressbar {
background: #1D4930;
width: 100%;
max-width: 1680px;
top: 0;
height: 2px;
}
.wellness-benefits .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #1D4930;
height: 5px;
top: -5px;
}
.wellness-benefits .slider-item .content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 32px;
background: linear-gradient(180deg, rgba(29, 73, 48, 0.00) 50.09%, #1D4930 100%);
width: 100%;
height: 100%;
display: flex;
align-items: end;
}
.wellness-benefits .slide-item-v2 {
max-width: 396px;
}
.wellness-benefits .slider-item {
overflow: hidden;
border-radius: 16px;
}
.wellness-benefits .slider-item img {
border-radius: 16px;
}
.wellness-benefits .swiper-pagination {
position: relative;
}
.wellness-benefits .slider-item .h3 {
align-items: start !important;
}
@media screen and (max-width: 1720px) {
.wellness-benefits .swiper-pagination-progressbar {
max-width: 96%;
}
.mt-48 {
margin-top: 40px;
}
}
@media screen and (max-width: 1580px) {
.wellness-benefits .slide-item-v2 {
max-width: 350px;
}
.mt-48 {
margin-top: 36px;
}
}
@media screen and (max-width: 1440px) {
.wellness-benefits .slide-item-v2 {
max-width: 320px;
}
.wellness-benefits .slider-item .content {
padding: 24px;
}
.icon-tick {
width: 24px;
height: 24px;
min-width: 24px;
}
.mt-48 {
margin-top: 32px;
}
}
@media screen and (max-width: 1199px) {
.wellness-benefits .slide-item-v2 {
max-width: unset;
}
}
@media screen and (max-width: 991px) {
.wellness-benefits .slider-item .h3 {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.5px;
max-width: unset;
}
}
@media screen and (max-width: 767px) {
.wellness-benefits .slider-item .content {
padding: 18px;
}
.wellness-benefits .swiper-pagination-progressbar {
max-width: 93%;
}
.wellness-benefits .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #1D4930;
height: 3px;
top: -3px;
}
}
@media screen and (max-width: 575px) {
.wellness-benefits .slider-item .h3 {
font-size: 15px;
line-height: 20px;
}
} @media screen and (max-width: 1440px) {
.blog-item .h3 {
font-size: 20px;
line-height: 26px;
}
.blog-item p {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (max-width: 1280px) {
.blog-item .h3 {
font-size: 18px;
line-height: 24px;
}
.blog-item p {
font-size: 16px;
line-height: 22px;
}
}
@media screen and (max-width: 991px) {
.blog .row {
row-gap: 24px;
}
.blog-item .image img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 575px) {
.blog .title-block {
flex-direction: column;
justify-content: start !important;
align-items: start !important;
}
} .get-a-quote {
padding: 165px 0;
}
.get-a-quote .btn-outline-white {
padding: 11px 24px;
}
.get-a-quote .right {
max-width: 539px;
width: 100%;
position: relative;
top: -300px;
}
.get-a-quote .right .image {
position: absolute;
top: 0;
}
@media screen and (max-width: 1680px) {
.get-a-quote .right {
max-width: 475px;
top: -261px;
}
.get-a-quote {
padding: 140px 0;
}
}
@media screen and (max-width: 1580px) {
.get-a-quote .right {
max-width: 420px;
top: -220px;
}
.get-a-quote {
padding: 120px 0;
}
}
@media screen and (max-width: 1440px) {
.get-a-quote .right {
max-width: 400px;
top: -200px
}
}
@media screen and (max-width: 1366px) {
.get-a-quote .right {
max-width: 380px;
top: -186px
}
.get-a-quote {
padding: 110px 0;
}
}
@media screen and (max-width: 1280px) {
.get-a-quote .btn-outline-white .icon-whatsapp {
width: 24px;
height: 24px;
min-width: 24px;
}
.get-a-quote .right {
max-width: 360px;
top: -173px
}
}
@media screen and (max-width: 1199px) {
.get-a-quote .right {
max-width: 310px;
top: -152px;
}
.get-a-quote {
padding: 90px 0;
}
.row-gap-32 {
row-gap: 24px;
}
}
@media screen and (max-width: 1090px) {
.get-a-quote .right {
max-width: 290px;
top: -139px;
}
.get-a-quote {
padding: 80px 0;
}
}
@media screen and (max-width: 991px) {
.get-a-quote {
padding: 70px 0;
}
.get-a-quote .right {
max-width: 295px;
top: -150px;
}
.get-a-quote {
padding: 50px 0;
}
}
@media screen and (max-width: 990px) {
.get-a-quote .right {
display: none;
}
.get-a-quote-container {
align-items: center;
}
.get-a-quote-container .left {
justify-content: center;
align-items: center;
text-align: center;
}
.get-a-quote {
padding: 50px 0;
}
.blog.mb-48 {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.get-a-quote .btn-outline-white .icon-whatsapp {
width: 17px;
height: 17px;
min-width: 17px;
}
.get-a-quote .btn-outline-white {
padding: 10px 24px;
}
}
@media screen and (max-width: 500px) {
.get-a-quote ul {
flex-direction: column;
row-gap: 12px;
width: 100%;
}
.get-a-quote ul li,
.get-a-quote ul li a {
width: 100%;
}
.get-a-quote .btn-outline-white {
justify-content: center;
}
} .form-block {
max-width: 823px;
margin: 0 auto;
}
.form-control {
color: #1D4930;
text-align: center;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 25px;
padding: 24px;
border-radius: 16px;
border: none;
border-bottom: 1px solid #000;
background: #FFF;
text-align: left;
}
.form-control:focus {
box-shadow: none;
border-color: #000;
}
.form-control::-webkit-input-placeholder { color: #1D4930;
}
.form-control::-moz-placeholder { color: #1D4930;
}
.form-control:-ms-input-placeholder { color: #1D4930;
}
.form-control:-moz-placeholder { color: #1D4930;
}
.contact-us .row {
--bs-gutter-x: 2rem;
}
.contact-us .select2-container--default .select2-selection--single {
padding: 24px;
border-radius: 16px;
border: none;
border-bottom: 1px solid #000;
background: #FFF;
}
.contact-us .select2-container {
width: 100% !important;
}
.contact-us .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 18px;
line-height: 25px;
color: #1D4930;
font-family: "Instrument Sans";
font-weight: 400;
padding: 0;
}
.contact-us .select2-container .select2-selection--single {
height: 74px;
}
.contact-us .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.contact-us .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.contact-us .select2-container--default .select2-selection--single .select2-selection__arrow {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/select-dropdown.svg) no-repeat;
width: 20px;
height: 12px;
background-size: 100%;
border: none;
right: 24px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #A5D089;
}
.contact-us .select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #000;
}
.contact-us .select2-container--default .select2-search--dropdown .select2-search__field:focus {
box-shadow: none;
outline: 0;
}
.flag-text {
margin-left: 10px;
}
.contact-us .form-block .code-input {
max-width: 120px;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 25px;
position: absolute;
left: 24px;
top: 32%;
z-index:9;
}
.contact-us .form-block .mobile-number {
width: 100%;
}
.contact-us .form-block .mobile-number .form-control {
padding-left: 125px;
}
.contact-us .form-block .code-input .flag-text {
margin-left: 8px;
}
.contact-us .code-input .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 8px;
}
.contact-us .code-input .select2-container .select2-selection--single {
border-bottom-right-radius: 0;
}
.contact-us .select2-container--open .select2-dropdown {
width: 100% !important;
}
.contact-us .code-input .select2-container--open .select2-dropdown {
width: 395.5px !important;
}
.contact-us .form-block .btn-block .btn-kleen {
max-width: 254px;
width: 100%;
}
@media screen and (max-width: 1580px) {
.form-control,
.contact-us .select2-container--default .select2-selection--single {
padding: 18px;
}
.contact-us .select2-container .select2-selection--single {
height: 62px;
}
.contact-us .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 16px;
height: 12px;
}
}
@media screen and (max-width: 1280px) {
.form-control,
.contact-us .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 16px;
line-height: 24px;
}
.contact-us .select2-container .select2-selection--single {
height: 61px;
}
}
@media screen and (max-width: 991px) {
.contact-us .code-input .select2-container--open .select2-dropdown {
width: 336.5px !important;
}
}
@media screen and (max-width: 767px) {
.contact-us .form-block .code-input {
width: 18%;
min-width: 148px;
} .contact-us .code-input .select2-container--open .select2-dropdown {
width: 320px !important;
}
}
@media screen and (max-width: 575px) {
.contact-us .form-block .code-input {
min-width: 128px;
}
.form-control,
.contact-us .select2-container--default .select2-selection--single {
padding: 14px;
}
.contact-us .select2-container .select2-selection--single {
height: 53px;
}
}
@media screen and (max-width: 480px) {
.contact-us .code-input .select2-container--open .select2-dropdown {
width: 280px !important;
}
} .get-in-touch .left,
.get-in-touch .right {
width: 50%;
}
.get-in-touch .left {
background: #E9F3E2;
padding: 152px 120px;
}
.get-in-touch a {
text-decoration: none;
}
.get-in-touch a:hover,
.get-in-touch a:focus,
.footer-bottom ul li a:hover {
color: #1D4930;
}
.get-in-touch a span {
max-width: 430px;
}
.get-in-touch .right img {
height: 534px;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 1720px) {
.get-in-touch .left {
padding: 110px 90px;
}
}
@media screen and (max-width: 1440px) {
.get-in-touch .right img {
height: 450px;
}
}
@media screen and (max-width: 1199px) {
.get-in-touch .left {
padding: 90px 60px;
}
.get-in-touch .right img {
height: 410px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch {
flex-direction: column;
}
.get-in-touch .left,
.get-in-touch .right {
width: 100%;
}
.get-in-touch .right img {
height: auto;
}
.get-in-touch .left {
padding: 50px 24px;
}
.get-in-touch .icon-whatsapp,
.icon-call,
.icon-location {
width: 26px;
height: 26px;
min-width: 26px;
}
} footer {
border-radius: 16px 16px 0 0;
background: #A5D089;
position: relative;
}
.footer-top {
padding: 103px 0 96px;
}
footer:after {
content: '';
position: absolute;
bottom: 0;
left: 24%;
right: 0;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/footer-illustration.svg) no-repeat;
width: 602px;
height: 423px;
background-size: 100%;
bottom: 72px;
}
footer ul li a,
.footer-bottom p {
color: #1D4930;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration: none;
}
.tag-white {
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #1D4930;
background: #FFF;
color: #1D4930;
text-align: center;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: inline-block;
}
.tag-white:hover,
.tag-white:focus,
footer ul li a:focus,
footer ul li a:hover {
color: #1D4930;
}
footer .footer-right {
max-width: 645px;
width: 100%;
}
footer .footer-right p {
text-align: right;
}
.footer-bottom {
background: #1D4930;
padding: 25px 0;
text-align: center;
}
.footer-left,
.footer-right {
z-index: 99;
position: relative;
}
.footer-left .image img {
width: 100%;
}
.mobile-social {
display: none !important;
} .why-choose-us .image {
width: 323px;
height: 266px;
}
.why-choose-us .image-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
@media screen and (max-width: 1680px) {
.footer-top {
padding: 90px 0 80px;
}
footer:after {
width: 500px;
height: 340px;
}
}
@media screen and (max-width: 1580px) {
footer:after {
width: 460px;
height: 300px;
}
.footer-top {
padding: 65px 0;
}
}
@media screen and (max-width: 1480px) {
footer:after {
width: 420px;
height: 280px;
}
}
@media screen and (max-width: 1440px) {
footer:after {
width: 390px;
height: 260px;
}
.tag-white {
font-size: 16px;
}
footer .footer-right {
max-width: 578px;
width: 100%;
}
}
@media screen and (max-width: 1366px) {
.tag-white {
padding: 6px 10px;
}
.column-gap-20 {
column-gap: 12px;
}
footer .footer-right {
max-width: 560px;
}
footer ul li a,
.footer-bottom p {
font-size: 17px;
}
}
@media screen and (max-width: 1280px) { .footer-top {
padding: 40px 0;
}
.tag-white {
padding: 6px;
}
footer .footer-right {
max-width: 535px;
}
}
@media screen and (max-width: 1260px) {
footer:after {
width: 345px;
height: 235px;
}
}
@media screen and (max-width: 1199px) {
footer:after {
display: none;
}
}
@media screen and (max-width: 991px) {
.tag-white {
font-size: 15px;
}
.footer-top-container {
flex-direction: column;
justify-content: center !important;
align-items: center !important;
row-gap: 16px;
}
footer .footer-right {
max-width: 100%;
row-gap: 16px;
}
footer .footer-right>.d-flex {
justify-content: center !important;
align-items: center;
}
footer .footer-right p {
text-align: center;
}
footer .footer-left ul {
display: none !important;
}
.mobile-social {
display: flex !important;
}
.tags-block ul {
justify-content: center !important;
}
}
@media screen and (max-width: 480px) {
footer .footer-right-links {
flex-direction: column;
row-gap: 16px;
}
} .banner-inner-page .banner-inner-left .title-block {
padding: 112px 0 0;
}
.banner-inner-right {
max-width: 716px;
width: 100%;
margin-right: 80px;
}
.banner-inner-page {
padding-bottom: 32px;
}
@media screen and (max-width: 1720px) {
.banner-inner-right {
max-width: 660px;
margin-right: 60px;
}
}
@media screen and (max-width: 1680px) {
.banner-inner-right {
max-width: 600px;
margin-right: 60px;
}
.banner-inner-page .banner-inner-left .title-block {
padding: 85px 0 0;
}
}
@media screen and (max-width: 1580px) {
.banner-section.banner-inner-page {
padding: 150px 0 32px;
}
}
@media screen and (max-width: 1440px) {
.banner-inner-right {
max-width: 550px;
margin-right: 40px;
}
.banner-inner-page .banner-inner-left .title-block {
padding: 65px 0 0;
}
}
@media screen and (max-width: 1280px) {
.banner-inner-right {
max-width: 500px;
margin-right: 40px;
}
.banner-inner-page .banner-inner-left .title-block {
padding: 45px 0 0;
}
}
@media screen and (max-width: 1024px) {
.banner-inner-right {
max-width: 450px;
margin-right: 40px;
}
.banner-inner-page .banner-inner-left .title-block {
padding: 45px 0 0;
}
}
@media screen and (max-width: 991px) {
.banner-inner-right {
max-width: 330px;
margin-right: 0px;
}
.banner-inner-page .banner-inner-left .title-block {
padding: 45px 0 0;
}
.banner-section.banner-inner-page {
padding: 128px 0 32px;
}
}
@media screen and (max-width: 767px) {
.banner-inner-page-container {
flex-direction: column;
}
.banner-inner-right {
margin: 30px 0 0;
margin-left: auto;
}
.banner-inner-page .banner-inner-left .title-block {
padding: 24px 0 0;
}
}
@media screen and (max-width: 575px) {
.banner-inner-right {
max-width: 265px;
}
.banner-section.banner-inner-page {
padding: 110px 0 32px;
}
} .text-block p {
max-width: 737px;
margin-left: auto;
}
.text-block-left,
.text-block-right {
width: 50%;
padding: 120px;
}
.text-block-left p {
text-align: left;
margin: 0;
}
.text-block-left ul li,
.text-block-right ul li {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/list-icon.svg) no-repeat;
background-size: 24px;
padding-left: 40px;
}
.text-block-right ul li {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/rating-star.svg) no-repeat;
background-size: 24px;
}
@media screen and (max-width: 1860px) {
.text-block-left,
.text-block-right {
padding: 120px 100px;
}
}
@media screen and (max-width: 1760px) {
.text-block-left,
.text-block-right {
padding: 120px 50px;
}
}
@media screen and (max-width: 1680px) {
.text-block-left,
.text-block-right {
padding: 100px 50px;
}
}
@media screen and (max-width: 1580px) {
.text-block-left,
.text-block-right {
padding: 80px 40px;
}
}
@media screen and (max-width: 1199px) {
.text-block-left,
.text-block-right {
padding: 60px 30px;
}
}
@media screen and (max-width: 991px) {
.text-block-container {
row-gap: 10px;
}
.text-block p {
max-width: 100%;
}
.text-block-left,
.text-block-right {
padding: 50px 20px;
}
.text-block.two-column {
flex-direction: column;
}
.text-block-left,
.text-block-right {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.text-block-left,
.text-block-right {
padding: 50px 16px;
}
} .why-choose-us ul {
max-width: 656px;
width: 100%;
}
.why-choose-us ul li {
max-width: 316px;
padding-left: 40px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/tick-icon.svg) no-repeat;
background-size: 24px;
}
@media screen and (max-width: 1580px) {
.why-choose-us .image {
width: 280px;
height: 232px;
}
}
@media screen and (max-width: 1440px) {
.why-choose-us ul {
max-width: 600px;
}
.why-choose-us ul li {
max-width: 245px;
}
}
@media screen and (max-width: 1366px) {
.why-choose-us .image {
width: 250px;
height: 220px;
}
}
@media screen and (max-width: 1199px) {
.why-choose-us-container {
flex-direction: column;
row-gap: 24px;
}
.why-choose-us .image {
display: none;
}
}
@media screen and (max-width: 575px) {
.why-choose-us ul {
flex-direction: column;
max-width: 100%;
}
.why-choose-us ul li {
max-width: 100%;
width: 100% !important;
}
} .breadcrumb-item {
color: #1D4930;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.breadcrumb-item.active,
.breadcrumb-item a {
color: #1D4930;
text-decoration: none;
}
.breadcrumb-item a:hover {
color: #1D4930;
}
.breadcrumb-item+.breadcrumb-item::before {
content: '';
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0px;
}
.breadcrumb-item.separator-arrow {
width: 16px;
}
.breadcrumb {
column-gap: 8px;
} .faq {
padding-bottom: 169px;
}
.faq .accordion-header {
font-size: unset;
line-height: unset;
}
.faq .accordion-button {
padding: 0;
box-shadow: none !important;
background: transparent;
margin: 0;
}
.faq .accordion-item {
border-radius: 16px !important;
border: 1px solid #1D4930;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
padding: 23px 32px;
width: 100%; }
.faq .accordion-item.active {
height: auto;
}
.accordion-button:after {
width: 48px;
height: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/accordion-top.svg) no-repeat !important;
background-size: 100%;
transform: none !important;
}
.accordion-button.collapsed:after {
width: 48px;
height: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/accordion-bottom.svg) no-repeat !important;
background-size: 100%;
}
.accordion-button {
color: #1D4930 !important;
}
.accordion-body p {
padding: 24px 0 0 !important;
margin: 24px 0 0;
border-top: 1px solid #1D4930;
font-size: 18px;
line-height: 24px;
}
.accordion-column {
width: 49%;
}
.faq .accordion-button span {
width: 100%;
padding-right: 20px;
}
@media screen and (max-width: 1680px) {
.faq .accordion-item {
padding: 18px 24px; }
}
@media screen and (max-width: 1580px) {
.accordion-button.collapsed:after,
.accordion-button:after {
width: 36px;
height: 36px;
background-size: 100% !important;
}
.faq .accordion-item { }
}
@media screen and (max-width: 1366px) {
.accordion-body p {
padding: 16px 0 0 !important;
margin: 16px 0 0;
}
}
@media screen and (max-width: 991px) {
.accordion-container {
flex-direction: column;
}
.accordion-column {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.accordion-button.collapsed:after,
.accordion-button:after {
width: 28px;
height: 28px;
background-size: 100% !important;
}
.faq .accordion-item {
padding: 16px;
}
} .about-us .banner-inner-page {
padding-bottom: 220px;
position: relative;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
position: absolute;
right: 0;
top: 0;
max-width: 599px;
margin: 0;
}
.text-block-about {
padding: 46px 0;
}
.text-block-about p {
max-width: 824px;
margin: 0;
}
.text-block-about .para-block p:not(:last-child) {
padding-bottom: 36px;
}
.tick-icon-list li {
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/tick-icon.svg) no-repeat;
background-size: 24px;
padding-left: 40px;
}
@media screen and (max-width: 1800px) {
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 530px;
}
}
@media screen and (max-width: 1680px) {
.about-us .banner-inner-page,
.service-details .banner-inner-right {
padding-bottom: 160px;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 450px;
}
}
@media screen and (max-width:1440px) {
.text-block-container .image {
max-width: 500px;
}
.text-block-container .image img {
width: 100%;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 400px;
}
.about-us .banner-inner-page {
padding-bottom: 130px;
}
}
@media screen and (max-width: 1366px) {
.text-block-container .image,
.service-details .banner-inner-right {
max-width: 460px;
}
}
@media screen and (max-width: 1280px) {
.text-block-container .image {
max-width: 424px;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 360px;
}
}
@media screen and (max-width: 1199px) {
.text-block-container .image {
max-width: 340px;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 330px;
}
}
@media screen and (max-width: 1024px) {
.about-us .banner-inner-page {
padding-bottom: 100px;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 290px;
}
}
@media screen and (max-width: 991px) {
.text-block-container .image {
display: none;
}
.text-block-about .para-block p:not(:last-child) {
padding-bottom: 24px;
}
.text-block-about p {
max-width: 100%;
}
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 260px;
}
}
@media screen and (max-width: 575px) {
.about-us .banner-inner-right,
.service-details .banner-inner-right {
max-width: 230px;
}
}
@media screen and (max-width: 480px) {
.about-us .banner-inner-right {
display: none;
}
.about-us .banner-inner-page {
padding-bottom: 36px;
}
} .our-services p {
max-width: 823px;
margin: 0 auto;
}
.our-services-item {
padding: 120px;
padding-bottom: 277px;
height: 100%;
}
.our-services-item .image {
max-width: 294px;
width: 100%;
position: absolute;
right: 48px;
bottom: 48px;
}
.our-services-item .image img {
width: 100%;
height: auto;
}
.our-services-item .icon-ac-cleaning {
width: 48px;
height: 43px;
min-width: 48px;
}
.our-services-item .icon-pest-control,
.our-services-item .icon-office-cleaning,
.our-services-item .icon-fulltime-office-staff {
width: 48px;
height: 48px;
min-width: 48px;
}
.our-mission .row {
padding-bottom: 47px;
}
.our-mission .row p {
max-width: 340px;
margin: 0 auto;
}
@media screen and (max-width: 1760px) {
.our-services-item {
padding: 100px;
padding-bottom: 255px;
}
}
@media screen and (max-width: 1680px) {
.our-mission .image {
width: 140px;
height: 140px;
margin: 0 auto;
}
.our-mission .image img {
width: 100%;
}
.our-services-item {
padding: 80px;
padding-bottom: 200px;
}
.our-services-item .image {
max-width: 240px;
}
}
@media screen and (max-width: 1580px) {
.our-services-item {
padding: 60px;
padding-bottom: 150px;
}
}
@media screen and (max-width: 1366px) {
.our-mission .image {
width: 120px;
height: 120px;
}
.row-gap-32 {
row-gap: 24px;
}
.our-services-item .image {
max-width: 200px;
}
.our-services-item {
padding: 50px 40px;
padding-bottom: 120px;
}
.our-services-item .icon-ac-cleaning,
.our-services-item .icon-pest-control,
.our-services-item .icon-office-cleaning,
.our-services-item .icon-fulltime-office-staff,
.icon-home-cleaning-green,
.icon-furniture-cleaning-green,
.icon-ac-cleaning-green,
.icon-pest-control-green {
width: 38px;
height: 38px;
min-width: 38px;
min-height: 38px;
}
}
@media screen and (max-width: 1280px) {
.our-services-item {
padding: 50px 30px;
padding-bottom: 100px;
}
.our-services-item .image {
max-width: 170px;
}
}
@media screen and (max-width: 1199px) {
.our-services-item {
padding: 50px 40px;
padding-bottom: 50px;
}
.our-services-item .image {
display: none;
}
}
@media screen and (max-width: 991px) {
.our-mission .row {
padding-bottom: 0;
row-gap: 32px;
}
.our-mission .row .col-lg-3 {
row-gap: 16px;
}
.our-services-item {
padding: 32px 24px;
padding-bottom: 32px;
}
.our-services-item .icon-ac-cleaning,
.our-services-item .icon-pest-control,
.our-services-item .icon-office-cleaning,
.our-services-item .icon-fulltime-office-staff,
.icon-home-cleaning-green,
.icon-furniture-cleaning-green,
.icon-ac-cleaning-green,
.icon-pest-control-green {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
} .contact- .get-a-quote .right .image {
max-width: 529px;
}
.contact .get-a-quote .right .image img {
width: 100%;
height: auto;
}
.contact .get-a-quote .right {
top: unset;
}
.contact .get-a-quote {
position: relative;
overflow: hidden;
}
.contact .header-spacing-top {
padding: 136px 0 0;
}
.header-spacing-top {
padding-top: 136px;
}
.contact .get-a-quote .right .image {
position: relative;
}
@media screen and (max-width: 1580px) {
.contact .header-spacing-top {
padding: 115px 0 0;
}
.header-spacing-top {
padding-top: 115px;
}
}
@media screen and (max-width: 1199px) {
.header-spacing-top {
padding-top: 110px;
}
}
@media screen and (max-width: 991px) {
.contact .header-spacing-top {
padding: 130px 0 60px;
}
.header-spacing-top {
padding-top: 90px;
}
} .services-listing .title-block p {
max-width: 1110px;
margin: 0 auto;
}
.service-listing-item {
border-radius: 16px;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
padding: 48px;
min-height: 350px;
}
.service-listing-item-header h2,
.service-listing-item-header p {
text-align: left;
}
.service-listing-item-header>.d-flex {
max-width: 352px;
}
.service-listing-item-footer .pricing span:first-child {
margin-right: 8px;
}
.service-listing-item-footer {
border-top: 1px solid rgba(155, 159, 162, 0.5);
padding-top: 24px;
margin-top: 24px;
}
.service-listing-item .icon-home-cleaning {
width: 56px;
height: 53px;
min-width: 56px;
min-height: 53px;
}
.service-listing-item .icon-home-cleaning,
.service-listing-item .icon-fulltime-office-staff,
.service-listing-item .icon-office-cleaning,
.service-listing-item .icon-pest-control,
.service-listing-item .icon-ac-cleaning,
.service-listing-item .icon-furniture-cleaning {
margin: 0;
}
@media screen and (max-width: 1680px) {
.service-listing-item-header>.d-flex {
max-width: 315px;
}
}
@media screen and (max-width: 1580px) {
.service-listing-item-header>.d-flex {
max-width: 250px;
}
}
@media screen and (max-width: 1440px) {
.service-listing-item {
padding: 36px;
min-height: 323px;
}
}
@media screen and (max-width: 1280px) {
.service-listing-item {
padding: 24px;
}
.service-listing-item .icon-home-cleaning,
.service-listing-item .icon-pest-control,
.service-listing-item .icon-office-cleaning {
width: 45px;
height: 45px;
min-width: 45px;
min-height: 45px;
}
.service-listing-item .icon-furniture-cleaning {
width: 46px;
height: 46px;
min-width: 46px;
min-height: 46px;
}
.service-listing-item .icon-ac-cleaning {
width: 50px;
height: 47px;
min-width: 50px;
min-height: 47px;
}
}
@media screen and (max-width: 1199px) {
.service-listing-item-header {
flex-direction: column;
row-gap: 16px;
justify-content: start !important;
}
.service-listing-item-header>.d-flex {
max-width: 100%;
}
.service-listing-item-header>.icon-svg {
order: 1;
}
.service-listing-item-header>.d-flex {
order: 2;
}
.service-listing-item .icon-home-cleaning,
.service-listing-item .icon-pest-control,
.service-listing-item .icon-office-cleaning {
width: 38px;
height: 38px;
min-width: 38px;
min-height: 38px;
}
.service-listing-item .icon-furniture-cleaning {
width: 42px;
height: 42px;
min-width: 42px;
min-height: 42px;
}
.service-listing-item .icon-ac-cleaning {
width: 45px;
height: 38px;
min-width: 45px;
min-height: 38px;
}
.icon-fulltime-office-staff {
width: 42px;
height: 48px;
min-width: 42px;
min-height: 48px
}
.service-listing-item-footer {
padding-top: 16px;
margin-top: 16px;
}
}
@media screen and (max-width: 767px) {
.services-listing .row {
--bs-gutter-x: 1rem;
}
.service-listing-item {
padding: 16px;
min-height: 300px;
}
}
@media screen and (max-width: 575px) {
.service-listing-item {
min-height: unset;
}
.service-listing-item-header,
.service-listing-item-footer {
height: unset !important;
}
} .pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
width: 160px;
border-radius: 40px;
padding: 15px 22px;
color: #1D4930;
text-align: center;
font-family: "Instrument Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
max-width: unset;
}
.pagination .page-item .page-link {
width: auto;
max-width: 56px;
text-align: center;
min-width: 56px;
}
.pagination .page-item.prev-btn.disabled .page-link,
.pagination .page-item.next-btn.disabled .page-link {
border: 1px solid #030E14;
opacity: 0.4;
background: #FFF;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link {
border-radius: 40px;
background: #A5D089;
border: 1px solid #A5D089;
}
.pagination .page-item.prev-btn .page-link:focus,
.pagination .page-item.next-btn .page-link:focus,
.pagination .page-item .page-link:focus {
outline: 0;
box-shadow: none;
}
.pagination .page-item.prev-btn .page-link:hover,
.pagination .page-item.next-btn .page-link:hover {
background: #A5D089;
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
background: transparent;
}
.pagination .page-item.dots .page-link {
border: none;
}
.icon-left-arrow-green {
width: 8px;
height: 14px;
min-width: 8px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/prev-arrow.svg) no-repeat;
background-size: 100%;
margin-right: 16px;
}
.icon-right-arrow-green {
width: 8px;
height: 14px;
min-width: 8px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/next-arrow.svg) no-repeat;
background-size: 100%;
margin-left: 16px;
}
.pagination .page-item .page-link span {
width: 100%;
}
.pagination {
column-gap: 16px;
}
.pagination .page-item .page-link {
padding: 15px 16px;
border: 1px solid #1D4930;
}
.pagination .page-item.active .page-link {
background: #A5D089;
border: 1px solid #A5D089;
} .image-text-block .title-block {
max-width: 740px;
}
.image-text-block img {
width: 100%;
height: auto;
} .text-content-block .content {
max-width: 824px;
margin: 0 auto;
}
.text-content-block .content .para-block p:not(:last-child) {
padding-bottom: 36px;
}
.text-list li {} @media screen and (max-width: 1720px) {
.container-inner {
max-width: 96%;
}
section {
padding: 100px 0;
}
.faq {
padding-bottom: 150px;
}
.pt-120 {
padding-top: 100px;
}
.padding-b-120 {
padding-bottom: 100px !important;
}
}
@media screen and (max-width: 1680px) {
h1,
.h1 {
font-size: 70px;
line-height: 70px;
}
h2,
.h2 {
font-size: 50px;
line-height: 56px;
}
.h3-v1 {
font-size: 28px;
line-height: 36px;
}
.mb-48 {
margin-bottom: 36px;
}
.row-gap-24 {
row-gap: 16px;
}
.mt-64 {
margin-top: 50px;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
font-size: 17px;
}
}
@media screen and (max-width: 1580px) {
h1,
.h1 {
font-size: 65px;
line-height: 65px;
}
h2,
.h2 {
font-size: 42px;
line-height: 48px;
}
.h3-v1 {
font-size: 26px;
line-height: 32px;
}
section {
padding: 80px 0;
}
.padding-b-120 {
padding-bottom: 80px !important;
}
.pt-120 {
padding-top: 80px;
}
.faq {
padding-bottom: 130px;
}
.mt-64 {
margin-top: 40px;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
font-size: 16px;
width: 150px;
}
.pagination .page-item .page-link {
padding: 14px 16px;
max-width: 50px;
text-align: center;
min-width: 50px;
}
.row-gap-48 {
row-gap: 36px;
}
}
@media screen and (max-width: 1440px) {
h1,
.h1 {
font-size: 60px;
line-height: 60px;
}
h2,
.h2 {
font-size: 40px;
line-height: 46px;
}
h3,
.h3 {
font-size: 18px;
line-height: 24px;
}
.h3-v1 {
font-size: 24px;
line-height: 28px;
}
p,
.services-item p,
.accordion-body p,
.breadcrumb-item,
.text-list li {
font-size: 17px;
line-height: 24px;
}
.mb-48 {
margin-bottom: 24px;
}
.column-gap-32 {
column-gap: 24px;
}
.faq {
padding-bottom: 100px;
}
}
@media screen and (max-width: 1366px) {
h1,
.h1 {
font-size: 55px;
line-height: 55px;
}
h2,
.h2 {
font-size: 36px;
line-height: 42px;
}
h3,
.h3 {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (max-width: 1199px) {
h1,
.h1 {
font-size: 50px;
line-height: 50px;
}
h2,
.h2 {
font-size: 32px;
line-height: 36px;
}
p {
font-size: 18px;
line-height: 24px;
}
section {
padding: 60px 0;
}
.padding-b-120 {
padding-bottom: 60px !important;
}
.pt-120 {
padding-top: 60px;
}
.faq {
padding-bottom: 100px;
}
.h3-v1 {
font-size: 22px;
line-height: 26px;
}
.row-gap-48 {
row-gap: 28px;
}
}
@media screen and (max-width: 1024px) {
.pagination {
column-gap: 10px;
}
.icon-left-arrow-green {
margin-right: 8px;
}
.icon-right-arrow-green {
margin-left: 8px;
}
}
@media screen and (max-width: 991px) {
h1,
.h1 {
font-size: 46px;
line-height: 46px;
}
p,
.services-item p,
.h3,
.breadcrumb-item,
.text-list li {
font-size: 16px !important;
line-height: 24px !important;
}
section {
padding: 50px 0;
}
.padding-b-120 {
padding-bottom: 50px !important;
}
.pt-120 {
padding-top: 50px;
}
.row-gap-16 {
row-gap: 8px;
}
.faq {
padding-bottom: 50px;
}
.h3-v1 {
font-size: 20px;
line-height: 26px;
}
.mt-64 {
margin-top: 40px;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
padding: 10px 16px;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
width: 130px;
}
.pagination .page-item .page-link {
padding: 10px;
max-width: 42px;
text-align: center;
min-width: 42px;
}
}
@media screen and (max-width: 767px) {
.container-inner {
max-width: 93%;
}
h1,
.h1 {
font-size: 42px;
line-height: 42px;
}
h2,
.h2 {
font-size: 28px;
line-height: 34px;
}
.btn-kleen {
padding: 10px 18px;
font-size: 15px;
}
.row-gap-32 {
row-gap: 16px;
}
.mt-64 {
margin-top: 30px;
}
}
@media screen and (max-width: 575px) {
h1,
.h1 {
font-size: 38px;
line-height: 38px;
}
.mt-64 {
margin-top: 20px;
}
.pagination .page-item .page-link span {
display: none;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
padding: 13px;
width: auto;
justify-content: center !important;
}
.icon-left-arrow-green,
.icon-right-arrow-green {
margin: 0;
}
.pagination .page-item .page-link {
padding: 10px;
}
}
@media screen and (max-width: 420px) {
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link,
.pagination .page-item .page-link {
font-size: 14px;
}
.pagination .page-item .page-link {
width: 38px;
min-width: 38px;
padding: 9px 10px;
}
.pagination .page-item.prev-btn .page-link,
.pagination .page-item.next-btn .page-link {
padding: 11px;
}
} .service-details-block {
border-radius: 16px;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
padding: 64px;
max-width: 1109px;
width: 100%;
position: relative;
z-index: 10
}
.service-details-block .accordion-button {
padding-bottom: 24px !important;
align-items: start;
box-shadow: none !important;
background: transparent !important;
}
.service-details-block .accordion-button span {
display: block;
}
.service-details-block .accordion-item {
border: none;
border-radius: 0 !important;
}
.service-details-block .accordion-item .accordion-header {
border-bottom: 1px solid #1D4930;
}
.service-details-block .accordion-body {
border-bottom: 1px solid #9B9FA2;
padding: 0 0 24px 0;
}
.service-details-block .accordion-body p {
padding: 0 !important;
margin: 0 !important;
border-top: none !important;
}
.service-details-block .accordion-body .book-now-block {
padding: 16px;
background: #F3F4F3;
}
.service-details-block .accordion-item:not(:last-child) {
margin-bottom: 64px;
}
.service-details-block .accordion-button.collapsed:after {
width: 32px;
height: 32px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/accordion-arrow-bottom.svg) no-repeat !important;
background-size: 100%;
}
.service-details-block .accordion-button:after {
width: 32px;
height: 32px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/accordion-arrow-top.svg) no-repeat !important;
background-size: 100%;
}
.service-details-block .text-list {
margin-bottom: 0;
}
.accordion-item .accordion-button.collapsed .short-description {
display: none;
}
@media screen and (max-width: 1680px) {
.service-details-block {
padding: 48px;
}
.icon-included,
.icon-not-included,
.icon-good-to-know {
width: 32px;
height: 32px;
min-width: 32px;
}
}
@media screen and (max-width: 1580px) {
.service-details-block {
max-width: 900px;
}
.service-details-block .accordion-item:not(:last-child) {
margin-bottom: 48px;
}
.service-details-block .accordion-button {
padding-bottom: 16px !important;
}
}
@media screen and (max-width: 1440px) {
.service-details .banner-inner-right {
max-width: 370px;
z-index: 9;
}
.service-details-block {
padding: 36px;
}
}
@media screen and (max-width: 1199px) {
.service-details-block {
max-width: 100%;
}
.service-details .banner-inner-right {
display: none;
}
}
@media screen and (max-width: 991px) {
.service-details-block {
padding: 24px;
}
.service-details-block .accordion-button {
padding-bottom: 8px !important;
}
.icon-included,
.icon-not-included,
.icon-good-to-know {
width: 28px;
height: 28px;
min-width: 28px;
}
h4,
.h4 {
font-size: 16px;
line-height: 22px;
}
}
@media screen and (max-width: 575px) {
.service-details-block .accordion-item:not(:last-child) {
margin-bottom: 36px;
}
.book-now-block {
flex-direction: column;
align-items: start !important;
row-gap: 8px;
}
.service-details-block .accordion-body .book-now-block {
padding: 14px;
}
.service-details-block .book-now-block .btn-kleen {
margin-left: auto;
}
.service-details-block {
padding: 16px;
}
.service-details-block .accordion-item:not(:last-child) {
margin-bottom: 24px;
}
} .filters .btn-dark-green {
background: transparent;
color: #1D4930;
}
.filters .btn-dark-green:hover,
.filters .btn-dark-green:focus,
.filters .btn-dark-green.active {
background: #1D4930;
border-color: #1D4930;
color: #fff;
}
.homeSwiper .swiper-nav .swiper-button-prev,
.homeSwiper .swiper-nav .swiper-button-next {
display: block !important;
position: relative;
left: unset;
right: unset;
top: unset;
bottom: unset;
margin: 0;
opacity: 1;
}
.homeSwiper .swiper-nav {
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
column-gap: 16px;
justify-content: space-between;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
left: 0;
right: 0;
z-index: 99;
}
.homeSwiper .swiper-nav .swiper-button-prev {
width: 48px;
height: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/arrow-left.svg) no-repeat;
background-size: 100%;
margin: 0;
}
.homeSwiper .swiper-nav .swiper-button-next {
width: 48px;
height: 48px;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/arrow-right.svg) no-repeat;
background-size: 100%;
margin: 0;
}
.homeSwiper .swiper-button-prev:after,
.homeSwiper .swiper-button-next:after {
display: none;
}
.homeSwiper .swiper-pagination {
position: relative;
bottom: unset;
margin: 32px 0 0;
}
.homeSwiper .swiper-pagination-bullet {
width: 12px;
height: 12px;
border: 2px solid #1D4930;
background: transparent;
opacity: 1;
}
.homeSwiper .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.homeSwiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #1D4930;
}
.homeSwiper {
overflow: hidden;
}
@media screen and (max-width: 1680px) {
.homeSwiper .swiper-nav {
width: 100%;
padding: 0 48px;
}
}
@media screen and (max-width: 1580px) {
.contact-us .form-block .code-input {
top: 28.5%;
left: 18px;
}
}
@media screen and (max-width: 1280px) {
.contact-us .form-block .code-input {
font-size: 16px;
}
}
@media screen and (max-width: 1199px) {
.homeSwiper .swiper-nav {
display: none;
}
} .navbar-nav .sub-menu {
position: absolute;
top: 120px;
padding: 48px 0;
min-width: 411px;
width: 100%;
border-radius: 0 0 16px 16px;
border-right: 1px solid #1D4930;
border-bottom: 1px solid #1D4930;
border-left: 1px solid #1D4930;
border-top: none;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
display: none;
list-style: none;
}
header.sticky_header .navbar-nav .sub-menu {
top: 97px;
}
.navbar-nav .sub-menu.show {
display: block;
}
.navbar-nav .sub-menu li a {
padding: 22px 48px !important;
color: #1D4930;
font-family: "Instrument Sans";
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
text-align: left;
}
.navbar-nav .sub-menu li a:hover,
.navbar-nav .sub-menu li a:focus {
background: #1D4930;
color: #fff;
}
header .menu-mainmenu-container li.menu-item-has-children>a::after {
content: '';
display: inline-block;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/menu-down-arrow.svg) no-repeat center center;
width: 14px;
height: 14px;
margin-left: 4px;
border: none;
vertical-align: middle;
background-size: contain;
}
.menu-mainmenu-container {
margin: 0 auto;
}
@media screen and (max-width: 1760px) {
.navbar-nav .sub-menu li a {
padding: 18px 36px !important;
}
}
@media screen and (max-width: 1720px) {
.navbar-nav .sub-menu {
top: 120px;
padding: 36px 0;
}
}
@media screen and (max-width: 1680px) {
.navbar-nav .sub-menu li a {
padding: 18px 24px !important;
}
.navbar-nav .sub-menu {
padding: 24px 0;
}
}
@media screen and (max-width: 1580px) {
.navbar-nav .sub-menu li a {
padding: 16px 20px !important;
}
.navbar-nav .sub-menu {
top: 95px;
min-width: 350px;
}
}
@media screen and (max-width: 1440px) {
.navbar-nav .sub-menu li a {
font-size: 17px;
padding: 12px 20px !important;
}
.navbar-nav .sub-menu {
top: 100px;
min-width: 310px;
}
header.sticky_header .navbar-nav .sub-menu {
top: 95px;
}
}
@media screen and (max-width: 1366px) { }
@media screen and (max-width: 991px) {
.navbar-nav .sub-menu li a {
padding: 14px 22px !important;
font-size: 16px;
}
.navbar-nav .sub-menu {
position: relative;
top: unset;
border-radius: 0;
background: #A5D089;
border-radius: 0;
padding: 12px 0;
min-width: unset;
}
header.sticky_header .navbar-nav .sub-menu {
top: unset;
}
} .service-faq .accordion-item:not(.active) {
background: #F3F4F3;
}
.difference-slide #comparisonView {
width: 100%;
aspect-ratio: 1680/720;
height: 100%;
max-height: 720px;
overflow: hidden;
position: relative;
}
.difference-slide figure {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
}
.difference-slide #comparisonDivisor {
position: absolute;
width: 50%;
box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
bottom: 0;
height: 100%;
}
.difference-slide #comparisonDivisor::before {
content: "";
position: absolute;
right: -7px;
width: 14px;
height: 100%;
background: white;
z-index: 1;
top: 0;
}
.difference-slide #comparisonHandle {
position: absolute;
height: 50px;
width: 50px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 1;
}
.difference-slide input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
top: 50%;
left: -32px;
transform: translateY(-50%);
background-color: transparent;
width: calc(100% + 64px);
height: 0px;
z-index: 2;
}
.difference-slide input[type=range]:focus,
.difference-slide input[type=range]:active {
border: none;
outline: none;
}
.difference-slide input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 64px;
width: 64px;
border-radius: 50%;
background: url(//v2.tkt.cactidev.com/dev/wp-content/themes/ctkt/assets/images/slider-thumb.png) center/cover no-repeat;
}
.difference-slide input[type=range]::-moz-range-track {
-moz-appearance: none;
height: 0px;
width: 100%;
background-color: transparent;
position: relative;
outline: none;
}
.service-points h2 {
line-height: 120%;
max-width: 638px;
}
.benefits-section .icon-tick {
width: 40px;
min-width: 40px;
height: 40px;
}
.benefits-section p {
opacity: 70%;
line-height: 145%;
}
.benefits-section .row>div {
border-style: solid;
border-color: rgb(155, 159, 162, 0.5);
border-width: 0px;
}
.benefits-section .row>div:nth-child(1) {
border-right-width: 1px;
border-bottom-width: 1px;
padding: 0 48px 48px 0;
}
.benefits-section .row>div:nth-child(2) {
border-bottom-width: 1px;
padding: 0 0 48px 48px;
}
.benefits-section .row>div:nth-child(3) {
border-right-width: 1px;
border-bottom-width: 1px;
padding: 48px 48px 48px 0;
}
.benefits-section .row>div:nth-child(4) {
border-bottom-width: 1px;
padding: 48px 0 48px 48px;
}
.benefits-section .row>div:nth-child(5) {
border-right-width: 1px;
padding: 48px 48px 0 0;
}
.benefits-section .row>div:nth-child(6) {
padding: 48px 0 0 48px;
}
.process-section .process-video {
position: relative;
}
.process-section p {
max-width: 824px;
margin: auto;
}
.process-section .process-video {
position: relative;
max-width: 1110px;
width: 100%;
aspect-ratio: 1111/628;
margin-inline: auto;
}
.process-section .process-video:after {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: #00000080;
}
.process-section .play-btn {
position: absolute;
z-index: 1;
inset: 0;
margin: auto;
width: 96px;
background: #A5D089;
padding: 12px;
aspect-ratio: 1 / 1;
border: none;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.process-section video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.process-section .video-img {
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 0;
}
.process-section .play-btn img {
width: 32px;
height: 32px;
}
.hero-section {
display: flex;
padding-top: 137px;
border-bottom-left-radius: 16px;
}
.hero-section .left-part {
padding: 64px 16px 74px 120px;
width: 50%;
}
.hero-section .right {
width: 50%;
}
.hero-section .btn-kleen.btn-outline-white {
padding-block: 11px;
}
.hero-section p {
max-width: 720px;
}
.process-card .card-img {
position: relative; width: 176px;
height: 176px;
display: flex; align-items: center;
border-radius: 100%;
background: #fff;
}
.cleaning-process-number {
font-weight: 600;
font-size: 24px;
line-height: 140%;
text-align: center;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #1D4930;
border: 1px solid #1D4930;
border-radius: 100%;
position: absolute;
background-color: white;
top: 154px;
}
.process-card {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: fit-content;
padding: 0 42px;
}
.process-card-title {
font-weight: 600;
font-size: 24px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
margin-top: 32px;
} .card-color-light-green {
background-color: #E9F3E2;
}
.card-color-dark-green {
background-color: #1D4930;
}
.card-color-light-green-1 {
background-color: #A5D089;
}
.card-color-light-green-2 {
background-color: #C7E6B1;
}
.process-card .card-img img {
width: 100%;    
height: 100%;
background: #fff;
position: relative;
z-index: 1;
}
.process-card-main-div {
display: grid; grid-auto-flow: column;
justify-content: center;
}
.process-card-main-div .process-card:not(:last-child) {
position: relative;
}
.process-card-main-div .process-card:not(:last-child)::after {
position: absolute;
content: ""; 
width: 120%;
height: 2px; background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%);
background-position: bottom left;
background-size: 12px 2px;
background-repeat: repeat-x;
left: 48%;
top: 87px;
z-index: -1;
}
.process-card .card-img>div {
position: absolute;
bottom: 32px;
left: 32px;
display: flex;
gap: 16px;
align-items: center;
}
.process-card .card-img span {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 600;
line-height: 140%;
width: 40px;
height: 40px;
border-radius: 100%;
color: #1D4930;
background: #A5D089;
border: 1px solid #1D4930;
}
.process-card p {
padding: 32px 32px 0;
}
.included-card {
min-height: 220px;
height: 100%;
padding: 48px;
background: #FFFFFF;
box-shadow: 4px 4px 4px 0px #0000000D;
display: flex;
gap: 48px;
border-radius: 16px;
}
.included-card img {
height: fit-content;
max-width: 56px;
width: 100%;
}
@media screen and (max-width: 1860px) {
.hero-section .left-part {
padding-left: 100px;
}
}
@media screen and (max-width: 1760px) {
.hero-section .left-part {
padding-left: 50px;
}
.hero-section {
padding-top: 133px;
}
}
@media screen and (max-width: 1680px) {
.benefits-section .row>div:nth-child(1) {
padding: 0 36px 36px 0;
}
.benefits-section .row>div:nth-child(2) {
padding: 0 0 36px 36px;
}
.benefits-section .row>div:nth-child(3) {
padding: 36px 36px 36px 0;
}
.benefits-section .row>div:nth-child(4) {
padding: 36px 0 36px 36px;
}
.benefits-section .row>div:nth-child(5) {
padding: 36px 36px 0 0;
}
.benefits-section .row>div:nth-child(6) {
padding: 36px 0 0 36px;
}
.benefits-section .icon-tick {
width: 32px;
height: 32px;
min-width: 32px;
}
.hero-section {
padding-top: 112px;
}
.process-card .card-img>div {
bottom: 18px;
left: 18px;
}
.process-card p {
padding: 18px 18px 0;
}
.process-card .card-img {
width: 130px;
height: 160px;
}
.process-card .card-img{
width: 154px;       
height: 160px;
padding: 0 12px;
}
.cleaning-process-number {
top: 136px;
}
.process-card-title {
font-size: 22px;
}
.process-card-main-div .process-card:not(:last-child)::after{
top: 73px;
}
}
@media screen and (max-width: 1580px) {
.hero-section .left-part {
padding-left: 40px;
}
.hero-section {
padding-top: 116px;
}
.process-card .card-img>div {
gap: 12px;
}
.included-card {
min-height: 204px;
} }
@media screen and (max-width: 1440px) {
.benefits-section .row>div:nth-child(1) {
padding: 0 24px 24px 0;
}
.benefits-section .row>div:nth-child(2) {
padding: 0 0 24px 24px;
}
.benefits-section .row>div:nth-child(3) {
padding: 24px 24px 24px 0;
}
.benefits-section .row>div:nth-child(4) {
padding: 24px 0 24px 24px;
}
.benefits-section .row>div:nth-child(5) {
padding: 24px 24px 0 0;
}
.benefits-section .row>div:nth-child(6) {
padding: 24px 0 0 24px;
}
.benefits-section .icon-tick {
width: 28px;
height: 28px;
min-width: 28px;
}
.process-card .card-img>div {
bottom: 12px;
left: 12px;
gap: 8px;
}
.included-card {
padding: 34px;
min-height: 176px;
}
.process-card .card-img {
width: 140px;
height: 140px;
}
.process-card-main-div .process-card:not(:last-child)::after {  top: 67px;
}
.cleaning-process-number {
font-size: 18px;
width: 30px;
height: 30px;
top: 125px;
}
.process-card-title {
font-size: 20px;
line-height: 124%;
margin-top: 27px;
}
}
@media screen and (max-width: 1366px) {
.hero-section {
padding-top: 109px;
}
.process-card .card-img span {
font-size: 18px;
line-height: 140%;
width: 32px;
height: 32px;
}
.process-card p {
font-size: 16px;
padding: 12px 12px 0;
}
.process-card .card-img h3 {
font-size: 16px;
}
.included-card {
padding: 28px;
gap: 28px;
min-height: 164px;
}
}
@media screen and (max-width: 1280px) {
.hero-section .btn-kleen.btn-outline-white {
padding-block: 7px;
}
.included-card p {
font-size: 16px;
}
.included-card {
padding: 24px;
gap: 18px;
min-height: 156px;
}
.included-card img {
max-width: 46px;
}
}
@media screen and (max-width: 1200px) {
.hero-section .left-part {
padding-left: 30px;
}
.process-card .card-img {
width: 120px;
height: 120px;
}
.cleaning-process-number {
font-size: 17px;
width: 28px;
height: 28px;
top: 103px;
}
.process-card-main-div .process-card:not(:last-child)::after { top: 54px;
background-image: linear-gradient(to right, black 49%, rgba(255, 255, 255, 0) 0%);
background-size: 17px 2px;
}
.process-card-title {
font-size: 18px;
margin-top: 25px;
}
}
@media screen and (max-width: 991.98px) {
.difference-slide input[type=range] {
left: -21px;
width: calc(100% + 42px);
}
.difference-slide input[type=range]::-webkit-slider-thumb {
height: 42px;
width: 42px;
}
.difference-slide #comparisonDivisor::before {
right: -4px;
width: 8px;
}
.service-points h2 {
max-width: unset;
}
.service-points h2 br {
display: none;
}
.benefits-section .row>div:nth-child(5),
.benefits-section .row>div:nth-child(4),
.benefits-section .row>div:nth-child(3),
.benefits-section .row>div:nth-child(2),
.benefits-section .row>div:nth-child(1) {
padding: 24px 0;
border-width: 0 0 1px 0;
}
.benefits-section .row>div:nth-child(1) {
padding-top: 0;
}
.benefits-section .row>div:nth-child(6) {
padding: 24px 0 0;
border-width: 0;
}
.process-section .play-btn {
width: 72px;
}
.hero-section {
flex-direction: column;
padding-top: 89px;
}
.hero-section .left-part {
width: 100%;
padding: 42px 20px;
}
.hero-section .right {
width: 100%;
}
.process-card-main-div {
grid-template-columns: repeat(3, 1fr);
row-gap: 30px;
grid-auto-flow: dense;
}
.process-card-3::after {
display: none;
}
.process-card-main-div .process-card:not(:last-child)::after { }
.process-card{
width: 100%;
}
}
@media screen and (max-width: 767.98px) {
.benefits-section .row.g-0 {
--bs-gutter-x: 0;
}
.process-section .play-btn {
width: 62px;
}
.process-section .play-btn img {
width: 24px;
height: 24px;
}
.hero-section .btn-kleen.btn-outline-white {
padding: 10px 24px;
}
.hero-section .btn-kleen.btn-outline-white .icon-whatsapp {
width: 17px;
height: 17px;
min-width: 17px;
}
.hero-section .left-part {
padding: 42px 16px;
}
.process-card .card-img span {
font-size: 16px;
width: 28px;
height: 28px;
}
.process-card .card-img>div {
bottom: 10px;
left: 10px;
gap: 4px;
}
.process-card .card-img {
width: 90px;
height: 90px;
}
.cleaning-process-number {
font-size: 15px;
width: 25px;
height: 25px;
top: 74px;
}
.process-card-main-div .process-card:not(:last-child)::after { top: 41px;
background-size: 11px 2px;
height: 1px;
}
.process-card-title {
font-size: 16px;
margin-top: 20px;
}
.process-card{
padding: 0 22px;
}
}
@media screen and (max-width: 575.98px) {
.process-section .play-btn {
width: 52px;
}
.process-section .play-btn img {
width: 18px;
height: 18px;
}
.included-card{
padding: 18px;
gap: 12px;
}
.included-card img {
max-width: 42px;
}
.process-card-main-div {
grid-template-columns: repeat(2, 1fr);
row-gap: 20px;
}
.process-card-2::after {
display: none;
}
.process-card-3::after {
display: block;
}
.process-card-4::after {
display: none;
}
.process-card-main-div .process-card:not(:last-child)::after { top: 42px; } 
.process-card{
padding: 0 6px;
}
}
@media screen and (max-width: 991px) {
nav {
padding-bottom:2rem;
}
}