body {
  font-family: 'Roboto', sans-serif;
  color: #454545;
}

.py-6 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.h1, h1, .h2, h2, .h3, h3 {
  font-family: "Poppins", sans-serif;
}

img {
  max-width: 100%;
}

header .navbar-light .navbar-nav .nav-link {
  color: #505050;
  font-size: 18px;
  font-weight: 500;
  padding-right: 1rem;
  padding-left: 1rem;
}

header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  background: #299af0;
  border-radius: 5px;
}

.header {
  background: url(../../assets/img/header-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 75px 0;
}

.header .title {
  font-weight: 700;
  color: #fff;
  font-size: 40px;
  margin-bottom: 30px;
}

.header .title span {
  color: #f2de55;
}

.header .text {
  color: #fff;
  font-size: 24px;
  margin-bottom: 30px;
}

.green-btn {
  background-color: #28a745;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 50px;
  padding: 15px 30px;
}

.green-btn:hover {
  background-color: #1bb93f;
  color: #fff;
}

.light-blue-bg {
  background-color: #f4fafe;
}

.page-card {
  border: none;
  border-bottom: 1px solid #54addc;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(1, 92, 145, 0.12);
  margin-bottom: 60px;
}

.page-card .card-header {
  padding: 15px 20px;
  background: linear-gradient(to bottom, #fff, #f1f7fa);
  border-bottom: none;
  text-align: center;
}

.page-card .card-header:first-child {
  border-radius: 20px 20px 0 0;
}

.page-card .welcome-text {
  font-weight: 700;
  color: #004980;
  font-size: 40px;
  margin-bottom: 0px;
}

.page-card .card-header .sub-title {
  font-size: 30px;
  font-weight: 400;
  color: #454545;
  margin: 0;
  font-family: "Poppins", sans-serif;
}

.page-card .card-body {
  padding: 30px 50px;
}

.page-card .card-body .content {
  display: flex;
  align-items: center;
}

.page-card .card-body .img {
  flex-shrink: 0;
  margin-right: 40px;
}

.page-card .card-body p {
  font-size: 22px;
  color: #323232;
  line-height: 32px;
  font-weight: 300;
  margin: 0;
}

.page-card .card-body p span {
  color: #2a9df4;
  font-weight: 400;
}

.main-title {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
}

.main-title:after {
  width: 80px;
  height: 3px;
  content: '';
  background-color: #28a745;
  border-radius: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-title.center {
  text-align: center;
}

.main-title.center:after {
  left: 50%;
  margin-left: -40px;
}

.main-title.white {
  color: #fff;
}

.main-title.white:after {
  background-color: #fff;
}

.text {
  font-size: 17px;
  line-height: 28px;
}

.promise-part {
  background: linear-gradient(120deg, #00baff, #2a9df4 40%);
}

.promise-part .sub-title {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.promise-box {
  background-color: rgba(0 0 0 / 6%);
  border: 1px solid rgba(255 255 255 / 50%);
  border-radius: 4px;
  box-shadow: 7px 7px 0px rgba(0 0 0 / 6%);
  padding: 30px 22px;
  text-align: center;
  color: #fff;
  margin-right: 7px;
  min-height: 277px;
}

.promise-box img {
  margin-bottom: 20px;
}

.promise-box .title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.promise-box .title:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 2px;
  border-radius: 10px;
  background-color: #ffe000;
  left: 50%;
  margin-left: -20px;
  bottom: 0;
}

.promise-box p {
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 22px;
}

.offer-part {
  background-color: #01579b;
}

.offer-part .main-title:after {
  background-color: #28a745;
}

.offer-part p {
  font-size: 19px;
  color: #fff;
  line-height: 30px;
}

.featured-box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 60px rgba(75, 81, 91, 0.09);
  text-align: center;
}

.featured-box .top {
  background-color: #e9f5fe;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 10px;
}

.featured-box .top.yellow {
  background-color: #fef7e8;
}

.featured-box .top.green {
  background-color: #e9f6ec;
}

.featured-box .bottom {
  padding: 24px;
}

.featured-box .title {
  font-size: 19px;
  font-weight: 700;
  color: #1a1a1a;
}

.featured-box p {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
}

.testi-box {
  background-color: #fff;
  border-radius: 6px;
  padding: 30px 40px;
  border-bottom: 1px solid rgba(42 157 244 / 25%);
  position: relative;
  margin-top: 25px;
}

.testi-box p {
  font-style: 17px;
  line-height: 28px;
  margin: 20px 0;
}

.quote-icon {
  top: -20px;
  position: absolute;
}

.testi-box .bottom {
  display: flex;
  align-items: center;
}

.testi-box span {
  display: block;
}

.testi-box .name {
  font-size: 20px;
}

.testi-box .info {
  font-size: 16px;
  color: #777777;
}

.testi-box .photo img {
  margin-right: 15px;
}

.testi-box .photo img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

.wait-part {
  background-color: #2a9df4;
}

.wait-part p {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.wait-part .main-title:after {
  display: none;
}

.wait-text {
  margin-left: 30px;
}

.footer {
  background: url(../../assets/img/ftr-bg.jpg) no-repeat top center, #0d1419;
  padding: 50px 0;
}

.ftr-logo {
  display: inline-block;
}

.ftr-logo .bottom {
  background: linear-gradient(to left, rgba(15 22 27 / 20%), rgba(255 255 255 / 20%), rgba(15 22 27 / 20%));
  text-align: center;
  padding: 2px 0;
  margin-top: 8px;
}

.ftr-logo .bottom span {
  font-weight: 500;
  color: #fdd47c;
  font-size: 20px;
}

.link-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid rgba(255,255,255, 0.15);
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}

.link-title:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background-color: #5caddd;
  left: 0;
  bottom: -1px;
}

.ftr-link {
  padding: 0;
  margin: 0;
}

.ftr-link li {
  padding: 2px 0;
}

.ftr-link li i {
  color: rgba(255,255,255,0.9);
  margin-right: 5px;
  font-size: 12px;
}

.ftr-link a {
  color: rgba(255,255,255,0.9);
  font-size: 15px;
}

.ftr-link a:hover {
  color: #2a9df4;
  text-decoration: none;
}

.ftr-link :hover > i {
  color: #2a9df4;
}

.contact-box-main {
  background-color: #252c31;
  padding: 15px;
}

.contact-box {
  display: flex;
  align-items: center;
}

.contact-box-main hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.contact-box span {
  font-size: 17px;
  color: rgba(255,255,255,0.9);
}

.contact-box i {
  font-size: 17px;
  color: #fff;
  margin-right: 10px;
  background-color: #2a9df4;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copy-right {
  background-color: #333a3f;
  padding: 15px 0;
  text-align: center;
}

.copy-right p {
  font-size: 14px;
  color: rgba(255,255,255,0.8);
  margin: 0;
}

.copy-right p a {
  color: rgba(255,255,255,0.8);
}

.copy-right .container {
  position: relative;
}

.cm {
  position: absolute;
  right: 15px;
  top: -26px;
}

.inner-page-header {
  background: linear-gradient(to right, #0d3f65, #2a9df4);
  padding: 30px 0;
}

.inner-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner-head-title {
  font-size: 40px;
  margin: 0;
  color: #fff;
  font-weight: 700;
}

.inner-header .icon {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-text {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 34px;
}

.about-text span {
  color: #2a9df4;
}

.about-text-ml {
  margin-left: 30px;
}

.team .sub-title {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
}

.contact .sub-title {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 30px;
}

.contact .sub-title span {
  color: #2a9df4;
}

.mission-box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 60px rgba(75, 81, 91, 0.09);
  padding: 30px;
  text-align: left;
  border-left: 1px solid #2a9df4;
  display: flex;
  align-items: center;
}

.mission-box .icon {
  background-color: #2a9df4;
  border-radius: 100px;
  padding: 15px;
  display: flex;
  margin-right: 16px;
  width: 90px;
  height: 90px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mission-box p {
  font-size: 20px;
  margin: 0;
}

.team-box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 60px rgba(75, 81, 91, 0.09);
  padding: 20px 20px 10px 20px;
  text-align: center;
  margin: 10px 0;
}

.team-box img {
  border-radius: 4px;
  width: 100%;
  height: 310px;
  object-fit: cover;
  object-position: top center;
}

.team-box span {
  display: block;
}

.team-box .name {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}

.team-box .info {
  font-size: 15px;
  font-weight: 700;
  color: #8f8f8f;
}

.service-box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 60px rgba(75, 81, 91, 0.09);
  padding: 10px;
  text-align: center;
  margin: 10px 0;
}

.service-box .title {
  font-size: 19px;
  font-weight: 700;
  margin-top: 20px;
  color: #1a1a1a;
}

.service-box p {
  font-size: 18px;
  line-height: 28px;
  margin: 0 16px 10px 16px;
}

.service-text {
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  color: #323232;
  text-align: center;
}

.contact-form {
  background-color: #173b56;
  border-radius: 6px;
  padding: 30px;
  margin: 0 10px 20px 0;
}

.contact-form .green-btn {
  font-size: 18px;
  padding: 12px 30px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}

.contact-form .form-control {
  font-size: 18px;
  color: #fff;
  height: 48px;
  background-color: transparent;
  border: 1px solid #e2e2e2;
}

.contact-form textarea.form-control {
  height: 83px;
}

.inquiry-box {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #E6EBEF;
  box-shadow: 0 10px 60px rgba(75, 81, 91, 0.09);
  padding: 20px;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.inquiry-box .title {
  font-size: 24px;
  font-weight: 700;
  color: #2a9df4;
  margin-right: 20px;
}

.contact-group {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.contact-group i {
  font-size: 17px;
  color: #2a9df4;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #2a9df4;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-group span {
  font-size: 18px;
  font-weight: 700;
  color: #606060;
}

@media (max-width: 1199px) {
  .header .title {
    font-size: 32px;
  }
}

@media (max-width: 1199px) {
  .promise-box {
    min-height: auto;
  }
}

@media (max-width: 991px) {
  .header .title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .header .text {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .green-btn {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .header {
    padding: 50px 0;
  }
}

@media (max-width: 991px) {
  .page-card .welcome-text {
    font-size: 34px;
  }
}

@media (max-width: 991px) {
  .page-card .card-header .sub-title {
    font-size: 25px;
  }
}

@media (max-width: 991px) {
  .main-title {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .promise-part .sub-title {
    font-size: 17px;
    font-weight: 500;
  }
}

@media (max-width: 991px) {
  .offer-part {
    padding: 50px 0;
  }
}

@media (max-width: 991px) {
  .team-box img {
    height: 190px;
  }
}

@media (max-width: 991px) {
  .team-box .name {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .about-text-ml {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .link-title {
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
  .contact-group span {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .inquiry-box .title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .py-6 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .navbar-brand img {
    height: 46px;
  }
}

@media (max-width: 767px) {
  .team-box img {
    height: 440px;
  }
}

@media (max-width: 767px) {
  .header .title {
    font-size: 26px;
    text-shadow: 2px 2px 7px black;
  }
}

@media (max-width: 767px) {
  .wait-text {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .header .text {
    font-size: 20px;
    text-shadow: 2px 2px 7px black;
  }
}

@media (max-width: 767px) {
  .page-card .card-body .content {
    display: block;
  }
}

@media (max-width: 767px) {
  .promise-box {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 767px) {
  .contact .sub-title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .featured-box {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .testi-box {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .inquiry-box {
    display: block;
  }
}

@media (max-width: 767px) {
  .inquiry-box .title {
    margin: 0;
    display: block;
  }
}

@media (max-width: 767px) {
  .contact-group {
    margin: 10px 0 0 0;
  }
}

@media (max-width: 575px) {
  .about-text {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

@media (max-width: 575px) {
  .inner-head-title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .inner-header {
    padding: 0;
  }
}

@media (max-width: 575px) {
  .mission-box {
    display: block;
  }
}

@media (max-width: 575px) {
  .mission-box .icon {
    margin: 0 0 15px 0;
  }
}

@media (max-width: 575px) {
  .team-box img {
    height: 286px;
    width: 260px;
  }
}

@media (max-width: 575px) {
  .page-card .welcome-text {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .page-card .card-header .sub-title {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .page-card .card-body {
    padding: 20px;
  }
}

@media (max-width: 575px) {
  .page-card .card-body p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 575px) {
  .page-card .card-body .img {
    text-align: center;
    margin: 0 0 10px 0;
  }
}

@media (max-width: 575px) {
  .testi-box {
    padding: 30px;
  }
}

@media (max-width: 575px) {
  .inner-page-header {
    padding: 20px 0;
  }
}

@media (max-width: 575px) {
  .inner-header .icon {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 575px) {
  .inner-header .icon img {
    height: 40px;
  }
}

@media (max-width: 575px) {
  .team .sub-title {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .service-text {
    font-size: 20px;
    line-height: 30px;
  }
}