/* line 1, ../sass/all/base.scss */
.w100 {
  width: 100% !important;
}

/* line 5, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase !important;
}

/* line 9, ../sass/all/base.scss */
.tac {
  text-align: center !important;
}

/* line 13, ../sass/all/base.scss */
.tal {
  text-align: left !important;
}

/* line 17, ../sass/all/base.scss */
.tar {
  text-align: right !important;
}

/* line 21, ../sass/all/base.scss */
.ltr {
  direction: ltr;
}

/* line 25, ../sass/all/base.scss */
.rtl {
  direction: rtl;
}

/* line 29, ../sass/all/base.scss */
.d-f {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
}

/* line 37, ../sass/all/base.scss */
.f-w-w {
  -webkit-flex-wrap: wrap !important;
  -moz-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  -o-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* line 45, ../sass/all/base.scss */
.j-c-c {
  justify-content: center !important;
}

/* line 49, ../sass/all/base.scss */
.j-c-s-b {
  justify-content: space-between !important;
}

/* line 53, ../sass/all/base.scss */
.a-i-c {
  -ms-align-items: center !important;
  align-items: center !important;
}

/* line 58, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 62, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

/* line 66, ../sass/all/base.scss */
.no-pad-left {
  padding-left: 0 !important;
}

/* line 70, ../sass/all/base.scss */
.no-pad-right {
  padding-right: 0 !important;
}

/* line 74, ../sass/all/base.scss */
.no-mar-top {
  margin-top: 0 !important;
}

/* line 78, ../sass/all/base.scss */
.no-mar-left {
  margin-left: 0 !important;
}

/* line 82, ../sass/all/base.scss */
.no-mar-right {
  margin-right: 0 !important;
}

/* line 86, ../sass/all/base.scss */
.no-mar-bot {
  margin-bottom: 0 !important;
}

/* line 90, ../sass/all/base.scss */
.global-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

/* line 1, ../sass/about/about-top.scss */
.about-top {
  position: relative;
  background-color: var(--color-low-blue);
  overflow: hidden;
}

/* line 7, ../sass/about/about-top.scss */
.about-top-wr {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 100px;
}
/* line 14, ../sass/about/about-top.scss */
.about-top-wr .breadcrumb {
  justify-content: flex-start;
  color: #000;
}
/* line 20, ../sass/about/about-top.scss */
.about-top-wr .col {
  width: 48%;
}
/* line 23, ../sass/about/about-top.scss */
.about-top-wr .col:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 40px;
}
/* line 31, ../sass/about/about-top.scss */
.about-top-wr .img {
  width: 100%;
  height: 700px;
  position: relative;
}
/* line 37, ../sass/about/about-top.scss */
.about-top-wr .img:after {
  content: '';
  position: absolute;
  top: -40px;
  left: -40px;
  width: 100%;
  height: calc(100% + 40px);
  background-color: #fff;
  border-radius: 26px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 50, ../sass/about/about-top.scss */
.about-top-wr .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 2;
}
/* line 61, ../sass/about/about-top.scss */
.about-top-wr .img .img-awards {
  position: absolute;
  bottom: 50px;
  left: 50px;
  /* transform: translateX(-50%); */
  background-color: #fff;
  padding: 15px 30px 30px;
  border-radius: 15px;
  z-index: 3;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* line 75, ../sass/about/about-top.scss */
.about-top-wr .img .img-awards span {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 81, ../sass/about/about-top.scss */
.about-top-wr .img .img-awards .img-awards-wr {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
/* line 86, ../sass/about/about-top.scss */
.about-top-wr .img .img-awards .img-awards-wr img {
  max-height: 40px;
  max-width: 90px;
  display: block;
}
/* line 95, ../sass/about/about-top.scss */
.about-top-wr .undertitle {
  font-size: 20px;
  display: block;
  margin-bottom: 30px;
}
/* line 101, ../sass/about/about-top.scss */
.about-top-wr p {
  font-size: 18px;
  display: block;
}

/* line 107, ../sass/about/about-top.scss */
.about-top-road {
  position: relative;
  margin-top: 10px;
  direction: ltr;
  overflow: hidden;
}
/* line 113, ../sass/about/about-top.scss */
.about-top-road:after, .about-top-road:before {
  content: '';
  background: #cee8fa;
  background: -moz-linear-gradient(90deg, rgba(206, 232, 250, 0) 0%, #cee8fa 100%);
  background: -webkit-linear-gradient(90deg, rgba(206, 232, 250, 0) 0%, #cee8fa 100%);
  background: linear-gradient(90deg, rgba(206, 232, 250, 0) 0%, #cee8fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cee8fa",endColorstr="#cee8fa",GradientType=1);
  position: absolute;
  width: 50px;
  height: 100%;
  bottom: 0;
  top: 0;
  z-index: 2;
}
/* line 128, ../sass/about/about-top.scss */
.about-top-road:after {
  right: 0;
}
/* line 132, ../sass/about/about-top.scss */
.about-top-road:before {
  left: 0;
  transform: scaleX(-1);
}

/* line 139, ../sass/about/about-top.scss */
.about-top-road-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 80px;
  margin: 0 10px;
}
/* line 147, ../sass/about/about-top.scss */
.about-top-road-box img {
  max-width: 90%;
  max-height: 90%;
  display: block;
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 157, ../sass/about/about-top.scss */
  .about-top-wr {
    padding-top: 80px;
  }
  /* line 160, ../sass/about/about-top.scss */
  .about-top-wr .undertitle {
    font-size: 18px;
    margin-bottom: 25px;
  }
  /* line 165, ../sass/about/about-top.scss */
  .about-top-wr p {
    font-size: 16px;
  }
  /* line 169, ../sass/about/about-top.scss */
  .about-top-wr .img {
    height: 600px;
  }
  /* line 172, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards {
    max-width: 350px;
  }
  /* line 175, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards span {
    font-size: 16px;
    margin-bottom: 8px;
  }
  /* line 182, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards .img-awards-wr img {
    max-height: 30px;
    max-width: 80px;
  }

  /* line 191, ../sass/about/about-top.scss */
  .about-top-road-box {
    width: 100px;
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 200, ../sass/about/about-top.scss */
  .about-top-wr {
    padding-top: 80px;
  }
  /* line 203, ../sass/about/about-top.scss */
  .about-top-wr .undertitle {
    font-size: 18px;
    margin-bottom: 25px;
  }
  /* line 208, ../sass/about/about-top.scss */
  .about-top-wr p {
    font-size: 16px;
  }
  /* line 212, ../sass/about/about-top.scss */
  .about-top-wr .img {
    height: 600px;
  }
  /* line 215, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards {
    max-width: 310px;
    bottom: 20px;
    left: 20px;
  }
  /* line 220, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards span {
    font-size: 16px;
    margin-bottom: 8px;
  }
  /* line 227, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards .img-awards-wr img {
    max-height: 30px;
    max-width: 80px;
  }
  /* line 234, ../sass/about/about-top.scss */
  .about-top-wr .img:after {
    top: -20px;
    left: -20px;
    border-radius: 22px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  /* line 244, ../sass/about/about-top.scss */
  .about-top-road-box {
    width: 100px;
    height: 60px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 253, ../sass/about/about-top.scss */
  .about-top-wr {
    padding-top: 50px;
  }
  /* line 256, ../sass/about/about-top.scss */
  .about-top-wr .col {
    width: 100%;
  }
  /* line 260, ../sass/about/about-top.scss */
  .about-top-wr .undertitle {
    font-size: 16px;
    margin-bottom: 20px;
  }
  /* line 265, ../sass/about/about-top.scss */
  .about-top-wr p {
    font-size: 15px;
  }
  /* line 269, ../sass/about/about-top.scss */
  .about-top-wr .img {
    height: 500px;
  }
  /* line 272, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards {
    max-width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
    padding: 15px 20px 20px;
  }
  /* line 278, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards span {
    font-size: 15px;
    margin-bottom: 8px;
  }
  /* line 285, ../sass/about/about-top.scss */
  .about-top-wr .img .img-awards .img-awards-wr img {
    max-height: 30px;
    max-width: 80px;
  }
  /* line 292, ../sass/about/about-top.scss */
  .about-top-wr .img:after {
    top: -20px;
    left: -20px;
    border-radius: 22px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  /* line 302, ../sass/about/about-top.scss */
  .about-top-road-box {
    width: 100px;
    height: 60px;
  }
}
/* line 1, ../sass/about/about-grid.scss */
.about-grid {
  position: relative;
}

/* line 5, ../sass/about/about-grid.scss */
.about-grid-wr {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* line 11, ../sass/about/about-grid.scss */
.about-grid-box {
  width: calc(100% / 3 - 20px);
  padding: 25px;
  border: 1px solid var(--color-low-blue);
  border-radius: 20px;
}
/* line 17, ../sass/about/about-grid.scss */
.about-grid-box .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-low-blue);
}
/* line 28, ../sass/about/about-grid.scss */
.about-grid-box .icon img, .about-grid-box .icon svg {
  width: 20px;
}
/* line 33, ../sass/about/about-grid.scss */
.about-grid-box .text {
  margin-top: 15px;
}
/* line 37, ../sass/about/about-grid.scss */
.about-grid-box:nth-child(3) {
  background-color: var(--color-lite-blue);
  border-color: var(--color-lite-blue);
}
/* line 41, ../sass/about/about-grid.scss */
.about-grid-box:nth-child(3) .text {
  --color: #fff;
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 49, ../sass/about/about-grid.scss */
  .about-grid-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 56, ../sass/about/about-grid.scss */
  .about-grid-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 64, ../sass/about/about-grid.scss */
  .about-grid-wr {
    gap: 15px;
  }

  /* line 68, ../sass/about/about-grid.scss */
  .about-grid-box {
    padding: 20px;
    width: 100%;
  }
}