/*typography*/
@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


* {
  box-sizing: border-box;
}

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

a {
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: 0.3s ease-in-out all;
  color: #2D2020;
  word-wrap: break-word;
}

a:hover {
  text-decoration: none;
}

/*typography*/

h1 {
  font-size: 36px;
  line-height: normal;
  letter-spacing: -0.72px;
  margin: 0;
}

h2 {
  font-size: 32px;
  line-height: normal;
  letter-spacing: -0.64px;
  margin: 0;
}

h3 {
  font-size: 24px;
  line-height: normal;
  margin: 0;
}

h4 {
  font-size: 20px;
  line-height: normal;
  margin: 0;
}

h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  margin: 0;
}

.title-with-subtitle {
  width: 100%;
}

.title-with-subtitle h2 {
  font-weight: 400;
  margin-bottom: 16px;
}

.title-with-subtitle p {
  font-size: 18px;
  line-height: 140%;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 32px;
}

.sm-subtitle p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 16px;
}

.sm-subtitle h2 {
  margin-bottom: 32px;
}

.grey-bg {
  background: #F7F7F7;
}

.green-bg {
  background: #188943;
}

.brown-bg {
  background: #2D2020;
}

.brown-bg * {
  color: #fff;
}

/* Base Styles */
body {
  margin: 0;
  font-family: 'Work Sans', sans-serif;
  color: #2D2020;
  background-color: #fff;
  font-size: 14px;
  line-height: 140%;
}

.container {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.btn {
  display: inline-block;
  padding: 12px 24px;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.btn-primary {
  background-color: #F89939;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  border-radius: 40px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  letter-spacing: 0.28px;
  border: 0;
}

.btn-primary:hover {
  background: #da7f22;
}

.btn-secondary {
  background-color: #333;
  color: #fff;
}

.badge {
  background-color: #00c853;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 16px;
}

.btn-transparent {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  padding: 16px 32px;
  background: transparent;
  border: 1px solid #FFF;
  color: #fff;
  letter-spacing: 0.28px;
  border-radius: 40px;
}

.btn-transparent:hover {
  background: #F89939;
  border-color: #F89939;
}

/* input fileds */

hr{
  margin: 16px 0;
  border-color: #c9c9c9;
}

input:not([type="radio"]):not([type="checkbox"]) {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--Border, rgba(221, 221, 221, 1));
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
  font-weight: 400;
  line-height: 140%;
  height: 44px; 
}
input[type="date"] {
    background: white !important;
    background-color: white !important;
}
select {

  padding: 10px 12px;
  border: 1px solid var(--Border, rgba(221, 221, 221, 1));
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
  font-weight: 400;
  line-height: 140%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 44px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.57996 10.5567L12.8666 6.13671C13.134 5.86004 12.972 5.33337 12.62 5.33337H4.04663C3.69463 5.33337 3.53263 5.86004 3.79996 6.13671L8.08663 10.5567C8.22863 10.7034 8.43796 10.7034 8.57996 10.5567Z' fill='%232D2020'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px;

  padding-right: 35px;
}

input[type=checkbox] {
  accent-color: rgba(248, 153, 57, 1);
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

input[type="date"] {
  position: relative;
  padding-right: 40px;
  /* space for your icon */
}

input[type="date"]::placeholder {
  color: rgba(45, 32, 32, 0.5);
  font-family: Work Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

/* Remove default icon (Chrome, Edge, Safari) */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  cursor: pointer;
}

/* Remove default icon (Firefox) */
input[type="date"]::-moz-calendar-picker-indicator {
  display: none;
}

/* Add custom SVG icon */
input[type="date"]::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g opacity="0.7"><path d="M2 12C2 8.229 2 6.343 3.172 5.172C4.344 4.001 6.229 4 10 4H14C17.771 4 19.657 4 20.828 5.172C21.999 6.344 22 8.229 22 12V14C22 17.771 22 19.657 20.828 20.828C19.656 21.999 17.771 22 14 22H10C6.229 22 4.343 22 3.172 20.828C2.001 19.656 2 17.771 2 14V12Z" stroke="%232D2020" stroke-width="1.5"/><path d="M7 4V2.5M17 4V2.5M2.5 9H21.5" stroke="%232D2020" stroke-width="1.5" stroke-linecap="round"/><path d="M18 17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18C16.7348 18 16.4804 17.8946 16.2929 17.7071C16.1054 17.5196 16 17.2652 16 17C16 16.7348 16.1054 16.4804 16.2929 16.2929C16.4804 16.1054 16.7348 16 17 16C17.2652 16 17.5196 16.1054 17.7071 16.2929C17.8946 16.4804 18 16.7348 18 17ZM18 13C18 13.2652 17.8946 13.5196 17.7071 13.7071C17.5196 13.8946 17.2652 14 17 14C16.7348 14 16.4804 13.8946 16.2929 13.7071C16.1054 13.5196 16 13.2652 16 13C16 12.7348 16.1054 12.4804 16.2929 12.2929C16.4804 12.1054 16.7348 12 17 12C17.2652 12 17.5196 12.1054 17.7071 12.2929C17.8946 12.4804 18 12.7348 18 13ZM13 17C13 17.2652 12.8946 17.5196 12.7071 17.7071C12.5196 17.8946 12.2652 18 12 18C11.7348 18 11.4804 17.8946 11.2929 17.7071C11.1054 17.5196 11 17.2652 11 17C11 16.7348 11.1054 16.4804 11.2929 16.2929C11.4804 16.1054 11.7348 16 12 16C12.2652 16 12.5196 16.1054 12.7071 16.2929C12.8946 16.4804 13 16.7348 13 17ZM13 13C13 13.2652 12.8946 13.5196 12.7071 13.7071C12.5196 13.8946 12.2652 14 12 14C11.7348 14 11.4804 13.8946 11.2929 13.7071C11.1054 13.5196 11 13.2652 11 13C11 12.7348 11.1054 12.4804 11.2929 12.2929C11.4804 12.1054 11.7348 12 12 12C12.2652 12 12.5196 12.1054 12.7071 12.2929C12.8946 12.4804 13 12.7348 13 13ZM8 17C8 17.2652 7.89464 17.5196 7.70711 17.7071C7.51957 17.8946 7.26522 18 7 18C6.73478 18 6.48043 17.8946 6.29289 17.7071C6.10536 17.5196 6 17.2652 6 17C6 16.7348 6.10536 16.4804 6.29289 16.2929C6.48043 16.1054 6.73478 16 7 16C7.26522 16 7.51957 16.1054 7.70711 16.2929C7.89464 16.4804 8 16.7348 8 17ZM8 13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13C6 12.7348 6.10536 12.4804 6.29289 12.2929C6.48043 12.1054 6.73478 12 7 12C7.26522 12 7.51957 12.1054 7.70711 12.2929C7.89464 12.4804 8 12.7348 8 13Z" fill="%232D2020"/></g></svg>') no-repeat center;
  background-size: contain;
  pointer-events: none;
}


body input[type="file"]:not([type="radio"]):not([type="checkbox"]) {
  font-family: inherit;
  font-size: 14px;
  padding: 6px;
  cursor: pointer;
}

input[type="file"]::file-selector-button {
  background-color: #188943;
  color: #fff;
  padding: 10px 16px;
  margin-right: 12px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  text-transform: uppercase;
}

input[type="file"]::file-selector-button:hover {
  background-color: #1a6f1a;
}

/* Hide default radio */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #2D2020;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-top: 0;
  background-color: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Inner dot when checked */
input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #F89939;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

input[type="radio"]:checked {
  border-color: #F89939;
}

input[type="radio"]:focus {
  box-shadow: 0 0 0 2px rgba(248, 153, 57, 0.622);
}

textarea{
  width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--Border, rgba(221, 221, 221, 1));
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
    font-weight: 400;
    line-height: 140%;
}


