@media (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 1.2;
  }
  h2 {
    font-size: 1.5625rem;
    line-height: 1.2;
  }
  h3 {
    font-size: 1.5625rem;
    line-height: 1.2;
  }
  h4 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.2;
  }
  h6 {
    font-size: 0.75rem;
    line-height: 1.2;
  }
  section {
    padding: 70px 0;
  }
  .container {
    padding: 0 24px;
  }
  .offcanvas {
    background-color: #042740;
  }
  .navbar-nav {
    padding: 0px;
    text-align: start;
    background-color: #042740;
    gap: 5px;
  }
  .navbar-nav li a {
    font-size: 1.125rem;
    color: #ffffff !important;
    font-weight: 600;
  }
  header {
    padding: 15px 0;
  }
  header .navbar .navbar-nav li.lang-item a {
    justify-content: start;
  }
  header .navbar .navbar-nav li.lang-item-first::after {
    display: none;
  }
  .mobile-logo img {
    width: 120px;
  }
  .hero-section {
    align-items: flex-start;
  }
  .hero-section .hero-content h1 {
    font-size: 2.5rem;
  }
  .hero-section .hero-content p {
    font-size: 1.125rem;
    line-height: 28px;
  }
  .hero-section .phone-mockup img.mockup-img {
    width: 972px;
  }
  .info-section p {
    font-size: 1.5625rem;
    line-height: 36px;
  }
  .section-heading h2 {
    font-size: 1.875rem;
  }
  .section-heading p {
    font-size: 1.125rem;
    line-height: 28px;
  }
  .problem-solution-section ul li .info h5 {
    font-size: 1.25rem;
  }
  .how-it-work-section .info-box h5 {
    font-size: 1.25rem;
  }
  .how-it-work-section .arrow-img img {
    transform: rotate(90deg);
  }
  .join-us-section .contact-info ul {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 4rem;
  }
  .join-us-section .contact-info ul li span {
    display: none;
  }
  .swiper-container {
    padding-left: max(15px, (100% - 700px) / 2);
  }
  .site-footer .logo {
    border-bottom: 1px solid #DADCE0;
    padding-bottom: 50px;
  }
  .site-footer .logo a {
    text-align: center;
    display: block;
  }
  .site-footer .logo a img {
    width: 35%;
  }
  .site-footer .quick-links ul {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .split-section::before,
  .split-section::after {
    left: 0;
    right: 0;
    height: 50%;
  }
  .split-section::before {
    top: 0;
  }
  .split-section::after {
    bottom: 0;
  }
  .page-hero p {
    font-size: 1.125rem;
    text-align: center;
  }
  .history-mission p {
    text-align: center;
    font-size: 1.125rem;
  }
  .split-section .text-content .info p {
    font-size: 1.125rem;
  }
  .split-section .text-content .info.left-text,
  .split-section .text-content .info.right-text {
    padding: 0 25px;
  }
  .split-section .text-content:has(.info.left-text) {
    padding: 15px 0 100px 0;
  }
  .split-section .text-content:has(.info.right-text) {
    padding: 100px 0 15px 0;
  }
  .split-section .text-content.has-arrow {
    flex-direction: column;
  }
  .split-section .text-content.has-arrow::after {
    right: unset;
    bottom: -120px;
    transform: rotate(90deg);
  }
  .the-team p {
    font-size: 1.125rem;
    text-align: center;
  }
  .the-team .info-box {
    flex-direction: column;
  }
  .the-team .info-box .info {
    text-align: center;
  }
  .the-team .info-box .info h5 {
    font-size: 1.25rem;
  }
  .blog-box a .info h6 {
    font-size: 1.125rem;
  }
  .load-more-link::before,
  .load-more-link::after {
    width: 30%;
  }
  .blog-info-top {
    display: flex;
    align-items: center;
    gap: 25px;
  }
  .blog-info-top .share {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #00EFD1;
    cursor: pointer;
  }
  .blog-info-top .share i {
    font-size: 0.875rem;
  }
  .blog-info-top .share:hover {
    color: #042740;
  }
  .blog-info-top .share:hover i::before {
    color: #042740;
  }
  .blog-info-top a.back-to-blog {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00EFD1;
    text-decoration: none;
  }
  .blog-info-top a.back-to-blog i {
    font-size: 0.875rem;
  }
  .blog-info-top a.back-to-blog:hover {
    color: #042740;
  }
  .blog-info-top a.back-to-blog:hover i::before {
    color: #042740;
  }
  .blog-content-section .blog-details .blog-info {
    gap: 15px;
    justify-content: space-between;
  }
  .blog-content-section .blog-details .blog-info .time {
    font-size: 0.875rem;
  }
  .blog-content-section .blog-details .blog-info .date {
    font-size: 0.875rem;
  }
  .blog-content-section .blog-details .blog-info .author .name {
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
  }
  .blog-content-section .blog-details .blog-info .author img {
    width: 36px;
    height: 36px;
  }
  .blog-content-section .blog-content .content {
    font-size: 1.125rem;
    line-height: 28px;
  }
  .blog-content-section .blog-content .content p {
    font-size: 1.125rem;
    line-height: 28px;
  }
  .blog-content-section .blog-content .content ul li {
    font-size: 1.125rem;
    line-height: 28px;
  }
  .blog-content-section .blog-content .content ol li {
    font-size: 1.125rem;
    line-height: 28px;
  }
  .blog-content-section .latest-blog h5 {
    text-align: center;
  }
  .join-us-section .newsletter .wpcf7-spinner {
    right: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main {
    margin-top: 50px;
  }
  header .navbar .navbar-nav {
    padding: 0px;
    text-align: start;
    background-color: #fff;
  }
  header .navbar .navbar-nav li a {
    font-size: 0.8125rem;
    color: #202330 !important;
    margin: 0;
  }
  header .navbar {
    padding: 15px 0;
  }
  header .navbar .navbar-nav li.lang-item a {
    justify-content: start;
  }
  header .navbar .navbar-nav li.lang-item-first::after {
    display: none;
  }
  .hero-section {
    align-items: flex-start;
    min-height: auto;
  }
  .hero-section .phone-mockup img.mockup-img {
    width: 972px;
  }
  .problem-solution-section img {
    width: 60%;
  }
  .how-it-work-section .arrow-img img {
    transform: rotate(90deg);
  }
  .site-footer .logo a img {
    width: 100%;
  }
  .site-footer .quick-links ul {
    gap: 10px;
  }
  .site-footer .quick-links ul li a {
    font-size: 0.875rem;
  }
  .site-footer .copyright {
    font-size: 0.875rem;
  }
  .blog-info-top {
    display: flex;
    align-items: center;
    gap: 25px;
  }
  .blog-info-top .share {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #00EFD1;
    cursor: pointer;
  }
  .blog-info-top .share i {
    font-size: 0.875rem;
  }
  .blog-info-top .share:hover {
    color: #042740;
  }
  .blog-info-top .share:hover i::before {
    color: #042740;
  }
  .blog-info-top a.back-to-blog {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00EFD1;
    text-decoration: none;
  }
  .blog-info-top a.back-to-blog i {
    font-size: 0.875rem;
  }
  .blog-info-top a.back-to-blog:hover {
    color: #042740;
  }
  .blog-info-top a.back-to-blog:hover i::before {
    color: #042740;
  }
  .page-hero img {
    width: 50%;
  }
  .split-section .text-content .info.left-text,
  .split-section .text-content .info.right-text {
    padding: 0 25px;
  }
  .split-section .text-content:has(.info.left-text) {
    padding: 15px 0 100px 0;
  }
  .split-section .text-content:has(.info.right-text) {
    padding: 100px 0 15px 0;
  }
  .split-section .text-content.has-arrow {
    flex-direction: column;
  }
  .split-section .text-content.has-arrow::after {
    right: unset;
    bottom: -120px;
    transform: rotate(90deg);
  }
  .split-section::before,
  .split-section::after {
    left: 0;
    right: 0;
    height: 50%;
  }
  .split-section::before {
    top: 0;
  }
  .split-section::after {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .bg-image {
    background-image: var(--bg-desktop);
  }
  .swiper-container {
    padding-left: max(15px, (100% - 700px) / 2);
  }
}
@media (min-width: 1024px) {
  .swiper-container {
    padding-left: max(15px, (100% - 1024px) / 2);
  }
  .split-section::before,
  .split-section::after {
    top: 0;
    bottom: 0;
    width: 50%;
  }
  .split-section::before {
    left: 0;
  }
  .split-section::after {
    right: 0;
  }
}
@media (min-width: 1200px) {
  .container-wide {
    max-width: 1150px;
  }
  .swiper-container {
    padding-left: max(15px, (100% - 1125px) / 2);
  }
}
@media (min-width: 1300px) {
  .container-wide {
    max-width: 1250px;
  }
  .swiper-container {
    padding-left: max(15px, (100% - 1230px) / 2);
  }
}/*# sourceMappingURL=responsive.css.map */