@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import '../css/lib/bootstrap-grid.min.css';

html {
  font-size: 10px;
}

.blog-text p{
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 12rem; /* Adjust based on line height */
  position: relative;
  margin-bottom: 5px;
}

.blog-text .read-more {
  color: blue;
  text-decoration: none;
  font-size: 1.8rem;
  position: relative;
  color: #DA2125;
  font-weight: bold;
  transition: color 0.3s ease;
  padding: 5px 0;
}

.read-more::after {
    content: '';
    display: block;
    width: 0; /* Initially no underline */
    height: 2px; /* Thickness of the underline */
    background-color: #007BFF; /* Line color */
    transition: width 0.3s ease; /* Animation for expanding the line */
    position: absolute;
    bottom: 0; /* Align the underline with the bottom of the text */
    left: 0;
}

.read-more:hover {
    color: #20466b; /* Change text color on hover */
}

.read-more:hover::after {
    width: 100%; /* Make the underline span the full width of the text */
}




@media (max-width: 1550px) {
  html {
    font-size: 7px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes spin-r {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

@keyframes pulse {

  0%,
  100% {
    fill-opacity: 1;
  }

  50% {
    fill-opacity: 0.5;
  }
}

@keyframes launch {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-100vh);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes shake {

  0%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-2px);
  }

  75% {
    transform: translateX(2px);
  }
}

@keyframes shake1 {

  0%,
  100% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-2px);
  }

  75% {
    transform: translateY(2px);
  }
}

@keyframes small-big {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1.05);
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

/* accordion-1 */
.accordion {
  background-color: #EDF2F7;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.accordion-head {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 2.8rem 3rem;
  justify-content: space-between;
  transition: 0.2s ease;
}

.accordion-head.active .accordion-arrow {
  transform: rotate(180deg);
}

.accordion-head span {
  color: #464646;
  display: inline-block;
  font-size: 2.2rem;
  line-height: 3rem;
  margin-bottom: 0.8rem;
}

.accordion-arrow {
  height: 4.8rem;
  transition: 0.25s ease;
  opacity: 1;
  width: 4.8rem;
}

.accordion-arrow img {
  max-width: 100%;
}

.accordion-content {
  display: none;
  padding: 2rem 3rem 3rem 3rem;
  position: relative;
}

.accordion-content::after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  height: 1px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  width: calc(100% - 6rem);
}

.accordion-content .h {
  margin-bottom: 2rem;
}

.accordion-content p {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #464646;
}

.accordion-content .key-reponsi {
  margin-top: 6rem;
}

.accordion-content .key-reponsi ul li {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #464646;
}

.accordion-content .key-reponsi ul li strong {
  color: #000;
}

.accordion-content .key-reponsi ul li+li {
  margin-top: 2rem;
}

.accordion-content .key-reponsi .btn2-group {
  margin-top: 6rem;
}

.accordion+.accordion {
  margin-top: 2.4rem;
}

.btn2 {
  align-items: center;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  box-shadow: none;
  background: none;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 500;
  justify-content: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  outline: none;
  z-index: 1;
}

.btn2 span {
  margin: 0 0.8rem;
}

.btn2-large {
  line-height: 6.6rem;
  padding: 0 4rem;
  min-width: 17.6rem;
}

.btn2-primary {
  background-color: #DA2125;
  color: #fff;
}

.btn2-primary:hover span {
  transform: translateY(0) scale(2);
}

