/* Custom */

:root {
  --color-primary: #2a2c2f;
  --color-secondary: #f26b35;
  --color-tertiary: #0C0A00;
  --ztc-family-font1: "Montserrat", sans-serif;
}

html, body {
  overflow-x: hidden !important;
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
}

.cta_3_section_area::after {
  background: linear-gradient(120deg, rgba(42, 44, 47, 0.3) 0%, rgba(12, 10, 0, 1) 100%);
  opacity: 1;
}

.hero_insurance_section_area::after {
  background: linear-gradient(265deg, rgba(42, 44, 47, 0.6) 0%, rgba(12, 10, 0, 0.95) 100%);
}

.vl-btn4, .vl-btn5 {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 0;
}

.vl-btn4 {
  background: var(--color-secondary);
}

.vl-btn5 {
  color: var(--color-primary);
}

.vl-btn5:hover, 
.vl-btn4:hover {
  background: rgba(12, 10, 0, 1);
}

.heading6 h2 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 1.1;
}

.heading6 .sub_title {
  color: var(--color-secondary);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

.homepage3-body .header-sticky {
  background: #2A2C2F;
  background: linear-gradient(265deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(12, 10, 0, 1);
}

.homepage3-body .vl-main-menu ul > li > a {
  padding: 0 20px;
  font-size: var(--ztc-font-size-font-s14);
  font-family: var(--ztc-family-font1);
  text-transform: uppercase;
}

.homepage3-body .vl-main-menu ul > li > a:hover {
  color: var(--color-secondary);
}

.hero_insurance_section_area {
  height: 100vh;
  padding: 220px 0 40px;
}

.hero_insurance_section_area.slick-slide.slick-current.slick-active .hero_3_bg {
  transform: scale(1) scaleX(-1);
  /* object-position: top; */
}

.hero_buttons {
  gap: 20px;
}

.hero_3_heading h1 {
  font-size: 40px;
  line-height: 1.1;
  text-transform: uppercase;
}

.hero_3_pera {
  top: 10px;
}

.hero_3_pera p {
  font-size: 18px;
  line-height: 28px;
}

.heading6 p {
  font-size: 18px;
  line-height: 1.6;
  color: #999999;
}

.vl_blog_8_section {
  background: rgba(12, 10, 0, 1);
  padding-top: 40px;
  padding-bottom: 60px;
}

.team_9_slider_area .slick-dots {
        text-align: center;
        margin-top: 40px;
}

.team_9_slider_area .slick-dots li {
  display: inline-block;
}

.team_9_slider_area .slick-dots .slick-active button {
  width: 50px;
  background: var(--color-secondary);
  transition: all .4s;
}

.team_9_slider_area .slick-dots button {
    display: inline-block;
    width: 30px;
    height: 6px;
    padding: 0;
    border: none;
    border-radius: 12px;
    background: #333333;
    text-indent: -9999px;
    position: relative;
    margin: 0 5px;
    transition: all .4s;
}

.blog_8_slider_area .slick-dots button {
  background: #333333;
}

.blog_8_slider_area .slick-dots .slick-active button {
  background: var(--color-secondary);
}

.blog-post-boxes-area-8 {
  background: var(--color-primary);
  border-radius: 0;
  padding: 30px;
}

.blog-post-boxes-area-8:hover {
  background: var(--color-secondary);
}

.blog-h8-title8 h4 {
  color: #FFF;
    text-transform: uppercase;
  font-size: 21px;
  line-height: 1.2;
}

.blog-h8-title8 p {
  color: #999999;
  font-size: 15px;
}

.blog-h8-post-img8, 
.blog-h8-post-img8 img {
  border-radius: 0;
  height: 352px;
}

.blog_h8_readmore8 {
  color: var(--color-secondary);
  text-transform: none;
  margin-top: 22px;
}

.blog_h8_readmore8:hover {
  color: rgba(12, 10, 0, 1) !important;
}

.blog_h8_readmore8 i {
  margin-left: 5px;
}

.tax_about_box {
  background: rgba(12, 10, 0, 1);
  padding: 30px 30px 35px;
}

.tax_about_img, 
.tax_about_img img {
  border-radius: 0;
}

.tax_about_shape {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}

.tax_about_shape::before {
  content: '';
  position: absolute;
  top: -5%;
  left: 50px;
  width: 10px;
  height: 110%;
  z-index: 0;
  display: block;
  opacity: 1;
  background: var(--color-secondary);
  z-index: 1;
}

.tax_about_box .tax_about_box_content h2 {
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  padding-bottom: 4px;
}

.tax_about_box .tax_about_box_content p {
  color: #FFF;
  font-size: 16px;
}

.tax_about_box .tax_about_box_content {
  padding-left: 68px;
}

.tax_about_box:hover .icons {
  background: var(--color-secondary);
}

.tax_about_box:hover .icons i {
  color: #FFF;
}

.tax_about_box .icons {
  background: #FFF;
}

.tax_about_box .icons i {
  color: var(--color-secondary);
  font-size: 24px;
  line-height: 48px;
}

.tax_about_5_section {
  padding-top: 0;
  padding-bottom: 20px;
}

.bu_service_section {
  padding-top: 60px;
  padding-bottom: 0;
}

.corporate_7_works .title {
  color: var(--color-secondary);
  text-transform: uppercase;
  font-size: 21px;
  padding-bottom: 5px;
}

.corporate_7_works p {
  color: #FFF;
}

.corporate_7_works {
  background: rgba(12, 10, 0, 0.7);
}

.corporate_7_works, .bu_service_card .img1 img, 
.corporate_7_content_area .img1 img, 
.card-img, .card-img img, 
.tax_about_box, .tax_about_box .icons, 
.cta1_bg_area, .bu_service_card, .bu_service_card .icon-overlay, 
.skills_card_body, .skills_card_body .icon-overlay, 
.service_benefites_boxarea, 
.service_benefites_boxarea .icons {
  border-radius: 0;
}

.service_benefites_boxarea {
  background: rgba(12, 10, 0, 1);
}

.service_benefites_boxarea:hover {
  background: var(--color-secondary)
}

.service_benefites_boxarea .icons {
  background: var(--color-secondary);
}

.service_benefites_boxarea:hover .icons {
  background: var(--color-primary);
}

.service_benefites_boxarea .icons i {
  color: #FFF;
}

.fa_about_10_section {
  background: #F26B35;
  background: linear-gradient(90deg, rgba(242, 107, 53, 1) 0%, rgba(189, 53, 0, 1) 100%);
  padding-top: 150px;
  padding-bottom: 230px;
}

.team_9_section {
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
  padding-top: 0;
  padding-bottom: 90px;
}

.fa_about_10_section .separator-diagonal-2 {
  background: #F26B35;
  background: linear-gradient(90deg, rgba(242, 107, 53, 0.5) 0%, rgba(189, 53, 0, 0.6) 100%);
}

.heading11 h2 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 1.1;
  padding-bottom: 20px;
}

.heading11 h3 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
}

