/* 12-04-2024 */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Manrope:wght@600&display=swap");
body {
  font-weight: 700;
  font-size: 14px !important;
  line-height: 26px;
}
.berlin_wrap {
  background-color: #01101f !important;
}
html {
  scroll-behavior: smooth;
}

.container {
  max-width: 1440px;
  padding: 0px 20px;
}

.menu_bar ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}

.menu_bar ul li.contact_link a.yellow_button {
  width: 196px !important;
}

.heade_new .navbar-nav {
  flex-wrap: wrap !important;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

.float_left {
  float: left;
  width: 100%;
}

.d-flex {
  display: flex;
}

.mt-70 {
  margin-top: 70px;
}

.media {
  display: flex !important;
  align-items: center !important;
}

.media-body {
  flex: 1;
  margin-left: 20px;
}

.row_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.hero_section {
  margin-top: 80px;
  padding: 60px 0;
  background-image: url("../images/hannover_banner.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero_section h1 {
  background: radial-gradient(
    98.37% 98.37% at 50% 50%,
    #16d9e3 0%,
    #46aef7 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  font-size: 70px;
  line-height: 85px;
  margin-bottom: 40px;
  font-weight: 700;
}

.hero_section a {
  font-size: 36px;
  line-height: 42px;
  font-style: italic;
  color: #fff;
  z-index: 1;
  position: relative;
  transition: all 0.25s ease-in-out;
  box-shadow: inset 0 0px 0 0 rgb(75 202 234 / 55%);
}

.hero_section a:hover {
  transition: all 0.25s ease-in-out;
  box-shadow: inset 0 -12px 0 0 rgb(75 202 234 / 55%);
}

.wrap-box {
  display: flex;
  gap: 20px 50px;
  align-items: center;
  font-size: 24px;
  color: #fff;
  margin-bottom: 40px;
}

.wrap-box .media-img {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wrap-box .media-body {
  margin-left: 20px;
}

.cta-banner {
  background: linear-gradient(90deg, #001617 0%, #030a77 100%);
  text-align: center;
  border-radius: 24px;
  min-height: 254px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  padding: 31px 20px;
  position: relative;
  overflow: hidden;
}

.cta-banner:before {
  content: "";
  position: absolute;
  left: -60px;
  background-image: url("../images/cta-left-bg.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 415px;
  height: 100%;
}

.cta-banner:after {
  content: "";
  position: absolute;
  right: -60px;
  background-image: url("../images/cta-right-bg.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 415px;
  height: 100%;
}

.cta-banner h3 {
  font-size: 38px;
  line-height: 57px;
  color: #fff;
  font-weight: 700;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 25px;
}

a.primary-button {
  display: inline-block;
  padding: 12px 24px;
  color: #fff;
  background: linear-gradient(90deg, #003ebf 0%, #007bff 100%);
  border-radius: 8px;
  font-size: 20px;
  cursor: pointer;
}

a.primary-button:hover {
  background: linear-gradient(3deg, #003ebf 0%, #007bff 100%);
}

.header-primary {
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  font-size: 45px;
  line-height: 54px;
  margin-bottom: 40px;
  margin-top: 0;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p {
  font-size: 18px;
  line-height: 28px;
  color: #a1a3b9;
  font-weight: 400;
}

.about_inner.media {
  border: 1px solid #26293c;
  padding: 15px;
  border-radius: 10px;
}

.about_inner .media-img {
  background: rgb(38 41 60 / 40%);
  width: 64px;
  height: 64px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.about_inner .media-body {
  margin-left: 15px !important;
  color: #8a96b1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.about_inner .media-body h6 {
  color: #c2cde7;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 5px;
}

.info_section p {
  margin-bottom: 30px;
}

.wrap-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 46px;
}

.wrap-flex .com-md-6 {
  padding: 0 !important;
}

.wrap-flex .col-md-6 {
  padding: 0;
  width: 45%;
}

.about_section h2 {
  font-size: 128px;
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 10px transparent;
  color: #01101f;
  margin: 0;
  letter-spacing: 8px;
  line-height: 166px;
  text-align: center;
  margin-bottom: 20px;
}
.mt_50 {
  margin-top: 50px;
}
.pt_40 {
  padding-top: 30px;
}
.about_section h3 {
  margin: 0;
  margin-bottom: 30px;
  font-size: 45px;
  font-weight: 600;
  color: #a1a3b9;
  line-height: 54px;
  text-align: center;
}
.pb_30 {
  padding-bottom: 30px;
}
.info_section p {
  margin-bottom: 30px;
}

.about_section p {
  margin-bottom: 25px;
  text-align: center;
}

.counter_wrap {
  display: flex;
  justify-content: space-around;
  width: 100%;
  max-width: 1010px;
}

.count-up {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: start;
}

.count-up p {
  margin: 0;
  font-size: 72px;
  line-height: 80px;
  color: #c2cde7;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif !important;
}

.count-up h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #8a96b1;
}

.counter_top {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  background: linear-gradient(
    98.75deg,
    rgba(43, 53, 87, 0) 19.51%,
    rgba(48, 55, 88, 0.4) 52.02%,
    rgba(19, 20, 38, 0) 90.46%
  );
  width: 100%;
  padding: 40px 0;
}

.meet_card {
  position: relative;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 26px;
  height: 100%;
}

.service-card,
.our_projects {
  transition: opacity 0.5s ease;
}

.meet_card .card_inner img {
  transition: all 0.2s ease;
}

.meet_card .card_inner:hover img {
  -webkit-filter: drop-shadow(1px -1px 6px #fff);
  filter: drop-shadow(1px -1px 6px #fff);
}

.card_inner.bg_gradient.min-400 {
  min-height: 450px;
}

.card_inner.bg_gradient.min-380.half-height {
  justify-content: end;
}

.card_inner {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 19px auto 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
}

.card-info {
  position: absolute;
  top: 30px;
  left: 30px;
}

.bg_gradient {
  background: linear-gradient(101deg, #5e1284 0%, #172885 99.31%);
  border-radius: 6px;
}

.card_inner h6 {
  font-size: 24px;
  color: #ffffff;
  line-height: 28px;
  margin: 0;
  margin-bottom: 2px;
  font-weight: 600;
}

.card_inner p {
  font-size: 24px;
  line-height: 1.4;
  color: #a1a3b9;
}

.card-info p {
  font-size: 18px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.75);
}

.services_section h2 {
  margin-bottom: 25px;
}

.services_section .service-card {
  transition: 0s !important;
}

.services_section .service-card ul {
  transition: 0s !important;
}

.services_section .service-card:hover {
  transition: opacity 0.5s ease !important;
}

.services_section .service-card:hover ul {
  transition: max-height 0.5s !important;
}

.services_section .card p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 25px;
}

.box-image {
  margin-bottom: 30px;
}

.card h5 {
  font-size: 28px;
  color: #fff;
  margin: 0;
  margin-bottom: 20px;
}

.services_section .card ul {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.5;
  -ms-transition: max-height 0.8s;
  -o-transition: max-height 0.8s;
  transition: max-height 0.8s;
  animation-duration: 0.8s;
  animation-duration: 0.8s;
  animation-delay: 0;
  overflow: hidden;
  max-height: 0;
}

.services_section .card:hover ul {
  max-height: 300px;
}

.services_section .card ul li:not(:last-child) {
  padding-bottom: 10px;
}

.services_section .card ul li:after {
  content: "";
  width: 12px;
  height: 12px;
  top: 0;
  bottom: 0;
  margin-top: 5px !important;
  margin: auto;
  left: 0;
  position: absolute;
  background-image: url("../images/arrow-image.svg");
}

.services_section .card ul li {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding-left: 25px;
  padding-bottom: 20px;
}

.services_section .card {
  border: 0;
  background-color: transparent;
  padding: 50px 30px 30px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-bottom: 30px;
  min-height: 370px;
  background-color: #01101f;
}

.services_section .card:hover {
  position: relative;
  z-index: 5;
}

.bg-img-1 {
  background-image: url("../images/bg-image-1.webp") !important;
}

.bg-img-2 {
  background-image: url("../images/bg-image-2.webp") !important;
}

.bg-img-3 {
  background-image: url("../images/bg-image-3.webp") !important;
}

.bg-img-4 {
  background-image: url("../images/bg-image-4.webp") !important;
}

.bg-img-5 {
  background-image: url("../images/bg-image-5.webp") !important;
}

.bg-img-6 {
  background-image: url("../images/bg-image-6.webp") !important;
}

.mt-50 {
  margin-top: 50px;
}

.hover_card > div {
  max-height: 400px;
}

.bg_gradient:hover img {
  -webkit-mask-position: 0 0;
}

.bg_gradient:hover img.lazy {
  -webkit-mask-position: 100% 0;
}

.pt_115 {
  padding-top: 115px;
}

.mt_70 {
  margin-top: 70px;
}

.pt_70 {
  padding-top: 70px !important;
}

.pt_20 {
  padding-top: 20px;
}

h2 {
  margin: 0;
  text-align: center;
}

.our_project_title {
  text-align: center;
}

.our_project_title h2 {
  font-size: 45px;
  font-weight: 700;
  line-height: 54px;
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  margin: 0;
}

.our_projects {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.our_projects img {
  transition: 0.5s ease;
  border-radius: 10px;
}

.our_projects img:hover {
  transform: scale(1.03);
  transition: 0.5s ease;
}

.footer_bg {
  background: radial-gradient(
    135.49% 325.18% at 39.96% 50.04%,
    #000f1e 0%,
    #00112d 35%,
    #01101f 100%
  );
}

.rating_center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.rating_text p {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
  margin: 0;
}

.pt {
  padding-top: 30px;
}

.star_rating_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 25px;
  column-gap: 25px;
}

.top_border {
  border: 1px solid #ffffff;
  opacity: 0.2;
}

.country_img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.country_img h5 {
  margin: 0px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #ffffff;
  padding-top: 39px;
}

.country_img p {
  margin: 0px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  padding-top: 20px;
}

.contact_info h4 {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #ffffff;
}

.call_number {
  display: flex;
  flex-direction: row;
  align-items: center;
  row-gap: 10px;
  column-gap: 15px;
}

.call_number a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 24px;
}

.call_img_bg {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #003ebf 0%, #007bff 100%);
  border-radius: 50%;
}

.pt_35 {
  padding-top: 35px;
}

.footer_copyright_bottom {
  background: #0d0d0f;
  padding: 15px;
  text-align: center;
}

.footer_copyright_bottom span {
  font-weight: 500;
  font-size: 20px;
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

}

.client_wrap {
  background: linear-gradient(
    152.6deg,
    rgba(11, 15, 32, 0.7) 6.64%,
    rgba(8, 9, 17, 0.7) 82.93%
  );
  border: 1px solid #26293c;
  backdrop-filter: blur(5px);
  border-radius: 32px;
  padding: 40px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.client_img {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  height: 100%;
}

.client_img h4 {
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
  margin: 0;
}

.flag_wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.flag_wrap span {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #ffffff;
}

.client_title h3 {
  font-style: italic;
  font-weight: 800;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
}

.star_review {
  display: flex;
  justify-content: space-between;
}

.star_review img {
  object-fit: contain;
}

.hire_equal_height {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 30px;
}

.wy_choose_title h2 {
  font-weight: 600;
  font-size: 56px;
  list-style: 1.5;
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: left;
}

.wy_choose_title p {
  font-size: 20px;
  line-height: 30px;
  color: #a1a3b9;
  margin: 0;
}

.order_list {
  display: flex;
  row-gap: 30px;
  column-gap: 50px;
}

.order_list ul {
  padding: 0 22px;
  list-style-type: none;
  position: relative;
  margin: 0;
}

.order_list ul li {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #a1a3b9;
  padding-bottom: 25px;
}

.order_list ul li:after {
  content: "";
  position: absolute;
  left: -22px;
  top: 7px;
  background-image: url("../images/ul_after.svg");
  background-repeat: no-repeat;
  width: 40px;
  width: 12px;
  height: 12px;
}

.button_wrap a {
  background: linear-gradient(90deg, #003ebf 0%, #007bff 100%);
  border-radius: 6px;
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  color: #ffffff;
  padding: 19px;
  max-width: 280px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.button_wrap a:hover {
  background: linear-gradient(356deg, #003ebf 0%, #007bff 100%);
}

.hero-image {
  position: relative;
  max-width: 580px;
  width: 100%;
  z-index: 5;
  display: flex;
  align-items: center;
}

.hero-image .ai-image {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-top: -40px;
}

.hero-image .img-wrap {
  position: relative;
  z-index: 1;
}

.hero-image .box-inner-bounce {
  width: 60px;
  height: 60px;
  border: 2px solid #1648a0 !important;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@keyframes float {
  0% {
    transform: translatey(0px) translatex(0px);
  }

  30% {
    transform: translatey(-20px) translatex(-50px);
  }

  60% {
    transform: translatey(-10px) translatex(-80px);
  }

  80% {
    transform: translatey(5px) translatex(-20px);
  }

  100% {
    transform: translatey(0px) translatex(0px);
  }
}

@keyframes float2 {
  0% {
    transform: translatey(0px) translatex(0px);
  }

  30% {
    transform: translatey(20px) translatex(-20px);
  }

  60% {
    transform: translatey(-10px) translatex(-30px);
  }

  80% {
    transform: translatey(5px) translatex(-20px);
  }

  100% {
    transform: translatey(0px) translatex(0px);
  }
}

@keyframes float3 {
  0% {
    transform: translatey(0px) translatex(0px);
  }

  30% {
    transform: translatey(15px) translatex(-30px);
  }

  60% {
    transform: translatey(-15px) translatex(-10px);
  }

  80% {
    transform: translatey(10px) translatex(-5px);
  }

  100% {
    transform: translatey(0px) translatex(0px);
  }
}

@keyframes float4 {
  0% {
    transform: translatey(0px) translatex(0px);
  }

  30% {
    transform: translatey(15px) translatex(10px);
  }

  60% {
    transform: translatey(10px) translatex(20px);
  }

  80% {
    transform: translatey(-10px) translatex(-5px);
  }

  100% {
    transform: translatey(0px) translatex(0px);
  }
}

@keyframes float5 {
  0% {
    transform: translatey(0px) translatex(0px);
  }

  30% {
    transform: translatey(10px) translatex(-10px);
  }

  60% {
    transform: translatey(-10px) translatex(20px);
  }

  80% {
    transform: translatey(10px) translatex(-5px);
  }

  100% {
    transform: translatey(0px) translatex(0px);
  }
}

@keyframes float6 {
  0% {
    transform: translate(0, 0);
  }

  20% {
    transform: translate(-10px, 5px);
  }

  40% {
    transform: translate(10px, 20px);
  }

  60% {
    transform: translate(15px, 30px);
  }

  80% {
    transform: translate(5px, 0px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes float7 {
  0% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(-10px, 5px);
  }

  50% {
    transform: translate(10px, 20px);
  }

  75% {
    transform: translate(15px, 30px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes float8 {
  0% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(5px, 15px);
  }

  50% {
    transform: translate(10px, 15px);
  }

  75% {
    transform: translate(-10px, -15px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes float9 {
  0% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(-5px, -5px);
  }

  50% {
    transform: translate(10px, 10px);
  }

  75% {
    transform: translate(15px, 15px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes float10 {
  0% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(20px, 20px);
  }

  50% {
    transform: translate(30px, -10px);
  }

  75% {
    transform: translate(15px, 15px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

.why_choose_us .box-inner-bounce.box-1 {
  animation: float 35s linear infinite;
}

.why_choose_us .box-inner-bounce.box-2 {
  animation: float2 20s linear infinite;
}

.why_choose_us .box-inner-bounce.box-3 {
  animation: float3 25s linear infinite;
}

.why_choose_us .box-inner-bounce.box-4 {
  animation: float4 30s linear infinite;
}

.why_choose_us .box-inner-bounce.box-4 {
  animation: float4 32s linear infinite;
}

.why_choose_us .box-inner-bounce.box-5 {
  animation: float5 22s linear infinite;
}

.why_choose_us .box-inner-bounce.box-6 {
  animation: float5 25s linear infinite;
}

.why_choose_us .box-inner-bounce.box-7 {
  animation: float5 28s linear infinite;
}

.why_choose_us .box-inner-bounce.box-8 {
  animation: float5 20s linear infinite;
}

.why_choose_us .box-inner-bounce.box-9 {
  animation: float5 15s linear infinite;
}

.why_choose_us .box-inner-bounce.box-10 {
  animation: float5 20s linear infinite;
}

.hero-image > img {
  z-index: revert-layer;
  position: absolute;
  top: 0;
}

.hero-image {
  position: relative;
  max-width: 580px;
  width: 100%;
  z-index: 5;
  max-height: 630px;
  min-height: 630px;
  height: 100%;
}

.hero-image .img-wrap {
  position: relative;
  z-index: 1;
  max-height: 630px;
  min-height: 570px;
  min-width: 660px;
}

.hero-image .img-wrap .box-1 {
  position: absolute;
  right: 300px;
  top: 30px;
}

.hero-image .img-wrap .box-2 {
  position: absolute;
  right: 514px;
  top: 57px;
}

.hero-image .img-wrap .box-3 {
  position: absolute;
  right: 120px;
  top: 120px;
}

.hero-image .img-wrap .box-4 {
  position: absolute;
  top: 171px;
  left: 103px;
}

.hero-image .img-wrap .box-5 {
  position: absolute;
  top: 271px;
  left: 5px;
}

.hero-image .img-wrap .box-6 {
  position: absolute;
  right: 84px;
  top: 380px;
}

.hero-image .img-wrap .box-7 {
  position: absolute;
  right: 135px;
  top: 255px;
}

.hero-image .img-wrap .box-8 {
  position: absolute;
  top: 395px;
  left: 97px;
}

.hero-image .img-wrap .box-9 {
  position: absolute;
  top: 446px;
  left: 337px;
}

.hero-image .img-wrap .box-10 {
  position: absolute;
  top: 485px;
  left: 221px;
}

.box_image_bounce {
  position: relative;
  max-width: 580px;
  width: 100%;
  max-height: 700px;
  min-height: 700px;
  z-index: 1;
  right: -20px;
}

.box-inner-bounce {
  width: 64px;
  height: 64px;
  border: 2px solid #1648a0 !important;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.box-inner-bounce img {
  max-width: 38px !important;
}

.box_image_bounce .box-1 {
  position: absolute;
  right: 217px;
  top: -20px;
}

.box_image_bounce .box-2 {
  position: absolute;
  right: 386px;
  top: 83px;
}

.box_image_bounce .box-3 {
  position: absolute;
  right: 541px;
  top: 126px;
}

.box_image_bounce .box-4 {
  position: absolute;
  right: 418px;
  top: 210px;
}

.box_image_bounce .box-5 {
  position: absolute;
  right: 556px;
  top: 278px;
}

.box_image_bounce .box-6 {
  position: absolute;
  right: 338px;
  top: 362px;
}

.box_image_bounce .box-7 {
  position: absolute;
  right: 465px;
  top: 424px;
}

.box_image_bounce .box-8 {
  position: absolute;
  right: 316px;
  top: 490px;
}

.box_image_bounce .box-9 {
  position: absolute;
  right: 568px;
  top: 500px;
}

.box_image_bounce .box-10 {
  position: absolute;
  right: 447px;
  top: 592px;
}

.why_choose_us {
  background-image: url("../images/why_choose_img.webp");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.why_choosebanner {
  display: block;
}

.card_none {
  display: none;
}

.card_block {
  display: block;
}

.cat_section {
  background: linear-gradient(90deg, #001617 0%, #030a77 100%);
  border-radius: 24px;
  padding: 50px 70px;
}

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

.cat_title h2 {
  color: #ffffff;
  font-size: 42px;
  line-height: 63px;
  font-weight: 700;
  max-width: 650px;
  text-align: left;
  margin: 0px;
}

@media screen and (max-width: 1200px) {
  .hero_section h1 {
    font-size: 64px;
    line-height: 85px;
  }

  .why_choose_us > div {
    position: relative;
  }

  .why_choose_us > div:after {
    content: " ";
    position: absolute;
    right: -50px;
    width: 42vw;
    height: 750px;
    z-index: 0;
    background-size: cover;
    bottom: 0;
    background-position: right center;
    background-repeat: no-repeat;
    max-width: 750px;
    background-image: url("../images/why_choose_img.webp");
  }
  .pt_30 {
    padding-top: 30px;
  }

  .why_choose_us {
    background-image: none;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }

  section#why_choose_us {
    background: #001229;
  }

  .owl-stage {
    display: flex;
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 1024px) {
  .hero_section {
    margin-top: 80px;
  }

  .hero_section {
    padding: 50px 0 !important;
  }

  .pos_section {
    position: relative;
    z-index: 5;
    margin-bottom: 0px;
  }

  .hero_section .row.row_wrap > div {
    width: 100%;
  }

  .hero-image {
    margin: 40px auto 0;
  }

  .hero_section h1 {
    font-size: 54px;
    line-height: 85px;
  }

  .hero_section {
    padding: 0px 0;
  }

  .hero_section h1 {
    margin-bottom: 20px;
  }

  .wrap-box {
    margin-bottom: 20px;
  }

  .hero_section a {
    font-size: 26px;
    line-height: 32px;
  }

  .cta-banner:after {
    right: -280px;
  }

  .cta-banner:before {
    left: -290px;
  }

  .header-primary {
    font-size: 36px;
    line-height: 34px;
    margin-bottom: 30px;
  }

  .info_section .row.row_wrap > div {
    width: 100%;
  }

  .info_section .row.row_wrap > div img {
    margin: 0 auto;
    display: flex;
  }

  .about_section h2 {
    font-size: 70px !important;
    line-height: 106px !important;
  }

  .about_section h3 {
    font-size: 35px;
  }

  .count-up p {
    margin: 0;
    font-size: 62px;
    line-height: 70px;
  }

  .meet_card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .meet_card .bg_gradient {
    width: 48%;
    margin: 0;
    display: block;
    min-height: 200px;
  }

  .why_choose_us > div:after {
    width: 100%;
  }

  .box_image_bounce {
    right: -180px;
  }

  .hero-image .img-wrap .box-5 {
    top: 255px;
  }

  .hero-image .img-wrap .box-8 {
    top: 396px;
    left: 106px;
  }

  .hero-image .img-wrap .box-10 {
    top: 483px;
    left: 219px;
  }

  .hero-image .img-wrap .box-9 {
    top: 443px;
    left: 335px;
  }

  .hero-image .img-wrap .box-6 {
    right: 2px;
    top: 377px;
  }

  .hero-image .img-wrap .box-7 {
    right: 54px;
    top: 254px;
  }

  .hero-image .img-wrap .box-3 {
    right: 39px;
    top: 139px;
  }

  .hero-image .img-wrap .box-1 {
    position: absolute;
    right: 232px;
    top: 33px;
  }

  .why_choose_us > div:after {
    height: 750px;
  }

  .box_image_bounce {
    right: -119px !important;
    top: 123px !important;
  }

  .cta-banner:before {
    left: -261px !important;
  }

  .cta-banner:after {
    right: -266px !important;
  }

  .hero-image .img-wrap .box-2 {
    right: 418px !important;
    top: 50px !important;
  }

  .hero-image .img-wrap .box-4 {
    top: 171px !important;
    left: 101px !important;
  }

  .hero-image .img-wrap .box-8 {
    top: 398px !important;
    left: 82px !important;
  }

  .hero-image .img-wrap .box-10 {
    top: 479px !important;
    left: 224px !important;
  }

  .hero-image .img-wrap .box-9 {
    top: 442px !important;
    left: 345px !important;
  }

  .hero-image .img-wrap .box-6 {
    right: 0px !important;
    top: 385px !important;
  }

  .hero-image .img-wrap .box-7 {
    right: 45px !important;
    top: 258px !important;
  }

  .hero-image .img-wrap .box-3 {
    right: 30px !important;
    top: 138px !important;
  }

  .card-info {
    left: 15px;
  }

  .cat_title a {
    width: 220px;
  }
}

@media screen and (max-width: 991px) {
  .meet_card .bg_gradient {
    width: 100%;
  }

  .hero_section h1 {
    font-size: 44px;
    line-height: 75px;
  }

  .cta-banner h3 {
    font-size: 27px;
    line-height: 39px;
    font-weight: 700;
    max-width: 550px;
    margin-bottom: 25px;
  }

  .header-primary {
    font-size: 39px;
    line-height: 54px;
    margin-bottom: 20px;
  }

  .wrap-flex .col-md-6 {
    padding: 0;
    width: 46%;
  }

  .about_section h2 {
    font-size: 57px !important;
    line-height: 86px !important;
  }

  .about_section h3 {
    font-size: 28px;
  }

  .count-up p {
    margin: 0;
    font-size: 48px;
    line-height: 70px;
  }

  .why_choose_us > div:after {
    content: " ";
    position: absolute;
    right: 0px;
    width: 100%;
    height: 640px;
    z-index: 0;
    background-size: cover;
    bottom: 60px;
    background-position: right center;
    background-repeat: no-repeat;
    max-width: 750px;
  }

  .box_image_bounce {
    right: -100px;
    top: -20px;
  }

  .meet_card .bg_gradient {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    justify-content: end;
  }

  .card_inner {
    margin: 30px auto 20px;
  }

  .why_choose_us > div:after {
    height: 560px;
    bottom: 0;
  }

  .card_inner.bg_gradient.min-380.half-height.justify-content-center\; {
    justify-content: end !important;
  }

  .order {
    order: 1;
  }

  .order-1 {
    order: 1;
  }

  .card_none {
    display: block;
  }

  .card_block {
    display: none;
  }

  .card_inner.bg_gradient.min-380.half-height.justify-content-center\; {
    margin: 10px 0px 0 0;
  }

  .card_inner {
    justify-content: end;
  }

  .box_image_bounce {
    right: auto !important;
    top: auto !important;
  }

  .cat_title {
    justify-content: center;
    flex-wrap: wrap;
  }

  .cat_title h2 {
    font-size: 36px;
    line-height: 50px;
    max-width: 100%;
    padding-bottom: 20px;
    text-align: center;
  }
  .our_projects {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .hero-image .img-wrap {
    width: 100%;
    min-width: inherit !important;
  }

  .order_list {
    display: flex;
    row-gap: 0;
    column-gap: 50px;
    flex-wrap: wrap;
  }

  .wy_choose_title h2 {
    font-weight: 600;
    font-size: 35px;
  }

  .hero-image > img {
    display: none;
  }

  .box_image_bounce {
    position: relative;
    max-width: 580px;
    width: 100%;
    max-height: 700px;
    min-height: 700px;
    z-index: 1;
    right: -35px;
    top: 55px;
  }

  .box_image_bounce {
    right: 0;
    top: 0;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }

  .why_choose_us > div:after {
    content: " ";
    position: relative;
    right: 0;
    width: 100%;
    height: 300px;
    z-index: 0;
    background-size: cover;
    bottom: 0;
    background-position: right center;
    background-repeat: no-repeat;
    max-width: 700px;
  }

  .box-inner-bounce img {
    max-width: 22px !important;
  }

  .hero-image {
    margin: 40px auto 0;
    min-height: inherit;
  }

  .hero-image .img-wrap {
    position: relative;
    z-index: 1;
    max-height: inherit;
    min-height: inherit;
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .hero-image .box-inner-bounce {
    width: 36px;
    height: 36px;
  }

  .hero-image .box-inner-bounce img {
    max-width: 20px !important;
  }

  .hero-image .img-wrap {
    min-width: 571px;
    min-height: 600px;
    position: absolute;
    width: 100%;
    min-width: 375px !important;
    max-width: 375px !important;
    min-height: 380px !important;
  }

  .hero-image .img-wrap .box-1 {
    right: 152px !important;
    top: 36px !important;
  }

  .hero-image .img-wrap .box-2 {
    right: 272px !important;
    top: 39px !important;
  }

  .hero-image .img-wrap .box-3 {
    top: 105px !important;
    left: 312px !important;
  }

  .hero-image .img-wrap .box-4 {
    top: 116px !important;
    left: 68px !important;
  }

  .hero-image .img-wrap .box-7 {
    top: 178px !important;
    right: 40px !important;
  }

  .hero-image .img-wrap .box-6 {
    right: 7px !important;
    top: 255px !important;
  }

  .box-inner-bounce.box-5 {
    top: 180px !important;
    left: 9px !important;
  }

  .hero-image .img-wrap .box-8 {
    top: 270px !important;
    left: 62px !important;
  }

  .hero-image .img-wrap .box-10 {
    top: 322px !important;
    left: 147px !important;
  }

  .hero-image .img-wrap .box-9 {
    top: 292px !important;
    left: 224px !important;
  }

  .hero_section h1 {
    font-size: 38px;
    line-height: 48px;
  }

  .wrap-box {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }

  .wrap-box .media {
    flex-direction: row;
  }

  .wrap-box .media .media-body {
    margin-left: 15px !important;
  }

  .wrap-box {
    gap: 15px 43px;
    font-size: 22px;
  }

  .cta-banner:after {
    display: none;
  }

  .cta-banner:before {
    display: none;
  }

  .wrap-flex .col-md-6 {
    padding: 0;
    width: 100%;
  }

  .about_section h2 {
    font-size: 37px !important;
    line-height: 66px;
    -webkit-text-stroke: 5px transparent;
  }

  .about_section h3 {
    font-size: 28px;
    line-height: 40px;
  }

  .mt-70 {
    margin-top: 40px;
  }

  .counter_wrap {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }

  .count-up {
    width: 50%;
  }

  .hero_section {
    margin-top: 120px;
  }

  .card_inner p {
    font-size: 20px;
    line-height: 33px;
  }

  .about_inner.media {
    flex-direction: row;
  }

  .card-info {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .card_inner p {
    font-size: 15px;
    line-height: 26px;
  }

  .card_inner h6 {
    font-size: 20px;
    color: #ffffff;
    line-height: 24px;
    margin: 0;
    margin-bottom: 7px;
  }

  .services_section .card {
    border: 0;
    background-color: transparent;
    padding: 20px 30px 30px;
  }

  .card_inner.bg_gradient.min-380.half-height {
    min-height: 440px !important;
  }

  .meet_info_card img {
    width: 80% !important;
  }

  .count-up {
    align-items: center;
  }

  .box_image_bounce {
    right: 0 !important;
    top: auto !important;
  }

  .box_image_bounce {
    min-height: 100px !important;
  }

  .box-inner-bounce {
    width: 46px;
    height: 46px;
    border: 1px solid #1648a0 !important;
  }

  .box_image_bounce .box-1 {
    right: 51px !important;
    top: 84px !important;
  }

  .box_image_bounce .box-2 {
    right: 198px !important;
    top: 79px !important;
  }

  .box_image_bounce .box-3 {
    left: 175px !important;
    top: 103px !important;
  }

  .box_image_bounce .box-4 {
    top: 137px !important;
    right: 282px !important;
  }

  .box_image_bounce .box-5 {
    top: 193px !important;
    right: 337px !important;
  }

  .box_image_bounce .box-6 {
    left: 359px !important;
    top: 177px !important;
  }

  .box_image_bounce .box-7 {
    right: 251px !important;
    top: 211px !important;
  }

  .box_image_bounce .box-8 {
    right: 164px !important;
    top: 253px !important;
  }

  .box_image_bounce .box-9 {
    right: 309px !important;
    top: 301px !important;
  }

  .box_image_bounce .box-10 {
    right: 204px !important;
    top: 326px !important;
  }
}

.our_product {
  background: linear-gradient(90deg, #001617 0%, #030a77 100%);
  float: left;
}

.out_product_title span {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.out_product_title h2 {
  font-weight: 700;
  font-size: 80px;
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0.8;
  background: linear-gradient(
    271.75deg,
    #635371 -14.22%,
    #ededf2 50.45%,
    #635371 116.9%
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 6px transparent;
  color: #001617;
}

.our_product_slider {
  padding-bottom: 100px;
}

.our_product_slider img {
  max-width: fit-content !important;
}

.our_product_slider p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #a1a3b9;
  padding-top: 30px;
}

.slider_img_one {
  right: 0px;
  width: 49vw;
  height: 94%;
  bottom: 1px;
  top: 18px;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.slider_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: end;
}

.static {
  position: static !important;
}

.our_product .owl-dots {
  display: none;
}

.our_product .owl-nav {
  position: absolute;
  background: unset !important;
  display: flex !important;
  column-gap: 25px;
  text-indent: -9999px;
  bottom: 7px;
  left: 42.5%;
}

.owl-nav .owl-prev {
  background-image: url("../images/arrow-left_icon.svg");
  height: 40px;
  width: 40px;
  z-index: 999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer !important;
}

.owl-nav .owl-next {
  background-image: url("../images/arrow-right%20_icon.svg");
  height: 40px;
  width: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer !important;
}

.order_list.pt_30 {
  padding-top: 30px;
}

.star_rating_wrap {
  flex-wrap: nowrap;
}

.owl-stage {
  display: flex;
  align-items: end;
}

.card_inner.bg_gradient.min-380.half-height {
  min-height: 420px;
}

.card_inner.bg_gradient.min-475 {
  min-height: 600px;
}

.meet_flex {
  display: flex;
  align-items: center;
}

.meet_info_card .card_inner:hover img {
  -webkit-filter: drop-shadow(1px -1px 6px #fff);
  filter: drop-shadow(1px -1px 6px #fff);
}

.card_inner.bg_gradient.min-380.half-height.justify-content-center\; {
  justify-content: center;
}

img.lazy.pe_10 {
  padding-right: 10px;
}

.modal_calandry .cls-btn {
  font-size: 30px !important;
  top: 6px !important;
  right: 6px !important;
}

.navbar_toggle_wrap {
  left: auto !important;
  right: 0 !important;
  top: 25 !important;
}

@media only screen and (max-width: 1500px) {
  .card_inner p {
    font-size: 18px;
  }

  .about_section h2 {
    font-size: 100px;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1680px) {
  .card-info p {
    font-size: 16px;
  }

  .services_section .card {
    padding: 50px 30px 0px;
  }

  .slider_wrap {
    align-items: center;
  }

  .order_list {
    column-gap: 0px;
  }

  .order_list ul li {
    font-size: 16px;
  }

  .box_image_bounce .box-5 {
    right: 561px;
  }

  .cta-banner:before {
    left: -154px;
  }

  .cta-banner:after {
    right: -166px;
  }

  .about_section h2 {
    font-size: 100px;
  }

  .menu_bar ul li.contact_link a.yellow_button {
    width: 200px !important;
    padding: 15px !important;
  }

  .menu_bar .navbar-nav > li {
    padding-left: 15px !important;
  }

  .card_inner.bg_gradient.min-400 {
    min-height: 477px !important;
  }

  .owl-stage {
    display: flex;
    align-items: flex-start !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .star_rating_img {
    width: 100%;
    max-width: 210px;
  }

  .text_size_warp {
    display: block;
  }

  .slider_wrap {
    align-items: center;
  }

  .cta-banner:before {
    left: -120px;
  }

  .cta-banner:after {
    right: -129px;
  }

  .card_inner.bg_gradient.min-380.half-height {
    min-height: 340px !important;
  }

  .card-info {
    top: 15px;
  }
}

@media only screen and (max-width: 1200px) {
  .star_rating_img {
    width: 100%;
    max-width: 210px;
  }

  .client_title h3 {
    font-size: 21px;
    line-height: 1.3;
  }

  .out_product_title h2 {
    font-size: 50px;
  }

  .out_product_title span {
    font-size: 28px;
  }

  .hero-image .img-wrap {
    min-width: 571px;
  }

  .hero-image .img-wrap .box-2 {
    position: absolute;
    right: 434px;
    top: 30px;
  }

  .hero-image .img-wrap .box-4 {
    top: 150px;
    left: 87px;
  }

  .hero-image .img-wrap .box-5 {
    top: 232px;
  }

  .hero-image .img-wrap .box-8 {
    top: 360px;
    left: 92px;
  }

  .hero-image .img-wrap .box-10 {
    top: 437px;
    left: 197px;
  }

  .hero-image .img-wrap .box-9 {
    top: 392px;
    left: 305px;
  }

  .hero-image .img-wrap .box-6 {
    right: 41px;
    top: 345px;
  }

  .hero-image .img-wrap .box-7 {
    right: 96px;
    top: 230px;
  }

  .hero-image .img-wrap .box-3 {
    right: 76px;
    top: 117px;
  }

  .hero-image .img-wrap .box-1 {
    right: 252px;
    top: 30px;
  }

  .order_list {
    flex-wrap: wrap;
    row-gap: 0px;
  }

  .box_image_bounce {
    position: relative;
    max-width: 580px;
    width: 100%;
    max-height: 700px;
    min-height: 852px;
    z-index: 1;
    right: 105px;
    top: 277px;
  }

  .box_image_bounce .box-10 {
    position: absolute;
    right: 447px;
    top: 554px;
  }

  .cta-banner:before {
    left: -198px;
  }

  .cta-banner:after {
    right: -194px;
  }

  .card_inner.bg_gradient.min-400 {
    min-height: auto;
  }

  .card_inner.bg_gradient.min-475 {
    min-height: 420px;
  }

  .meet_info_card img {
    object-fit: fill;
    width: 87%;
  }

  .card_inner.bg_gradient.min-380.half-height {
    min-height: 390px;
  }

  .card_inner.bg_gradient.min-380.half-height.justify-content-center\; {
    min-height: 420px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .box_image_bounce {
    right: -54px !important;
    top: 177px !important;
  }

  .why_choose_us > div:after {
    width: 87vw;
  }
}

.get_free_quote {
  display: flex !important;
  align-items: center !important;
  column-gap: 10px;
}

@media only screen and (max-width: 1024px) {
  .hero-image .img-wrap .box-5 {
    top: 274px;
  }

  .navbar_toggle_wrap {
    right: 0 !important;
    top: 27px !important;
  }

  .navbar-toggle {
    padding-top: 11px;
  }

  .get_free_quote {
    column-gap: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .star_rating_wrap {
    justify-content: space-around;
    row-gap: 35px;
  }

  .star_rating_wrap {
    flex-wrap: wrap;
  }

  .rating_img img {
    padding-top: 20px;
  }

  .client_img h4 {
    font-size: 26px;
  }

  .slider_img_one {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  .our_product_slider {
    padding-bottom: 11px;
  }

  .pt_70 {
    padding-top: 40px !important;
  }

  .owl-carousel .owl-item img {
    display: block;
    width: 80% !important;
  }

  .our_product .owl-nav {
    left: 2.5%;
  }

  .order_list {
    flex-wrap: nowrap;
  }

  .box_image_bounce {
    min-height: 730px;
  }

  .box_image_bounce {
    right: -87px !important;
    top: 66px;
  }

  .box_image_bounce .box-1 {
    right: 217px;
    top: 80px;
  }

  .box_image_bounce .box-6 {
    right: 385px;
  }

  .hero-image .img-wrap .box-2 {
    position: absolute;
    right: 424px;
    top: 56px;
  }

  .hero-image .img-wrap .box-4 {
    top: 175px;
    left: 97px;
  }

  .hero-image .img-wrap .box-5 {
    top: 268px;
    left: 10px;
  }

  .hero-image .img-wrap .box-8 {
    top: 386px;
    left: 105px;
  }

  .hero-image .img-wrap .box-10 {
    top: 485px;
    left: 224px;
  }

  .hero-image .img-wrap .box-9 {
    top: 444px;
    left: 337px;
  }

  .hero-image .img-wrap .box-6 {
    right: 2px;
    top: 377px;
  }

  .hero-image .img-wrap .box-7 {
    right: 44px;
    top: 262px;
  }

  .hero-image .img-wrap .box-3 {
    right: 18px;
    top: 144px;
  }

  .meet_flex {
    flex-wrap: wrap;
  }

  .row.meet_flex > div {
    width: 100%;
  }

  .meet_info_card img {
    object-fit: fill;
    width: 50%;
  }

  .text_rp {
    text-align: left !important;
  }

  .button_wrap {
    display: flex;
    justify-content: center;
  }

  .rating_text .d-none {
    display: block;
  }

  .rating_text h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 54px;
    background: linear-gradient(
      12deg,
      #635371 -14.22%,
      #ededf2 88.45%,
      #635371 116.9%
    );
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    margin: 0;
  }

  .rating_text p {
    padding-top: 15px;
  }

  .rating_center {
    justify-content: center;
  }
}

@media only screen and (max-width: 567px) {
  .rating_text p {
    font-size: 16px;
    line-height: 26px;
  }

  .country_img p {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
  }

  .country_img h5 {
    padding-top: 16px;
  }

  .pt_35 {
    padding-top: 20px;
  }

  .our_project_title h2 {
    font-size: 30px;
    line-height: 38px;
    margin: 0;
  }

  .hire_equal_height {
    display: block;
  }

  .star_review {
    padding-top: 20px;
  }

  .client_wrap {
    padding: 20px 20px;
  }

  .pt_50 {
    padding-top: 0px;
  }

  .out_product_title h2 {
    font-size: 40px;
  }

  .out_product_title span {
    font-size: 26px;
  }

  .pt_70 {
    padding-top: 22px !important;
  }

  .order_list.pt_30 {
    padding-top: 10px;
  }

  .owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
    float: unset !important;
  }

  .owl-nav {
    top: 0;
    left: 66% !important;
  }

  .order_list {
    flex-wrap: wrap;
  }

  .card_inner {
    justify-content: end;
  }

  .header-primary {
    font-size: 30px;
    line-height: 41px;
  }

  .why_choose_us > div:after {
    height: 300px;
  }

  .box_image_bounce {
    min-height: 200px !important;
  }

  .box_image_bounce .box-1 {
    right: 51px !important;
    top: 84px !important;
  }

  .box_image_bounce .box-2 {
    right: 198px !important;
    top: 79px !important;
  }

  .box_image_bounce .box-3 {
    left: 23px !important;
    top: 85px !important;
  }

  .box_image_bounce .box-4 {
    right: 229px !important;
    top: 172px !important;
  }

  .box_image_bounce .box-6 {
    left: 213px !important;
    top: 158px !important;
  }

  .box_image_bounce .box-7 {
    right: 318px !important;
    top: 262px !important;
  }

  .box_image_bounce .box-8 {
    right: 270px !important;
    top: 331px !important;
  }

  .box_image_bounce .box-9 {
    right: 319px !important;
    top: 419px !important;
  }

  .box_image_bounce .box-10 {
    right: 226px !important;
    top: 390px !important;
  }

  .box_image_bounce {
    right: 0px !important;
  }

  svg.bg-imagesvg.active {
    height: auto;
    min-height: 394px;
  }

  .about_section h2 {
    line-height: 53px !important;
  }

  .modal_calandry .cls-btn {
    font-size: 30px !important;
    top: 2px !important;
    right: 2px !important;
  }

  .hero_section {
    margin-top: 90px;
  }

  .hero-image .ai-image {
    max-width: calc(100% - 215px) !important;
    top: 60% !important;
  }

  .get_free_quote {
    flex-wrap: wrap;
    padding-top: 5px;
  }

  .cat_section {
    padding: 20px 20px;
  }

  .cat_title h2 {
    font-size: 30px;
    line-height: 1.5;
  }
  .modal_calandry .modal-body {
    padding: 0;
    height: calc(100vh - 241px);
  }
}

@media only screen and (max-width: 390px) {
  .hero-image .ai-image {
    max-width: calc(100% - 200px) !important;
  }

  .hero-image .ai-image {
    top: 58%;
    transform: translate(-50%, -50%);
    left: 51%;
    margin-top: -40px;
  }

  .hero-image .img-wrap .box-6 {
    right: 34px !important;
    top: 248px !important;
  }

  .box_image_bounce .box-7 {
    right: 266px !important;
  }

  .box_image_bounce .box-9 {
    right: 284px !important;
    top: 419px !important;
  }
}

@media only screen and (max-width: 320px) {
  .hero_section h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

svg.ai-image .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 1s linear;
  transition: fill 1s linear;
}

svg.ai-image.active .svg-elem-1,
svg.ai-image.active .svg-elem-10,
svg.ai-image.active .svg-elem-11,
svg.ai-image.active .svg-elem-111,
svg.ai-image.active .svg-elem-112,
svg.ai-image.active .svg-elem-113,
svg.ai-image.active .svg-elem-114,
svg.ai-image.active .svg-elem-115,
svg.ai-image.active .svg-elem-116,
svg.ai-image.active .svg-elem-117,
svg.ai-image.active .svg-elem-118,
svg.ai-image.active .svg-elem-119,
svg.ai-image.active .svg-elem-120,
svg.ai-image.active .svg-elem-121,
svg.ai-image.active .svg-elem-129,
svg.ai-image.active .svg-elem-13,
svg.ai-image.active .svg-elem-130,
svg.ai-image.active .svg-elem-131,
svg.ai-image.active .svg-elem-14,
svg.ai-image.active .svg-elem-15,
svg.ai-image.active .svg-elem-16,
svg.ai-image.active .svg-elem-17,
svg.ai-image.active .svg-elem-18,
svg.ai-image.active .svg-elem-19,
svg.ai-image.active .svg-elem-2,
svg.ai-image.active .svg-elem-20,
svg.ai-image.active .svg-elem-21,
svg.ai-image.active .svg-elem-22,
svg.ai-image.active .svg-elem-3,
svg.ai-image.active .svg-elem-31,
svg.ai-image.active .svg-elem-32,
svg.ai-image.active .svg-elem-33,
svg.ai-image.active .svg-elem-34,
svg.ai-image.active .svg-elem-35,
svg.ai-image.active .svg-elem-36,
svg.ai-image.active .svg-elem-38,
svg.ai-image.active .svg-elem-39,
svg.ai-image.active .svg-elem-4,
svg.ai-image.active .svg-elem-40,
svg.ai-image.active .svg-elem-41,
svg.ai-image.active .svg-elem-42,
svg.ai-image.active .svg-elem-43,
svg.ai-image.active .svg-elem-44,
svg.ai-image.active .svg-elem-45,
svg.ai-image.active .svg-elem-46,
svg.ai-image.active .svg-elem-47,
svg.ai-image.active .svg-elem-48,
svg.ai-image.active .svg-elem-49,
svg.ai-image.active .svg-elem-5,
svg.ai-image.active .svg-elem-50,
svg.ai-image.active .svg-elem-51,
svg.ai-image.active .svg-elem-52,
svg.ai-image.active .svg-elem-53,
svg.ai-image.active .svg-elem-54,
svg.ai-image.active .svg-elem-55,
svg.ai-image.active .svg-elem-56,
svg.ai-image.active .svg-elem-57,
svg.ai-image.active .svg-elem-58,
svg.ai-image.active .svg-elem-59,
svg.ai-image.active .svg-elem-6,
svg.ai-image.active .svg-elem-60,
svg.ai-image.active .svg-elem-61,
svg.ai-image.active .svg-elem-62,
svg.ai-image.active .svg-elem-63,
svg.ai-image.active .svg-elem-64,
svg.ai-image.active .svg-elem-65,
svg.ai-image.active .svg-elem-66,
svg.ai-image.active .svg-elem-67,
svg.ai-image.active .svg-elem-68,
svg.ai-image.active .svg-elem-7,
svg.ai-image.active .svg-elem-71,
svg.ai-image.active .svg-elem-76,
svg.ai-image.active .svg-elem-8,
svg.ai-image.active .svg-elem-86,
svg.ai-image.active .svg-elem-87,
svg.ai-image.active .svg-elem-88,
svg.ai-image.active .svg-elem-89,
svg.ai-image.active .svg-elem-9,
svg.ai-image.active .svg-elem-90,
svg.ai-image.active .svg-elem-91,
svg.ai-image.active .svg-elem-92,
svg.ai-image.active .svg-elem-93,
svg.ai-image.active .svg-elem-94,
svg.ai-image.active .svg-elem-95,
svg.ai-image.active .svg-elem-96,
svg.ai-image.active .svg-elem-97,
svg.ai-image.active .svg-elem-98,
svg.ai-image.active .svg-elem-99 {
  fill: rgb(0, 255, 255);
}

svg.ai-image .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 1s linear 30ms;
  transition: fill 1s linear 30ms;
}

svg.ai-image .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 1s linear 60ms;
  transition: fill 1s linear 60ms;
}

svg.ai-image .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 1s linear 90ms;
  transition: fill 1s linear 90ms;
}

svg.ai-image .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.12s;
  transition: fill 1s linear 0.12s;
}

svg.ai-image .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.15s;
  transition: fill 1s linear 0.15s;
}

svg.ai-image .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.18s;
  transition: fill 1s linear 0.18s;
}

svg.ai-image .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.21s;
  transition: fill 1s linear 0.21s;
}

svg.ai-image .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.24s;
  transition: fill 1s linear 0.24s;
}

svg.ai-image .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.27s;
  transition: fill 1s linear 0.27s;
}

svg.ai-image .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.3s;
  transition: fill 1s linear 0.3s;
}

svg.ai-image .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.32999999999999996s;
  transition: fill 1s linear 0.32999999999999996s;
}

svg.ai-image.active .svg-elem-100,
svg.ai-image.active .svg-elem-101,
svg.ai-image.active .svg-elem-102,
svg.ai-image.active .svg-elem-103,
svg.ai-image.active .svg-elem-104,
svg.ai-image.active .svg-elem-105,
svg.ai-image.active .svg-elem-106,
svg.ai-image.active .svg-elem-107,
svg.ai-image.active .svg-elem-108,
svg.ai-image.active .svg-elem-109,
svg.ai-image.active .svg-elem-110,
svg.ai-image.active .svg-elem-12,
svg.ai-image.active .svg-elem-122,
svg.ai-image.active .svg-elem-123,
svg.ai-image.active .svg-elem-124,
svg.ai-image.active .svg-elem-125,
svg.ai-image.active .svg-elem-126,
svg.ai-image.active .svg-elem-127,
svg.ai-image.active .svg-elem-128,
svg.ai-image.active .svg-elem-23,
svg.ai-image.active .svg-elem-24,
svg.ai-image.active .svg-elem-25,
svg.ai-image.active .svg-elem-26,
svg.ai-image.active .svg-elem-27,
svg.ai-image.active .svg-elem-28,
svg.ai-image.active .svg-elem-29,
svg.ai-image.active .svg-elem-30,
svg.ai-image.active .svg-elem-37,
svg.ai-image.active .svg-elem-69,
svg.ai-image.active .svg-elem-70,
svg.ai-image.active .svg-elem-72,
svg.ai-image.active .svg-elem-73,
svg.ai-image.active .svg-elem-74,
svg.ai-image.active .svg-elem-75,
svg.ai-image.active .svg-elem-77,
svg.ai-image.active .svg-elem-78,
svg.ai-image.active .svg-elem-79,
svg.ai-image.active .svg-elem-80,
svg.ai-image.active .svg-elem-81,
svg.ai-image.active .svg-elem-82,
svg.ai-image.active .svg-elem-83,
svg.ai-image.active .svg-elem-84,
svg.ai-image.active .svg-elem-85 {
  fill: rgb(0, 56, 208);
}

svg.ai-image .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.36s;
  transition: fill 1s linear 0.36s;
}

svg.ai-image .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.39s;
  transition: fill 1s linear 0.39s;
}

svg.ai-image .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.42s;
  transition: fill 1s linear 0.42s;
}

svg.ai-image .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.44999999999999996s;
  transition: fill 1s linear 0.44999999999999996s;
}

svg.ai-image .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.48s;
  transition: fill 1s linear 0.48s;
}

svg.ai-image .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.51s;
  transition: fill 1s linear 0.51s;
}

svg.ai-image .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.54s;
  transition: fill 1s linear 0.54s;
}

svg.ai-image .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.57s;
  transition: fill 1s linear 0.57s;
}

svg.ai-image .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.6s;
  transition: fill 1s linear 0.6s;
}

svg.ai-image .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.63s;
  transition: fill 1s linear 0.63s;
}

svg.ai-image .svg-elem-23 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.6599999999999999s;
  transition: fill 1s linear 0.6599999999999999s;
}

svg.ai-image .svg-elem-24 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.69s;
  transition: fill 1s linear 0.69s;
}

svg.ai-image .svg-elem-25 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.72s;
  transition: fill 1s linear 0.72s;
}

svg.ai-image .svg-elem-26 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.75s;
  transition: fill 1s linear 0.75s;
}

svg.ai-image .svg-elem-27 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.78s;
  transition: fill 1s linear 0.78s;
}

svg.ai-image .svg-elem-28 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.8099999999999999s;
  transition: fill 1s linear 0.8099999999999999s;
}

svg.ai-image .svg-elem-29 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.84s;
  transition: fill 1s linear 0.84s;
}

svg.ai-image .svg-elem-30 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.87s;
  transition: fill 1s linear 0.87s;
}

svg.ai-image .svg-elem-31 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.8999999999999999s;
  transition: fill 1s linear 0.8999999999999999s;
}

svg.ai-image .svg-elem-32 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.9299999999999999s;
  transition: fill 1s linear 0.9299999999999999s;
}

svg.ai-image .svg-elem-33 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.96s;
  transition: fill 1s linear 0.96s;
}

svg.ai-image .svg-elem-34 {
  fill: transparent;
  -webkit-transition: fill 1s linear 0.99s;
  transition: fill 1s linear 0.99s;
}

svg.ai-image .svg-elem-35 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.02s;
  transition: fill 1s linear 1.02s;
}

svg.ai-image .svg-elem-36 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.05s;
  transition: fill 1s linear 1.05s;
}

svg.ai-image .svg-elem-37 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.08s;
  transition: fill 1s linear 1.08s;
}

svg.ai-image .svg-elem-38 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.1099999999999999s;
  transition: fill 1s linear 1.1099999999999999s;
}

