/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://yourwebsite.com/
 Description:  Child theme for Twenty Twenty-One
 Author:       Your Name
 Author URI:   https://yourwebsite.com/
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentyone-child
*/
.primary {
  color: #379DE3;
}

.secondary {
  color: #0B2133;
}

.tertiary {
  color: #084CDD;
}

.quaternary {
  color: #0E0E0E;
}

.white {
  color: #ffffff;
}

h1 {
  color: #ffffff;
  font-family: "Inter", sans-serif !important;
  font-size: 48px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.48px !important;
}

h2 {
  color: #0B2133;
  font-family: "Inter", sans-serif !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: -1.28px !important;
  text-transform: capitalize;
}

h3 {
  font-family: "Inter", sans-serif !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: -0.96px !important;
  text-transform: capitalize;
}

h4 {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
}

h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-style: italic;
  font-weight: 900 !important;
  line-height: normal !important;
  text-transform: uppercase;
}

h6 {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-style: italic;
  font-weight: 900 !important;
  line-height: normal !important;
  text-transform: uppercase;
}

p, li {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal !important;
}

a, a:visited, a:hover {
  text-decoration: none;
}

a.btn.btn-primary {
  background: #379DE3;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  padding: 12px 20px;
  border-radius: 50px;
  border: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-out, border-color 0.4s ease-out;
}
a.btn.btn-primary .button-icon {
  margin-right: 4px;
}
a.btn.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(0); /* Centers the circle and makes it invisible initially */
  transform-origin: center bottom;
  width: 250px; /* Adjust this value if your buttons are larger or smaller */
  height: 250px; /* It must be equal to the width for a perfect circle */
  border-radius: 50%;
  background-color: #084CDD;
  z-index: -1;
  transition: transform 0.8s ease-in-out;
}
a.btn.btn-primary:hover::before, a.btn.btn-primary:focus::before {
  transform: translateX(-50%) scale(1.5);
}
a.btn.btn-primary:focus {
  background: transparent !important;
}

.text-gradient {
  background: linear-gradient(90deg, #379EE3 0%, #0344DC 50%, #FF4F03 75%, #FF9201 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.singular .entry-header {
  border-bottom: 5px solid #379DE3 !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.singular .entry-title {
  font-family: "Inter", sans-serif !important;
  font-size: 36px !important;
  font-style: italic;
  font-weight: 900 !important;
  line-height: normal !important;
  text-transform: uppercase;
  padding-top: 83px;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal !important;
  color: #0E0E0E !important;
  font-optical-sizing: auto;
  background-color: #ffffff !important;
}
body .site-main > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
  outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  /* This helps prevent unwanted browser transitions or flickering */
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}

.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}

.pl-3, .px-3 {
  padding-left: 1rem !important;
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}

.pl-5, .px-5 {
  padding-left: 3rem !important;
}

.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}

.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}

.pr-3, .px-3 {
  padding-right: 1rem !important;
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}

.pr-5, .px-5 {
  padding-right: 3rem !important;
}

@media (min-width: 992px) {
  .pl-lg-1, .px-1 {
    padding-left: 0.25rem !important;
  }
  .pl-lg-2, .px-2 {
    padding-left: 0.5rem !important;
  }
  .pl-lg-3, .px-3 {
    padding-left: 1rem !important;
  }
  .pl-lg-4, .px-4 {
    padding-left: 1.5rem !important;
  }
  .pl-lg-5, .px-5 {
    padding-left: 3rem !important;
  }
  .pl-lg-6, .px-6 {
    padding-left: 4rem !important;
  }
  .pr-lg-1, .px-1 {
    padding-right: 0.25rem !important;
  }
  .pr-lg-2, .px-2 {
    padding-right: 0.5rem !important;
  }
  .pr-lg-3, .px-3 {
    padding-right: 1rem !important;
  }
  .pr-lg-4, .px-4 {
    padding-right: 1.5rem !important;
  }
  .pr-lg-5, .px-5 {
    padding-right: 3rem !important;
  }
  .pr-lg-6, .px-6 {
    padding-right: 4rem !important;
  }
}
.site-main {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/*---
Hero 
---*/
/* Hero */
.hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.hero .header-top .header-phone a, .hero .header-top .header-phone a:visited {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 18.75px */
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.hero .header-top .header-phone a:focus, .hero .header-top .header-phone a:visited:focus {
  background-color: transparent !important;
  color: #ffffff !important;
}
.hero .header-top .header-social-box a:focus {
  background-color: transparent !important;
  color: #ffffff !important;
}
.hero .hero-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.hero .hero-video-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: none;
}
.hero .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.hero .right-navigation {
  margin-top: 70px;
}
.hero .right-navigation .logo .custom-logo-link {
  position: relative;
  z-index: 4;
}
.hero .right-navigation .logo .custom-logo-link .custom-logo {
  max-width: 224px;
}
.hero .right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link {
  font-family: "Inter", sans-serif !important;
  line-height: normal !important;
}
.hero .right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link:focus {
  color: #ffffff !important;
}
.hero .right-navigation .mobile-menu {
  position: relative;
  top: 0px;
  z-index: 4;
}
.hero .right-navigation .mobile-menu .mega-menu-wrap .mega-menu-toggle button {
  background-color: transparent !important;
}
.hero .right-navigation .mobile-menu .mega-menu-wrap .mega-close {
  background-color: transparent !important;
}
.hero .left-right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link {
  font-family: "Inter", sans-serif !important;
  line-height: normal !important;
}
.hero .left-right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link:focus {
  color: #ffffff !important;
}
.hero .left-right-navigation .mobile-menu {
  position: absolute;
  top: 45px;
  z-index: 4;
}
.hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-menu-toggle button {
  background-color: transparent !important;
}
.hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-close {
  background-color: transparent !important;
}
.hero .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 1;
  width: 100%;
}
.hero .hero-content .text {
  width: 90%;
  margin: 0 auto;
}
.hero .hero-content .text h1 {
  font-family: "Inter", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1.92px;
  color: #ffffff;
  text-transform: none;
}
.hero .hero-content .text .subtitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
}
.hero .hero-image {
  width: 100%;
  position: absolute;
  bottom: -2px;
}

