:root {
  --primary-color-light: #1cb5e0;
  --primary-color-dark: #000046;
  --light-color: #fff;
  --dark-color: #000;
  --color-text: #555;
}
/* General */
body {
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: var(--color-text);
}
.mk-container {
  padding: 3.75rem 0;
}
.mk-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mk-h2 {
  margin: 0 0 1.6rem 0;
  color: var(--primary-color-dark);
}
.mk-h3 {
  margin: 1.9rem 0.9rem;
  color: var(--primary-color-dark);
}
.mk-main-p {
  margin: 0 0 1.6rem 0;
  padding: 0 1.6rem;
  text-align: justify;
}
.mk-p {
  margin: 0;
  padding: 0 1.6rem;
  text-align: justify;
}
.mk-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* General */

/* Nav */
.nav-item {
  padding: 0 0.9rem;
  font-size: 0.9rem;
  color: var(--color-text);
}
.mk-nav-item {
  display: flex;
  align-items: center;
}
.mk-logo-img{
  display: block;
  margin: 0;
  width: 162px;
  height: 67px;
}
.text-dark{
  font-size: 18px;
}
/* Nav */

/* Carousel */
.mk-carousel-container {
  position: relative;
}
.mk-carousel-img {
  background-image: url("../image/carousel.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 44rem;
}
.mk-carousel-content {
  position: absolute;
  top: 30%;
  left: 10%;
  right: 50%;
  background-color: rgb(255, 255, 255, 0.7);
  border-radius: 3px;
  padding: 0.9rem;
}
.mk-carousel-content > a {
  text-decoration: none;
  color: var(--dark-color);
}
.mk-carousel-h1 {
  color: var(--dark-color);
  margin: 0 0 0.9rem 0;
}
.mk-carousel-p {
  color: var(--dark-color);
  margin: 0 0 0.9rem 0;
  text-align: justify;
}
.mk-carousel-btn {
  display: inline-block;
  padding: 0.75rem 1rem;
  background: var(--primary-color-dark);
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
}
/* Carousel */

/* Offer */
.mk-offer-i {
  margin: 0.9rem 0 0 0;
  font-size: 2.8rem;
  color: var(--primary-color-dark);
}
.mk-offer-h3 {
  margin: 1.9rem 0.9rem;
  color: var(--primary-color-dark);
}
/* Offer */

/* Separator */
.mk-separator-container {
  padding: 3.75rem 0;
  background: var(--primary-color-dark);
}

.mk-separator-content {
  text-align: center;
}

.mk-separator-content > a {
  text-decoration: none;
  color: #000;
}

.mk-separator-h2 {
  margin: 0 0 1.6rem 0;
  color: #fff;
}

.mk-separator-span {
  display: block;
  color: #fff;
  margin: 0 0 1.6rem 0;
}

.mk-separator-btn {
  display: inline-block;
  padding: 0.75rem 1rem;
  background: white;
  border-radius: 2px;
  text-decoration: none;
  color: #000;
}
/* Separator */

/* Process */

.mk-process-item {
  display: flex;
  flex-direction: column;
}

.mk-process {
  display: flex;
  align-items: center;
}

.mk-process-h3 {
  margin: 0.9rem 0.9rem;
  color: #0c0633;
}

.mk-process-img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  opacity: 40%;
  margin: 1.9rem 0 0 0;
}

.mk-process-img-responsive-bs {
  display: block;
  max-width: 100%;
  height: auto;
  box-shadow: 3px 3px 0.625rem #0c0633, #ffffff -3px 3px 0.625rem, 3px -3px 0.625rem;
}
/* Process */

/* Contact */
.mk-contact-separator {
  padding: 60px 0;
  background: #0c0633;
}

.mk-contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mk-contact-text {
  text-align: center;
  padding: 0 50px;
}

.mk-contact-h3 {
  color: #fff;
  margin: 0 0 1.6rem 0;
}

.mk-contact-h3-2 {
  color: #fff;
  margin: 1.6rem 0 1.6rem 0;
}