svg.ai-image .svg-elem-39 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.14s;
  transition: fill 1s linear 1.14s;
}

svg.ai-image .svg-elem-40 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.17s;
  transition: fill 1s linear 1.17s;
}

svg.ai-image .svg-elem-41 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.2s;
  transition: fill 1s linear 1.2s;
}

svg.ai-image .svg-elem-42 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.23s;
  transition: fill 1s linear 1.23s;
}

svg.ai-image .svg-elem-43 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.26s;
  transition: fill 1s linear 1.26s;
}

svg.ai-image .svg-elem-44 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.29s;
  transition: fill 1s linear 1.29s;
}

svg.ai-image .svg-elem-45 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.3199999999999998s;
  transition: fill 1s linear 1.3199999999999998s;
}

svg.ai-image .svg-elem-46 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.3499999999999999s;
  transition: fill 1s linear 1.3499999999999999s;
}

svg.ai-image .svg-elem-47 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.38s;
  transition: fill 1s linear 1.38s;
}

svg.ai-image .svg-elem-48 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.41s;
  transition: fill 1s linear 1.41s;
}

svg.ai-image .svg-elem-49 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.44s;
  transition: fill 1s linear 1.44s;
}

svg.ai-image .svg-elem-50 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.47s;
  transition: fill 1s linear 1.47s;
}