/*---
Home Page
---*/
.lists {
  text-align: left;
}
.lists .list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
}
.lists .list .list-image {
  margin-right: 8px;
}
.lists .list .list-text p {
  margin-bottom: 0px;
}

.section-video {
  padding-top: 77px;
  text-align: left;
}
.section-video .main-title {
  font-family: "Inter", sans-serif !important;
  font-size: 40px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: -1.6px !important;
  text-transform: capitalize;
  padding-bottom: 99px;
}
.section-video .images {
  padding-top: 67px;
}
.section-video .images .image {
  transform: scale(1);
  transition: all 0.5s;
}
.section-video .images .image:hover {
  transform: scale(1.04);
}
.section-video .images .image-1 {
  max-width: 167px;
}
.section-video .images .image-2 {
  max-width: 181px;
}
.section-video .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 66.62%;
  height: 0;
  border-radius: 10px;
}
.section-video .video.video-active .video-box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.section-video .video.video-active .video-link {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.section-video .video .video-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-video .video .video-box .video-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  box-shadow: 11px 11px 22px 0px rgba(0, 0, 0, 0.08);
}
.section-video .video .video-box .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 3;
}
.section-video .video .video-box .play-icon .play-img {
  transform: scale(1);
  transition: all 0.5s;
}
.section-video .video .video-box .play-icon .play-img:hover {
  transform: scale(1.04);
}
.section-video .video .video-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.08s ease, visibility 0.08s ease;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 11px 11px 22px 0px rgba(0, 0, 0, 0.08);
}
.section-video .video .video-link iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: none;
}

.section-brands {
  padding-top: 116px;
}
.section-brands .brands {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  align-items: center;
  justify-content: center;
}
.section-brands .brands .logo .brand-logo {
  max-width: 80%;
  max-height: 80px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
  transform: scale(1);
  transition: all 0.5s;
}
.section-brands .brands .logo .brand-logo:hover {
  transform: scale(1.04);
}

.section-feature-block-with-image {
  padding-top: 112px;
  padding-bottom: 106px;
  position: relative;
  overflow-x: clip;
}
.section-feature-block-with-image .background-animation-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.section-feature-block-with-image .background-animation-container .circle {
  position: absolute;
  border-radius: 50%;
  width: min(32.8vw, 472px);
  height: min(32vw, 460px);
  filter: blur(max(50px, 13.9vw));
  opacity: 0.9;
}
.section-feature-block-with-image .background-animation-container .orange-circle {
  background: linear-gradient(180deg, #FF9201 0%, #FF4F03 100%);
  top: 40%;
  left: 20%;
  transform: translate(-50%, -50%);
  animation: circleAnimationOrange 20s linear infinite; /* constant movement */
}
.section-feature-block-with-image .background-animation-container .blue-circle {
  background: linear-gradient(180deg, #3098EB 0%, #084CDD 100%);
  top: 60%;
  left: 80%;
  transform: translate(-50%, -50%);
  animation: circleAnimationBlue 20s linear infinite; /* Constant movement */
}
@keyframes circleAnimationOrange {
  0% {
    top: 40%;
    left: 20%;
  } /* Start: Center Left */
  33% {
    top: 60%;
    left: 20%;
  } /* Moves Down: Bottom Left */
  66% {
    top: 60%;
    left: 80%;
  } /* Moves Right: Bottom Right (End of L-shape path) */
  100% {
    top: 40%;
    left: 20%;
  } /* Diagonal Cross Back to Initial Position */
}
@keyframes circleAnimationBlue {
  0% {
    top: 60%;
    left: 80%;
  } /* Start: Center Right */
  33% {
    top: 40%;
    left: 80%;
  } /* Moves Up: Top Right */
  66% {
    top: 40%;
    left: 20%;
  } /* Moves Left: Top Left (End of L-shape path) */
  100% {
    top: 60%;
    left: 80%;
  } /* Diagonal Cross Back to Initial Position */
}
.section-feature-block-with-image .feature-block-with-image .box {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.8);
  padding: 40px 40px 52px 40px;
  filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.1));
  -webkit-backdrop-filter: blur(8px); /* Prefijo para compatibilidad WebKit */
  backdrop-filter: blur(8px);
}
.section-feature-block-with-image .feature-block-with-image .box:nth-of-type(2), .section-feature-block-with-image .feature-block-with-image .box:nth-of-type(3) {
  margin-top: 38px;
}
.section-feature-block-with-image .feature-block-with-image .box .gif-icon {
  max-width: 77px;
}

