:root {
  font-size: 20px;
  font-family: var(--main-en-font);
  --main-color:rgb(81, 110, 255);
  --sec-color:rgb(238, 201, 19);
  --third-color:#FFF;
  --forth-color:#000;
  --additional-color:#f8f8f8;
  --main-en-font:poppins, sans-serif;
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-transform: capitalize;
}

.container {
  width: 90%;
  margin: auto;
}

article {
  padding: 3rem 0;
}

ul li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
  outline: 0;
  background-color: inherit;
}

.main-btn {
  background-color: var(--main-color);
  color: var(--third-color);
  border: 3px solid var(--main-color);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  cursor: pointer;
}
.main-btn a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--third-color);
}
.main-btn::before {
  content: "";
  background-color: var(--sec-color);
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
.main-btn:hover::before {
  width: 100%;
}

.section-header {
  border-bottom: 1px solid var(--forth-color);
  position: relative;
  text-align: right;
  padding-bottom: 0.5rem;
}
.section-header > span {
  color: var(--sec-color);
}
.section-header .float {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
  text-align: left;
  font-size: 0.8rem;
}
.section-header .float span {
  display: block;
  background-color: var(--third-color);
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 1rem;
}

@media (min-width: 600px) {
  .section-header {
    font-size: 2rem;
  }
  .section-header .float {
    font-size: 1.3rem !important;
    top: 10px;
  }
}
body {
  overflow-x: hidden;
}

#open {
  padding: 0.5rem;
  display: flex;
  position: fixed;
  right: -1px;
  top: 1rem;
  background-color: var(--main-color);
  border-radius: 0.5rem 0 0 0.5rem;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  z-index: 8;
  border: 2px solid var(--third-color);
}
#open svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-dasharray='24' stroke-dashoffset='24' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M5 5H19'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='24;0'/%3E%3C/path%3E%3Cpath d='M5 12H19'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.2s' dur='0.2s' values='24;0'/%3E%3C/path%3E%3Cpath d='M5 19H19'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.4s' dur='0.2s' values='24;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
#open:hover {
  padding: 0.5rem 1rem;
  background-color: var(--sec-color);
}

#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 1rem;
  background-color: var(--main-color);
  border: 1px solid var(--third-color);
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  z-index: 8;
  cursor: pointer;
}
#scroll-to-top svg {
  color: var(--third-color);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  padding: 1rem;
  margin: 0.2rem 0 0;
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16 7H8a1 1 0 0 0-1 1v8a1 1 0 0 0 1.707.707l8-8A1 1 0 0 0 16 7' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
#scroll-to-top:hover {
  background-color: var(--sec-color);
  border: 1px solid var(--main-color);
}
#scroll-to-top:hover svg {
  color: var(--main-color);
}

