@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.img-txt-content {
  padding-top: 100px;
  padding-bottom: 180px;
}
@media (max-width: 1679px) {
  .img-txt-content {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}
@media (max-width: 1481px) {
  .img-txt-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 1281px) {
  .img-txt-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .img-txt-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.img-txt-content .txt-col {
  display: flex;
  flex-direction: column;
}
.img-txt-content .txt-col .title {
  padding-top: 0.5em;
}
@media (max-width: 767px) {
  .img-txt-content .txt-col {
    padding-top: 40px;
  }
}
.img-txt-content .img-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-txt-content .img-col img {
  width: 100%;
}
@media (max-width: 991px) {
  .img-txt-content .img-col img {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.img-txt-content .btn-trans {
  margin-top: auto;
  font-size: 24px;
}
@media (max-width: 1679px) {
  .img-txt-content .btn-trans {
    font-size: 20px;
  }
}
@media (max-width: 1481px) {
  .img-txt-content .btn-trans {
    font-size: 16px;
  }
}
@media (max-width: 1281px) {
  .img-txt-content .btn-trans {
    font-size: 14px;
  }
}

.txt-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1679px) {
  .txt-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1481px) {
  .txt-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1281px) {
  .txt-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.txt-content .title-row {
  margin-bottom: 60px;
}
@media (max-width: 1679px) {
  .txt-content .title-row {
    margin-bottom: 50px;
  }
}
@media (max-width: 1481px) {
  .txt-content .title-row {
    margin-bottom: 40px;
  }
}
@media (max-width: 1281px) {
  .txt-content .title-row {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .txt-content .title-row {
    margin-bottom: 20px;
  }
}
.txt-content .title {
  font-size: 33px;
  color: #0C3B4B;
}
@media (max-width: 1679px) {
  .txt-content .title {
    font-size: 26px;
  }
}
@media (max-width: 1481px) {
  .txt-content .title {
    font-size: 22px;
  }
}
.txt-content p {
  color: #0C3B4B;
  font-size: 20px;
}
@media (max-width: 1679px) {
  .txt-content p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1481px) {
  .txt-content p {
    font-size: 14px;
    line-height: 24px;
  }
}
.txt-content li {
  color: #0C3B4B;
  font-size: 20px;
}
@media (max-width: 1679px) {
  .txt-content li {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1481px) {
  .txt-content li {
    font-size: 14px;
    line-height: 24px;
  }
}

.inner-banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background: transparent linear-gradient(269deg, rgba(0, 0, 0, 0) 0%, rgba(5, 43, 31, 0.7098039216) 47%, #063426 82%, #08402F 100%) 0% 0% no-repeat padding-box;
  color: #ffffff;
  margin-bottom: 40px;
  margin-top: 70px;
  background-size: cover;
  background-position: center 0;
  height: 500px;
  max-height: 26vw;
  display: flex;
  align-items: center;
}
@media (max-width: 1679px) {
  .inner-banner {
    margin-bottom: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 1481px) {
  .inner-banner {
    margin-bottom: 20px;
    padding-top: 50px;
    padding-bottom: 30px;
    max-height: 30vw;
  }
}
@media (max-width: 1199px) {
  .inner-banner {
    max-height: 36vw;
  }
}
@media (max-width: 991px) {
  .inner-banner {
    max-height: 36vw;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .inner-banner {
    padding-top: 30px;
    padding-bottom: 15px;
    max-height: 48vw;
  }
}
@media (max-width: 579px) {
  .inner-banner {
    min-height: 60vw;
  }
}
@media (max-width: 460px) {
  .inner-banner {
    min-height: 80vw;
  }
}
.inner-banner .page-title {
  font-size: 33px;
}
@media (max-width: 1679px) {
  .inner-banner .page-title {
    font-size: 26px;
  }
}
@media (max-width: 1481px) {
  .inner-banner .page-title {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .inner-banner .page-title {
    font-size: 20px;
  }
}
.inner-banner .page-subtitle {
  font-size: 20px;
}
@media (max-width: 1679px) {
  .inner-banner .page-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 1481px) {
  .inner-banner .page-subtitle {
    font-size: 14px;
    margin-bottom: 0.5em;
  }
}
@media (max-width: 991px) {
  .inner-banner .page-subtitle {
    font-size: 13px;
  }
}

.sec-mission .mission-row {
  align-items: stretch;
}
@media (max-width: 1679px) {
  .sec-mission .mission-row {
    align-items: center;
  }
}
.sec-mission .mission-row .title {
  margin-bottom: 30px;
}
@media (max-width: 1679px) {
  .sec-mission .mission-row .title {
    margin-bottom: 25px;
  }
}
@media (max-width: 1481px) {
  .sec-mission .mission-row .title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1281px) {
  .sec-mission .mission-row .title {
    margin-bottom: 15px;
  }
}
.sec-mission .mission-row .subtitle {
  max-width: 499px;
  margin-bottom: 0px;
}
@media (max-width: 1679px) {
  .sec-mission .mission-row .subtitle {
    max-width: 100%;
  }
}
.sec-mission .mission-row .btn-trans {
  margin-top: auto;
  padding-bottom: 0px;
}
@media (max-width: 1679px) {
  .sec-mission .mission-row .btn-trans {
    margin-top: 60px;
  }
}
@media (max-width: 1481px) {
  .sec-mission .mission-row .btn-trans {
    margin-top: 40px;
  }
}
@media (max-width: 1281px) {
  .sec-mission .mission-row .btn-trans {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .sec-mission .mission-row .btn-trans {
    margin-top: 0px;
  }
}

.sec-vision {
  background: url(../img/vision-bg.jpg) no-repeat left/cover;
  padding-bottom: 100px;
}
@media (max-width: 1679px) {
  .sec-vision {
    padding-top: 80px;
  }
}
@media (max-width: 1481px) {
  .sec-vision {
    padding-top: 60px;
  }
}
@media (max-width: 1281px) {
  .sec-vision {
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .sec-vision {
    padding-top: 30px;
    background-position: -100px;
  }
}
@media (max-width: 767px) {
  .sec-vision {
    background: url(../img/vision-bg-mob.png) no-repeat center/cover;
    background-position: center bottom;
    padding-bottom: 70vw;
  }
}
.sec-vision .txt-col {
  padding-top: 0;
}
@media (min-width: 768px) {
  .sec-vision .txt-col {
    padding-left: 100px;
  }
}