.mk-contact-p {
  color: #fff;
  margin: 0 0 0.625rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mk-text-mail{
  font-size: 1rem;
}
/* Contact */

/* Pricing */

.mk-pricing-item {
  margin: 0.9rem 0.9rem;
}

.mk-pricing-row {
  margin: 0;
  display: flex;
  justify-content: center;
}

.mk-pricing-card-body {
  background: #f5f5f5;
  color: #000;
  margin: 0;
}

.mk-pricing-card-header-1 {
  background: #3cbffa;
}

.mk-pricing-card-header-2 {
  background: #4e74ff;
}

.mk-pricing-card-header-3 {
  background: #0c0633;
}

.mk-card-width {
  max-width: 30rem;
}
/* Pricing */

/* Line */
.mk-line {
  margin: 0 !important;
}
/* Line */

/* Footer */

.mk-footer-i {
  font-size: 1.9rem;
  color: #0c0633;
  padding-left: 0.9rem;
}

.mk-footer-i:first-child {
  padding-left: 0;
}
.mk-footer-p-last {
  text-align: center;
  margin: 0 0 0.9rem 0;
}

.mk-footer-h3 {
  margin: 0.9rem 0 0.9rem 0;
  color: #0c0633;
  padding: 0 0.9rem;
}

.mk-footer-h3-2 {
  margin: 0 0 0.9rem 0;
  color: #0c0633;
  padding: 0 0 0 0.9rem;
  margin: 0.9rem 0 0.9rem 0;
}

.mk-footer-p {
  margin: 0;
  padding: 0 0.9rem;
  text-align: justify;
}
.mk-footer-social {
  display: flex;
  padding: 0 0.9rem;
}
.mk-footer-social-i {
  padding-left: 1.9rem;
  font-size: 40px;
}
.mk-footer-social-i:first-child {
  padding-left: 0;
}
.mk-footer-social > a{
  text-decoration: none;
  padding-left: 0.5rem;
}
.mk-footer-social > a:first-child{
  text-decoration: none;
  padding-left: 0;
}
.mk-footer-p-last{
  margin: 0 0.9rem;
}
.mk-footer-p-last>a{
  text-decoration: none;
  color: var(--color-text);
}
/* Footer */
/* Cookies */
#mk-general {
  display: block;
  z-index: 99999;
  min-height: 2.188rem;
  width: 100%;
  position: fixed;
  background: rgb(31, 31, 31);
  border-image: initial;
  text-align: center;
  color: rgb(119, 119, 119);
  border-radius: 0px;
  left: 0;
  border-color: rgb(198, 198, 198);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  right: 0;
  top: 0;
}
.mk_cookies {
  padding: 0.3rem;
  margin-left: 0.938rem;
  margin-right: 0.938rem;
  font-size: 0.938rem;
  font-weight: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mk-cookies-text {
  font-family: Lato, Helvetica, Arial, sans-serif;
  margin: 0 0 0.5rem 0;
  color: var(--light-color);
}
#mk-cookies-btn {
  font-family: Lato, Helvetica, Arial, sans-serif;
  display: block;
  width: 6.25rem;
  background: var(--light-color);
  color: #000;
  padding: 0.3rem 0.9rem;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: normal;
  border: 0px solid rgb(31, 31, 31);
  border-radius: 3px;
}
/* Cookies */
/* Arrow */
#myBtn {
  display: none;
  position: fixed;
  bottom: 0.625rem;
  right: 1.25rem;
  z-index: 99;
  border: none;
  outline: none;
  color: var(--light-color);
  cursor: pointer;
  padding: 0.93rem;
  border-radius: 3px;
  font-size: 1.125rem;
}
.mk-arrow {
  font-size: 1.875rem;
  color: var(--dark-color);
}
/* Arrow */
/* Mobile */
@media only screen and (max-width: 768px) {
  .mk-process-step {
    display: none;
  }
  .mk-process-img-responsive {
    margin: 0;
  }
  .mk-carousel-content {
    top: 30%;
    left: 10%;
    right: 30%;
  }
  
}
@media only screen and (max-width: 576px) {
  .mk-contact-h3 {
    margin: 0.9rem 0 0 0;
  }
  .mk-process-step-small {
    display: none;
  }
  .mk-carousel-content {
    top: 30%;
    left: 10%;
    right: 20%;
  }
}
@media only screen and (max-width: 476px) {
  .mk-contact-h3 {
    margin: 0.9rem 0 0 0;
  }
  .mk-process-step-small {
    display: none;
  }
  .mk-carousel-content {
    top: 20%;
    left: 5%;
    right: 5%;
  }
  .mk-carousel-img {
    background-image: url("../image/carousel.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 550px;
  }
}
/* Mobile */

.row{
  margin: 0;
}