svg.ai-image .svg-elem-51 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.5s;
  transition: fill 1s linear 1.5s;
}

svg.ai-image .svg-elem-52 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.53s;
  transition: fill 1s linear 1.53s;
}

svg.ai-image .svg-elem-53 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.56s;
  transition: fill 1s linear 1.56s;
}

svg.ai-image .svg-elem-54 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.5899999999999999s;
  transition: fill 1s linear 1.5899999999999999s;
}

svg.ai-image .svg-elem-55 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.6199999999999999s;
  transition: fill 1s linear 1.6199999999999999s;
}

svg.ai-image .svg-elem-56 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.65s;
  transition: fill 1s linear 1.65s;
}

svg.ai-image .svg-elem-57 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.68s;
  transition: fill 1s linear 1.68s;
}

svg.ai-image .svg-elem-58 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.71s;
  transition: fill 1s linear 1.71s;
}

svg.ai-image .svg-elem-59 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.74s;
  transition: fill 1s linear 1.74s;
}

svg.ai-image .svg-elem-60 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.77s;
  transition: fill 1s linear 1.77s;
}

svg.ai-image .svg-elem-61 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.7999999999999998s;
  transition: fill 1s linear 1.7999999999999998s;
}

svg.ai-image .svg-elem-62 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.8299999999999998s;
  transition: fill 1s linear 1.8299999999999998s;
}