/*spacings*/
.p0 {
  padding: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.space80 {
  padding: 80px 0;
}

.mb-40 {
  margin-bottom: 40px;
}

.pt-0 {
  padding-top: 0;
}

.mb-32 {
  margin-bottom: 32px;
}

.border0 {
  border: 0 !important;
}

.block {
  display: block;
}

.space80.pt-0 {
  padding-top: 0;
}

/* Header Component Styles */
.site-header {
  background: #fff;
  padding: 0;
  border-bottom: 1px solid #eee;
}

.logo {
width: 200px;
}
.logo img {
  object-fit: contain;
  height: auto;
  aspect-ratio: 162 / 40;
}

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

.main-nav ul {
  list-style: none;
  display: flex;
  gap: 30px;
  padding: 0;
  margin: 0;
}

.header-actions {
  /* max-width: 260px; */
  max-width: 320px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}

.search-block {
  position: relative;
}

.main-nav a {
  text-decoration: none;
  color: #2D2020;
  font-weight: 400;
  padding: 21px 8px;
  display: inline-block;
  border-bottom: 2px solid transparent;
}

.search-button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin-right: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
}

.search-block .lei-search-html-search {
  position: absolute;
  top: -10px;
  left: auto;
  right: 10px;
}

.search-block .lei-search-html-search input:focus {
  outline: 0;
  border-color: #f89939;
}

.search-block .lei-search-html-search.active input {
  width: 320px;
  opacity: 1;
}

