:root{
  --accent:#1372b2;
  --accent_rgb: 19, 114, 178;
  --sub-accent: #004169;
  --sub-accent_rgb: 0, 65, 105;
  --color-1:#615d2a;
}

body {
  margin: 0;
  padding: 0;
}

.horizontal_line div {
  background-color: gray;
  margin: 10px 0;
  height: 1px;
  animation: fadeIn 1s forwards;
  animation-delay: 1s;
  margin-bottom: 35px;
}

.typcn--location {
  display: inline-block;
  width: 1em;
  height: 0.5em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.657 5.304c-3.124-3.073-8.189-3.073-11.313 0a7.78 7.78 0 0 0 0 11.13L12 21.999l5.657-5.565a7.78 7.78 0 0 0 0-11.13M12 13.499c-.668 0-1.295-.26-1.768-.732a2.503 2.503 0 0 1 0-3.536c.472-.472 1.1-.732 1.768-.732s1.296.26 1.768.732a2.503 2.503 0 0 1 0 3.536c-.472.472-1.1.732-1.768.732'/%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%;
}

.ion--mail {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M424 80H88a56.06 56.06 0 0 0-56 56v240a56.06 56.06 0 0 0 56 56h336a56.06 56.06 0 0 0 56-56V136a56.06 56.06 0 0 0-56-56m-14.18 92.63l-144 112a16 16 0 0 1-19.64 0l-144-112a16 16 0 1 1 19.64-25.26L256 251.73l134.18-104.36a16 16 0 0 1 19.64 25.26'/%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%;
}

.ph--phone-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M231.88 175.08A56.26 56.26 0 0 1 176 224C96.6 224 32 159.4 32 80a56.26 56.26 0 0 1 48.92-55.88a16 16 0 0 1 16.62 9.52l21.12 47.15v.12A16 16 0 0 1 117.39 96c-.18.27-.37.52-.57.77L96 121.45c7.49 15.22 23.41 31 38.83 38.51l24.34-20.71a8 8 0 0 1 .75-.56a16 16 0 0 1 15.17-1.4l.13.06l47.11 21.11a16 16 0 0 1 9.55 16.62'/%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%;
}

.bx--globe {
  display: inline-block;
  width: 1em;
  height: 1em;
  --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 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11M12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974c.172-.01.344-.026.519-.026c.179 0 .354.016.53.027m-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273M4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13m7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972c-.182.012-.364.028-.551.028c-.186 0-.367-.016-.55-.027m4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201'/%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%;
}

.mainCss {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #E5F1F6;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logoCss {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}

.logoCss img {
  width: 65%;
}

.linkCss{
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 25px;
}

.linkCss span{
  width: 10%;
  font-size: 20px;
}

.linkCss a{
  word-break: break-all;
  width: 90%;
  text-decoration: none;
  color: #0078AA;
  font-size: 18px;
}

.subGrpCss{
  margin-top: 25%;
  background-color: rgb(255 255 255 / 50%);
  width: 90%;
  padding: 25px;
  box-sizing: border-box;
  box-shadow: 0 8px 33px 0px rgb(0 0 0 / 20%);
  border: 1px solid #0078aa;
  border-radius: 15px;
  opacity: 0;
  animation: fadeIn 1s forwards;
  transition: 1s;
  z-index: 2;
}

.webLink{
  margin-top: 5%;
  background-color: rgb(255 255 255 / 50%);
  width: 90%;
  box-shadow: 0 8px 33px 0px rgb(0 0 0 / 20%);
  border: 1px solid #0078aa;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 10px;
  color: black;
  transform: translate(0,-50px);
  opacity: 0;
  animation: slideDown 1s forwards;
  animation-delay: 1s;
  z-index: 1;
}

.webLink span{
  font-size: 20px;
}

.webLink p{
  font-size: 20px;
  text-decoration: none;
  color: #0078AA;
}

@keyframes fadeIn {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@keyframes slideDown {
  from{
    transform: translate(0,-50px);
    opacity: 0;
  }
  to{
    transform: translate(0,0px);
    opacity: 1;
  }
}