.heading11 p {
  font-size: 18px;
  line-height: 1.6;
  color: #FFF;
  padding-bottom: 30px;
}

.team_9_boxarea:hover .team_9_content_area {
  height: 230px;
}

.team_9_boxarea:hover .team_9_img img {
  transform: scale(1.1) rotate(0deg);
}

.team_9_content_area {
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(12, 10, 0, 0) 0%, rgba(12, 10, 0, 1) 100%);
  height: 230px;
}

.team_9_content_area .title {
  color: #FFF;
  font-size: 19px;
  line-height: 1.2;
  padding-top: 0;
  text-transform: uppercase;
}

.team_9_content_area .title:hover {
  color: var(--color-secondary);
}

.team_9_content_area p {
  color: var(--color-secondary);
  line-height: 1.3;
}

.team_9_social {
  padding-top: 25px;
}

.team_9_social a {
  text-transform: uppercase;
  color: #FFF;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 2px;
  border-radius: 0;
  padding: 15px 22px;
  transition: all 0.4s;
  display: inline-block;
  background: transparent;
  border: 1px solid #FFF;
  width: auto !important;
  height: auto !important;
}

.team_9_social a:hover {
  background: var(--color-secondary);
  color: #FFF;
  border: 1px solid var(--color-secondary);
}

.team_9_arrow_area .team_1_arrow button {
  background: #FFF;
}

.team_9_arrow_area .team_1_arrow button:hover {
  background: var(--color-secondary);
}

.team_9_arrow_area .team_1_arrow button, 
.team_9_boxarea, .team_9_img img, 
.team_9_img, .team_9_content_area, 
.fa_about_images_area .img1 img {
  border-radius: 0;
}

.faq_finance_section .separator-diagonal-3 {
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 0.4) 100%);
}

.faq_finance_section {
  background: #2A2C2F;
  /* background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%); */
  padding-top: 150px;
  /* padding-bottom: 90px; */
}