.search-block .lei-search-html-search input {
  width: 320px;
  height: 20px;
  padding: 9px 10px;
  border-radius: 15px;
  border: 1px solid #d0d0d0;
  background-image: url(../images/icons/search.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 95%;
  width: 0;
  transition: all 0.3s;
  opacity: 0;
  height: 42px;
}

nav.main-nav {
  /* width: calc(100% - 495px); */
  flex: 1;
}

nav.main-nav ul li.has-dropdown {
  position: relative;
}

nav.main-nav ul li.has-dropdown > a::after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 16px;
  margin-left: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M8.35779 10.5567L12.6445 6.13668C12.9118 5.86001 12.7498 5.33334 12.3978 5.33334H3.82446C3.47246 5.33334 3.31046 5.86001 3.57779 6.13668L7.86446 10.5567C8.00646 10.7033 8.21579 10.7033 8.35779 10.5567Z" fill="%232D2020"/></svg>') no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: relative;
    top: -2px;
}

/* Dropdown Styles */
.has-dropdown {
  position: relative;
}

.has-dropdown .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 16px 8px;
  margin: 0;
  width: 300px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  z-index: 999;
  gap: 0;
}

.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown li {
  margin-bottom: 0;
}

.dropdown li:last-child {
  margin-bottom: 0;
}

.dropdown a {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-decoration: none;
  color: #2D2020;
  padding: 10px 8px;
  border: 0;
  border-radius: 8px;
}

.dropdown a:hover {
  border: 0 !important;
  background-color: #f7f7f7;
}

.dropdown .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  flex-shrink: 0;
}

.dropdown .icon img {
  width: 100%;
  height: auto;
}

.dropdown .info strong {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 2px;
}

.dropdown .info small {
  font-size: 12px;
  opacity: 0.7;
  display: block;
}


.main-nav a:hover {
  border-bottom: 2px solid #F89939;
}

/* Hero Section Styles */
.hero-section {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../images/hero-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  padding: 0;
  background-size: cover;
  min-height: 466px;
  position: relative;
}
.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)),
      linear-gradient(90deg, rgba(13, 47, 26, 0.85) 0%, rgba(13, 47, 26, 0) 60.08%);
  pointer-events: none;
  z-index: 1;
}

/* Ensure hero content sits above overlay */
.hero-section>* {
  position: relative;
  z-index: 2;
}
.hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-content {
  max-width: 430px;
}

.hero-content h1 {
  font-size: 36px;
  margin-bottom: 16px;
  margin-top: 0;
  font-weight: 400;
}

.hero-content p {
  font-size: 18px;
  margin-bottom: 32px;
  line-height: 140%;
  font-weight: 400;
}

.hero-buttons {
  display: flex;
  gap: 20px;
}

.hero-image img {
  max-width: 500px;
  width: 100%;
  border-radius: 8px;
}



/*info card section styles*/
.info-card {
  background: #fff;
  padding: 0;
  width: 387px;
  /*box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
  display: flex;
  flex-direction: column;
  gap: 0;
  color: #2D2020;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
}

.info-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 35px 40px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #DDDDDD;
}

.info-header img {
  width: 48px;
  height: auto;
}


.info-content {
  text-align: center;
  padding: 40px;
}

.info-content .company-logo {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
  object-fit: contain;
  aspect-ratio: 16/4;
}

.info-content .company-name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.info-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
}

.info-list li p {
  margin: 0;
}

.info-list img {
  width: 24px;
  height: auto;
}

.info-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #eee;
  padding: 24px 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  background: #F7F7F7;
  border-bottom-left-radius: 32px;
}

.info-header span {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.2px;
  padding-right: 5px;
}

.info-footer img {
  width: 24px;
  height: 24px;
}




.about-lei-company {
  background-image: url(../images/map-bg.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto;
}

.about-content {
  flex: 1;
  max-width: 725px;
}

.about-content h2 {
  /* font-size: 24px; */
  font-weight: 400;
  margin-bottom: 16px;
}

.about-content p {
  margin-bottom: 15px;
}

.stats {
  display: flex;
  gap: 32px;
  margin-top: 32px;
  flex-direction: column;
}

.stat-item {
  display: flex;
  flex-direction: column;
}

.stat-item .number {
  font-size: 36px;
  font-weight: 400;
  color: #F89939;
  margin-bottom: 5px;
  letter-spacing: -0.72px;
  line-height: 100%;
}

.stat-item small {
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
}

.india-map {
  max-width: 100%;
  height: auto;
}

.google-reviews {
  position: relative;
  max-width: calc(100% - 725px);
  flex: 1;
  display: inline-flex;
  justify-content: end;
  align-items: flex-start;
  height: max-content;
}

.ab-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.google-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;
  max-width: 275px;
  width: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.google-header:hover{
  transform: translateY(-2px);
}

.google-logo {
  width: 50px;
  height: 50px;
}

.google-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rating-stars i {
  font-size: 22px;
  color: #f89939;
  letter-spacing: 1.5px;
}

.google-rating-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rating-number {
  font-size: 32px;
  color: #231815;
  font-weight: 400;
}

.google-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0;
}

.google-reviews img {
  max-width: 56px;
  width: 100%;
  object-fit: contain;
}