svg.ai-image .svg-elem-63 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.8599999999999999s;
  transition: fill 1s linear 1.8599999999999999s;
}

svg.ai-image .svg-elem-64 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.89s;
  transition: fill 1s linear 1.89s;
}

svg.ai-image .svg-elem-65 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.92s;
  transition: fill 1s linear 1.92s;
}

svg.ai-image .svg-elem-66 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.95s;
  transition: fill 1s linear 1.95s;
}

svg.ai-image .svg-elem-67 {
  fill: transparent;
  -webkit-transition: fill 1s linear 1.98s;
  transition: fill 1s linear 1.98s;
}

svg.ai-image .svg-elem-68 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.01s;
  transition: fill 1s linear 2.01s;
}

svg.ai-image .svg-elem-69 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.04s;
  transition: fill 1s linear 2.04s;
}

svg.ai-image .svg-elem-70 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.07s;
  transition: fill 1s linear 2.07s;
}

svg.ai-image .svg-elem-71 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.1s;
  transition: fill 1s linear 2.1s;
}

svg.ai-image .svg-elem-72 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.13s;
  transition: fill 1s linear 2.13s;
}

svg.ai-image .svg-elem-73 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.16s;
  transition: fill 1s linear 2.16s;
}

svg.ai-image .svg-elem-74 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.19s;
  transition: fill 1s linear 2.19s;
}