.section-service-overview .main-title {
  color: rgba(11, 26, 51, 0.05);
  font-family: "Inter", sans-serif;
  font-size: 128px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: -5.12px;
  text-transform: capitalize;
}
.section-service-overview .box-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section-service-overview .box-title .gif-icon {
  max-width: 77px;
  height: auto;
  margin-right: 16px;
}
.section-service-overview .text-gradient {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.section-service-overview .subtitle {
  text-transform: none;
}
.section-service-overview .key-benefits .image-icon {
  max-width: 40px;
  height: auto;
  transform: scale(1);
  transition: all 0.5s;
}
.section-service-overview .key-benefits .image-icon:hover {
  transform: scale(1.04);
}

.section-images {
  padding-top: 67px;
  padding-bottom: 188px;
}
.section-images .image img {
  transform: scale(1);
  transition: all 0.5s;
}
.section-images .image img:hover {
  transform: scale(1.02);
}
.section-images .image-1 {
  padding-top: 120px;
}
.section-images .image-3 {
  padding-top: 120px;
}

.section-videos {
  padding-top: 77px;
}
.section-videos .videos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.section-videos .videos .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  border-radius: 10px;
}
.section-videos .videos .video.video-active .video-box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.section-videos .videos .video.video-active .video-link {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.section-videos .videos .video .video-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-videos .videos .video .video-box .video-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.section-videos .videos .video .video-box .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 3;
}
.section-videos .videos .video .video-box .play-icon .play-img {
  transform: scale(1);
  transition: all 0.5s;
}
.section-videos .videos .video .video-box .play-icon .play-img:hover {
  transform: scale(1.04);
}
.section-videos .videos .video .video-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.08s ease, visibility 0.08s ease;
  border-radius: 10px;
  overflow: hidden;
}
.section-videos .videos .video .video-link iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: none;
}
.section-videos .videos.item-double {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-top: 32px;
}
.section-videos .videos.item-double .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 176.67%;
  height: 0;
  border-radius: 10px;
}
.section-videos .videos.item-double .video.video-active .video-box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.section-videos .videos.item-double .video.video-active .video-link {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.section-videos .videos.item-double .video .video-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-videos .videos.item-double .video .video-box .video-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.section-videos .videos.item-double .video .video-box .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 3;
}
.section-videos .videos.item-double .video .video-box .play-icon .play-img {
  transform: scale(1);
  transition: all 0.5s;
}
.section-videos .videos.item-double .video .video-box .play-icon .play-img:hover {
  transform: scale(1.04);
}
.section-videos .videos.item-double .video .video-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.08s ease, visibility 0.08s ease;
  border-radius: 10px;
  overflow: hidden;
}
.section-videos .videos.item-double .video .video-link iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: none;
}

.section-service-overview.three {
  padding-top: 135px;
  text-align: center;
}
.section-service-overview.three .box-title {
  justify-content: center;
}
.section-service-overview.three .key-benefits {
  text-align: center;
}

.section-service-overview.four {
  padding-top: 140px;
  padding-bottom: 82px;
  overflow-x: clip;
}
.section-service-overview.four .results-metrics {
  padding-top: 9px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 168px));
  grid-column-gap: 33px;
  grid-row-gap: 37px;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.section-service-overview.four .results-metrics::before {
  content: "";
  position: absolute;
  width: min(22.23vw, 320px);
  height: min(21.7vw, 312px);
  filter: blur(max(50px, 7vw));
  border-radius: 50%;
  background: linear-gradient(180deg, #379DE3 0%, #084CDD 100%);
  z-index: -1;
  top: -50px;
  right: -20px;
}
.section-service-overview.four .results-metrics .box {
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  padding: 45px 11px;
  border-radius: 10px;
  position: relative;
  min-height: 168px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  transform: scale(1);
  transition: all 0.5s;
}
.section-service-overview.four .results-metrics .box:hover {
  transform: scale(1.04);
}
.section-service-overview.four .results-metrics .box.item-2 {
  transform: translateY(33px) scale(1);
}
.section-service-overview.four .results-metrics .box.item-2:hover {
  transform: translateY(33px) scale(1.04);
}
.section-service-overview.four .results-metrics .box.item-4 {
  transform: translateY(33px) scale(1);
}
.section-service-overview.four .results-metrics .box.item-4:hover {
  transform: translateY(33px) scale(1.04);
}
.section-service-overview.four .results-metrics .box .number {
  color: #379DE3;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.section-service-overview.four .results-metrics .box .text {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.section-images.two {
  padding-top: 0px;
  padding-bottom: 180px;
  position: relative;
  overflow-x: clip;
}
.section-images.two .background-animation-container-two {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.section-images.two .background-animation-container-two .circle-two {
  position: absolute;
  border-radius: 50%;
  width: min(32.8vw, 472px);
  height: min(32vw, 460px);
  filter: blur(max(50px, 13.9vw));
  opacity: 0.9;
}
.section-images.two .background-animation-container-two .orange-circle-two {
  background: linear-gradient(180deg, #FF9201 0%, #FF4F03 100%);
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
  animation: circleAnimationOrangeTwo 20s linear infinite; /* constant movement */
}
.section-images.two .background-animation-container-two .blue-circle-two {
  background: linear-gradient(180deg, #3098EB 0%, #084CDD 100%);
  top: 50%;
  left: 80%;
  transform: translate(-50%, -50%);
  animation: circleAnimationBlueTwo 20s linear infinite; /* Constant movement */
}
@keyframes circleAnimationOrangeTwo {
  0% {
    top: 40%;
    left: 20%;
  } /* Start: Center Left */
  33% {
    top: 60%;
    left: 20%;
  } /* Moves Down: Bottom Left */
  66% {
    top: 60%;
    left: 80%;
  } /* Moves Right: Bottom Right (End of L-shape path) */
  100% {
    top: 40%;
    left: 20%;
  } /* Diagonal Cross Back to Initial Position */
}
@keyframes circleAnimationBlueTwo {
  0% {
    top: 60%;
    left: 80%;
  } /* Start: Center Right */
  33% {
    top: 40%;
    left: 80%;
  } /* Moves Up: Top Right */
  66% {
    top: 40%;
    left: 20%;
  } /* Moves Left: Top Left (End of L-shape path) */
  100% {
    top: 60%;
    left: 80%;
  } /* Diagonal Cross Back to Initial Position */
}
.section-images.two .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto auto;
  gap: 20px;
}
.section-images.two .images .image.item-3 {
  grid-column: 1/-1;
}
.section-images.two .images .image img {
  border-radius: 16px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-images.three {
  padding-top: 53px;
  padding-bottom: 0px;
}
.section-images.three .images .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-service-overview.six {
  padding-top: 125px;
  text-align: center;
}
.section-service-overview.six .box-title {
  justify-content: center;
}
.section-service-overview.six .key-benefits {
  text-align: center;
}

.section-reviews {
  padding-top: 119px;
  overflow-x: clip;
}
.section-reviews .reviews {
  padding-top: 41px;
  position: relative;
  z-index: 1;
}
.section-reviews .reviews::before {
  content: "";
  position: absolute;
  width: min(20vw, 288px);
  height: min(19.52vw, 281px);
  filter: blur(max(50px, 7vw));
  border-radius: 50%;
  background: linear-gradient(180deg, #379DE3 0%, #084CDD 100%);
  z-index: -1;
  top: 0px;
  right: -20px;
}
.section-reviews .reviews .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 59px;
}
.section-reviews .reviews .swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 43px;
}
.section-reviews .reviews .swiper .swiper-slide .image {
  flex: 0 0 50%;
  margin-left: 43px;
}
.section-reviews .reviews .swiper .swiper-slide .review {
  flex: 1;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 35px 40px;
  max-width: 451px;
  margin-right: 43px;
}
.section-reviews .reviews .swiper .swiper-slide .review .company {
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
  padding-bottom: 8px;
}
.section-reviews .reviews .swiper .swiper-slide .review .name {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal !important;
  padding-bottom: 3px;
}
.section-reviews .reviews .swiper .swiper-slide .review .text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal !important;
  text-align: justify;
  padding-top: 14px;
}
.section-reviews .swiper-pagination {
  padding-top: 0px;
}
.section-reviews .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #d9d9d9;
  opacity: 1;
}
.section-reviews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #379DE3;
}