/* LEI Services Form Styles */
.lei-services .container {
  display: block;
}

.lei-services h2 {
  margin-bottom: 16px;
  font-weight: 400;
}

.tabs {
  display: flex;
  justify-content: flex-end;
}

.tab-button {
  padding: 24px 48px;
  border: 1px solid rgba(221, 221, 221, 1);
  background: rgba(247, 247, 247, 1);
  cursor: pointer;
  transition: background 0.3s;
  font-family: Work Sans;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  color: #2D2020;
  border-bottom: 0;
}
.tab-button:hover{
  color: #000;
  background-color: #ededed;
}

.tabs button:last-child {
  border-top-right-radius: 16px;
  border-left: 0;
}

.tabs button:first-child {
  border-top-left-radius: 16px;
  border-right: 0;
}

.tab-button.active {
  background: #fff;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: rgba(221, 221, 221, 1);
}


/* Tab Content */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/*banner slider styles*/

.banner-slider {
  background: #F7931E;
  text-align: center;
}

.banner-slider .slider .slick-list {
  max-width: 1156px;
  margin: auto;
}

.slider .slide-item {
  color: #fff;
  position: relative;
  font-weight: 400;
  font-size: 32px;
  line-height: normal;
  letter-spacing: -0.64px;
}

.slider .slide-item p {
  margin: 0;
}

.slick-arrow {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-arrow::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
}

.slick-prev::before {
  background-image: url(../images/icons/circle-arrow-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
}

.slick-next::before {
  background-image: url(../images/icons/circle-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
}

.slider-container {
  max-width: 1380px;
  margin: 0 auto;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}


/*why info chat styles*/

.img-with-media-wrapper {
  display: flex;
  gap: 80px;
  align-items: center;
}

.img-with-media-wrapper .info-content {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 0;
  text-align: left;
}
.img-with-media-wrapper.reverse .info-content{
  flex: 1 1 62.686%;
  max-width: 62.686%;
}
.img-with-media-wrapper .info-content h2 {
  margin-bottom: 20px;
}

.img-with-media-wrapper .info-list {
  gap: 0;
}

.info-content p {
  margin-bottom: 30px;
}

.img-with-media .info-list li {
  align-items: flex-start;
  margin-bottom: 24px;
  font-weight: 400;
  gap: 12px;
}
.img-with-media .info-list li p{
  margin-bottom: 0;
}
.img-with-media .info-list img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.media-container {
  flex: 1 1 50%;
  max-width: 50%;
  border: 1px solid #DDDDDD;
  padding: 32px;

}
.img-with-media-wrapper.reverse .media-container{
  flex: 1 1 37.314%;
  max-width: 37.314%;
}

.media-container:has(canvas){
  border-radius: 8px;
    background-color: #fff;
}

.media-container h3 {
  font-weight: 400;
}


/*info card with profile picture*/

.testimonial-card {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  gap: 15px;
  transition: box-shadow 0.3s ease;
}

.testimonial-card:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.testimonial-card-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}

.testimonial-card-content h3 {
  font-size: 18px;
  margin: 0 0 10px;
  color: #222;
}

.testimonial-card-content p {
  font-size: 16px;
  color: #2D2020;
  margin: 0;
  line-height: 24px;
  letter-spacing: -0.2px;
  text-align: left;
}

.testimonial-slider .slider .slick-slide {
  padding: 0 12px;
  box-sizing: border-box;
}
.testimonial-card-content .profile {
    margin-bottom: 0;
}
/* .testimonial-slider .slider .slick-list {
  margin: 0 -12px;
} */

.testimonial-slider h2 {
  font-weight: 400;
  color: #fff;
}


.profile {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  margin: 10px auto;
}

.profile img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
  object-fit: cover;
}

.profile-info {
  display: flex;
  flex-direction: column;
}

.profile-name {
  font-size: 16px;
  font-weight: 400;
  color: #2D2020;
  margin-bottom: 4px;
}

.profile-organization {
  font-size: 14px;
  color: #2D2020;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.28px;
}

.img-with-media-wrapper.reverse {
  flex-direction: row-reverse;
}

.media-container img {
  width: 100%;
}

.with-logos .media-container {
  flex: 1 1 296px;
  max-width: 296px;
}

.with-logos .info-content {
  max-width: calc(100% - 296px);
}

.with-logos .title-with-subtitle p {
  margin-top: 0;
  margin-bottom: 24px;
}

.with-logos .title-with-subtitle h2 {
  margin-bottom: 8px;
}

.img-with-media .info-content p {
  margin-bottom: 24px;
}
.title-with-subtitle :is(h1,h3,h4,h5,h6){
  margin-bottom: 1rem;
}

/*FAQ styles*/
.faq-grid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.faq-column {
  flex: 1;
  min-width: 280px;
  column-count: 2;
}

.faq-column * {
  break-inside: avoid;
}