svg.ai-image .svg-elem-75 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.2199999999999998s;
  transition: fill 1s linear 2.2199999999999998s;
}

svg.ai-image .svg-elem-76 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.25s;
  transition: fill 1s linear 2.25s;
}

svg.ai-image .svg-elem-77 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.28s;
  transition: fill 1s linear 2.28s;
}

svg.ai-image .svg-elem-78 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.31s;
  transition: fill 1s linear 2.31s;
}

svg.ai-image .svg-elem-79 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.34s;
  transition: fill 1s linear 2.34s;
}

svg.ai-image .svg-elem-80 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.37s;
  transition: fill 1s linear 2.37s;
}

svg.ai-image .svg-elem-81 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.4s;
  transition: fill 1s linear 2.4s;
}

svg.ai-image .svg-elem-82 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.4299999999999997s;
  transition: fill 1s linear 2.4299999999999997s;
}

svg.ai-image .svg-elem-83 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.46s;
  transition: fill 1s linear 2.46s;
}

svg.ai-image .svg-elem-84 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.4899999999999998s;
  transition: fill 1s linear 2.4899999999999998s;
}

svg.ai-image .svg-elem-85 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.52s;
  transition: fill 1s linear 2.52s;
}

svg.ai-image .svg-elem-86 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.55s;
  transition: fill 1s linear 2.55s;
}