.btn2-primary span {
  background-color: #20466B;
  border-radius: 50%;
  height: 100%;
  left: calc((var(--n) - 1) * 25%);
  position: absolute;
  transform: translateY(150%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  width: 25%;
  z-index: -1;
}

.btn2-primary span:nth-child(1) {
  --n: 1;
}

.btn2-primary span:nth-child(2) {
  --n: 2;
}

.btn2-primary span:nth-child(3) {
  --n: 3;
}

.btn2-primary span:nth-child(4) {
  --n: 4;
}

.btn2-primary-white {
  background-color: #fff;
  color: #000;
}

.btn2-primary-white:hover {
  color: #fff;
}

.btn2-primary-white:hover span {
  transform: translateY(0) scale(2);
}

.btn2-primary-white span {
  background-color: #000;
  border-radius: 50%;
  height: 100%;
  left: calc((var(--n) - 1) * 25%);
  position: absolute;
  transform: translateY(150%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  width: 25%;
  z-index: -1;
}

.btn2-primary-white span:nth-child(1) {
  --n: 1;
}

.btn2-primary-white span:nth-child(2) {
  --n: 2;
}

.btn2-primary-white span:nth-child(3) {
  --n: 3;
}

.btn2-primary-white span:nth-child(4) {
  --n: 4;
}

.btn2-primary1 {
  background-color: #20466B;
  color: #fff;
}

.btn2-primary1:hover {
  background-color: #DA2125;
}

.btn2-secondary {
  background-color: #fff;
  color: #000;
}

.btn2-secondary:hover {
  background-color: #20466B;
  color: #fff;
}

.btn2-outline {
  box-shadow: inset 0 0 0 1px #fff;
  background-color: transparent;
  color: #fff;
}

.btn2-outline:hover {
  background-color: #fff;
  color: #fff;
}

.btn2-outline:hover span {
  transform: translateY(0);
  transform: translateY(0) scale(2);
}

.btn2-outline span {
  background-color: #000;
  border-radius: 50%;
  height: 100%;
  left: calc((var(--n) - 1) * 25%);
  position: absolute;
  transform: translateY(150%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  width: 25%;
  z-index: -1;
}

.btn2-outline span:nth-child(1) {
  --n: 1;
}

.btn2-outline span:nth-child(2) {
  --n: 2;
}

.btn2-outline span:nth-child(3) {
  --n: 3;
}

.btn2-outline span:nth-child(4) {
  --n: 4;
}

.btn2-outline1 {
  border: 1px solid #333;
  background-color: transparent;
  color: #333;
}

.btn2-outline1:hover {
  border-color: #DA2125;
  background-color: #DA2125;
  color: #fff;
}

.btn2-group {
  align-items: center;
  display: flex;
}

.btn2-group .btn2+.btn2 {
  margin-left: 2rem;
}

.btn2 .ic {
  margin-right: 1rem;
}

.ic-broacher {
  padding-left: 6rem;
  font-size: 1.6rem;
}

.ic-broacher::after {
  content: "";
  position: absolute;
  background: url(../images/icons/ic-broacher.svg);
  background-size: 100%;
  height: 2.4rem;
  left: 2.5rem;
  width: 2.4rem;
}
.row .col-lg-6 > .card:hover,
.testimonial-box .card:hover{box-shadow: none !important;}
.card:hover{
  box-shadow: 6px 6px 10px rgba(0,0,0,0.3);
}

.section {
  position: relative;
  padding: 12rem 0;
  z-index: 1;
}

@media (max-width: 991px) {
  .section {
    padding: 8rem 0;
  }
  .section-services{
    padding: 8rem 0 !important;
  }
}

.section .container {
  position: relative;
  z-index: 10;
}

.section1 {
  padding: 6rem 0 12rem;
}

@media (max-width: 991px) {
  .section1 {
    padding: 4rem 0 8rem;
  }
}

.section2 {
  padding: 12rem 0 6rem;
}

@media (max-width: 991px) {
  .section2 {
    padding: 8rem 0 4rem;
  }
}

.section3 {
  padding: 8rem 0;
}

@media (max-width: 991px) {
  .section3 {
    padding: 3.5rem 0;
  }
}

.section4 {
  padding: 6rem 0 0;
}

@media (max-width: 991px) {
  .section4 {
    padding: 4rem 0 0;
  }
}

.section5 {
  padding: 12rem 0 3rem;
}

@media (max-width: 991px) {
  .section5 {
    padding: 6rem 0 2rem;
  }
}

.section6 {
  padding: 3rem 0 6rem;
}

@media (max-width: 991px) {
  .section6 {
    padding: 2rem 0 4rem;
  }
}

.section-empty {
  padding: 0 0 7rem;
}

@media (max-width: 991px) {
  .section-empty {
    padding: 0 0 4rem;
  }
}

.section-mission {
  background-color: #EDF2F7;
  padding: 7rem 0;
}

.section-mission .col-12 {
  margin: 1rem 0;
}
.card{
  background-color: transparent;
  border: none;
}
.section-mission .card {
  background-color: #fff;
  border-radius: 15px;
  height: 100%;
  padding: 3rem;
}

.section-mission .card-icon {
  align-items: center;
  background-color: #DA2125;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
  height: 10rem;
  width: 10rem;
}

.section-mission .card-icon img {
  max-width: 60%;
}

.section-mission .card-text .h {
  margin-bottom: 3rem;
}

.section-mission .card-text p {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #464646;
}

.card2 {
  background-color: #fff;
  border-radius: 10px;
  margin: 1.2rem 0;
  padding: 3rem;
}

.card2-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
  height: 7.8rem;
  position: relative;
  width: 7.8rem;
  z-index: 1;
}
.card2-icon img{
  height: 24px;
  width: 24px;
}

.card2-icon::after {
  content: "";
  position: absolute;
  animation: spin-r infinite 0.5s;
  background: linear-gradient(90deg, rgb(218, 33, 37) 33%, rgb(138, 36, 38) 100%);
  border-radius: 100%;
  inset: 0;
  height: 5.6rem;
  margin: auto;
  width: 5.6rem;
  z-index: -1;
}

.card2-icon-round {
  animation: small-big 2s infinite;
  background-color: #F8D3D3;
  border-radius: 100%;
  height: 7.8rem;
  width: 7.8rem;
  position: absolute;
  z-index: -1;
}

body,
html {
  font-family: "Public Sans", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

html {
  height: 100%;
}

html.is-active {
  overflow: hidden;
}

body {
  background-color: #fff;
  color: #444;
  padding: 12.8rem 0 0;
}

body.is-active {
  position: relative;
}

body.is-active::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  width: 100%;
  z-index: 5;
}

.overflow-hidden {
  overflow: hidden;
  height: 100vh;
}

.row {
  margin-left: -2rem;
  margin-right: -2rem;
}

.row [class^=col-] {
  padding-left: 2rem;
  padding-right: 2rem;
}

.row1 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.row1 [class^=col-] {
  padding-left: 4rem;
  padding-right: 4rem;
}

.row2 {
  margin-left: -3rem;
  margin-right: -3rem;
}

.row2 [class^=col-] {
  padding-left: 3rem;
  padding-right: 3rem;
}

.row3 {
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}

.row3 [class^=col-] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.row4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.row4 [class^=col-] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.title {
  margin-bottom: 6rem;
}

.title small {
  color: #DA2125;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.title .h {
  color: #000;
  margin: 3rem 0;
}

.title .h span {
  color: #319795;
}

.title-row {
  align-items: center;
  display: flex;
}

.title-left {
  padding-right: 4rem;
  flex: 1;
}

.title-sub p {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #464646;
}

.title2 small {
  text-transform: inherit;
}

.w-100 {
  width: 100%;
}

.position-unset {
  position: unset;
}

.position-sticky {
  position: sticky;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.d-none-n {
  display: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

.full-box-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.c-pointer {
  cursor: pointer;
}

.date-icon {
  color: #DA2125;
  font-size: 2rem;
  position: absolute;
  top: 5.1rem;
  right: 4rem;
}

.d-flex {
  display: flex;
}

.points ul li {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #464646;
  position: relative;
  padding-left: 3rem;
}

.points ul li::after {
  content: "";
  position: absolute;
  background-color: #008EB2;
  border-radius: 100%;
  height: 1.6rem;
  left: 0;
  top: 1.1rem;
  width: 1.6rem;
}

@media (min-width: 1750px) {
  .section-onboarding .container {
    width: 1700px;
  }
}

@media (min-width: 1650px) {
  .container {
    width: 1630px;
  }
}

@media (max-width: 1199px) {
  .section .contact-info a {
    font-size: 2rem;
  }

  .section-inner-page-title {
    padding: 18rem 0 5rem;
  }

  .section-inner-page-title .inner-box {
    border-radius: 2rem;
    padding: 5rem;
  }
  .accordion-head span{
    font-size: 1.8rem
  }
  .accordion-content p{
    font-size: 2rem;
  }
  .accordion-content .key-reponsi ul li{
    font-size: 2rem;
  }
}

@media (max-width: 991px) {
  body {
    padding: 88px 0 0;
  }

  .section-transform {
    padding: 5rem 0 10rem;
  }

  .section-transform .form {
    margin-top: 5rem;
  }

  .section-transform .form {
    border-radius: 2rem;
    padding: 3rem;
  }

  .section-dummy {
    padding: 10rem 0 5rem;
  }

  .section-dummy .dummy {
    border-radius: 2rem;
  }

  .form {
    padding: 3rem;
  }

  .form-control {
    border-radius: 1rem;
  }

  .d-none-991 {
    display: none !important;
  }

  .d-block-991 {
    display: block !important;
  }

  .order1 {
    order: 1;
  }

  .order2 {
    order: 2;
  }
  .section-contact .form{
    margin-top: 4rem;
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .section-dummy {
    padding: 5rem 0;
  }

  .section-dummy .dummy {
    padding: 3rem;
  }

  .section-dummy .dummy-row {
    flex-wrap: wrap;
    text-align: center;
  }

  .section-dummy .dummy-left {
    width: 100%;
  }

  .section-dummy .dummy-right {
    margin-top: 3rem;
    justify-content: center;
    width: 100%;
  }

  .d-none-767 {
    display: none;
  }

  .d-block-767 {
    display: block;
  }
}

.section-titlebar {
  height: 37rem;
  padding: 14rem 0;
  position: relative;
  overflow: hidden;
}

.section-titlebar::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 142, 178, 0.8);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.section-titlebar img {
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
}

.section-titlebar .h {
  color: #fff;
  margin-bottom: 1.5rem;
}

.section-titlebar ul {
  align-items: center;
  display: flex;
  justify-content: center;
}

.section-titlebar ul li {
  color: #fff;
  font-size: 1.8rem;
  padding: 0 0.5rem;
}

.section-titlebar ul li a {
  color: #fff;
}

.section-titlebar ul li a:hover {
  text-decoration: underline;
}

.section-titlebar .container {
  position: relative;
  z-index: 5;
}

.section-about .img-box {
  border-radius: 10px;
  height: 50rem;
  overflow: hidden;
  width: 100%;
}

.section-about .img-box img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  transform: scaleX(-1);
}

.section-about .img-box2 {
  height: 41rem;
}

.section-about .img-box3 {
  height: 32rem;
}

.section-about .noflip img {
  transform: scaleX(1);
}

.section-about p {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #464646;
}

.section-about .btn2-group {
  margin-top: 5rem;
}

.section-certifications {
  background-color: #008EB2;
  padding: 10rem 0;
}

.section-certifications .h {
  color: #fff;
  font-weight: 300;
  margin-bottom: 6rem;
  text-transform: uppercase;
}

.section-certifications .images-row {
  display: flex;
  flex-wrap: wrap;
}

.section-certifications .images-col {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 20%;
}

.section-certifications .images-col img {
  max-width: 70%;
  padding: 0 3rem;
}

.section-software .logos-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}

.section-software .logos-col {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  width: 20%;
}

.section-software .logos-col .box {
  align-items: center;
  border: 1px solid #E0E0E0;
  justify-content: center;
  display: flex;
  height: 21.4rem;
  width: 100%;
}

.section-software .logos-col .box img {
  max-width: 100%;
}

.section-statistics {
  background-color: #008EB2;
  padding: 8rem 0;
}

.section-statistics .stat-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.section-statistics .stat-col {
  text-align: center;
  padding: 0 2.5rem;
  width: 25%;
}

.section-statistics .stat-col .text {
  color: #fff;
}

.section-statistics .stat-col .text .h {
  color: #fff;
  margin-bottom: 1.6rem;
}

.section-statistics .stat-col .text p {
  font-size: 2.4rem;
  line-height: 3.6rem;
}

.section-blog {
  padding: 6rem 0;
}
.section-blog.recent-post .row .col-12 + .col-12{
  margin-top: 3rem;
}
.section-blog .title .h {
  max-width: 75rem;
}

.section-blog .blog-box-bg {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  cursor: pointer;
  padding: 2rem;
  height: 100%;
}

.section-blog .blog-box-bg:hover .blog-img img {
  transform: scale(1.2);
}

.section-blog .blog-text {
  margin-top: 2rem;
}

.section-blog .blog-text .h {
  margin-bottom: 1rem;
}

.section-blog .blog-text p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #666;
}

.section-blog .blog-img {
  border-radius: 10px;
  height: 27rem;
  overflow: hidden;
  width: 100%;
}

.section-blog .blog-img img {
  /*-o-object-fit: cover;*/
  /*object-fit: cover;*/
  height: 100%;
  transition: all ease-in 0.5s;
  width: 100%;
}

.section-blog2 {
  padding: 14.8rem 0 6.8rem;
}

.section-blog2 .blog-list .col-12 {
  margin: 1.2rem 0;
}

.section-cta {
  background-color: #008EB2;
  padding: 12rem 0;
}

.section-cta .cta-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.section-cta .cta-left {
  max-width: 95rem;
  width: 100%;
}

.section-cta .cta-left .h {
  color: #fff;
  font-weight: 500;
  margin-bottom: 3rem;
}

.section-cta .cta-left p {
  color: #fff;
  font-size: 2.4rem;
  line-height: 3.6rem;
}

.section-cta .svg-line3 {
  position: absolute;
  left: 0;
  top: 0;
}

.section-contact .img-box {
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.section-contact .img-box img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.section-contact .form {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  height: 100%;
  padding: 3rem;
}

.section-contact .form h6 {
  color: #000;
  font-size: 3.2rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.section-contact .form .content-wrapper {
  margin: 0 auto;
  font-size: 0;
}

.section-contact .form .content-wrapper .row+.row {
  margin-top: 6rem;
}

.section-contact .form .content-wrapper .one-field {
  position: relative;
  margin-top: 10px;
}

.section-contact .form .content-wrapper .one-field input,
.section-contact .form .content-wrapper .one-field textarea {
  border-width: 0 0 1px 0;
  border-color: #ccc;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Public Sans", sans-serif !important;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 1.4rem 0;
  resize: none;
  width: 100%;
}

.section-contact .form .content-wrapper .one-field input::-moz-placeholder,
.section-contact .form .content-wrapper .one-field textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 2rem;
}

.section-contact .form .content-wrapper .one-field input::placeholder,
.section-contact .form .content-wrapper .one-field textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 2rem;
}

.section-contact .form .content-wrapper .one-field input:focus,
.section-contact .form .content-wrapper .one-field input:focus-within,
.section-contact .form .content-wrapper .one-field input:focus-visible,
.section-contact .form .content-wrapper .one-field textarea:focus,
.section-contact .form .content-wrapper .one-field textarea:focus-within,
.section-contact .form .content-wrapper .one-field textarea:focus-visible {
  border-width: 0 0 1px 0;
  border-color: #ccc;
  outline: none;
}

.section-contact .form .content-wrapper .one-field input:focus+label,
.section-contact .form .content-wrapper .one-field input:valid+label,
.section-contact .form .content-wrapper .one-field textarea:focus+label,
.section-contact .form .content-wrapper .one-field textarea:valid+label {
  font-size: 1.2rem;
  font-weight: bold;
  top: 0;
}

.section-contact .form .content-wrapper .one-field input:focus+label:after,
.section-contact .form .content-wrapper .one-field input:valid+label:after,
.section-contact .form .content-wrapper .one-field textarea:focus+label:after,
.section-contact .form .content-wrapper .one-field textarea:valid+label:after {
  content: ":";
}

.section-contact .form .content-wrapper .one-field textarea {
  height: 130px;
}

.section-contact .form .content-wrapper label {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5);
  font-size: 2.2rem;
  left: 0;
  position: absolute;
  top: 2.2rem;
  transition: all 0.4s ease-in-out;
}