.faq-item {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 8px;
  border-radius: 8px;
}

.faq-item .question {
  padding: 16px;
}

.question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  color: rgba(45, 32, 32, 1);
  font-weight: 600;
  gap: 5px;
}


.faq-item .question .arrow {
  font-size: 15px;
  line-height: 18px;
  color: #888;
  font-weight: 500;
  border: 1.5px solid #888;
  border-radius: 100px;
  min-width: 20px;
  text-align: center;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.answer {
  display: none;
  /* Hidden by default */
  font-size: 16px;
  color: rgba(45, 32, 32, 1);
  border-top: 1px solid var(--Border, rgba(221, 221, 221, 1));
  padding: 16px;
  margin: 0;
}

.answer p {
  margin: 0;
}

.faq-item.active .answer {
  display: block;
  /* Displayed when the item is active */
}



/* Footer Styles */
.site-footer {
  background: #2D2020;
  color: #FFFFFF;
  padding: 80px 0 0;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 80px;
}

.footer-branding address {
  font-style: normal;
  color: #FFFFFF;
  max-width: 300px;
  width: 100%;
}

.footer-branding address p {
  margin-bottom: 16px;
}

.footer-links {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
}

.footer-links .footer-column {
  flex: 1;
}

.footer-column h4 {
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 2%;
  text-transform: uppercase;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  padding: 16px 0;
}

.footer-column li:last-child {
  padding-bottom: 0;
}

.footer-column a {
  color: #FFFFFF;
  text-decoration: none;
}

.footer-bottom {
  text-align: center;
  background: #241a1a;
  font-size: 14px;
  padding: 32px 0;
  color: #fff;
  margin-top: 80px;
}

.footer-branding {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-branding .footerLogo {
  max-width: 162px;
  width: 100%;
  height: auto;
}

.copyright-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

footer a {
  transition: 0.3s ease-in-out all;
  text-underline-offset: 6px;
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;

}

.copyright-wrap p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  ;
}

.copyright-wrap .terms-links ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 10px;
}

.copyright-wrap .terms-links ul li:not(:last-child) {
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.copyright-wrap .terms-links ul li{
  line-height: normal;
}


/* slick dots style */

/* Base dot styles */
.slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 24px 0 12px 0;
  list-style: none;
}

.slick-dots li {
  margin: 0 6px;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  /* inactive dot */
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Active dot */
.slick-dots li.slick-active button {
  background-color: #fff;
  /* fully white dot */
}

.mobile-bottom-nav {
  display: none;
}

.testimonial-slider .slick-next {
  right: -40px;
}

.testimonial-slider .slick-prev {
  left: -40px;
}

.title-with-list-items {
  width: 100%;
}

.title-with-list-items h3 {
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -1.2%;
  margin-bottom: 16px;
}

.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.icon-list li {
  display: flex;
  align-items: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.5;
}

.icon-list li p {
  margin: 0;
}

.icon-list img {
  flex-shrink: 0;
  max-width: 24px;
  width: 100%;
}

.steps-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
}

.step-card {
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.step-card img{
  max-width:100px;
  width: 100%;
}
.step-desc h3 {
  font-weight: 400;
  font-size: 36px;
  line-height: 100%;
  margin: 0;
}

.step-desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.step-desc p {
  margin: 0;
}

.step-desc .step-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
}

.step-progress {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 32px;
}

.step-item {
  text-align: center;
  flex: 1;
}

.step-numbers {
  font-size: 24px;
  margin: 0;
  line-height: 100%;
  margin-bottom: 8px;
}

.step-btn {
  border: none;
  border-radius: 100px;
  padding: 4px 12px;
  font-size: 16px;
  font-family: sans-serif;
  min-width: 200px;
  cursor: default;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  width: 100%;
  letter-spacing: 0.5px;
  color: #fff;
}

.step-item:nth-child(2) {
  flex: 0 0 557px;
}

.step-item:nth-child(2) .step-btn {
  color: rgba(45, 32, 32, 1);
  border: 1px solid rgba(221, 221, 221, 1);
}

.payment-icons {
  flex-direction: row;
  display: flex;
  gap: 8px;
}

.language-dropdown {
  position: relative;
  display: inline-block;
}

.language-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;

}

.language-menu {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  margin: 0;
  padding: 5px 0;
  list-style: none;
  background: white;
  border: 1px solid #ccc;
  min-width: 100px;
  z-index: 1000;
  max-height: 200px;
  overflow: auto;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.language-dropdown:hover .language-menu {
  display: block;
}

.language-menu li a {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-size: 13px;
  text-decoration: none;
  color: #333;
}

.language-menu li a:hover {
  background: #f0f0f0;
}

/* Form Styles */
.lei-services:has(.tabs) .lei-form {
  border-radius: 16px 0 16px 16px;
}
.lei-form {
  background: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 16px 16px 16px 16px;
}

.lei-form .filed-wrapper {
  padding: 32px;
}

.filed-wrapper.b-top {
  border-top: 1px solid rgba(221, 221, 221, 1);
}

.form-group {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
  margin-top: 16px;
  font-family: 'Work Sans',
    sans-serif;
}

form h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1.2%;
}