svg.ai-image .svg-elem-87 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.58s;
  transition: fill 1s linear 2.58s;
}

svg.ai-image .svg-elem-88 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.61s;
  transition: fill 1s linear 2.61s;
}

svg.ai-image .svg-elem-89 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.6399999999999997s;
  transition: fill 1s linear 2.6399999999999997s;
}

svg.ai-image .svg-elem-90 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.67s;
  transition: fill 1s linear 2.67s;
}

svg.ai-image .svg-elem-91 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.6999999999999997s;
  transition: fill 1s linear 2.6999999999999997s;
}

svg.ai-image .svg-elem-92 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.73s;
  transition: fill 1s linear 2.73s;
}

svg.ai-image .svg-elem-93 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.76s;
  transition: fill 1s linear 2.76s;
}

svg.ai-image .svg-elem-94 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.79s;
  transition: fill 1s linear 2.79s;
}

svg.ai-image .svg-elem-95 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.82s;
  transition: fill 1s linear 2.82s;
}

svg.ai-image .svg-elem-96 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.85s;
  transition: fill 1s linear 2.85s;
}

svg.ai-image .svg-elem-97 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.88s;
  transition: fill 1s linear 2.88s;
}

svg.ai-image .svg-elem-98 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.9099999999999997s;
  transition: fill 1s linear 2.9099999999999997s;
}