.section-testimonial {
  position: relative;
  overflow: hidden;
}

.section-testimonial .container {
  position: unset;
}

.section-testimonial .btn-box .icon {
  align-items: center;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-flex;
  justify-content: center;
  height: 6rem;
  width: 6rem;
}

.section-testimonial .btn-box .icon svg {
  height: 2.6rem;
  width: 2.6rem;
}

.section-testimonial .btn-box .icon+.icon {
  margin-left: 2rem;
}

.section-testimonial .btn-box .icon1 {
  transform: rotate(180deg);
}

.section-testimonial .btn-box .icon:hover {
  background-color: #20466B;
  border-color: #20466B;
}

.section-testimonial .btn-box .icon:hover svg path {
  fill: #fff;
}

.section-testimonial .testimonial-list .slick-list {
  padding: 1rem 20% 1rem 0;
  margin-left: 10rem;
}

.section-testimonial .testimonial-list .slick-slider {
  margin: 0;
}

.section-testimonial .testimonial-list .slick-slide {
  margin-left: 0;
}

.section-testimonial .testimonial-list .slick-slide>div {
  padding: 2rem 3rem;
  height: 100%;
}

.section-testimonial .testimonial-box {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  cursor: pointer;
  min-height: calc(100% - 14px);
  padding: 6rem 4rem 5rem;
  position: relative;
  transition: ease-in all 0.2s;
  width: 38.5rem;
}

