/* 
Reset Styles 
=============== */

.kcw {
  box-sizing: unset;
}

.kcw * {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' * {font-size: 14px} */
  font-size: inherit;
}

.kcw section,
.kcw div,
.kcw dl,
.kcw dt,
.kcw dd,
.kcw ul,
.kcw ol,
.kcw li,
.kcw h1,
.kcw h2,
.kcw h3,
.kcw h4,
.kcw h5,
.kcw h6,
.kcw pre,
.kcw form,
.kcw fieldset,
.kcw input,
.kcw textarea,
.kcw label,
.kcw p,
.kcw blockquote,
.kcw th,
.kcw td,
.kcw a {
  box-sizing: unset;
  margin: 0;
  padding: 0;
}

.kcw table {
  border-collapse: collapse;
  border-spacing: 0;
}

.kcw fieldset,
.kcw img {
  border: 0;
}

.kcw address,
.kcw caption,
.kcw cite,
.kcw code,
.kcw dfn,
.kcw em,
.kcw strong,
.kcw th,
.kcw var {
  font-style: normal;
  font-weight: normal;
}



.kcw caption,
.kcw th {
  text-align: left;
}

.kcw h1,
.kcw h2,
.kcw h3,
.kcw h4,
.kcw h5,
.kcw h6 {
  font-size: 100%;
  font-weight: bold;
}

.kcw q:before,
.kcw q:after {
  content: '';
}

.kcw abbr,
.kcw acronym {
  border: 0;
}

.kcw a {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' a {display: inline-block} */
  display: inline;
}

.kcw p:first-child {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' p:first-child margin-top styles */
  margin-top: inherit;
}

.kcw p:last-child {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' p:last-child margin-bottom styles */
  margin-bottom: inherit;
}

/* Reset Styles End
=============== */


@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.kyruus.com/pmc-customer-static-assets/2201yzcm/fonts/1.4/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.kyruus.com/pmc-customer-static-assets/2201yzcm/fonts/1.4/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.kyruus.com/pmc-customer-static-assets/2201yzcm/fonts/1.4/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
}

body {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
  background-color: #fff;
}

.kcw__navbar {
  background-color: white;
  color: #333;
  padding: 25px 10px;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.kcw__nav-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kcw__logo img {
  height: 50px;
  width: auto;
}

.kcw__desktop-menu {
  display: flex;
  list-style: none;
  gap: 60px;
  align-items: center;
}

.kcw__desktop-menu li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kcw__desktop-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #4D5151;
  text-decoration: none;
  white-space: nowrap;
}

.kcw__desktop-menu a:hover {
  color: #1E9A8D;
}

.kcw__menu-icon img {
  height: auto;
  width: auto;
}

.kcw__mobile-toggle {
  display: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  background-color: #1a9482;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  font-family: 'Montserrat', sans-serif;
  border: 2px solid #fff;
  position: relative;
}

.kcw__mobile-toggle:hover {
  background-color: #157b6b;
}

.kcw__menu-text,
.kcw__close-text {
  display: flex;
  align-items: center;
}

.kcw__close-text {
  display: none;
}

#kcw__mobile-menu-toggle:checked+.kcw__mobile-toggle .kcw__menu-text {
  display: none;
}

#kcw__mobile-menu-toggle:checked+.kcw__mobile-toggle .kcw__close-text {
  display: flex;
}

.kcw__mobile-toggle i {
  margin-left: 8px;
  font-size: 14px;
}

.kcw__mobile-menu {
  display: none;
  background-color: white;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #eee;
}

.kcw__mobile-menu ul {
  list-style: none;
}

.kcw__mobile-menu li {
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  gap: 15px;
}

.kcw__mobile-menu li:last-child {
  border-bottom: none;
}

.kcw__mobile-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #4D5151;
  text-decoration: underline;
  text-underline-offset: 4px;
  /* Adjust spacing here */
}

.kcw__mobile-menu a:hover {
  color: #1E9A8D;
}

#kcw__mobile-menu-toggle {
  display: none;
}

#kcw__mobile-menu-toggle:checked~.kcw__mobile-menu {
  display: block;
}

@media (max-width: 991px) {
  .kcw__desktop-menu {
    display: none;
  }

  .kcw__mobile-toggle {
    display: block;
  }

  .kcw__logo img {
    height: 30px;
  }
}

