:root {
  --main-color: #21c6cb;
  --second-color: #48858b;
  --Disabled: #8f94a4;
}
::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
}
::-moz-selection {
  color: #ffffff;
  background-color: var(--main-color);
}
::selection {
  color: #ffffff;
  background-color: var(--main-color);
}
.slick-arrow {
  color: var(--main-color);
}

/* Mobile Menu */
.mobile-menu-list li a {
  background-color: #21c6cb10;
  color: var(--main-color);
}
.mobile-menu-list li a:active {
  background-color: #21c6cb20;
}

/* Header */
header.scroll #top-menu .nav-link {
  color: #ffffff;
}
header.scroll .menu-marker {
  background-color: #ffffff;
}

/* Option Menu */
#option-menu-btn,
#back-to-top-btn {
  background-color: var(--main-color);
  box-shadow: 4px 4px 20px 0 #1d8f9388;
}
#option-menu-body {
  box-shadow: 4px 0px 30px 0 rgba(0, 0, 0, 0.1);
}
.opt-checkbox input::before {
  background-color: var(--Disabled);
}
.opt-checkbox input:checked::before {
  background-color: var(--main-color);
}

/* Main */
.section-title {
  color: var(--main-color);
}
.line-break {
  background-color: var(--main-color);
  color: var(--main-color);
}
.line-break-child {
  background-color: var(--main-color);
}
#home {
  background-color: var(--main-color);
}
.home-overlay {
  background-color: #083f41ce;
}
.home-body a {
  background-color: var(--main-color);
}
.home-body a:hover {
  border-color: #f1f1f1;
  color: #f1f1f1;
  background-color: transparent;
}
.typed-cursor {
  color: var(--main-color);
}

#about-us {
  cursor: default;
}
.about-items {
  background-color: #21c6cb22;
}
.comments-card {
  background-color: #21c6cb22;
}
.about-subtitle span,
.comments-subtitle span {
  color: var(--main-color);
}
#counts {
  background-color: var(--main-color);
}
.service-card:hover {
  box-shadow: 0 4px 14px 0 #2bb2b733;
}
.service-card-icon {
  color: var(--main-color);
}
.service-card-title {
  color: var(--second-color);
}
.service-card-description {
  color: #8f94a4;
}
.example-tabs button.active {
  background-color: var(--main-color);
  color: #f1f1f1;
}
.example-tabs button:hover {
  color: var(--main-color);
}
.example-tabs button.active:hover {
  color: #f1f1f1;
}
.plans-card-footer button {
  background-color: var(--main-color);
}
.plans-card-footer button:hover {
  color: var(--main-color);
  background-color: transparent;
  border-color: var(--main-color);
}
.plans-header-icon {
  color: var(--main-color);
}
.plans-title.main-color h4 {
  color: var(--main-color);
}
.main-offer {
  background-color: var(--main-color);
}
.main-offer-btn button:hover {
  color: #f1f1f1;
}
.form-control:focus {
  border-color: var(--main-color);
  box-shadow: 0 0 0 0.25rem rgba(33, 198, 203, 0.25) !important;
}
.contact-us-form button {
  background-color: var(--main-color);
}
.contact-us-form button:hover {
  border-color: var(--main-color);
  background-color: transparent;
  color: var(--main-color);
}
.contact-info-title {
  color: var(--main-color);
}
.contact-info {
  background-color: #21c6cb22;
}
.contact-info-body {
  border-color: rgba(33, 198, 203, 0.25);
}
/* Footer */
footer {
  background-color: var(--main-color);
}

@media screen and (max-width: 992px) {
  header.scroll {
    background-color: #21c6cbee !important;
  }
}