.section-frequently-asked {
  padding-top: 107px;
  padding-bottom: 344px;
  position: relative;
  z-index: 1;
  overflow: clip;
}
.section-frequently-asked .background-animation-container-three {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.section-frequently-asked .background-animation-container-three .circle-three {
  position: absolute;
  border-radius: 50%;
  width: min(32.8vw, 472px);
  height: min(32vw, 460px);
  filter: blur(max(50px, 13.9vw));
  opacity: 0.9;
}
.section-frequently-asked .background-animation-container-three .orange-circle-three {
  background: linear-gradient(180deg, #FF9201 0%, #FF4F03 100%);
  top: 60%;
  left: 20%;
  transform: translate(-50%, -50%);
  animation: circleAnimationOrangeThree 20s linear infinite; /* constant movement */
}
.section-frequently-asked .background-animation-container-three .blue-circle-three {
  background: linear-gradient(180deg, #3098EB 0%, #084CDD 100%);
  top: 85%;
  left: 80%;
  transform: translate(-50%, -50%);
  animation: circleAnimationBlueThree 20s linear infinite; /* Constant movement */
}
@keyframes circleAnimationOrangeThree {
  0% {
    top: 60%;
    left: 20%;
  } /* Start: Center Left */
  33% {
    top: 85%;
    left: 20%;
  } /* Moves Down: Bottom Left */
  66% {
    top: 85%;
    left: 80%;
  } /* Moves Right: Bottom Right (End of L-shape path) */
  100% {
    top: 60%;
    left: 20%;
  } /* Diagonal Cross Back to Initial Position */
}
@keyframes circleAnimationBlueThree {
  0% {
    top: 85%;
    left: 80%;
  } /* Start: Center Right */
  33% {
    top: 60%;
    left: 80%;
  } /* Moves Up: Top Right */
  66% {
    top: 60%;
    left: 20%;
  } /* Moves Left: Top Left (End of L-shape path) */
  100% {
    top: 85%;
    left: 80%;
  } /* Diagonal Cross Back to Initial Position */
}
.section-frequently-asked .frequently-asked {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.69);
  background: rgba(255, 255, 255, 0.9);
  padding: 43px 20px 140px;
  -webkit-backdrop-filter: blur(5.0999999046px);
          backdrop-filter: blur(5.0999999046px);
  filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.1));
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked {
  padding-left: 6.5px;
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked .accordion-item {
  border: none;
  background-color: transparent;
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked .accordion-item .accordion-header {
  border-bottom: 1px solid #555555;
  margin-bottom: 17px;
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked .accordion-item .accordion-header .accordion-button {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0E0E0E;
  padding: 0px 5px 26px 5px;
  background-color: transparent;
  box-shadow: none;
  align-items: flex-start !important;
  justify-content: space-between;
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("/wp-content/themes/twentytwentyone-child/images/close-icon.svg");
  margin-top: 8px;
  margin-left: 70px;
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked .accordion-item .accordion-header .accordion-button::after {
  background-image: url("/wp-content/themes/twentytwentyone-child/images/plus-icon.svg");
  margin-top: 8px;
  margin-left: 50px;
}
.section-frequently-asked .frequently-asked #accordionFrequentlyAsked .accordion-item .accordion-body {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px 10px 20px;
}
.section-frequently-asked .form {
  background: #0B2133;
  padding: 24px 31px;
  border-radius: 20px;
  box-shadow: 6px 0px 22px 0px rgba(0, 0, 0, 0.25);
}
.section-frequently-asked .form .gform_wrapper .gform_title {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.28px;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  padding-bottom: 25px;
}
.section-frequently-asked .form .gform_wrapper .gform_required_legend {
  display: none;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields {
  row-gap: 8px;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield_label {
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .textarea.small {
  height: 55px;
  min-height: 55px;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield_required .gfield_required_asterisk {
  color: #ffffff;
  font-size: 14px;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield--type-consent input {
  border: 1px solid #ffffff;
  background-color: #0B2133;
  border-radius: 0;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield--type-consent input::before {
  color: #ffffff;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield--type-consent input:focus {
  --gf-local-outline-color: transparent;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield--type-consent label {
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields .gfield--type-consent label a {
  color: #ffffff;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields input, .section-frequently-asked .form .gform_wrapper .gform-body .gform_fields select, .section-frequently-asked .form .gform_wrapper .gform-body .gform_fields textarea {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border: none;
  color: #ffffff;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields select {
  background-image: url("/wp-content/themes/twentytwentyone-child/images/drop-down-icon.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px;
  background-color: rgba(255, 255, 255, 0.2);
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields select::-moz-placeholder {
  opacity: 1;
  color: #0B2133;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields select::placeholder {
  opacity: 1;
  color: #0B2133;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields select::-webkit-input-placeholder {
  opacity: 1;
  color: #0B2133;
}
.section-frequently-asked .form .gform_wrapper .gform-body .gform_fields select option {
  color: #0B2133;
}
.section-frequently-asked .form .gform_wrapper .gform-footer {
  justify-content: center;
  padding-top: 24px;
}
.section-frequently-asked .form .gform_wrapper .gform-footer #gform_submit_button_1 {
  background: #379DE3 !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: -0.8px !important;
  text-transform: capitalize !important;
  padding: 12px 20px;
  border-radius: 50px !important;
  border: none;
  overflow: hidden !important;
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-out, border-color 0.4s ease-out !important;
  --gf-local-border-color: transparent !important;
}
.section-frequently-asked .form .gform_wrapper .gform-footer #gform_submit_button_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(0); /* Centers the circle and makes it invisible initially */
  transform-origin: center bottom;
  width: 250px; /* Adjust this value if your buttons are larger or smaller */
  height: 250px; /* It must be equal to the width for a perfect circle */
  border-radius: 50%;
  background-color: #084CDD;
  z-index: -1;
  transition: transform 0.8s ease-in-out;
}
.section-frequently-asked .form .gform_wrapper .gform-footer #gform_submit_button_1 .submit-button-icon {
  margin-right: 4px;
  width: 21px;
  height: 19px;
}
.section-frequently-asked .form .gform_wrapper .gform-footer #gform_submit_button_1:hover::before, .section-frequently-asked .form .gform_wrapper .gform-footer #gform_submit_button_1:focus::before {
  transform: translateX(-50%) scale(1.5);
  --gf-local-outline-color: transparent !important;
  --gf-local-border-color: transparent !important;
}

/*---
Blog - Page
---*/
.section-post-filter {
  padding-top: 102px;
}
.section-post-filter .post .post-item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.section-post-filter .post .post-item .post-thumbnail {
  flex: 1 1 49%;
  margin: 0;
  height: 357px;
}
.section-post-filter .post .post-item .post-thumbnail .wp-post-image {
  margin: 0px;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-post-filter .post .post-item .post-content {
  flex: 1 1 51%;
  padding: 0 0 0 68px;
}
.section-post-filter .post .post-item .post-content h3 a {
  color: #379DE3;
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.section-post-filter .post .post-item .post-content h3 a:focus {
  background: transparent;
  color: #379DE3;
}
.section-post-filter .post .post-item .post-content .post-excerpt {
  padding-top: 16px;
  padding-bottom: 16px;
}
.section-post-filter .post .post-item .post-content .post-excerpt .more-link {
  display: none;
}
.section-post-filter .post .post-item .post-content .read-more-button {
  color: #379DE3;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.section-post-filter .post .post-item .post-content .read-more-button:focus {
  background: transparent;
  color: #379DE3;
}
.section-post-filter .filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.section-post-filter .filter .blog-category-filter {
  background-image: url("/wp-content/themes/twentytwentyone-child/images/filter-background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 6px 0px 22px 0px rgba(0, 0, 0, 0.25);
  padding: 32px 46px 32px 24px;
  color: #ffffff;
  max-width: 282px;
}
.section-post-filter .filter .blog-category-filter h3 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 97%;
  text-transform: capitalize;
}
.section-post-filter .filter .blog-category-filter #category-filter-form label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 16px;
  margin-bottom: 0px;
}
.section-post-filter .filter .blog-category-filter #category-filter-form label input {
  border: 1px solid #fff;
  background-color: transparent;
  width: 13px;
  height: 13px;
  margin-right: 11px;
}
.section-post-filter .filter .blog-category-filter #category-filter-form label input::after {
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 11px;
}

.section-posts {
  padding-top: 83px;
  padding-bottom: 64px;
}
.section-posts .blog-posts .all-post {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3));
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 70px;
  max-width: 1320px;
  margin: 0 auto;
}
.section-posts .blog-posts .all-post .post-item {
  position: relative !important;
  overflow: hidden;
}
.section-posts .blog-posts .all-post .post-item .post-thumbnail {
  margin: 0;
  height: 292px;
}
.section-posts .blog-posts .all-post .post-item .post-thumbnail .wp-post-image {
  margin: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  max-width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-posts .blog-posts .all-post .post-item h3 {
  padding-top: 32px;
}
.section-posts .blog-posts .all-post .post-item h3 a {
  color: #379DE3;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.section-posts .blog-posts .all-post .post-item h3 a:focus {
  background-color: transparent !important;
  color: #379DE3;
}
.section-posts .blog-posts .all-post .post-item .entry-content {
  margin-top: 16px;
  margin-bottom: 16px;
}
.section-posts .blog-posts .all-post .post-item .entry-content .more-link {
  display: none;
}
.section-posts .blog-posts .all-post .post-item .read-more-button {
  color: #379DE3;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.section-posts .blog-posts .all-post .post-item .read-more-button:focus {
  background-color: transparent !important;
  color: #379DE3;
}
.section-posts .blog-posts .blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 100px;
}
.section-posts .blog-posts .blog-pagination span[aria-current=page] {
  background-color: #379DE3;
  color: #fff;
  display: inline-block;
  width: 36px;
  height: 36px;
  padding: 5px 12px;
  border-radius: 50%;
  text-align: center;
}
.section-posts .blog-posts .blog-pagination .page-numbers {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 15px;
}
.section-posts .blog-posts .blog-pagination .page-numbers:focus {
  background-color: transparent !important;
  color: #0E0E0E !important;
}

/*---
Single Post - Page
---*/
.single-post .post-content {
  padding-top: 102px;
  padding-bottom: 64px;
}
.single-post .post-content .post-thumbnail {
  margin: 0;
  width: 100%;
}
.single-post .post-content .post-thumbnail .wp-post-image {
  margin: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  max-width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-post .post-content .entry-title {
  color: #379DE3;
  font-family: "Inter", sans-serif !important;
  font-size: 36px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  padding-top: 0px;
  margin-bottom: 16px;
}
.single-post .post-content p {
  text-align: justify;
  padding-bottom: 27px;
}
.single-post .post-content h1, .single-post .post-content h2, .single-post .post-content h3, .single-post .post-content h4, .single-post .post-content h5, .single-post .post-content h6 {
  padding-bottom: 8px;
}
.single-post .post-content ul, .single-post .post-content ol {
  padding-bottom: 27px;
}
.single-post .entry-footer::before {
  content: none !important;
}
.single-post .comments-area {
  display: none;
}
.single-post .post-navigation {
  display: none;
}

/*---
Thank You - Page
---*/
.section-thank-you {
  padding-top: 120px;
  padding-bottom: 344px;
}
.section-thank-you h1, .section-thank-you h2, .section-thank-you h3, .section-thank-you h4, .section-thank-you h5, .section-thank-you h6 {
  color: #0B2133;
  padding-bottom: 8px;
}
.section-thank-you p {
  font-size: 20px;
  padding-bottom: 27px;
}
.section-thank-you ul, .section-thank-you ol {
  padding-bottom: 27px;
}

/*---
Terms of Service - Page
---*/
.section-terms-of-service {
  padding-top: 83px;
  padding-bottom: 344px;
}
.section-terms-of-service h1, .section-terms-of-service h2, .section-terms-of-service h3, .section-terms-of-service h4, .section-terms-of-service h5, .section-terms-of-service h6 {
  color: #0B2133;
  padding-bottom: 8px;
}
.section-terms-of-service p {
  padding-bottom: 27px;
}
.section-terms-of-service ul, .section-terms-of-service ol {
  padding-bottom: 27px;
}

/*---
Privacy Policy - Page
---*/
.section-privacy-policy {
  padding-top: 83px;
  padding-bottom: 344px;
}
.section-privacy-policy h1, .section-privacy-policy h2, .section-privacy-policy h3, .section-privacy-policy h4, .section-privacy-policy h5, .section-privacy-policy h6 {
  color: #0B2133;
  padding-bottom: 8px;
}
.section-privacy-policy p {
  padding-bottom: 27px;
}
.section-privacy-policy ul, .section-privacy-policy ol {
  padding-bottom: 27px;
}

/*---
Footer 
---*/
.site-footer {
  margin-top: -258px;
  padding-top: 52px !important;
  padding-bottom: 25px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  width: 100%;
  max-width: 100% !important;
  z-index: 2;
}
.site-footer::before {
  content: "" !important;
  background-image: url("/wp-content/themes/twentytwentyone-child/images/footer-divider.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: drop-shadow(0px 4px 32px rgba(0, 0, 0, 0.1));
}
.site-footer .container {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 0px;
}
.site-footer .container .footer-logo {
  max-width: 343px;
  padding-bottom: 33px;
}
.site-footer .container .footer-nav .footer-menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  list-style: none;
  padding-left: 0;
}
.site-footer .container .footer-nav .footer-menu .menu-item {
  flex: 1 1 auto;
  text-align: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.site-footer .container .footer-nav .footer-menu .menu-item a {
  color: #0E0E0E;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.site-footer .container .footer-nav .footer-menu .menu-item a:focus {
  background-color: transparent !important;
  color: #0E0E0E !important;
}
.site-footer .container .contact-information {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 19px;
}
.site-footer .container .contact-information a {
  color: #0E0E0E;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 25px;
}
.site-footer .container .contact-information a:hover {
  color: #0E0E0E !important;
}
.site-footer .container .contact-information a i {
  margin-right: 8px;
}
.site-footer .container .contact-information .social-networks a {
  color: #379DE3;
  font-size: 24px;
  margin-right: 10px;
}
.site-footer .container .contact-information .social-networks a:last-child {
  margin-right: 0;
}
.site-footer .container .contact-information .social-networks a:hover {
  color: #379DE3 !important;
}
.site-footer .container .footer-text {
  margin-top: 19px;
}
.site-footer .container .footer-text p, .site-footer .container .footer-text a {
  color: #0E0E0E;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

iframe[src^="https://assets.braintreegateway.com/web/"][src*="/html/hosted-fields-payments-sdk-tokenization-frame.min.html"] {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  visibility: hidden !important;
}

button.sub-menu-toggle {
  display: none !important;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  outline: 2px solid transparent;
  -webkit-text-decoration: underline 1px dotted transparent !important;
          text-decoration: underline 1px dotted transparent !important;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  outline: 2px solid transparent;
  -webkit-text-decoration: underline 1px dotted transparent !important;
          text-decoration: underline 1px dotted transparent !important;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.btn):not(.btn-primary) {
  background: transparent;
  color: #0E0E0E;
}

/*---
Media Queries
---*/
@media (max-width: 1399px) {
  .hero .left-right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link {
    padding: 0px 28px 0px 28px !important;
  }
}
@media (max-width: 1199px) {
  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 22px !important;
  }
  .singular .entry-title {
    font-size: 28px !important;
  }
  .hero .right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link {
    padding: 0px 15px 0px 15px !important;
  }
  .hero .right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .mega-menu-link {
    padding: 5px 30px 5px 30px !important;
  }
  .hero .right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .menu-item {
    text-align: left;
    padding: 0px 30px 0px 30px;
    height: 40px;
  }
  .hero .right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .menu-item a {
    font-family: "Inter", sans-serif !important;
    line-height: normal !important;
    letter-spacing: 0.18px;
    color: #ffffff;
    border-radius: 0;
    border: 0;
    margin: 0;
  }
  .hero .right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .phone-number-item {
    margin-top: 30px;
  }
  .hero .right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .social-icons-item .social-media-link {
    margin-right: 10px;
  }
  .hero .left-right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link {
    padding: 0px 15px 0px 15px !important;
  }
  .hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .mega-menu-link {
    padding: 5px 30px 5px 30px !important;
  }
  .hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .menu-item {
    text-align: left;
    padding: 0px 30px 0px 30px;
    height: 40px;
  }
  .hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .menu-item a {
    font-family: "Inter", sans-serif !important;
    line-height: normal !important;
    letter-spacing: 0.18px;
    color: #ffffff;
    border-radius: 0;
    border: 0;
    margin: 0;
  }
  .hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .phone-number-item {
    margin-top: 30px;
  }
  .hero .left-right-navigation .mobile-menu .mega-menu-wrap .mega-menu-horizontal .social-icons-item .social-media-link {
    margin-right: 10px;
  }
  .hero .hero-content .text h1 {
    font-size: 40px;
    line-height: 40px;
  }
  /*---
  Home - Page
  ---*/
  .section-video .main-title {
    font-size: 32px !important;
  }
  .section-service-overview .main-title {
    font-size: 92px !important;
  }
  .section-service-overview.four .results-metrics .box .number {
    font-size: 32px;
  }
  .section-reviews .reviews .swiper .swiper-slide .review .company {
    font-size: 22px !important;
  }
  /*---
  Blog - Page
  ---*/
  .section-post-filter .post .post-item .post-content h3 a {
    font-size: 30px;
  }
  /*---
  Single Post - Page
  ---*/
  .single-post .post-content .entry-title {
    font-size: 30px;
  }
  /*---
  Thank You - Page
  ---*/
  .section-thank-you p {
    font-size: 18px;
  }
  /*---
  Terms of Service - Page
  ---*/
  .section-terms-of-service h3 {
    font-size: 18px !important;
  }
  /*---
  Privacy Policy - Page
  ---*/
  .section-privacy-policy h3 {
    font-size: 18px !important;
  }
}
@media (max-width: 1114px) {
  h2 {
    font-size: 26px !important;
  }
  h3 {
    font-size: 20px !important;
  }
  .singular .entry-title {
    font-size: 26px !important;
  }
  .hero .right-navigation .mega-menu-wrap .mega-menu .mega-menu-item .mega-menu-link {
    font-size: 18px !important;
  }
  .hero .hero-content .text h1 {
    font-size: 36px;
    line-height: 36px;
  }
  /*---
  Home - Page
  ---*/
  .section-video .main-title {
    font-size: 30px !important;
  }
  .section-brands .brands {
    grid-template-columns: repeat(4, 1fr);
  }
  .section-brands .brands .logo .brand-logo {
    max-width: 75%;
    max-height: 75px;
  }
  .section-service-overview .main-title {
    font-size: 87px !important;
  }
  .section-service-overview.four .results-metrics .box .number {
    font-size: 30px;
  }
  .section-reviews .reviews .swiper .swiper-slide .review .company {
    font-size: 20px !important;
  }
  /*---
  Blog - Page
  ---*/
  .section-post-filter .post .post-item .post-content h3 a {
    font-size: 28px;
  }
  /*---
  Single Post - Page
  ---*/
  .single-post .post-content .entry-title {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  .hero .hero-content .text {
    width: 81%;
  }
  .hero .hero-content .text h1 {
    font-size: 33px;
    line-height: 33px;
  }
}
@media (max-width: 991px) {
  .singular .entry-title {
    padding-top: 50px;
  }
  .hero .right-navigation {
    margin-top: 25px;
  }
  .hero .hero-content .text {
    width: 100%;
  }
  .hero .hero-content .text h1 {
    font-size: 31px;
    line-height: 31px;
  }
  .lists {
    text-align: center;
  }
  .lists .list {
    flex-direction: column;
    align-items: center;
  }
  /*---
  Home - Page
  ---*/
  .section-video {
    padding-top: 50px;
  }
  .section-video .main-title {
    font-size: 26px !important;
    padding-bottom: 30px;
  }
  .section-video .images {
    padding-top: 30px;
  }
  .section-brands {
    padding-top: 50px;
  }
  .section-brands .brands {
    grid-template-columns: repeat(3, 1fr);
  }
  .section-brands .brands .logo .brand-logo {
    max-width: 73%;
    max-height: 73px;
  }
  .section-feature-block-with-image {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-feature-block-with-image .box .image {
    display: block;
    margin: 0 auto;
  }
  .section-service-overview .main-title {
    font-size: 65px !important;
  }
  .section-service-overview .box-title {
    justify-content: center;
  }
  .section-service-overview .service-overview-image {
    display: block;
    margin: 0 auto;
  }
  .section-images {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-videos {
    padding-top: 50px;
  }
  .section-videos .videos .video {
    padding-bottom: 100%;
  }
  .section-videos .videos.item-double {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 40px;
  }
  .section-videos .videos.item-double .video {
    padding-bottom: 100%;
  }
  .section-service-overview.three {
    padding-top: 50px;
  }
  .section-service-overview.four {
    padding-top: 50px;
    padding-bottom: 84px;
  }
  .section-images.two {
    padding-bottom: 50px;
  }
  .section-images.two .images {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-images.three {
    padding-top: 50px;
  }
  .section-service-overview.six {
    padding-top: 50px;
  }
  .section-reviews {
    padding-top: 50px;
  }
  .section-reviews .reviews .swiper .swiper-slide {
    flex-direction: column;
  }
  .section-reviews .reviews .swiper .swiper-slide .image {
    flex: 1 1 100%;
    margin: 0 10px;
  }
  .section-reviews .reviews .swiper .swiper-slide .review {
    flex: 1 1 100%;
    margin: 0 10px;
  }
  .section-reviews .reviews .swiper .swiper-slide .review .company,
  .section-reviews .reviews .swiper .swiper-slide .review .name {
    text-align: center;
  }
  .section-reviews .reviews .swiper .swiper-slide .review .stars img {
    display: block;
    margin: 0 auto;
  }
  .section-frequently-asked {
    padding-top: 50px;
    padding-bottom: 269px;
  }
  /*---
  Blog - Page
  ---*/
  .section-post-filter {
    padding-top: 50px;
  }
  .section-post-filter .filter {
    display: block;
    text-align: center;
  }
  .section-post-filter .filter .blog-category-filter {
    max-width: 100%;
  }
  .section-post-filter .post .post-item .post-content h3 a {
    font-size: 28px;
  }
  .section-posts {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-posts .blog-posts .all-post {
    grid-template-columns: repeat(2, calc((100% - 24px) / 2));
  }
  .section-posts .blog-posts .all-post .post-item {
    text-align: center;
  }
  .section-posts .blog-posts .blog-pagination {
    margin-top: 80px;
  }
  /*---
  Single Post - Page
  ---*/
  .single-post .post-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .single-post .post-content .wp-post-image {
    margin: 0 auto !important;
    display: block;
  }
  .single-post .post-content .entry-title {
    text-align: center;
  }
  /*---
  Thank You - Page
  ---*/
  .section-thank-you {
    padding-top: 50px;
    padding-bottom: 269px;
  }
  /*---
  Terms of Service - Page
  ---*/
  .section-terms-of-service {
    padding-top: 50px;
    padding-bottom: 269px;
  }
  /*---
  Privacy Policy - Page
  ---*/
  .section-privacy-policy {
    padding-top: 50px;
    padding-bottom: 269px;
  }
  /*---
  Footer
  ---*/
  .site-footer {
    margin-top: -219px;
  }
  .site-footer .footer-nav {
    display: none;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 23px !important;
  }
  h3 {
    font-size: 18px !important;
  }
  a.btn.btn-primary {
    font-size: 18px;
  }
  .singular .entry-title {
    font-size: 23px !important;
  }
  .hero .hero-content {
    transform: translate(-50%, -30%);
  }
  .hero .hero-content .text h1 {
    font-size: 24px;
    line-height: 24px;
  }
  .hero .hero-content .text .subtitle {
    font-size: 16px;
  }
  /*---
  Home - Page
  ---*/
  .section-video .main-title {
    font-size: 23px !important;
  }
  .section-video .images .image {
    max-width: 70%;
    max-height: 70px;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    margin: 0 auto;
  }
  .section-service-overview .main-title {
    font-size: 48px !important;
  }
  .section-service-overview .box-title {
    flex-direction: column;
  }
  .section-service-overview .text-gradient {
    font-size: 18px;
  }
  .section-service-overview .key-benefits {
    padding-top: 10px;
  }
  .section-images .image img {
    display: block;
    margin: 0 auto;
  }
  .section-images .image-1,
  .section-images .image-3 {
    padding-top: 0px;
  }
  .section-videos .videos {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-videos .videos .video {
    padding-bottom: 56.25%;
  }
  .section-videos .videos.item-double {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-videos .videos.item-double .video {
    padding-bottom: 56.25%;
  }
  .section-service-overview.four .results-metrics .box .number {
    font-size: 24px;
  }
  .section-reviews .reviews .swiper .swiper-slide .review {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  }
  /*---
  Blog - Page
  ---*/
  .section-posts .blog-posts .all-post {
    grid-template-columns: 100%;
    row-gap: 50px;
  }
  .section-posts .blog-posts .all-post .post-item .post-thumbnail {
    width: 100%;
    height: 450px;
  }
  .section-posts .blog-posts .all-post .post-item h3 a {
    font-size: 23px;
  }
  /*---
  Single Post - Page
  ---*/
  .single-post .post-content .entry-title {
    font-size: 23px;
  }
  .site-footer .container .footer-logo {
    max-width: 280px;
  }
  .site-footer .container .contact-information .footer-email {
    padding: 10px 0px;
  }
}
@media (max-width: 700px) {
  .hero {
    padding-bottom: 100%;
  }
  .hero .hero-video-container iframe {
    transform: scale(2.6);
  }
  .hero .hero-video {
    transform: scale(1.2);
  }
}
@media (max-width: 576px) {
  .hero .right-navigation .logo {
    padding-left: 10px;
  }
  .section-brands .brands {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 440px) {
  .hero {
    padding-bottom: 130%;
  }
  .hero .hero-video-container iframe {
    transform: scale(3.6);
  }
}
@media (max-width: 390px) {
  .hero {
    padding-bottom: 145%;
  }
  .hero .hero-video-container iframe {
    transform: scale(4.2);
  }
}
@media (max-width: 359px) {
  .hero {
    padding-bottom: 150%;
  }
  .hero .hero-video-container iframe {
    transform: scale(4.4);
  }
  .hero .hero-content .text h1 {
    font-size: 21px;
    line-height: 21px;
  }
}
@media (max-width: 319px) {
  .hero {
    padding-bottom: 170%;
  }
  .hero .hero-video-container iframe {
    transform: scale(5.1);
  }
}/*# sourceMappingURL=style.css.map */