.section-testimonial .testimonial-box:hover {  
  border-radius: 20px;
}

.section-testimonial .testimonial-box:hover .service-icon {
  background-color: #fff;
}

.section-testimonial .testimonial-box:hover .service-icon .icon-normal {
  display: none;
}

.section-testimonial .testimonial-box:hover .service-icon .icon-hover {
  display: block;
}

.section-testimonial .testimonial-box:hover .service-text .h,
.section-testimonial .testimonial-box:hover .service-text p {
  color: #fff;
}

.section-testimonial .testimonial-text p {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #000;
}

.section-testimonial .testimonial-text .quote {
  position: absolute;
}

.section-testimonial .testimonial-text .quote-top {
  left: 2.6rem;
  top: 4rem;
  z-index: -1;
}

.section-testimonial .testimonial-text .quote-bottom {
  display: inline-block;
  padding: 0.5rem 2.5rem;
  width: 10.7rem;
}

.section-testimonial .testimonial-author {
  align-items: center;
  display: flex;
  margin-top: 5rem;
}

.section-testimonial .testimonial-author .user {
  border-radius: 100%;
  height: 6.6rem;
  position: relative;
  position: relative;
  width: 6.6rem;
}

.section-testimonial .testimonial-author .user::after {
  content: "";
  position: absolute;
  animation: spin-r 3.5s infinite;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23008EB2FF' stroke-width='3' stroke-dasharray='6%2c 15' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 100px;
  margin: auto;
  height: 100%;
  inset: 0;
  width: 100%;
}