svg.ai-image .svg-elem-99 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.94s;
  transition: fill 1s linear 2.94s;
}

svg.ai-image .svg-elem-100 {
  fill: transparent;
  -webkit-transition: fill 1s linear 2.9699999999999998s;
  transition: fill 1s linear 2.9699999999999998s;
}

svg.ai-image .svg-elem-101 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3s;
  transition: fill 1s linear 3s;
}

svg.ai-image .svg-elem-102 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.03s;
  transition: fill 1s linear 3.03s;
}

svg.ai-image .svg-elem-103 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.06s;
  transition: fill 1s linear 3.06s;
}

svg.ai-image .svg-elem-104 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.09s;
  transition: fill 1s linear 3.09s;
}

svg.ai-image .svg-elem-105 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.12s;
  transition: fill 1s linear 3.12s;
}

svg.ai-image .svg-elem-106 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.15s;
  transition: fill 1s linear 3.15s;
}

svg.ai-image .svg-elem-107 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.1799999999999997s;
  transition: fill 1s linear 3.1799999999999997s;
}

svg.ai-image .svg-elem-108 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.21s;
  transition: fill 1s linear 3.21s;
}

svg.ai-image .svg-elem-109 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.2399999999999998s;
  transition: fill 1s linear 3.2399999999999998s;
}