.form-group[class*="grid-"]>.form-field {
  flex: 1;
}

.form-field label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 4px;
}
.form-field label sup {
    color: red;
    font-weight: 800;
}
/* input:not([type="radio"]):not([type="checkbox"]),
select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--Border, rgba(221, 221, 221, 1));
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
  font-weight: 400;
  line-height: 140%;
} */
input::placeholder {
  font-family: Work Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: rgba(45, 32, 32, 0.5);
}

.form-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.57996 10.5567L12.8666 6.13671C13.134 5.86004 12.972 5.33337 12.62 5.33337H4.04663C3.69463 5.33337 3.53263 5.86004 3.79996 6.13671L8.08663 10.5567C8.22863 10.7034 8.43796 10.7034 8.57996 10.5567Z' fill='%232D2020'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px;

  padding-right: 35px;
  border: 1px solid rgba(221, 221, 221, 1);
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
}

/* Optional: match hover/focus styles */
.form-field select:focus {
  border-color: #999;
  outline: none;
}

.form-field input:focus,
.form-field select:focus {
  border-color: #808080;
}

.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 15px 0;
}

label.custom-checkbox {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  background-color: rgba(247, 247, 247, 1);
  padding: 8px 16px;
  border-radius: 25px;
}

label.custom-checkbox.no-bg {
  background-color: transparent;
  padding: 8px 0;
}

.form-footer {
  display: flex;
  align-items: center;
  gap: 24px;
}

.form-footer .price {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  margin: 0;
}

.form-footer .price span {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
}

/* Error messages */
.error {
  font-size: 12px;
  color: red;
  margin-top: 4px;
}

form h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 16px;
}


.additional-block {
  padding: 32px 0;
}

body .ptb-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.form-footer {
  border-top: 1px solid var(--Border, rgba(221, 221, 221, 1));
  padding: 32px;
}

.radio-block .form-items {
  margin: 16px 0;
}

.radio-block .form-items label {
  display: flex;
  gap: 8px;
}

.radio-block .form-items label ul {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.radio-block .form-items label ul li {
  padding-left: 15px;
  position: relative;
}

.radio-block .form-items label ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
  transform: translateY(-50%);
}
.form-items .info-points ul {
  list-style: disc;
  padding-left: 15px;
}

/* Hide the default checkbox */
.custom-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  /* space between box and label text */
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

/* Custom box */
.custom-checkbox span {
  position: relative;
  /* for ::after positioning */
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid #2D2020;
  background-color: #f5f5f5;
  flex-shrink: 0;
  /* prevents shrinking on long text wrap */
  transition: background-color 0.2s, border-color 0.2s;
}

/* Checked state */
.custom-checkbox input[type="checkbox"]:checked+span {
  background-color: rgba(248, 153, 57, 1);
  border-color: rgba(248, 153, 57, 1);
}

/* Checkmark */
.custom-checkbox input[type="checkbox"]:checked+span::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.no-bg.custom-checkbox input[type="checkbox"]:checked+span::after {
  left: 8px;
}

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

.form-steps {
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;

}

.form-steps .step {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 50px;
  background: rgba(247, 247, 247, 1);
  color: rgba(45, 32, 32, 1);
  border: 1px solid transparent;
  gap: 10px;
  cursor: pointer;
  transition: 0.3s ease-in-out all;
}
.form-steps .step:hover{
  background-color: #ededed;
}
.form-steps .step span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  gap: 10px;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1.2%;
  text-align: center;
}

.form-steps .step.active {
  border: 1px solid #1f7a3f;
}

.form-steps .step.active span {
  background-color: #1f7a3f;
  color: #fff;
}

.form-steps .step:not(.active) span {
  background-color: rgba(221, 221, 221, 1);
  color: rgba(45, 32, 32, 1);
}

.thankYou-block {
  background-image: url('../images/thankYou-Bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;

}

.thankYou-block .main-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: auto;
  text-align: center;
}

.thankYou-block .main-block h1 {
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  text-align: center;
}

.thankYou-block .main-block p {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  margin: 16px 0 0;
}

.thankYou-block .main-block .thankyou-icon {
  max-width: 256px;
  width: 100%;
  margin: auto;
}

.company-details {
  color: rgba(45, 32, 32, 1);
  margin: 0 auto;
  width: 100%;

}

.info-block {
  margin-bottom: 40px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px 0;
}

.info-block h3 {
  font-weight: 400;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  padding: 0 20px 15px;
}