.section-testimonial .testimonial-author .user-inner {
  border-radius: 100%;
  height: 5.8rem;
  margin: auto;
  position: absolute;
  inset: 0;
  overflow: hidden;
  width: 5.8rem;
}

.section-testimonial .testimonial-author .user-inner img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.section-testimonial .testimonial-author .name {
  padding-left: 2rem;
  flex: 1;
}

.section-testimonial .testimonial-author .name h5 {
  color: #008EB2;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

.section-testimonial .testimonial-author .name p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #464646;
}

.select2-container{
  margin: 5px 0 0 ;
}
.select2-container--default .select2-selection--single {
  border-color: #ccc;
  border-width: 0 0 1px 0;
  border-radius: 0;
  height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 5.6rem;
}

.select2-container--default .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.5) !important;
  font-family: "Public Sans", sans-serif !important;
  font-size: 2.2rem;
  padding: 1.4rem 0 !important;
  line-height: 1;
}

.select2-results__option--selectable {
  font-size: 1.6rem;
}

.right-full-width {
  right: 0;
  padding: 0;
}

.right-full-width1 {
  padding: 0 0 0 8rem !important;
  right: 0;
  position: absolute;
}

.visible .path-animation {
  stroke-dasharray: 3000;
  /* Set this to the total path length */
  stroke-dashoffset: 3000;
  animation: draw 5s ease-in-out forwards;
}