svg.ai-image .svg-elem-110 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.27s;
  transition: fill 1s linear 3.27s;
}

svg.ai-image .svg-elem-111 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.3s;
  transition: fill 1s linear 3.3s;
}

svg.ai-image .svg-elem-112 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.33s;
  transition: fill 1s linear 3.33s;
}

svg.ai-image .svg-elem-113 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.36s;
  transition: fill 1s linear 3.36s;
}

svg.ai-image .svg-elem-114 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.3899999999999997s;
  transition: fill 1s linear 3.3899999999999997s;
}

svg.ai-image .svg-elem-115 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.42s;
  transition: fill 1s linear 3.42s;
}

svg.ai-image .svg-elem-116 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.4499999999999997s;
  transition: fill 1s linear 3.4499999999999997s;
}

svg.ai-image .svg-elem-117 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.48s;
  transition: fill 1s linear 3.48s;
}

svg.ai-image .svg-elem-118 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.51s;
  transition: fill 1s linear 3.51s;
}

svg.ai-image .svg-elem-119 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.54s;
  transition: fill 1s linear 3.54s;
}

svg.ai-image .svg-elem-120 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.57s;
  transition: fill 1s linear 3.57s;
}

svg.ai-image .svg-elem-121 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.5999999999999996s;
  transition: fill 1s linear 3.5999999999999996s;
}

svg.ai-image .svg-elem-122 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.63s;
  transition: fill 1s linear 3.63s;
}

svg.ai-image .svg-elem-123 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.6599999999999997s;
  transition: fill 1s linear 3.6599999999999997s;
}

svg.ai-image .svg-elem-124 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.69s;
  transition: fill 1s linear 3.69s;
}

svg.ai-image .svg-elem-125 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.7199999999999998s;
  transition: fill 1s linear 3.7199999999999998s;
}

svg.ai-image .svg-elem-126 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.75s;
  transition: fill 1s linear 3.75s;
}

svg.ai-image .svg-elem-127 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.78s;
  transition: fill 1s linear 3.78s;
}

svg.ai-image .svg-elem-128 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.81s;
  transition: fill 1s linear 3.81s;
}

svg.ai-image .svg-elem-129 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.84s;
  transition: fill 1s linear 3.84s;
}

svg.ai-image .svg-elem-130 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.8699999999999997s;
  transition: fill 1s linear 3.8699999999999997s;
}

svg.ai-image .svg-elem-131 {
  fill: transparent;
  -webkit-transition: fill 1s linear 3.9s;
  transition: fill 1s linear 3.9s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.hero-image .box-inner-bounce {
  opacity: 0;
}

.hero-image.active .box-inner-bounce {
  animation: fadeIn 2s;
  opacity: 1;
}

.hero-image .box-inner-bounce.box-2 {
  animation-duration: 2.25 !important;
}

.hero-image .box-inner-bounce.box-3 {
  animation-duration: 2.3 !important;
}

.hero-image .box-inner-bounce.box-4 {
  animation-duration: 2.4 !important;
}

.hero-image .box-inner-bounce.box-5 {
  animation-duration: 2.5 !important;
}

.hero-image .box-inner-bounce.box-6 {
  animation-duration: 2.6 !important;
}

.hero-image .box-inner-bounce.box-7 {
  animation-duration: 2.7 !important;
}

.hero-image .box-inner-bounce.box-8 {
  animation-duration: 2.8 !important;
}

.hero-image .box-inner-bounce.box-9 {
  animation-duration: 2.9 !important;
}

.hero-image .box-inner-bounce.box-10 {
  animation-duration: 3 !important;
}

.get_a_free_quote.button_wrap.pt_50 {
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.button_wrap.pt_50 a {
  width: 289px;
}

.left_5 img {
  padding-left: 0px !important;
}

.mobile_wrap_inner {
  display: flex;
  column-gap: 10px;
  align-items: flex-start;
}

.form_section .form_heading h2 {
  text-align: left;
}
.client_img {
  max-width: 100% !important;
}
.owl-theme .owl-nav [class*="owl-"] {
  background-color: transparent !important;
}