.faq_2_accordion_area {
  margin-bottom: 40px;
}

.faq_finance_section h2 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 1.1;
}

.faq_finance_section h2 > span {
  color: var(--color-secondary);
}

.faq_finance_section .heading2 .pera {
  font-size: 18px;
  line-height: 1.6;
  color: #FFF;
}

.faq_2_accordion_area .accordion .accordion-item .accordion-header button, 
.faq_2_accordion_area .accordion .accordion-item {
  border-radius: 0;
  background: var(--color-primary);
  border: 0;
}

.faq_2_accordion_area .accordion .accordion-item {
  border: 1px solid #FFFFFF25;
}

.faq_2_accordion_area .accordion .accordion-item .accordion-header button, 
.faq_2_accordion_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  border-radius: 0;
}

.faq_2_accordion_area .accordion .accordion-item .accordion-header button span, 
.faq_2_accordion_area .accordion .accordion-item .accordion-button:not(.collapsed) span, 
.faq_2_accordion_area .accordion .accordion-item .accordion-header button {
  font-size: 19px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #FFF;
}

.accordion-button::after {
  filter: brightness(0) invert(1) !important;
}

.faq_2_accordion_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: var(--color-secondary);
}

.faq_2_accordion_area .accordion .accordion-item .accordion-header button {
  padding: 25px 30px 25px;
}

.faq_2_accordion_area .accordion .accordion-item .accordion-body p {
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  color: #999999;
  padding: 20px 30px 25px;
}

.accountant_skills_section {
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
  padding-top: 50px;
}

.cta1_section_area {
  position: relative;
  width: 100%;
  padding: 70px 0; /* Garante espaço em cima e embaixo para o mapa respirar */
  overflow: visible;
  z-index: 1;
}

.cta1_bg_area {
  position: relative;
}

.map-saico {
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  width: 40%; /* Ajuste a largura ideal para o mapa */
  max-width: 600px;
  height: auto;
  z-index: 2; 
  pointer-events: none;
}

.separator-diagonal {
  position: relative;
  width: 100%;
  height: 100px; /* Ajuste a altura conforme necessário */
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
}

.separator-diagonal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
  z-index: 1;
  transform: skewY(-3deg); /* Altere o ângulo para mais ou menos inclinação */
  transform-origin: top left;
}

.separator-diagonal-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px; /* Aumente a altura se precisar de mais espaço vertical para a inclinação */
  background: #2A2C2F;
  background: linear-gradient(265deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
  /* Desenha o formato exato da cunha vermelha: começa embaixo na esquerda e sobe cortando em diagonal para a direita */
  clip-path: polygon(0 100%, 100% 30%, 100% 100%);
  transform: rotate(180deg);
}

.separator-diagonal-3 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px; /* Aumente a altura se precisar de mais espaço vertical para a inclinação */
  background: var(--color-secondary);
  /* Desenha o formato exato da cunha vermelha: começa embaixo na esquerda e sobe cortando em diagonal para a direita */
  clip-path: polygon(0 100%, 100% 30%, 100% 100%);
  transform: scaleX(-1);
}

.separator-diagonal-4 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px; /* Aumente a altura se precisar de mais espaço vertical para a inclinação */
  background: var(--color-tertiary);
  /* Desenha o formato exato da cunha vermelha: começa embaixo na esquerda e sobe cortando em diagonal para a direita */
  clip-path: polygon(0 100%, 100% 30%, 100% 100%);
  transform: rotate(180deg) scaleX(-1);
}

.section-separator {
  width: 100%;
  height: 120px;
  background-color: rgba(12, 10, 0, 1);
  clip-path: polygon(0% 60%, 25% 15%, 50% 70%, 75% 20%, 100% 50%, 100% 100%, 0% 100%);
}

.section-separator.footer {
  background-color: var(--color-secondary);
}

.separator-v-down {
  position: relative;
  width: 100%;
  height: 80px;
  background: transparent;
}

.separator-v-down::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12, 10, 0, 1);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.corporate_works_section {
  background: rgba(12, 10, 0, 1);
  padding-top: 40px;
}

.skills_card_body {
  background: transparent;
  border: 1px solid #FFFFFF25;
}

.bu_service_card {
  padding: 20px 20px 30px;
  background: rgba(12, 10, 0, 1);
}

.bu_service_card:hover {
  background: #FFF;
}

.bu_service_card .card-body h2 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
}

.bu_service_card .card-body p {
  color: #999999;
}

.bu_service_card .icon-overlay {
  background: var(--color-secondary);
}