.visible .path-animation1 {
  stroke-dasharray: 1000;
  /* Adjust based on the path length */
  stroke-dashoffset: 1000;
  animation: draw 4s ease forwards;
}

.roket {
  animation: shake 0.5s infinite;
}

.shake {
  animation: shake1 0.8s infinite;
}

@media (max-width: 1550px) {
  .section-testimonial .testimonial-text .quote-bottom {
    max-width: 12%;
  }

  .section-testimonial .testimonial-text .quote-top img {
    max-width: 50%;
  }
}

@media (max-width: 991px) {
  .section-about .img-box {
    height: 50rem;
    margin: 1.5rem 0;
  }

  .section-about .text {
    margin: 1.5rem 0;
  }

  .section-contact .img-box {
    margin-bottom: 4rem;
  }

  .section-statistics .stat-col {
    padding: 2.5rem;
    width: 50%;
  }

  .section-certifications .images-col {
    width: 40%;
  }

  .section-certifications .images-col img {
    max-width: 100%;
    padding: 3rem;
  }

  .section-blog2 {
    padding: 8.8rem 0 6.8rem;
  }

  .section-titlebar {
    height: 30rem;
    padding: 10rem 0;
  }
}

@media (max-width: 575px) {
  .section-testimonial .testimonial-list .slick-list {
    padding: 0 2.5rem;
    margin: 0;
  }

  .section-testimonial .testimonial-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  }

  .section-statistics .stat-col {
    padding: 0;
    width: 100%;
  }

  .section-statistics .stat-col+.stat-col {
    margin-top: 5rem;
  }
}

.header {
  background-color: #fff;
  left: 0;
  padding: 3rem 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.15s;
  z-index: 9;
}

.header-row>a img {
  max-width: 30rem;
}

.header.fixed {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  left: 0;
  position: fixed;
  top: 0;
}

.header ul {
  display: flex;
}
.header ul li{
  position: relative;
}

.header ul li+li {
  margin-left: 5rem;
}

.header ul li .nav-link {
  color: #464646;
  font-size: 2.2rem;
  font-weight: 400;
  position: relative;
}

.header ul li .nav-link::before {
  content: "";
  position: absolute;
  background-color: #DA2125;
  border-radius: 100%;
  bottom: -15px;
  margin: auto;
  left: 0;
  opacity: 0;
  height: 6px;
  right: 0;
  width: 6px;
}

.header ul li .nav-link:hover {
  color: #DA2125;
}

.header ul li .nav-link:hover::before {
  opacity: 1;
}

.header ul li .btn2 {
  font-size: 1.6rem;
}

.header ul li a.active {
  color: #DA2125;
}

