@charset "UTF-8";




.h2 {
  font-size: 45px;
  line-height: 1.3380952381;
}

.h5 {
  font-size: 20px;
  line-height: 1.3380952381;
}


.h2,
.h5 {
  color: var(--heading-color);
  font-weight: 700;
}

.ptag {
  color: var(--paragraph-color);
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 10px;
}


.section-title {
  margin-bottom: 48px;
  position: relative;
}
.section-title .sub-title {
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  color: #F14D5D;
}
.section-title .title {
  margin-bottom: 0;
  margin-top: 3px;
}
.section-title .content {
  margin-top: 15px;
  margin-bottom: 0;
}
.section-title .btn {
  margin-top: 32px;
}


.pd-top-90 {
  padding-top: 90px;
}

.pd-bottom-90 {
  padding-bottom: 90px;
}

@keyframes top-image-bounce {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(12px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes left-image-bounce {
  0% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
    transform-origin: 50%;
  }
}
@keyframes ripple-white3 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
  }
}



.about-thumb {
  margin-bottom: 28px;
  overflow: hidden;
  border-radius: 6px;
}
.about-thumb img {
  width: 100%;
  transition: 0.7s;
}
.about-thumb:hover img {
  transform: scale(1.1);
}

@media all and (max-width: 1199px) {
	body {
		font-size: 16px;
	}
	p {
		font-size: 16px;
	}
	.section-title .title {
		font-size: 36px;
	}
	.section-title .sub-title {
		font-size: 16px;
	}
}
@media all and (max-width: 575px) {
	.section-title .title {
	    font-size: 32px;
	}
}
@media all and (max-width: 360px) {
	.section-title .title {
	    font-size: 28px;
	}
}

@media only screen and (max-width: 600px) {
	.about_image {
	    display: none;
		visibility: hidden;
	}
}