/* Key-Value Row */
.info-row {
  display: flex;
  padding: 8px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.info-row:last-child {
  border-bottom: 0;
}

.info-label {
  flex: 0 0 250px;
  color: rgba(45, 32, 32, 1);
  font-weight: 600;
}

.info-value {
  flex: 1;
}

.info-value a {
  text-decoration: none;
}

.info-value a:hover {
  text-decoration: underline;
}

/* Address Cards */
.address-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0 20px;
}

.address-card {
  flex: 1 1 300px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
}

.address-card h3 {
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(45, 32, 32, 1);
  margin-bottom: 8px;
  padding: 0 0 10px;
}

.address-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #231815;
}

.banner-with-search {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  width: 100%;
  background-image: url(../images/thankYou-Bg.png);
  position: relative;
  margin-bottom: 80px;
}

.banner-with-search form {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  max-width: 1008px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  border: 1px solid #DDDDDD;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}

/* Search Input */
.banner-with-search form .serach-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 12px 16px 12px 40px;
  /* extra left padding for icon */
  border-radius: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='%232D2020' stroke-width='1.5'/%3E%3Cpath d='M18.5 18.5L22 22' stroke='%232D2020' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 14px center;
  background-size: 18px;
  color: #333;
}

.banner-with-search form .serach-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='%232D2020' stroke-width='1.5'/%3E%3Cpath d='M18.5 18.5L22 22' stroke='%232D2020' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 14px center;
  -webkit-text-fill-color: #000;
  /* text color */
}

.banner-with-search form .serach-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.banner-with-search form .serach-input::placeholder {
  color: #aaa;
}

/* Search Button */
.banner-with-search form button {
  background: rgba(45, 32, 32, 1);
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}

.banner-with-search form button:hover {
  background: #000;
}

.banner-with-search .title-block {
  text-align: center;
  max-width: 430px;
  margin: 10px auto;
}

.word-section {
  width: 100%;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  padding-bottom: 80px;
}

.continenet-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  /* space between cards */
  justify-content: center;
}

.continenet-block {
  display: flex;
  gap: 16px;
  align-items: center;
  width: 100%;
}

.continenet-wrapper a {
  min-width: 300px;
  /* won't go smaller */
  display: flex;
  align-items: center;
  padding: 12px 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
  color: #2d2020;
  transition: border-color 0.3s, background-color 0.3s;
}

.continenet-wrapper a:hover {
  border-color: #ff9800;
  background-color: rgba(255, 152, 0, 0.05);
}

.continenet-wrapper a img,
.continenet-wrapper a svg {
  flex-shrink: 0;
}


.continenet-wrapper .continenet-block img,
.continenet-wrapper .continenet-block svg {
  max-width: 56px;
  width: 100%;
  height: auto;
}

.country-word {
  width: 100%;
  margin: 16px 0;
}

.country-word-block {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
  overflow-x: auto;
}

.country-word-block .country-word-name {
  flex: 1;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-decoration: none;
  text-align: center;
  border-bottom: 2px solid transparent;
  padding: 8px 0;
  min-width: 30px;
}

.country-word-block .country-word-name.active, .country-word-block .country-word-name:hover {
  border-color: #F89939;

}

.country-list-wrapper {
  column-count: 1;
  column-gap: 2rem;
  width: 100%;
}

.country-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  gap: 1rem;
  align-items: flex-start;
  break-inside: avoid;
}

.country-letter {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}

.country-names {
  list-style: none;
  padding: 0;
}

.country-names li {
  margin-bottom: 0.25rem;
}

.country-names a {
  color: inherit;
  text-decoration: none;
}

.country-names a:hover {
  text-decoration: underline;
}

/* 404 page  */
.no-post-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.error-page .row {
  width: 100%;
}

.country-list-wrapper:has(.no-country-data) {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 40px 0 0px 0;
}
.country-list-wrapper:has(.no-country-data) p {
    margin-bottom: 26px;
}
.no-country-data {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 14px;
  padding: 0 15px;
}

/* end  */


.back-btn {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  background-color: #e5e7eb;
  color: #374151;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.back-btn:hover {
  background-color: #d1d5db;
  color: #111827;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.back-btn:active {
  background-color: #9ca3af;
  transform: translateY(1px);
}

.media-container h3 {
  margin-bottom: 25px;
}

.continent-link .svg-wrapper {
  display: inline-block;
  position: relative;
  display: inline-grid;
}

.continent-link .svg-wrapper .svg-default,
.continent-link .svg-wrapper .svg-hover {
  grid-area: 1 / 1 / 2 / 2;
  transition: opacity 0.3s ease-in-out;
}

.svg-wrapper .svg-hover {
  opacity: 0;
}

.continent-link:hover .svg-wrapper .svg-default {
  opacity: 0;
}

.continent-link:hover .svg-wrapper .svg-hover {
  opacity: 1;
}

.location-info {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 16px;
  color: #2D2020;
  align-items: center;
  margin-bottom: 1rem;
}