@media (max-width: 991px) {
  .kcw__desktop-menu {
    display: none;
  }

  .kcw__mobile-toggle {
    display: block;
  }

  .kcw__logo img {
    height: 50px;
    /* Increased from 30px to 50px */
    width: auto;
    /* You can also set a width if needed */
  }
}

.kcw__btn_cus:hover {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .kcw__pipe {
    display: none;
  }

  .kcw__footer-bottom-inner span.kcw__copyright-label {
    margin-right: 0px !important;
  }

  .kcw__footer-container {
    padding: 40px;
  }

  .kcw__footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
  }
}

.kcw__footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}

.kcw__footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.kcw__footer-section {
  flex: 1;
  min-width: 180px;
}

.kcw__footer-logo-container {
  margin-bottom: 20px;
}

.kcw__footer-logo-img {
  height: 49px;
  width: 218px;
}

.kcw__footer-section h3 {
  color: rgb(25, 152, 139);
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}

.kcw__footer-links {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kcw__footer-link {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #333;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.kcw__footer-link:hover {
  color: #1E9A8D;
}

.kcw__footer-link img {
  width: auto;
  height: auto;
}

.kcw__social-icons {
  display: flex;
  gap: 16px;
  /* spacing between icons */
  align-items: center;
  margin-top: -7px;
}

.kcw__social-icon img {
  width: 25px;
  height: 25px;
  transition: filter 0.3s ease;
  cursor: pointer;
  color: #212529;
}

/* Hover effect to change icon color */
.kcw__social-icon:hover img {
  filter: brightness(0) saturate(100%) invert(48%) sepia(33%) saturate(533%) hue-rotate(128deg) brightness(94%) contrast(94%);
}


.kcw__app-features {
  list-style: none;
  margin-bottom: 24px;
}

.kcw__app-features li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
}



.kcw__app-download {
  display: flex;
  gap: 12px;
}

.kcw__app-download img {
  width: 110px;
  height: auto;
}

.kcw__footer-bottom {
  background-color: #f4fafa;
  padding: 20px;
  margin-top: 48px;
  font-size: 13px;
  color: rgb(77, 81, 81);
}

.kcw__footer-bottom-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  line-height: 1.5;
}

.kcw__footer-bottom-inner span.kcw__copyright-label {
  margin-right: 50px;
}

.kcw__footer-bottom-inner a {
  font-size: 13px;
  color: #4D5151;
  text-decoration: none !important;
  font-weight: 400;
  line-height: 35px;
}

.kcw__pipe {
  color: #999;
  margin: 0 6px;
}

.kcw__button-container_cus {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}

.kcw__btn_cus {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
  border: none;
  border-radius: 25px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  text-align: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  text-decoration: none;
  width: auto;
}

.kcw__btn-yellow_cus {
  background-color: #F7C600;
  color: #4D5151;
  border: 2px solid #ffffff;
}

.kcw__btn-yellow_cus:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), #F5CB08;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.40);
  text-decoration-line: underline;
  color: #4D5151;
}

.kcw__btn-green_cus {
  background-color: #1FA499;
  color: white;
  border: 2px solid #ffffff;
}

.kcw__btn-green_cus:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), #19988B;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.40);
  color: #FFFFFF;
  text-decoration-line: underline;
}

@media (max-width: 768px) {
  .kcw__footer {
    flex-direction: column;
    gap: 36px;

  }

  .kcw__footer-section {
    min-width: 100%;

  }

  .kcw__footer-bottom-inner {
    flex-direction: column;
    gap: 6px;
    padding: 0 12px;
  }
}

.kcw__cwu {
  margin-top: 30px;
}

ul li,
ol li {
  color: #4D5151 !important;
  font-size: 18px !important;
  margin-bottom: 15px !important;
  line-height: 30px !important;
}

.kcw__toggle-icon {
  font-size: 18px;
  color: white;
  margin-left: 6px;
  /* Add space between "Menu" text and icon */
  transition: color 0.3s ease;
}

.kcw__app-features li:before {
  content: "\2022";
  position: absolute;
  left: 4px;
  color: #4D5151;
  font-size: 41px;
  top: -4px;
}

@media (max-width: 1192px) {
  .kcw__footer-links {
    padding-left: 20px;
    /* Adds space inside the box */
    /* or use margin-left if you want space outside the container */
  }
}

/* Remove padding on smaller (mobile) screens */
@media (max-width: 767px) {
  .kcw__footer-links {
    padding-left: 0;
  }
}