.bu_service_card .icon-overlay i {
  color: #FFF;
}

.bu_service_card:hover .icon-overlay i {
  color: #FFF;
}

.bu_service_card:hover .icon-overlay {
  background: var(--color-secondary) !important;
}

.bu_service_card:hover .card-body p, 
.bu_service_card:hover .card-body h2 {
  color: var(--color-primary);
}

.service_benefites_boxarea:hover p {
  color: #FFF;
}

.col-solutions h2 {
  color: #FFF;
  font-size: 17px;
  line-height: 1.3;
  /* position: absolute; */
  bottom: 30px;
  max-width: 85%;
  text-transform: uppercase;
}

.col-solutions p {
  font-family: var(--ztc-family-font2);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 24px;
  color: #999999;
  margin-top: 10px;
}

.col-solutions h2.alt {
  font-size: 17px;
  line-height: 1.3;
}

.service_benefites_boxarea {
  /* min-height: 220px; */
  min-height: 440px;
}

.pg-en .service_benefites_boxarea {
  min-height: 392px;
}

.corporate_7_tabs_area ul li {
  margin-bottom: 20px;
}

.corporate_7_tabs_area ul li button .text {
  padding-left: 0;
}

.corporate_7_tabs_area ul li button {
  padding: 26px 26px;
}

.corporate_7_content_area::after {
  background: #FFFFFF25;
}

.heading3-w h2, 
.heading1-w h2, 
.cta_5_heading h2, 
.heading9 h2, 
.heading8 h2 {
  color: #FFF;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 1.1;
}

.heading8 .pera {
  color: #FFF;
}

.nav-tabs .nav-link {
  border-radius: 0 !important;
}

.skills_card_body {
  padding: 45px 30px 30px 30px;
}

