/*
Theme Name: Arqloop
Author: Clever Innov - Agência de marketing digital
Description: Your description goes here
Version: 1.0
Template: hostinger-affiliate-theme
*/
/* Table of contents
	01. Global
    02. Typography
    03. Custom
    04. Icon
    05. Button
    06. Width and height
    07. Background
    08. Video
    02. Header
    03. Footer
    11. Pages
    12. Popup
    13. Swiper carousel
    14. Grid
    15. Portfolio
    16. Blog
    17. WooCommerce
    18. Elements
    19. Others
*/
/* ============================= 
    01. Global
============================= */
::selection {
  background: #333333e0;
  color: #fff;
}
::-moz-selection {
  background: #333333e0;
  color: #fff;
}
/* width */
::-webkit-scrollbar {
  width: 6px !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2A6B83;
  border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #29535E;
}
html {
  scroll-behavior: auto !important;
}
body {
  overflow: hidden;
}
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  min-height: 100vh;
}
body > div[data-elementor-type="wp-page"] {
  margin-bottom: -25px !important;
}
/* Text editor */
/* Hero & CTA */
.sub-title__text_lg {
  font-size: 1.125rem;
}
.sub-title__text_xl {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .sub-title__text_lg {
    font-size: 1rem;
  }
  .sub-title__text_xl {
    font-size: 1rem;
  }
}
/* Content */
/* Titles */
.text_2x1 h2 {
  color: #333333;
  font-size: 1.15rem;
  font-family: "Montserrat", Sans-Serif;
  font-weight: 600;
  margin-top: 0;
}
/* Paragraph texts */
.text_sm p {
  font-size: .875rem;
}
.text_md p {
  font-size: 1rem;
}
.text_lg p {
  font-size: 1.125rem;
}
.text_xl p {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .text_lg p {
    font-size: 1rem;
  }
}
.text_limiter {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Margins */
.mt-n h3 {
  margin-top: 0px;
}
.mb-n h3 {
  margin-bottom: 0px;
}
.m-n p {
  margin-bottom: 0px;
}
.m-sm p {
  margin-bottom: 5px;
}
/* Overlay */
.hero_overlay::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image: linear-gradient(
    to bottom,
    hsl(0 0% 20% / 0.9) 10%,
    hsl(196 51% 24% /0.7) 50%,
    hsl(0 0% 20% /0.9) 90%
  );
}
.hero_overlay-2::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image: linear-gradient(
    to bottom,
    hsl(196 51% 24% / 0.9) 10%,
    hsl(0 0% 20% /0.7) 50%,
    hsl(196 51% 24% /0.9) 90%
  );
}
@media (max-width:1024px) {
  .hero_overlay::before{
    background-image: linear-gradient(
      to bottom,
      hsl(0 0% 20% / 0.8) 2%,
      hsl(196 51% 24% /0.8) 50%,
      hsl(0 0% 20% /0.8) 98%
    );
  }
  .hero_overlay-2::before{
    background-image: linear-gradient(
      to bottom,
      hsl(196 51% 24% / 0.8) 2%,
      hsl(0 0% 20% /0.8) 50%,
      hsl(196 51% 24% /0.8) 98%
    );
  }
}
/* Cursor */
.crsr_default {
  cursor: default !important;
}
/* Effects */
.hover-effects {
  transition-property: transform, box-shadow, border-color !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
  transition-duration: .3s !important;
  animation-duration: .3s !important;
}
/* Cards */
.container_card:hover {
  transform: translateY(-0.25rem);
  border-color: #1E4C5C;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
.container_card2:hover {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
.container_testimonials:hover {
  transform: translateY(-0.25rem);
  border-color: #1E4C5C !important;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
/* Icon Box */
.icon-box_style1, 
.icon-box_style2 {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #E6E6E6;
  border-radius: 1px 1px 1px 1px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.icon-box_style1:hover {
  transform: translateY(-0.25rem);
  border-color: #E6E6E6;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
.icon-box_style2:hover {
  transform: translateY(-0.25rem);
  border-color: #1E4C5C;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
/* Image box */
.img-box h3 {
  margin-top: 0;
  padding-top: 1rem;
}
/* ============================= 
    01. HOME PAGE
============================= */
/* Hero section */
.text-solid {
  display: inline-block;
  padding: .2rem .5rem;
  color: #fff;
  background: hsl(196, 51%, 24%);
  border-radius: .02rem;
}
.text-gradient {
  background-image: linear-gradient(
    to right,
    hsl(196 51% 24%) 0%,
    hsl(196 51% 34%) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
/* Scroll Indicator Line */
.scroll_indicator-line {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.scroll_line-text {
  font-size: .688rem;
  letter-spacing: .125rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.scroll_line {
  width: 2px;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
}
.scroll_line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: rgba(255, 255, 255, 0.8);
  animation: lineScroll 2s infinite;
}
@keyframes lineScroll {
  0% {
      transform: translateY(-30px);
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      transform: translateY(60px);
      opacity: 0;
  }
}
/* ============================= 
    01. ABOUT PAGE
============================= */

/* ============================= 
    01. CONTACT PAGE
============================= */
.icon-box__contact {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E6E6E6;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    transition-property: box-shadow !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important;
}
.icon-box__contact:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E6E6E6;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.icon-box__contact .elementor-icon-box-content .desktop {
  display: none;
}
.icon-box__contact .elementor-icon-box-title {
  margin-top: 0;
}
#form__contact .elementor-field:focus {
  border-color: #1E4C5C;
  outline: none;
  box-shadow: 0 0 0 1px #1E4C5C;
}
#form__contact .elementor-select-wrapper select:focus {
  border-color: #1E4C5C;
  outline: none;
  box-shadow: 0 0 0 1px #1E4C5C;
}
#form__contact .e-form__buttons button {
	cursor: pointer;
}
/* ============================= 
    01. SERVICE PAGE
============================= */
#filter_search .jet-search-filter__input-wrapper {
  position: relative;
}
#filter_search .jet-search-filter__input-wrapper::before {
  content: "\ead5";
  font-family: 'aaltag-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: .9;
}
#filter_search .jet-search-filter__input {
  padding-left: 3rem;
  box-sizing: border-box;
}
#filter_search .jet-search-filter__input:focus,
#filter_search .jet-search-filter__input:active,
#filter_search .jet-search-filter__input:focus-visible,
#filter_search .jet-search-filter__input:focus + * {
  border-color:  #fff;
  box-shadow: 0 0 0 .5px #fff;
  outline: 2px solid #0000;
}
.result-counter{
  font-size: 1rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #737373;
  line-height: 1.3;
  word-break: keep-all;
}
/* ============================= 
    01. FOOTER
============================= */
/* FOOTER */
#footer_block_2 .text-description {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
}
#nav__main .ha-navbar-nav-default .ha-navbar-nav>li {
  margin-bottom: 0;
}