.header ul li a.active::before {
  opacity: 1;
}

.menu-icon {
  display: none;
}

.menu-icon label {
  display: flex;
  flex-direction: column;
  width: 70px;
  cursor: pointer;
}

.menu-icon label span {
  background-color: #DA2125;
  border-radius: 10px;
  height: 7px;
  margin: 7px 0;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.menu-icon label span:nth-of-type(1) {
  width: 50%;
}

.menu-icon label span:nth-of-type(2) {
  width: 100%;
}

.menu-icon label span:nth-of-type(3) {
  width: 75%;
}

.menu-icon input[type=checkbox] {
  display: none;
}

.menu-icon input[type=checkbox]:checked~span:nth-of-type(1) {
  transform-origin: bottom;
  transform: rotatez(45deg) translate(8px, 0px);
}

.menu-icon input[type=checkbox]:checked~span:nth-of-type(2) {
  transform-origin: top;
  transform: rotatez(-45deg);
}

.menu-icon input[type=checkbox]:checked~span:nth-of-type(3) {
  transform-origin: bottom;
  width: 50%;
  transform: translate(30px, -11px) rotatez(45deg);
}


.dropdown-item {
  color: #000;
  font-size: 1.8rem !important;
  line-height: 2.6rem;
  padding: 1rem 2.5rem;
}
.dropdown-item:hover {
  background-color: #DA2125;
  color: #fff;
}
.dropdown .dropdown-menu {
  border-radius: 5px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
  border: none;
  background-color: #fff;
  display: none;
  min-width: 40rem;
  padding: 1rem 0;
  position: absolute;
}
.dropdown .dropdown-menu li a {
  display: block;
  padding: 1rem 2rem;
}
.dropdown .dropdown-menu li a:hover::before, .dropdown .dropdown-menu li a.active::before {
  display: none;
}
.dropdown .dropdown-menu li + li {
  margin-left: 0;
}

.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .header-row>a img {
    max-width: 12rem;
  }
}
@media screen and (min-width: 991px) {
  .dropend:hover>.dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
  }

  .dropend .dropdown-toggle {
      margin-left: 0.5em;
  }
}
@media (max-width: 991px) {
  .header {
    position: fixed;
    top: 0;
    padding: 10px 0;
    left: 0;
  }

  .header-row {
    border-radius: 0;
    padding: 0;
    position: relative;
  }

  .header-row>a img {
    max-width: 23rem;
  }

  .header-row .text-end .btn2 {
    margin-right: 8rem;
  }

  .header ul {
    background-color: #fff;
    bottom: 0;
    display: block;
    position: fixed;
    padding: 5rem;
    left: auto;
    right: 0;
    top: 84px;
    transform: translateX(100%);
    transition: transform 0.9s;
    width: 90%;
  }

  .header ul li a {
    font-size: 3rem;
  }

  .header ul li a::before {
    display: none;
  }

  

  .header ul li+li {
    margin-left: 0;
    margin-top: 3.5rem;
  }

  .header.is-active ul {
    transform: translateX(0);
    height: 100vh;
    overflow: auto;
  }

  .menu-icon {
    display: block;
    position: absolute;
    left: auto;
    right: -2rem;
    transform: scale(0.6);
  }

  .dropdown .dropdown-menu li+li {
    margin-top: 0;
  }

  .dropdown .dropdown-menu {
    box-shadow: none;    
    display: none !important;
    height: inherit !important;
    min-width: inherit;
    position: inherit;
    transform: inherit !important;
    width: 100%;
    top: inherit;
    bottom: inherit;
    padding-left: 25px;
  }
  .dropdown .dropdown-menu.dropdown-show{
    display: block !important;
  }
  
  .header ul.nav.align-items-center > li:last-child{
    padding-bottom: 10rem;
  }

  /* .nav-item.dropdown + li{
    margin-top: 0 !important;
  } */
}

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

  .header ul {
    padding: 3rem;
  }

  .menu-icon {
    transform: scale(0.5);
  }
}

.form-group {
  margin-bottom: 2rem;
}

.form-control {
  border: 1px solid #D7D7D7;
  border-radius: 10px;
  color: #444;
  font-size: 1.8rem;
  font-family: "Public Sans", sans-serif;
  line-height: 1.2;
  min-height: 6rem;
  padding: 1.8rem 2rem;
  resize: none;
  width: 100%;
}

.form-control-textarea {
  min-height: 13.5rem;
}

.h {
  color: #000;
  font-weight: 700;
  line-height: 1.2;
}

.h1 {
  font-size: 5.4rem;
}