header {
  width: 100dvw;
  height: 100dvh;
  background-color: var(--sec-color);
  position: fixed;
  top: 0;
  left: -3000px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  z-index: 8;
}
header nav {
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -moz-justify-content: space-between;
  -moz-align-items: center;
  -moz-flex-direction: column;
  -o-justify-content: space-between;
  -o-align-items: center;
  -o-flex-direction: column;
  -ms-justify-content: space-between;
  -ms-align-items: center;
}
header nav .logo {
  height: 35%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -moz-justify-content: center;
  -moz-align-items: center;
  -moz-flex-direction: column;
  -o-justify-content: center;
  -o-align-items: center;
  -o-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
}
header nav .logo img {
  width: 150px;
}
header nav .logo h1 {
  text-align: center;
  color: var(--main-color);
  font-style: italic;
  font-size: 0.8rem;
}
header nav .logo h1 p {
  line-height: 1rem;
  color: var(--forth-color);
  font-style: normal;
  font-weight: 300;
}
header nav .header-links {
  height: 55%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -moz-justify-content: center;
  -moz-align-items: center;
  -moz-flex-direction: column;
  -o-justify-content: center;
  -o-align-items: center;
  -o-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  text-align: center;
}
header nav .header-links a {
  margin: 1rem 0;
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  position: relative;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
header nav .header-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 5px;
  background-color: var(--main-color);
  border-radius: 1rem;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
header nav .header-links a:hover {
  color: var(--main-color);
}
header nav .header-links a:hover::after {
  width: 100%;
}
header nav .main-btn {
  width: 100%;
}
header nav .main-btn a {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
header nav .main-btn:hover {
  background-color: inherit;
}
header nav .main-btn:hover a {
  letter-spacing: 0.2rem;
  color: var(--forth-color);
}
header #close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
header #close:hover {
  color: var(--main-color);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
header #close svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 1rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-dasharray='16' stroke-dashoffset='16' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M7 7L17 17'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='16;0'/%3E%3C/path%3E%3Cpath d='M17 7L7 17'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.4s' dur='0.4s' values='16;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

article.home {
  height: 100dvh;
}
article.home section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -moz-justify-content: center;
  -moz-align-items: center;
  -moz-flex-direction: column-reverse;
  -o-justify-content: center;
  -o-align-items: center;
  -o-flex-direction: column-reverse;
  -ms-justify-content: center;
  -ms-align-items: center;
  gap: 1rem;
  height: 100%;
}
article.home section .left h1 span {
  color: var(--sec-color);
}
article.home section .left p {
  font-size: 0.7rem;
  font-weight: 300;
  margin: 1rem 0;
  opacity: 0.9;
}
article.home section .left .btns button:first-of-type:hover {
  border: 3px solid var(--sec-color);
}
article.home section .left .btns button:last-of-type {
  background-color: inherit;
  margin-left: 1rem;
}
article.home section .left .btns button:last-of-type a {
  color: var(--main-color);
}
article.home section .left .btns button:last-of-type::before {
  background-color: var(--forth-color);
}
article.home section .left .btns button:last-of-type:hover {
  border: 3px solid var(--forth-color);
}
article.home section .left .btns button:last-of-type:hover a {
  color: var(--third-color);
}
article.home section .right img {
  width: 100%;
}

article.get-service {
  background-color: var(--main-color);
}
article.get-service section.container .left h1, article.get-service section.container .left p {
  text-align: center;
  color: var(--third-color);
}
article.get-service section.container .left p {
  font-size: 0.8rem;
}
article.get-service section.container .right {
  margin-top: 2rem;
}
article.get-service section.container .right ul li {
  width: 100%;
  background-color: var(--third-color);
  padding: 1rem;
  margin: 0.5rem 0;
  border-radius: 10px;
  text-align: center;
}
article.get-service section.container .right ul li svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
article.get-service section.container .right ul li svg.phone {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='64' stroke-dashoffset='64' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3C8.5 3 10.5 7.5 10.5 8C10.5 9 9 10 8.5 11C8 12 9 13 10 14C10.3943 14.3943 12 16 13 15.5C14 15 15 13.5 16 13.5C16.5 13.5 21 15.5 21 16C21 18 19.5 19.5 18 20C16.5 20.5 15.5 20.5 13.5 20C11.5 19.5 10 19 7.5 16.5C5 14 4.5 12.5 4 10.5C3.5 8.5 3.5 7.5 4 6C4.5 4.5 6 3 8 3Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='64;0'/%3E%3C/path%3E%3C/svg%3E");
}
article.get-service section.container .right ul li svg.calender {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 1v3h8V1h2v3h4v18H2V4h4V1zM4 6v3h16V6zm16 5H4v9h16z'/%3E%3Cpath fill='%23000' d='m16.914 13.25l-5.657 5.657l-3.535-3.536l1.414-1.414l2.121 2.121l4.243-4.242z'/%3E%3C/svg%3E");
}
article.get-service section.container .right ul li svg.doc {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='m16.649 9.326l.055-.24c.105-.446.277-1.102.632-1.748c.362-.658.923-1.325 1.803-1.764c.877-.437 1.976-.6 3.335-.42c1.5.2 4.513.696 7.175 2.05c2.677 1.362 5.185 3.705 5.185 7.607c0 2.016-.78 4.179-1.536 5.589c-.363.678-.794 1.326-1.226 1.675c-.099.08-.24.18-.415.25a8.004 8.004 0 0 1-15.05.738l-.024.004l-.355-.431L17 22l-.772.636l-.001-.002l-.002-.002l-.005-.007l-.017-.02a6.849 6.849 0 0 1-.247-.327a13.446 13.446 0 0 1-.61-.924c-.47-.778-1.037-1.886-1.4-3.179c-.362-1.293-.528-2.809-.148-4.373c.37-1.522 1.243-3.02 2.824-4.358zm1.68 12.638a6.003 6.003 0 0 0 11.564-.833l.113.038a2.43 2.43 0 0 1-.006-.17c0-1.655-.23-2.81-.444-3.53a6.71 6.71 0 0 0-.139-.416l-.041.002h-.04a11.485 11.485 0 0 1-2.232-.17c-1.717-.29-4.042-1.014-6.78-2.691c-.06.134-.12.285-.18.453c-.196.555-.357 1.214-.496 1.91c-.123.613-.224 1.23-.32 1.808l-.037.228c-.103.62-.206 1.229-.326 1.67c-.21.766-.424 1.31-.636 1.7m-1.4-1.863a10.949 10.949 0 0 1-1.056-2.465c-.299-1.066-.409-2.22-.131-3.361c.27-1.11.923-2.277 2.266-3.383c.242-.164.352-.384.382-.443v-.001a1.91 1.91 0 0 0 .126-.337c.032-.114.067-.27.1-.41l.035-.157c.095-.403.218-.842.438-1.243c.214-.388.507-.72.943-.937c.438-.219 1.116-.369 2.178-.227c1.453.193 4.186.656 6.532 1.85c2.33 1.185 4.092 2.979 4.092 5.824c0 1.31-.44 2.8-.97 3.975c-.1-.766-.244-1.392-.392-1.888a7.656 7.656 0 0 0-.385-1.037a4.507 4.507 0 0 0-.19-.365l-.017-.027l-.006-.01l-.003-.005l-.002-.003l-.84.54l.84-.54l-.37-.574l-.662.133l-.014.003l-.097.013a5.093 5.093 0 0 1-.448.03a9.487 9.487 0 0 1-1.84-.144c-1.613-.272-3.983-1.013-6.862-2.93l-.7-.467l-.579.61c-.477.502-.801 1.187-1.038 1.854c-.242.685-.425 1.45-.572 2.184a53.34 53.34 0 0 0-.332 1.88l-.038.224c-.107.651-.194 1.148-.282 1.47a9.214 9.214 0 0 1-.106.364m13.881.422l.004-.002zm.004-.002l-.004.002z'/%3E%3Cpath d='M17.914 28.855c-.212-.422-.473-.943-.914-.842c-5.404 1.23-11 4.781-11 8.557V42h36v-5.43c0-2.974-3.472-5.809-7.587-7.48l-.005-.01a1.461 1.461 0 0 0-.014-.027l-.033.016c-1.093-.44-2.231-.8-3.361-1.056c-.503-.115-1.023.577-1.25 1.01H18c-.028-.052-.056-.11-.086-.168m13.489 1.32c.437.121.872.257 1.301.407c.012.342-.014.746-.07 1.158a8.092 8.092 0 0 1-.272 1.26H31a1 1 0 0 0-.894.553l-1 2A1 1 0 0 0 29 36v2a1 1 0 0 0 1 1h2v-2h-1v-.764L31.618 35h2.764L35 36.236V37h-1v2h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-.106-.447l-1-2A1 1 0 0 0 35 33h-.566a10.66 10.66 0 0 0 .248-1.609c.975.461 1.881.99 2.666 1.562C39.27 34.355 40 35.667 40 36.57V40H8v-3.43c0-.903.73-2.215 2.652-3.617c.966-.705 2.119-1.343 3.355-1.871a10.179 10.179 0 0 0 .381 2.354l.008.028a3 3 0 1 0 1.956-.444a8.092 8.092 0 0 1-.28-1.28a7.01 7.01 0 0 1-.069-1.171a3.99 3.99 0 0 1 .015-.224c.12-.037.24-.073.36-.107l.415.786h14.164zM16 37.016c.538 0 1-.44 1-1.015c0-.574-.462-1.015-1-1.015s-1 .44-1 1.015c0 .574.462 1.015 1 1.015'/%3E%3C/g%3E%3C/svg%3E");
}

article.lough section.container .left h1 {
  font-size: 1.5rem;
}
article.lough section.container .left h1 span {
  color: var(--sec-color);
}
article.lough section.container .left img {
  width: 100%;
}
article.lough section.container .right > p {
  font-size: 0.8rem;
  opacity: 0.9;
  padding: 1rem 0;
  border-bottom: 2px solid var(--forth-color);
}
article.lough section.container .right .provide {
  padding: 1rem 0;
}
article.lough section.container .right .provide h5 {
  text-align: center;
  font-size: 1.2rem;
}
article.lough section.container .right .provide ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -moz-justify-content: flex-start;
  -moz-align-items: center;
  -moz-flex-direction: row;
  -o-justify-content: flex-start;
  -o-align-items: center;
  -o-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-align-items: center;
  margin: 0.5rem 0;
  border: 1px solid var(--main-color);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
article.lough section.container .right .provide ul li .svg {
  background-color: var(--main-color);
  color: var(--third-color);
  margin-right: 0.5rem;
  padding: 0.3rem;
  display: flex;
}
article.lough section.container .right .provide ul li .svg svg {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1408'%3E%3Cpath fill='%23000' d='M1408 802v318q0 119-84.5 203.5T1120 1408H288q-119 0-203.5-84.5T0 1120V288Q0 169 84.5 84.5T288 0h832q63 0 117 25q15 7 18 23q3 17-9 29l-49 49q-10 10-23 10q-3 0-9-2q-23-6-45-6H288q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113V866q0-13 9-22l64-64q10-10 23-10q6 0 12 3q20 8 20 29m231-489l-814 814q-24 24-57 24t-57-24L281 697q-24-24-24-57t24-57l110-110q24-24 57-24t57 24l263 263l647-647q24-24 57-24t57 24l110 110q24 24 24 57t-24 57'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
article.lough section.container .right .provide ul li p {
  display: inline-block;
  font-size: 0.8rem;
}
article.lough section.container .right .provide ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: var(--main-color);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
article.lough section.container .right .provide ul li:hover p {
  color: var(--third-color);
}
article.lough section.container .right .provide ul li:hover::before {
  width: 100%;
}

article.feature section.container .section-header .float {
  font-size: 0.8rem;
}
article.feature section.container ul {
  padding: 1rem 0;
}
article.feature section.container ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -moz-justify-content: space-between;
  -moz-align-items: center;
  -moz-flex-direction: column;
  -o-justify-content: space-between;
  -o-align-items: center;
  -o-flex-direction: column;
  -ms-justify-content: space-between;
  -ms-align-items: center;
  background-color: var(--additional-color);
  width: 100%;
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 15px;
}
article.feature section.container ul li h5, article.feature section.container ul li img, article.feature section.container ul li p {
  text-align: center;
}
article.feature section.container ul li h5 {
  font-size: 1.3rem;
}
article.feature section.container ul li img {
  width: 150px;
  margin: 1rem 0;
}
article.feature section.container ul li p {
  font-size: 0.8rem;
}

article.brighten {
  background-color: var(--main-color);
}
article.brighten * {
  color: var(--third-color);
}
article.brighten section.container {
  text-align: center;
}
article.brighten section.container h1 {
  font-weight: 400;
}
article.brighten section.container h1 span {
  font-weight: 700;
}
article.brighten section.container p {
  margin: 1rem 0;
  font-size: 0.8rem;
  opacity: 0.8;
}
article.brighten section.container button {
  border: 2px solid var(--third-color);
  border-radius: 35px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
article.brighten section.container button a {
  display: inline-block;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
article.brighten section.container button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--third-color);
  z-index: -1;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}
article.brighten section.container button:hover::before {
  width: 100%;
}
article.brighten section.container button:hover a {
  color: var(--forth-color);
}

article.history section.container .section-header {
  text-align: left;
}
article.history section.container .section-header .float {
  left: auto;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -webkit-align-items: flex-end;
  -moz-justify-content: flex-end;
  -moz-align-items: flex-end;
  -moz-flex-direction: column;
  -o-justify-content: flex-end;
  -o-align-items: flex-end;
  -o-flex-direction: column;
  -ms-justify-content: flex-end;
  -ms-align-items: flex-end;
}
article.history section.container .section-header .float span {
  padding: 0 0 0 1rem;
}
article.history section.container .history-content {
  margin-top: 1rem;
}
article.history section.container .history-content .img {
  border-radius: 25px;
}
article.history section.container .history-content .img img {
  border-radius: 25px;
  width: 100%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
article.history section.container .history-content .img svg {
  display: none;
}
article.history section.container .history-content .content {
  background-color: var(--additional-color);
  padding: 1rem;
  margin-top: 1rem;
  border-radius: 25px;
}
article.history section.container .history-content .content h5 {
  text-align: center;
  font-size: 1.2rem;
}
article.history section.container .history-content .content p {
  font-size: 0.8rem;
}
article.history section.container .history-content .content p span {
  color: var(--main-color);
}

article.our-docs section.container .slider {
  width: 80dvw;
  margin: auto;
  margin-top: 2rem;
  overflow: hidden;
  position: relative;
}
article.our-docs section.container .slider .slider-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -moz-justify-content: space-between;
  -moz-align-items: center;
  -moz-flex-direction: row;
  -o-justify-content: space-between;
  -o-align-items: center;
  -o-flex-direction: row;
  -ms-justify-content: space-between;
  -ms-align-items: center;
  gap: 1rem;
  transition: transform 0.5s ease;
}
article.our-docs section.container .slider .slider-container li {
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -moz-justify-content: space-between;
  -moz-align-items: center;
  -moz-flex-direction: column;
  -o-justify-content: space-between;
  -o-align-items: center;
  -o-flex-direction: column;
  -ms-justify-content: space-between;
  -ms-align-items: center;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 -5px 28px -23px var(--main-color);
  -webkit-box-shadow: 0 -5px 28px -23px var(--main-color);
  -moz-box-shadow: 0 -5px 28px -23px var(--main-color);
  -ms-box-shadow: 0 -5px 28px -23px var(--main-color);
  -o-box-shadow: 0 -5px 28px -23px var(--main-color);
}
article.our-docs section.container .slider .slider-container li img {
  width: 50%;
  border-radius: 50%;
  border: 5px solid var(--main-color);
}
article.our-docs section.container .slider .slider-container li h5 {
  margin: 1rem 0;
}
article.our-docs section.container .slider .slider-container li p {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
article.our-docs section.container .slider #right, article.our-docs section.container .slider #left {
  position: absolute;
  top: 50%;
  background-color: var(--main-color);
  color: var(--third-color);
  width: 30px;
  height: 60px;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: auto;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -moz-justify-content: center;
  -moz-align-items: center;
  -moz-flex-direction: auto;
  -o-justify-content: center;
  -o-align-items: center;
  -o-flex-direction: auto;
  -ms-justify-content: center;
  -ms-align-items: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  cursor: pointer;
  z-index: 1;
}
article.our-docs section.container .slider #right svg, article.our-docs section.container .slider #left svg {
  padding: 1.5rem;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
article.our-docs section.container .slider #right:hover, article.our-docs section.container .slider #left:hover {
  background-color: var(--forth-color);
}
article.our-docs section.container .slider #right svg {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m11.71 15.29l2.59-2.59a.996.996 0 0 0 0-1.41L11.71 8.7c-.63-.62-1.71-.18-1.71.71v5.17c0 .9 1.08 1.34 1.71.71'/%3E%3C/svg%3E");
}
article.our-docs section.container .slider #left svg {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.29 8.71L9.7 11.3a.996.996 0 0 0 0 1.41l2.59 2.59c.63.63 1.71.18 1.71-.71V9.41c0-.89-1.08-1.33-1.71-.7'/%3E%3C/svg%3E");
}
article.our-docs section.container .slider #right {
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