.skills_card_body h3 {
  color: var(--color-secondary);
  font-size: 19px;
  line-height: 1.2;
  padding-top: 0;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.skills_card_body .icon-overlay {
  top: -23px;
  left: 24px;
  background: #666666;
  color: #FFF;
}

.skills_card_body:hover {
  background: #FFF;
  border: 1px solid #FFF;
}

.skills_card_body:hover p, 
.skills_card_body:hover h3 {
  color: var(--color-primary);
}

.skills_card_body:hover .icon-overlay {
  background: var(--color-secondary);
}

.skills_card_body p {
  font-size: 16px;
  line-height: 24px;
  color: #FFF;
}

.cta_3_section_area {
  padding: 200px 0 220px;
}

.cta_3_section_area .heading3-w {
  color: #FFF;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.cta1_bg_area {
  background: #F26B35;
  background: linear-gradient(90deg, rgba(242, 107, 53, 1) 0%, rgba(189, 53, 0, 1) 100%);
  /* clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 85%); */
  /* min-height: 300px; */
  /* display: flex; */
}

.cta1_section_area {
  margin-top: -160px;
  margin-bottom: -200px;
}

.heading1-w h2, 
.heading1-w h2 span {
  color: #FFF;
  margin-top: -10px;
}

.heading1-w h2 span {
  font-weight: 700;
}

.vl-footer-social5 {
  gap: 12px;
  display: inline-flex;
}

.vl-footer-social5 a:hover {
  background: var(--color-secondary);
  color: #FFF;
}

.vl-footer-logo img {
  width: 320px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.vl-footer-widget-black5 .vl-footer-text p {
  color: #FFF;
}

.footer-bottom-content {
  padding-top: 100px;
  padding-bottom: 90px;
}

.vl-footer-widget-black5 .vl-footer-text {
  padding: 0;
}

.vl-footer-area5 {
  padding-top: 250px;
}

.vl-footer-area5 .cta_5_heading p {
  color: #FFF;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.homepage3-body .vl-transparent-header {
  padding-bottom: 18px;
  background: transparent;
}

.homepage3-body .vl-transparent-header .vl-logo img {
  width: 190px;
  height: 70px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: var(--color-secondary) !important;
}

.corporate_7_tabs_area ul li button {
  background: var(--color-primary) !important;
}

.corporate_7_tabs_area ul li button .text, 
.corporate_7_tabs_area ul li button.active .text {
  color: #FFF;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
}

.logo-jan {
  height: 18px !important;
  margin-top: -2px;
}

html.modal-open, 
html.modal-open body {
    overflow: hidden !important;
    height: 100% !important;
    position: relative;
}

.modal {
  background-color: rgba(12, 10, 0, 0.7);
  z-index: 999999;
}

.modal-backdrop {
  display: none;
}

.modal-content {
  border-radius: 0;
  background: #2A2C2F;
  background: linear-gradient(90deg, rgba(42, 44, 47, 1) 0%, rgba(12, 10, 0, 1) 100%);
  border: 0;
  box-shadow: 0 8px 32px rgba(12, 10, 0, 1);
}

.modal-body {
  padding: 30px 35px 20px;
}

.modal-header {
  background: #F26B35;
  background: linear-gradient(90deg, rgba(242, 107, 53, 1) 0%, rgba(189, 53, 0, 1) 100%);
  padding: 20px 30px;
  border-radius: 0;
  border-bottom: 0;
}

.modal-header .modal-title {
  color: #FFF;
}

.modal-body p {
  color: #FFF;
  margin-bottom: 15px;
}

.close {
  position: relative;
  right: 0;
  background: transparent;
  color: #FFF;
  width: 30px;
  height: 35px;
  border: 1px solid #FFF;
}

/* Language */

.model-side-d {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 99999;
  font-family: system-ui, -apple-system, sans-serif;
}

.model-side-d .lang-glass-stack {
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid #FFFFFF25;
  padding: 6px;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-shadow: 0 8px 32px rgba(12, 10, 0, 1);
}

.model-side-d .lang-pill-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 0;
  text-decoration: none;
  color: #777777;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s ease;
}

.model-side-d .lang-pill-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.model-side-d .lang-pill-item.active {
  background: #ffffff;
  color: var(--color-primary);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.model-side-d .flag {
  font-size: 14px;
}

/* WhatsApp Button */

.whatsapp-minimal-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    background-color: #25d366;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    text-decoration: none;
    transition: all 0.3s ease;
    animation: pulse-whatsapp 2s infinite;
}

.whatsapp-minimal-btn:hover {
    background-color: #20ba5a;
    transform: scale(1.1);
    color: #fff;
}

.whatsapp-minimal-btn i {
    font-size: 32px;
}

.whatsapp-minimal-btn::after {
    content: attr(data-tooltip);
    position: absolute;
    right: 75px; /* Posiciona à esquerda do botão */
    background-color: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-family: sans-serif;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateX(10px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    pointer-events: none;
}

.whatsapp-minimal-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

@keyframes pulse-whatsapp {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

@media (max-width: 767px) {
  
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .vl-btn4, .vl-btn5 {
    width: 100%;
    text-align: center;
  }

  .pg-en .blog-post-boxes-area-8 {
    min-height: 815px;
  }

  .pg-pt .blog-post-boxes-area-8 {
    min-height: 860px;
  }

  .pg-es .blog-post-boxes-area-8 {
    min-height: 840px;
  }

  .blog-h8-post-img8, .blog-h8-post-img8 img {
    height: 382px;
  }

  .pg-en .service_benefites_boxarea {
    min-height: auto;
  }

  .tax_about_shape {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -15px;
  }

  .tax_about_shape::before {
    display: none;
  }

  .faq_2_accordion_area .accordion .accordion-item .accordion-header button {
    font-size: 15px;
    line-height: 1.4;
  }

  .faq_2_accordion_area .accordion .accordion-item .accordion-header button {
    padding: 20px 25px 20px;
  }

  .vl_blog_8_section {
    padding-top: 20px;
    padding-bottom: 25px;
  }

  .blog-h8-title8 h4 {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 20px;
  }

  .blog-h8-title8 .space16 {
    height: 10px;
  }

  .blog-post-boxes-area-8 {
    padding: 20px 20px 22px;
    min-height: 528px;
  }

  .blog-h8-post-content8 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .blog_h8_readmore8 {
    font-size: 15px;
    margin-top: 18px;
  }

  .homepage3-body .vl-transparent-header {
    background: transparent;
  }

  .hero_3_heading h1 {
    font-size: 26px;
    line-height: 1.3;
  }

  .hero_buttons {
    display: block !important;
  }

  .hero_buttons .vl-btn4, .hero_buttons .vl-btn5 {
    width: 100%;
    text-align: center;
  }

  .hero_buttons .vl-btn4 {
    margin-bottom: 20px;
  }

  .hero_insurance_section_area {
    height: 110vh;
  }

  .faq_finance_section .heading2 {
    top: 50px
  }
  
  .faq_finance_section {
    padding-top: 90px;
  }

  .heading11 h3 {
    font-size: 18px;
  }

  .heading11 p {
    font-size: 18px;
    line-height: 1.5;
    color: #FFF;
  }

  .fa_about_10_section {
    padding-top: 40px;
    padding-bottom: 130px;
  }

  .pg-es .tax_about_5_section {
    margin-top: -135px;
  }

  .pg-pt .tax_about_5_section {
    margin-top: -120px;
  }

  .heading11 h2, 
  .faq_finance_section h2, 
  .heading3-w h2, .heading1-w h2, .cta_5_heading h2, .heading9 h2, .heading8 h2, 
  .heading6 h2 {
    font-size: 24px;
    line-height: 1.3;
  }

  .tax_about_box .tax_about_box_content {
    padding-left: 0;
    padding-top: 0;
  }

  .bu_service_section {
    padding-top: 0;
  }

  .tax_about_5_section {
    padding-bottom: 10px;
    margin-top: -150px;
  }

  .tax_about_img img {
    height: auto;
  }

  .separator-diagonal-3, 
  .separator-diagonal-2, 
  .separator-diagonal-4, 
  .separator-diagonal {
    height: 60px;
  }

  .model-side-d {
    top: auto;
    bottom: 0;
  }

  .bu_service_card {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .col-solutions h2.alt, 
  .col-solutions h2 {
    font-size: 16px;
    letter-spacing: 0;
  }

  .service_benefites_area .space-margin60 {
    margin-bottom: 15px !important;
  }

  .service_benefites_boxarea.last {
    border-bottom: 0;
  }

  .service_benefites_boxarea {
      padding: 25px 28px 30px;
      min-height: auto;
      margin-bottom: 0;
      background: transparent;
      border-bottom: 1px solid #FFFFFF50;
  }

  .service_benefites_boxarea:hover {
    transform: translateY(0);
  }

  .service_benefites_boxarea .space24, 
  .service_benefites_boxarea .icons {
    display: none;
  }

  .col-solutions h2 {
    position: relative;
    bottom: 0;
    max-width: 100%;
  }

  .service_benefites_area {
    padding-top: 45px;
    padding-bottom: 0;
  }

  .tax_about_content_area {
    margin-top: 0;
  }

  .accountant_skills_section {
    padding-top: 10px;
  }

  .skills_card_body {
    margin-top: 40px;
  }

  .hero_insurance_section_area.slick-slide.slick-current.slick-active .hero_3_bg {
    display: none;
  }

  .hero_insurance_section_area {
    padding: 160px 0 40px;
  }

  .vl-footer-area5 {
    padding-bottom: 0;
  }

  .footer-bottom-content {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .vl-footer-logo img {
    padding-right: 30px;
    padding-left: 30px;
  }

  .vl-footer-widget-black5 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .vl-footer-widget-black5 .vl-footer-text p {
    font-size: 15px;
  }

  .cta1_bg_area {
    padding: 30px 30px 180px;
  }

  .cta_3_section_area {
    padding: 80px 0 120px;
  }

  .cta1_heading_area {
    text-align: center;
  }

  .map-saico {
    position: absolute;
    right: 0;
    top: 70%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 100%;
    height: auto;
    z-index: 2;
    pointer-events: none;
  }

  .vl-footer-area5 {
    padding-top: 190px;
  }

  .cta_5_area {
    padding-bottom: 0;
  }

  .cta_5_area .container {
    padding: 0;
  }

  .vl-footer-area5 .cta_5_heading p {
    padding-top: 16px;
  }

  .btn-area1 .vl-btn4 {
    width: 100% !important;
  }

  .copyright-text_h5, .copyright-text2_h5 {
    text-align: center;
  }

  .homepage3-body .vl-offcanvas {
    background: var(--color-tertiary);
  }

  .homepage3-body .vl-offcanvas .vl-offcanvas-logo {
    height: 80px;
    width: 220px;
  }

  .vl-offcanvas-close {
    margin-top: -15px;
  }

  .homepage3-body .vl-offcanvas-menu ul li a {
    padding: 20px 0;
  }

  .section-separator {
    height: 80px;
  }

  .corporate_works_section {
    padding-top: 20px;
  }

  .heading8 h2 {
    padding-bottom: 15px;
  }

  .tax_about_box .tax_about_box_content p {
    color: #999999;
    margin-top: 5px;
  }

  .heading8 .pera {
    margin-bottom: 10px;
  }

  .heading8 .pera, 
  .vl-footer-area5 .cta_5_heading p {
    color: #999999;
  }

  .skills_card_body h3, 
  .col-solutions h2, 
  .bu_service_card .card-body h2 {
    line-height: 1.5;
  }

}