.location-info div {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.location-info span {
  font-weight: 600;
  color: #2D2020;
}

.location-info div::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 26px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' viewBox='0 0 24 24' fill='none'><path d='M10 7L15 12L10 17' stroke='%232D2020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.location-info div:first-child::before {
  content: none;
  /* No arrow before the first item */
}

.terms-link {
  display: flex;
  gap: 5px;
}

.terms-link li a {
  text-decoration: none;
}

.terms-link li a:hover {
  text-decoration: underline;
}

.com-search-block {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  margin: 0 auto;

  border: 1px solid #ddd;


}

body .com-search-block .serach-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 0 10px 0 40px;
  /* extra left padding for icon */
  border-radius: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='%232D2020' stroke-width='1.5'/%3E%3Cpath d='M18.5 18.5L22 22' stroke='%232D2020' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 4px center;
  background-size: 18px;
  color: #333;
  height: auto;
}

body .com-search-block .serach-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='%232D2020' stroke-width='1.5'/%3E%3Cpath d='M18.5 18.5L22 22' stroke='%232D2020' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 14px center;
  -webkit-text-fill-color: #000;
  /* text color */
}

body .com-search-block .serach-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

body .com-search-block .serach-input::placeholder {
  color: #aaa;
}

/* Search Button */
.com-search-block button {
  background: rgba(45, 32, 32, 1);
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}

.com-search-block button:hover {
  background: #f7931e;
}
.tab-content .lei-services .container{
  padding: 0;
} 
.lei-suggestions ul li a{
  text-decoration: none;
}
.lei-suggestions ul li:hover a{
 color: #000;
 font-weight: 500;
}
.lei-suggestions ul li:last-child {
  border-bottom: none !important;
}
.select-wrapper{
  display: inline-flex;
  gap: 16px;
}
.select-wrapper select{
  border-color: #DDDDDD;
  border-radius: 8px;
}
.banner-slider .slider .slick-list .slick-track {
    display: flex;
    align-items: center;
}
.location-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.total-count {
    font-size: 14px;
    line-height: 140%;
    color: #2D2020;
    opacity: 0.7;
}
.total-count::before {
    display: none !important;
}
.location-info select {
    border-radius: 8px;
}
.no-country-data p {
    font-size: 14px;
    line-height: 140%;
    color: #566E5F;
    font-weight: 400;
    margin-top: 8px;
}
.no-country-data h3 {
    letter-spacing: -0.288px;
}
main.main-container {
    min-height: calc(100dvh - 468px);
}
.lei-services h1 {
    margin-bottom: 16px;
}
.term-text {
    display: flex;
    width: 100%;
    gap: 5px;
    align-items: center;
}
.term-text sup {
    color: red;
}
.lei-services .no-country-data {
    padding-top: 56px;
}
button[disabled] {
    background: darkgray !important;
    opacity: 0.7;
    pointer-events: none;
}
.terms-link li a {
    font-weight: 500;
    opacity: 1;
    text-decoration: underline;
}
.terms-link li a:hover {
    color: #f89939;
}
/* input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
} */

.title-with-subtitle.sm-subtitle.mb-40 {
    margin-bottom: 10px;
}
.error-message {
    background: rgba(255, 0, 0, 0.1);
    padding: 4px 10px;
    border: 1px solid red;
    border-radius: 20px;
}
.steps-container{
  margin-bottom: 25px;
}

.contact-form{
  width: 100%;
}
.contact-form .wpcf7 {
    width: 100%;
}
.contact-form .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}
.contact-form .wpcf7 {
    width: 100%;
}
.contact-form text-field {
    border: 1px solid #e4e4e4;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    width: 100%;
    display: block;
}
.contact-form-sec .contact--info {
    width: 50%;
}
.contact-form {
    width: 50%;
}

.contact-form-sec {
    padding: 144px 0;
}
.contact--info p {
    overflow-wrap: normal;
    word-break: normal;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300;
    color: #2D2020;
    margin-bottom: 1.5rem;
}
.contact--info p svg {
    width: 24px;
    height: 24px;
}
.contact--info p a {
    color: #1f7a3f;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.contact--info p a::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  vertical-align: middle;
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 12.0002L6 8.00024L10 4.00024' stroke='%231f7a3f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;  background-size: contain;
  rotate: 180deg;
}
.imprint-row {
    display: flex;
}
.imprint-section-title {
    font-size: 70px;
    font-weight: 600;
}
.imprint-row .imprint-col {
    width: 50%;
}
.imprint-section-image {
    margin-top: 40px;
}
.imprint-section-image img {
    margin: auto;
}
.imprint-row .imprint-col p {
    overflow-wrap: normal;
    word-break: normal;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300;
    font-family: inter;
    margin-bottom: 1.5rem;
}
.imprint-section {
    padding: 144px 0;
}
.contact--info h2 {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 20px;
}