article.appoinment {
  background-color: var(--additional-color);
}
article.appoinment section.container h1 {
  text-align: center;
  margin-bottom: 1rem;
}
article.appoinment section.container h1 span {
  color: var(--sec-color);
}
article.appoinment section.container h1 p {
  font-size: 0.8rem;
}
article.appoinment section.container .appoinment-content > div {
  text-align: center;
}
article.appoinment section.container .appoinment-content > div img {
  width: 80%;
  border-radius: 1rem;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
article.appoinment section.container .appoinment-content form label {
  display: block;
  font-size: 0.6rem;
  margin-top: 0.5rem;
}
article.appoinment section.container .appoinment-content form input, article.appoinment section.container .appoinment-content form textarea {
  width: 100%;
  padding: 0.4rem;
  font-size: 0.7rem;
  outline: 0;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
article.appoinment section.container .appoinment-content form textarea {
  max-height: 200px;
  min-height: 100px;
  width: 100%;
  resize: vertical;
}
article.appoinment section.container .appoinment-content form select {
  width: 100%;
  font-size: 0.8rem;
  padding: 0.5rem;
  margin: 0.5rem 0;
  outline: 0;
  border: 1px solid rgb(214, 214, 214);
  border-radius: 5px;
}
article.appoinment section.container .appoinment-content form input[type=checkbox], article.appoinment section.container .appoinment-content form label[for=checkbox] {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}
article.appoinment section.container .appoinment-content form button {
  width: 100%;
  margin-top: 1rem;
}
article.appoinment section.container .appoinment-content form button::before {
  background-color: var(--forth-color);
}
article.appoinment section.container .appoinment-content form button:hover {
  border: 3px solid var(--forth-color);
}

article.newsletter {
  background-color: var(--main-color);
  padding: 3rem 0;
  position: relative;
}
article.newsletter section h1 {
  color: var(--third-color);
  font-weight: 600;
  text-align: center;
}
article.newsletter section form {
  margin-top: 1rem;
}
article.newsletter section form input, article.newsletter section form button {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
}
article.newsletter section form input {
  padding: 0.3rem;
  border: 0;
  outline: 0;
  border-radius: 0.2rem;
}
article.newsletter section form button {
  background-color: var(--third-color);
  border-radius: 0.2rem;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
article.newsletter section form button a {
  color: var(--forth-color);
  padding: 0.5rem 1rem;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  cursor: pointer;
}
article.newsletter section form button::before {
  content: "";
  background-color: var(--forth-color);
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  z-index: -1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
}
article.newsletter section form button:hover::before {
  height: 100%;
}
article.newsletter section form button:hover a {
  color: var(--third-color);
}

footer {
  background-color: var(--sec-color);
  padding-top: 3rem;
}
footer section > div {
  margin-top: 1rem;
  padding: 1rem;
}
footer section > div:not(.logo-div) {
  border-top: 2px solid var(--forth-color);
}
footer section .logo-div {
  text-align: center;
}
footer section .logo-div .logo img {
  width: 50%;
}
footer section .welcome {
  text-align: center;
}
footer section .welcome h5 {
  font-weight: 400;
}
footer section .welcome h3 {
  margin-top: 0.5rem;
}
footer section .welcome p {
  font-size: 0.8rem;
}
footer section .welcome p span {
  font-weight: 600;
}
footer section .important-links h3 {
  text-align: center;
}
footer section .important-links .imp-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -moz-justify-content: space-between;
  -moz-align-items: center;
  -moz-flex-direction: row;
  -o-justify-content: space-between;
  -o-align-items: center;
  -o-flex-direction: row;
  -ms-justify-content: space-between;
  -ms-align-items: center;
  margin-top: 1rem;
}
footer section .say-hello {
  text-align: center;
}
footer section .say-hello .adress > p {
  margin-top: 1rem;
}
footer section .say-hello .adress span {
  font-weight: 600;
}
footer .copyright {
  margin-top: 1rem;
  padding: 1rem 0;
  background-color: var(--main-color);
}
footer .copyright p {
  color: var(--third-color);
  text-align: center;
  font-size: 0.8rem;
}

@media (min-width: 600px) {
  #open {
    font-size: 2rem;
  }
  header nav .logo img {
    width: 250px;
  }
  header nav .logo h1 {
    font-size: 1.5rem;
  }
  header nav .header-links a {
    font-size: 1.5rem;
  }
  header nav > button {
    width: 80% !important;
  }
  header nav > button a {
    font-size: 1.5rem !important;
  }
  header #close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    font-size: 3rem;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
  }
  header #close:hover {
    color: var(--main-color);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  article.home {
    height: -moz-max-content;
    height: max-content;
    padding: 5rem 0;
  }
  article.home section.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -moz-justify-content: space-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: space-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-align-items: center;
  }
  article.home section.container .left {
    flex: 1;
  }
  article.home section.container .left h1 {
    font-size: 1.5rem;
  }
  article.home section.container .left p {
    font-size: 1rem;
  }
  article.home section.container .left button a {
    font-size: 1rem;
  }
  article.home section.container .right {
    flex: 1;
  }
  article.get-service section.container .left h1 {
    font-size: 2rem;
  }
  article.get-service section.container .left p {
    font-size: 1rem;
  }
  article.get-service section.container .right ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -moz-justify-content: space-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: space-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-align-items: center;
    gap: 1rem;
  }
  article.lough section.container .left h1 {
    font-size: 2rem;
  }
  article.lough section.container .left h1 span {
    color: var(--sec-color);
  }
  article.lough section.container .left .img {
    width: 100%;
    margin: auto;
    text-align: center;
  }
  article.lough section.container .left .img img {
    width: 70%;
  }
  article.lough section.container .right > p {
    font-size: 0.8rem;
    opacity: 0.9;
    padding: 0 0 1rem;
    border-bottom: 2px solid var(--forth-color);
  }
  article.lough section.container .right .provide h5 {
    font-size: 1.5rem;
  }
  article.lough section.container .right .provide ul {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
  }
  article.feature section.container ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  article.feature section.container ul li {
    margin: 0;
  }
  article.feature section.container ul li h5, article.feature section.container ul li img, article.feature section.container ul li p {
    text-align: center;
  }
  article.feature section.container ul li h5 {
    font-size: 1.3rem;
  }
  article.feature section.container ul li img {
    width: 150px;
    margin: 1rem 0;
  }
  article.feature section.container ul li p {
    font-size: 0.8rem;
  }
  article.brighten section.container h1 {
    font-size: 1.5rem;
  }
  article.brighten section.container p {
    font-size: 1rem;
  }
  article.brighten section.container button a {
    font-size: 1.3rem;
    padding: 1rem 2rem;
  }
  article.history section.container .history-content {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -moz-justify-content: space-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: space-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-align-items: center;
    gap: 1rem;
  }
  article.history section.container .history-content .img {
    flex: 1;
  }
  article.history section.container .history-content .img img {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
  }
  article.history section.container .history-content .content {
    flex: 1;
  }
  article.our-docs section.container .slider .slider-container li {
    width: 50%;
  }
  article.appoinment {
    background-color: var(--additional-color);
  }
  article.appoinment section.container h1 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  article.appoinment section.container h1 p {
    font-size: 1.1rem;
  }
  article.appoinment section.container .appoinment-content {
    display: flex;
    justify-content: flex-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: flex-between;
    -webkit-align-items: center;
    -moz-justify-content: flex-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: flex-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: flex-between;
    -ms-align-items: center;
    gap: 1rem;
  }
  article.appoinment section.container .appoinment-content > div {
    text-align: center;
    flex: 1;
  }
  article.appoinment section.container .appoinment-content > div img {
    width: 100%;
    border-radius: 1rem;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
  }
  article.appoinment section.container .appoinment-content form {
    flex: 1;
  }
  article.appoinment section.container .appoinment-content form label {
    display: block;
    font-size: 0.6rem;
    margin-top: 0.5rem;
  }
  article.appoinment section.container .appoinment-content form input, article.appoinment section.container .appoinment-content form textarea {
    width: 100%;
    padding: 0.4rem;
    font-size: 0.7rem;
    outline: 0;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
  }
  article.appoinment section.container .appoinment-content form textarea {
    max-height: 200px;
    max-width: 100%;
  }
  article.appoinment section.container .appoinment-content form select {
    font-size: 0.8rem;
    padding: 0.5rem;
    margin: 0.5rem 0;
  }
  article.appoinment section.container .appoinment-content form input[type=checkbox], article.appoinment section.container .appoinment-content form label[for=checkbox] {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
  }
  article.appoinment section.container .appoinment-content form button {
    width: 100%;
    margin-top: 1rem;
  }
  article.appoinment section.container .appoinment-content form button::before {
    background-color: var(--forth-color);
  }
  article.appoinment section.container .appoinment-content form button:hover {
    border: 3px solid var(--forth-color);
  }
  article.newsletter {
    background-color: inherit;
    position: relative;
  }
  article.newsletter section {
    background-color: var(--main-color);
    padding: 3rem 0;
    border-radius: 1rem;
  }
  article.newsletter section h1 {
    font-size: 1.5rem;
  }
  article.newsletter section form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -moz-justify-content: center;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: center;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: center;
    -ms-align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
  }
  article.newsletter section form input {
    display: block;
    width: calc(33.3333333333% - 0.5rem);
    font-size: 0.8rem;
  }
  article.newsletter section form button {
    width: 66.6666666667%;
  }
  footer {
    background-color: var(--sec-color);
    padding-top: 3rem;
  }
  footer section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo welcome" "logo links" "logo hello";
    gap: 1rem;
  }
  footer section > div {
    margin-top: 0;
    border-top: 0 !important;
    flex-basis: calc(50% - 1rem);
  }
  footer section > div:not(.logo-div) {
    border-left: 1px solid var(--forth-color);
  }
  footer section > div:not(.logo-div) > * {
    text-align: left !important;
  }
  footer section .logo-div {
    grid-area: logo;
    text-align: center;
    align-self: center;
  }
  footer section .logo-div .logo img {
    width: 50%;
  }
  footer section .welcome {
    grid-area: welcome;
  }
  footer section .say-hello {
    grid-area: hello;
  }
  footer .copyright {
    margin-top: 1rem;
    padding: 1rem 0;
    background-color: var(--main-color);
  }
  footer .copyright p {
    color: var(--third-color);
    text-align: center;
    font-size: 0.8rem;
  }
}
@media (min-width: 900px) {
  #open, #close {
    display: none;
  }
  header {
    background-color: var(--third-color);
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
  }
  header nav {
    border-bottom: 1px solid var(--forth-color);
    padding: 1rem;
    flex-direction: row;
  }
  header nav .logo {
    width: 20%;
    height: -moz-fit-content;
    height: fit-content;
    flex-direction: row;
    justify-content: flex-start;
  }
  header nav .logo img {
    width: 50px;
  }
  header nav .logo h1 {
    text-align: left;
    font-size: 0.8rem;
  }
  header nav .logo h1 p {
    line-height: 0.5rem;
  }
  header nav .header-links {
    width: 60% !important;
    height: 100% !important;
    flex-direction: row;
  }
  header nav .header-links a {
    margin: 0 1rem;
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
  }
  header nav .header-links a::after {
    display: none;
  }
  header nav button {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  header nav button a {
    font-size: 0.8rem !important;
  }
  header nav button:hover {
    border: 3px solid var(--forth-color);
  }
  header nav button:hover a {
    color: var(--third-color) !important;
    letter-spacing: 0 !important;
  }
  header nav button::before {
    background-color: var(--forth-color) !important;
  }
  header #close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1.5rem;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
  }
  header #close:hover {
    color: var(--main-color);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  article.get-service section.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -moz-justify-content: space-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: space-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-align-items: center;
  }
  article.get-service section.container .left {
    flex: 1;
  }
  article.get-service section.container .left h1, article.get-service section.container .left p {
    text-align: left;
  }
  article.get-service section.container .right {
    flex: 1;
  }
  article.get-service section.container .right li:hover {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    box-shadow: 0 5px 1px 0px var(--forth-color);
    -webkit-box-shadow: 0 5px 1px 0px var(--forth-color);
    -moz-box-shadow: 0 5px 1px 0px var(--forth-color);
    -ms-box-shadow: 0 5px 1px 0px var(--forth-color);
    -o-box-shadow: 0 5px 1px 0px var(--forth-color);
  }
  article.lough section.container {
    display: flex;
    justify-content: flex-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: flex-between;
    -webkit-align-items: center;
    -moz-justify-content: flex-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: flex-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: flex-between;
    -ms-align-items: center;
  }
  article.lough section.container .left {
    flex: 1;
    margin-right: 1rem;
    background-color: var(--additional-color);
    padding: 1rem;
    border-radius: 0 0 50% 0;
  }
  article.lough section.container .right {
    flex: 1;
  }
  article.feature section.container ul {
    margin-top: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
  article.feature section.container ul li:hover {
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    box-shadow: 0 3px 10px -7px var(--forth-color);
    -webkit-box-shadow: 0 3px 10px -7px var(--forth-color);
    -moz-box-shadow: 0 3px 10px -7px var(--forth-color);
    -ms-box-shadow: 0 3px 10px -7px var(--forth-color);
    -o-box-shadow: 0 3px 10px -7px var(--forth-color);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
  }
  article.history section.container .history-content {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -moz-justify-content: space-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: space-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-align-items: center;
    gap: 2rem;
    z-index: 1;
  }
  article.history section.container .history-content .img {
    position: relative;
  }
  article.history section.container .history-content .img svg {
    display: block;
    position: absolute;
    right: -2rem;
    top: 0;
    transform: rotate(-20deg);
    z-index: -1;
  }
  article.history section.container .history-content .img svg line {
    stroke: var(--sec-color) !important;
  }
  article.history section.container .history-content .img img {
    width: 90%;
  }
  article.history section.container .history-content .img::before {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    top: 2rem;
    left: -2rem;
    width: 100px;
    height: calc(100% - 8px);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    z-index: -1;
    border-radius: 10px;
  }
  article.history section.container .history-content .img:hover img {
    filter: grayscale(10%);
  }
  article.history section.container .history-content .img:hover::before {
    top: 0;
    left: -1rem;
  }
  article.history section.container .history-content .content {
    flex: 1.5;
    height: 100%;
    margin: 0;
  }
  article.history section.container .history-content .content h5 {
    text-align: center;
    font-size: 1.5rem;
  }
  article.history section.container .history-content .content p {
    font-size: 0.9rem;
  }
  article.history section.container .history-content .content p span {
    color: var(--main-color);
  }
  article.our-docs section.container .slider .slider-container li {
    width: 33.3333333333%;
  }
  article.appoinment {
    background-color: var(--additional-color);
  }
  article.appoinment section.container h1 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  article.appoinment section.container h1 p {
    font-size: 1.1rem;
    opacity: 0.7;
  }
  article.appoinment section.container .appoinment-content > div {
    position: relative;
    z-index: 1;
  }
  article.appoinment section.container .appoinment-content > div::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1.5rem;
    background-color: var(--main-color);
    width: 80%;
    height: 100%;
    border-radius: 1rem;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    z-index: -1;
  }
  article.appoinment section.container .appoinment-content > div img {
    width: 80%;
    border-radius: 1rem;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
  }
  article.appoinment section.container .appoinment-content > div:hover::after {
    top: 6%;
  }
  article.appoinment section.container .appoinment-content form {
    flex: 1.5;
    display: flex;
    justify-content: flex-between;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: flex-between;
    -webkit-align-items: center;
    -moz-justify-content: flex-between;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: flex-between;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: flex-between;
    -ms-align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
  article.appoinment section.container .appoinment-content form label {
    font-size: 0.8rem;
    margin: 0;
  }
  article.appoinment section.container .appoinment-content form div {
    width: calc(50% - 0.5rem);
  }
  article.appoinment section.container .appoinment-content form .textarea {
    width: 100%;
  }
  article.appoinment section.container .appoinment-content form .select select {
    outline: 0;
    border: 1px solid rgb(214, 214, 214);
    margin: 0;
    border-radius: 5px;
    width: 100%;
  }
  article.appoinment section.container .appoinment-content form .checkbox {
    width: 100%;
  }
  article.appoinment section.container .appoinment-content form .checkbox input[type=checkbox], article.appoinment section.container .appoinment-content form .checkbox label[for=checkbox] {
    display: inline;
    width: -moz-fit-content;
    width: fit-content;
  }
  article.appoinment section.container .appoinment-content form button {
    width: 100%;
    margin-top: 1rem;
  }
  article.appoinment section.container .appoinment-content form button::before {
    background-color: var(--forth-color);
  }
  article.appoinment section.container .appoinment-content form button:hover {
    border: 3px solid var(--forth-color);
  }
  article.newsletter {
    background-color: inherit;
  }
  article.newsletter section {
    position: relative;
    overflow: hidden;
    background-color: var(--main-color);
    padding: 3rem 0;
    border-radius: 1rem;
  }
  article.newsletter section h1 {
    font-size: 1.5rem;
  }
  article.newsletter section form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -moz-justify-content: center;
    -moz-align-items: center;
    -moz-flex-direction: row;
    -o-justify-content: center;
    -o-align-items: center;
    -o-flex-direction: row;
    -ms-justify-content: center;
    -ms-align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
  }
  article.newsletter section form input {
    display: block;
    width: calc(25% - 0.5rem);
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
  }
  article.newsletter section form button {
    width: calc(20% - 0.5rem);
  }
  article.newsletter section::before {
    content: "";
    background-color: inherit;
    border: 10px solid var(--sec-color);
    position: absolute;
    left: -55px;
    top: -55px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    opacity: 0.5;
  }
  article.newsletter section::after {
    content: "";
    background-color: inherit;
    border: 10px solid var(--sec-color);
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
  }
  footer {
    background-color: var(--sec-color);
    padding-top: 3rem;
  }
  footer section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "logo welcome links hello";
    gap: 1rem;
  }
  footer section > div {
    margin-top: 0;
    border-top: 0 !important;
    align-content: center;
    height: 100%;
  }
  footer section > div:not(.logo-div) {
    border-left: 1px solid var(--forth-color);
  }
  footer section > div:not(.logo-div) > * {
    text-align: center !important;
  }
  footer section .logo-div {
    grid-area: logo;
  }
  footer section .logo-div .logo h1 {
    font-size: 1.3rem;
  }
  footer section .logo-div p {
    font-size: 0.8rem !important;
  }
  footer section .important-links ul li {
    margin: 0.5rem 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
  }
  footer section .important-links ul li:hover {
    color: var(--main-color);
  }
  footer section .say-hello {
    grid-area: hello;
  }
  footer .copyright {
    margin-top: 1rem;
    padding: 1rem 0;
    background-color: var(--main-color);
  }
  footer .copyright p {
    color: var(--third-color);
    text-align: center;
    font-size: 0.8rem;
  }
}/*# sourceMappingURL=style.css.map */