@media (max-width: 767px) {
  .h1 {
    font-size: 4.5rem;
  }
}

.h2 {
  font-size: 4.6rem;
}

.h3 {
  font-size: 3.8rem;
}

.h3-1 {
  font-size: 3.6rem;
}

.h4 {
  font-size: 3rem;
}

.h4-1 {
  font-size: 2.8rem;
}

.h4-2 {
  font-size: 2.4rem;
}

.h4-3 {
  font-size: 2.6rem;
}

.h5 {
  font-size: 2.4rem;
}

.h6 {
  font-size: 2rem;
}

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

.text-right {
  text-align: right;
}

@media (max-width: 1199px) {

  .h2,
  h2 {
    font-size: 4rem;
  }

  .h4,
  h4 {
    font-size: 3rem;
  }
  .h4-1{
    font-size: 2.2rem;
  }
}


@media (max-width: 767px) {

  .h2,
  h2 {
    font-size: 3.5rem;
  }

  .h4,
  h4 {
    font-size: 2.8rem;
  }
}

.footer-top {
  background-color: #EDF2F7;
  border-radius: 20px;
  padding: 10rem 10rem 6rem;
}

.footer-bottom {
  padding: 6rem 0 3rem;
}

.footer-bottom .row [class^=col-] {
  position: relative;
}

.footer-bottom .map {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.footer-bottom .text {
  padding-top: 10rem;
}

.footer-bottom .text .h {
  color: #000;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.footer-bottom .text p {
  font-size: 2rem;
  line-height: 3.2rem;
  color: #464646;
}

.footer-bottom .text ul {
  margin-top: 2rem;
}

.footer-bottom .text ul li {
  align-items: center;
  display: flex;
  justify-content: center;
}

.footer-bottom .text ul li .ic {
  margin-right: 1rem;
}

.footer-bottom .text ul li a {
  color: #000;
}

.footer-bottom .text ul li a:hover {
  text-decoration: underline;
}

.footer-bottom .text ul li+li {
  margin-top: 2rem;
}

.footer-copy {
  border-top: 1px solid #CBCBCB;
  padding: 3rem 0;
  margin-top: 5rem;
}

.footer-copy p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #464646;
}

.footer-copy p a:hover {
  text-decoration: underline;
}

.footer .about .text {
  margin: 3rem 0;
}

.footer .about .text p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #464646;
}

.footer .quick-links .h {
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.footer .quick-links ul li p,
.footer .quick-links ul li a {
  color: #464646;
  display: block;
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding: 1rem 0;
}

.footer .quick-links ul li a {
  text-decoration: none;
}

.footer .quick-links ul li a:hover {
  color: #DA2125;
}

.footer .quick-links ul.social li a {
  align-items: center;
  display: flex;
}

.footer .quick-links ul.social li a span+span {
  flex: 1;
  padding-left: 1rem;
}

.footer .quick-links ul.social li a:hover .icon {
  border-color: #DA2125;
  background-color: #DA2125;
}

.footer .quick-links ul.social li a:hover .icon svg path {
  fill: #fff;
}

.footer .quick-links ul.social li .icon {
  align-items: center;
  border: 1px solid #464646;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  height: 4.4rem;
  width: 4.4rem;
}

.footer .quick-links ul.social li .icon svg {
  height: 2.4rem;
  width: 2.4rem;
}

@media (max-width: 991px) {
  .footer-top {
    padding: 5rem;
  }

  .footer-top .row .col-12 .row .col-12 {
    margin-top: 3rem;
  }

  .footer-bottom {
    padding: 4rem 0;
  }

  .footer-bottom .row .col-12+.col-12 {
    margin-top: 5rem;
  }

  .footer-bottom .map {
    display: none;
  }

  .footer-bottom .text {
    padding: 0;
    text-align: left;
  }

  .footer-bottom .text ul li {
    justify-content: flex-start;
  }

  .footer .quick-links ul {
    display: flex;
    flex-wrap: wrap;
  }

  .footer .quick-links ul li {
    width: 49%;
  }
  .container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


.p-0{
  padding: 0 !important;
}

.modal-header{
  padding: 15px 20px;
}
.modal-body{
  padding: 15px 20px;
}
.modal-footer{
  padding: 15px 20px;
}
.modal-content{
  border-radius: 10px;
  border: none;
}
.modal-header .btn-close{
  height: 30px;
  width: 30px;
  font-size: 14px;
  opacity: 1;
}
.modal-footer .btn2 + .btn2{
  margin-left: 15px;
}
/*# sourceMappingURL=common.css.map */