@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&family=Oswald:wght@400;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@400;700&family=Raleway:wght@400;700&family=Roboto:wght@400;700&display=swap");
.auto-container {
  position: static;
  max-width: 1320px;
  padding: 0 15px;
  margin: 0 auto;
}

.service-section {
  padding-bottom: 40px;
  padding-top: 50px;
}
.service-section .large-container {
  max-width: 1705px;
  padding: 0 15px;
  margin: 0 auto;
}
.service-section .sec-title {
  position: relative;
  display: block;
}
.service-section .sec-title h2 {
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 60px;
  text-transform: capitalize;
}
.service-section .sec-title .subtitle {
  margin: 0 auto 30px;
  width: 100%;
  max-width: 800px;
  font-size: 1.25rem;
  color: var(--bs-body-color, #212121);
}
.service-section .service-block .inner-box {
  position: relative;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  padding: 60px 60px 60px 55px;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.service-section .service-block .inner-box .title-icon .gjs-icon {
  display: flex;
  margin: 0 auto 55px;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 76px;
  height: 76px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  font-size: 38px;
  background: rgba(108, 92, 231, 0.3);
  z-index: 1;
  transition: all 500ms ease;
}
.service-section .service-block .inner-box .title-icon .gjs-icon svg {
  color: #6c5ce7;
  width: 47px;
  height: 47px;
}
.service-section .service-block .inner-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 31px;
  margin-bottom: 18px;
}
.service-section .service-block .inner-box p {
  margin-bottom: 35px;
}
.service-section .service-block .inner-box .link-box a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #6c5ce7;
}
.service-section .service-block .inner-box .link-box svg {
  width: 33px;
  height: 27px;
}
.service-section .service-block:nth-child(1) .title-icon .gjs-icon {
  background: rgba(108, 92, 231, 0.3);
}
.service-section .service-block:nth-child(1) .title-icon .gjs-icon svg {
  color: #6c5ce7;
}
.service-section .service-block:nth-child(2) .title-icon .gjs-icon {
  background: rgba(0, 196, 220, 0.3);
}
.service-section .service-block:nth-child(2) .title-icon .gjs-icon svg {
  color: #00c4dc;
}
.service-section .service-block:nth-child(3) .title-icon .gjs-icon {
  background: rgba(252, 138, 41, 0.3);
}
.service-section .service-block:nth-child(3) .title-icon .gjs-icon svg {
  color: #fc8a29;
}
.service-section .service-block:nth-child(4) .title-icon .gjs-icon {
  background: rgba(58, 212, 79, 0.3);
}
.service-section .service-block:nth-child(4) .title-icon .gjs-icon svg {
  color: #3ad44f;
}
.service-section .service-block:nth-child(5) .title-icon .gjs-icon {
  background: rgba(255, 82, 82, 0.3);
}
.service-section .service-block:nth-child(5) .title-icon .gjs-icon svg {
  color: #ff5252;
}
.service-section .service-block:nth-child(6) .title-icon .gjs-icon {
  background: rgba(253, 203, 0, 0.3);
}
.service-section .service-block:nth-child(6) .title-icon .gjs-icon svg {
  color: #fdcb00;
}
.service-section .service-block:nth-child(7) .title-icon .gjs-icon {
  background: rgba(0, 184, 148, 0.3);
}
.service-section .service-block:nth-child(7) .title-icon .gjs-icon svg {
  color: #00b894;
}
.service-section .service-block:nth-child(8) .title-icon .gjs-icon {
  background: rgba(9, 132, 227, 0.3);
}
.service-section .service-block:nth-child(8) .title-icon .gjs-icon svg {
  color: #0984e3;
}
