/* ClashDisplay - Extralight */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* ClashDisplay - Light */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* ClashDisplay - Regular */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* ClashDisplay - Medium */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* ClashDisplay - Semibold */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* ClashDisplay - Bold */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Opțional: Varianta Variable (dacă este necesar) */
@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay/ClashDisplay-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Inter, sans-serif;
    color: #25324B;
    
}
/*.row {
  width: 100%;
  margin:0;
}*/
p {
    margin-bottom: 0;
}
a {
    text-decoration: none;
    color: #0B44A0;
}
/* Header */
header {
    padding: 20px;
}
header .container {
  padding: 0;
}
.header-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav a {
    color: white;
    margin-left: 20px;
    text-decoration: none;
}
header nav.nav-menu ul {
  margin-bottom: 0;
  justify-content: center;
}
/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
    padding: 20px;
  }

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

.sidebar {
    padding: 20px;
    background: #f5f5f5;
    border-radius: 8px;
}

.content {
    flex: 1;
    padding: 20px;
}

/* Filtrare */
.filter-group {
    margin-bottom: 20px;
}

.input-with-icon {
    position: relative;
    margin-bottom: 15px;
}

.input-with-icon input {
    width: 100%;
    padding: 10px 10px 10px 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.input-with-icon.search::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('../icons/magnifier.png') no-repeat;
}

.input-with-icon.location::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('../icons/location.png') no-repeat;
}

.range-slider {
    width: 100%;
}

.checkbox-list label {
    display: block;
    margin: 10px 0;
}

.rating-stars {
    color: #ffd700;
    font-size: 20px;
}

.filter-buttons {
    display: flex;
    gap: 10px;
}

.filter-buttons button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.apply-btn {
    background: #007bff;
    color: white;
}

.reset-btn {
    background: #dc3545;
    color: white;
}

/* Conținut */
.results-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.result-item {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 4px;
}

.pagination {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pagination button {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: white;
    cursor: pointer;
}



/*FILTER PAGE*/
.sidebar {
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #D6DDEB;
  padding: 20px;
  padding-top: 40px;
  max-width: 320px;
  height: fit-content;
}
.admin-page.row {
  margin: 0;
}
label.form-label {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #25324B;
  margin-bottom: 20px;
}
.input-group>.form-control, 
.input-group>.form-floating, 
.input-group>.form-select {
  border: none;
  font-size: 16px;
}
.input-group .input-group-text {
  background-color: transparent;
  border: none;
  padding: 10px;
  padding-right: 0;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  box-shadow: 0 4px 16px #26286124;
  border-radius: 20px;
  overflow: hidden;
}
.filter-group {
  margin-bottom: 24px !important;
}
/* Suprascriere săgeată implicită Bootstrap */
.form-select {
    appearance: none; /* Elimină săgeata implicită */
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%237C8493' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 20px 20px;
    padding-right: 2.5rem; /* Spațiu pentru săgeată */
}

/* Ajustare iconiță stânga */
.input-group-text {
    background-color: #fff;
    border-right: none;
}

/* Asigurăm alinierea corectă a dropdown-ului cu iconița */
.input-group .form-select {
    border-left: none;
}
/* Stilizare range personalizat */
.custom-range {
    -webkit-appearance: none;
    appearance: none;
    background: transparent; /* Fundal transparent pentru control complet */
    cursor: pointer;
    width: 100%;
    height: 5px;
    border-radius: 10px;
}

/* Stilizare track pentru Chrome, Safari, Opera, Edge */
.custom-range::-webkit-slider-runnable-track {
    height: 0.5rem;
    border-radius: 5px;
    background: transparent; /* Ascundem bara gri implicită */
}

/* Stilizare track pentru Firefox */
.custom-range::-moz-range-track {
    height: 0.5rem;
    border-radius: 5px;
    background: transparent; /* Ascundem bara gri implicită */
}

/* Stilizare thumb pentru Chrome, Safari, Opera, Edge */
.custom-range::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 margin-top: -3px;
 background-color: #ffffff;
 height: 16px;
 width: 16px;
 border-radius: 20px;
 cursor: pointer;
 transition: background-color 0.2s;
 border: 1px solid #d1d1d1;
}

/* Stilizare thumb pentru Firefox */
.custom-range::-moz-range-thumb {
    border: none;
    background-color: #E69B36; /* Culoare thumb */
    height: 1.5rem;
    width: 0.75rem;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.2s; /* Tranziție ușoară */
}

/* Eliminăm focus-ul implicit */
.custom-range:focus {
    outline: none;
}

/* Focus pentru thumb în Chrome, Safari, Opera, Edge */
.custom-range:focus::-webkit-slider-thumb {
    border: 1px solid #E69B36;
    outline: 2px solid #E69B36;
    outline-offset: 0.125rem;
}

/* Focus pentru thumb în Firefox */
.custom-range:focus::-moz-range-thumb {
    border: 1px solid #E69B36;
    outline: 2px solid #E69B36;
    outline-offset: 0.125rem;
}

/* Ajustăm poziționarea textului */
.filter-group .d-flex {
    gap: 15px; /* Spațiu între range și text */
}
span#distance-value {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  color: #e69b36;
  background-color: #E69B361A;
  padding: 4px 8px;
  border-radius: 12px;
}
.form-check-input:checked {
  background-color: #E3952D;
  border-color: #E3952D;
}
.form-check-input:focus {
  border-color: #E3952D;
  outline: 0;
  box-shadow: none;
}

.checkbox-group {
  display: flex;
  flex-direction: column;
}
.rating-group {
  display: flex;
  flex-direction: column;
}
span.category-count {
  font-size: 14px;
  font-weight: 500;
  color: #6C757D;
  background-color: #9C9CA31A;
  border-radius: 12px;
  padding: 4px 8px;
  line-height: 18px;
}
.form-check {
  margin-bottom: 12px;
}
.btn.btn-primary {
  background-color: #262861;
  border-radius: 100px;
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.btn.btn-primary.apply-btn,
.btn.btn-outline.reset-btn {
    flex: 1;
}
.btn.btn-outline {
  background-color: #ffffff;
  color: #262861;
  border: 1px solid #262861;
  font-size: 18px;
  line-height: 27px;
  border-radius: 100px;
  padding: 12px 28px;
  white-space: nowrap;
}
.results-list {
  display: flex;
  flex-direction: column;
}
.results-header h2 {
  font-size: 16px;
  line-height: 31px;
  font-weight: 600;
  color: #6C757D;
}
span.resuts_nr {
  font-family: ClashDisplay;
  font-size: 24px;
  color: #25324B;
}
.form-control:focus,
.form-select:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.results-header .sort {
  border: 1px solid #6C757D;
  padding: 12px 20px;
  border-radius: 100px;
}
select.select-sort {
  border: none;
  font-size: 18px;
  height: auto;
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500;
}
label.me-2[for="sort"] {
  font-size: 18px;
  color: #6C757D;
}
.result-box {
  box-shadow: 0 4px 16px 0 #26286133;
  margin-top: 40px;
  border-radius: 20px;
  overflow: hidden;  
  padding: 24px 40px;
}
.verification-section {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0BA02C;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 32px;
  border-bottom: 1px solid #889ABD80;
}
.verification-section span.verified-label {
  margin-left: 7px;
}
.company-identity {
  display: flex;
  justify-content: space-between;
}
.company-identity .col-info {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.company-logo {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  margin-right: 20px;
  border: 1px solid #D6DDEB;
  border-radius: 12px;
}
h3.company-title {
  font-size: 24px;
  font-weight: 700;
  color: #25324B;
  line-height: 31px;
  margin-bottom: 8px;
}
span.rating_comTotal {
  font-size: 16px;
  color: #7C8493;
}
.rating_com {
  color: #25324B;
  font-size: 18px;
}
span.rating_comTotalRec {
  color: #E69B36;
  font-size: 16px;
}
.comp_infostars {
  color: #FFC342;
  line-height: 1;
}
.icons-zone {
  display: flex;
  margin-top: 20px;
}
.feature_box {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
p.feature_boxText {
  margin-bottom: 0;
  margin-left: 10px;
  color: #7C8493;
}
.com_service {
  margin-top: 24px;
  margin-left: 0;
  margin-right: 0;
}

h4.small-title {
  color: #25324B;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.com_service ul {
  list-style: none;
  padding: 0 !important;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.com_service ul li {
  margin-right: 12px;
  display: flex;
  align-items: center;
}
.services-zone {
  padding-left: 0;
}
.com_service ul li svg {
  margin-right: 5px;
}
.buttons-zone button.btn.btn-primary {
    margin-bottom: 13px;
}
.buttons-zone button.btn.btn-primary,
.buttons-zone button.btn.btn-outline {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
}
.buttons-zone {
  padding-right: 0;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #262861;
  --bs-btn-border-color: #262861;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #262861;
  --bs-btn-hover-border-color: #262861;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #262861;
  --bs-btn-active-border-color: #262861;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #262861;
  --bs-btn-disabled-border-color: #262861;
}

.btn.btn-primary:hover,
.btn.btn-outline:hover  {
  background-color: #e69b36;
}
.pagination {
    margin-top: 40px;
}
nav.page_navigation {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
a.Btn-link {
  border: 2px solid;
  color: #6C757D;
  border-radius: 20px;
  padding: 6px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
a.Btn-link.active {
  color: #262861;
}
ul.pagination_list.justify-content-center {
  list-style: none;
  display: flex;
  padding: 0;
  margin-bottom: 0;
  gap: 24px;
}
ul.pagination_list.justify-content-center li.page-item a {
  color: #6C757D;
  border: 2px solid #6C757D;
  border-radius: 25px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-weight: 600;
}
ul.pagination_list.justify-content-center li.page-item.active a {
  background-color: #262861;
  color: #ffffff;
  border-color: #262861;
}
/*END FILTER PAGE*/

/*DETAILS PAGE*/
.profile-image-section {
  height: 324px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
}

.details_logo {
  position: absolute;
  bottom: -56px;
  left: 28px;
}
.profile_logo{
  box-shadow: 0 4px 16px 0 #26286133;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  width: 112px;
  height: 112px;
  background-color: #fff;
  border-radius: 12px;
}
.logo img {
  object-fit: cover;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
a.btn.btn-slider {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #fff;
  padding: 9px 15px;
  border-radius: 100px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
a.btn.btn-slider:hover {
   background-color: #e69b36;
}
.hero_section {
  margin-bottom: 74px;
}
.title-content-section h1 {
  font-family: 'clashDisplay';
  font-weight: 600;
  font-size: 44px;
  line-height: 48px;
}
.title-content-features {
  display: flex;
  margin-top: 28px;
  gap: 22px;
}
.tcf-box {
  color: #7C8493;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tcf-box svg {
    margin-right: 8px;
}
.top_label {
  display: flex;
  justify-content: flex-end;
}
.favorite_label {
  margin-right: 23px;
}
a.raport_btn {
  color: #6C757D;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 24px;
}
.cta_btns-about {
  margin-top: 34px;
}
.cta_btns-about button {
  padding: 10px 70px;
}
.informations-section {
    margin-top: 40px;
}
.services_container {
  box-shadow: 0 4px 16px 0 #26286124;
  border-radius: 20px;
  padding: 32px;
}
.services_container h2 {
  font-family: 'ClashDisplay';
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  margin-bottom: 20px;
}
.services_list .services_box{
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  padding: 22px 32px;
  margin-bottom: 20px;
}
.services_list .services_box h3 {
  font-family: 'ClashDisplay';
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.services_items {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 13px;
}
.sidebar-details {
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  padding: 20px 24px 32px 24px;
  gap: 28px;
  display: flex;
  flex-direction: column;
}
.btns_col {
    padding: 0;
} 
.qr-code-section {
  display: flex;
}
.qr-code-section img.qr_img {
  width: 70px;
  height: 70px;
  border: 1px solid #E69B36;
  border-radius: 6px;
}
.qr-code-section a.btn.btn-link {
  color: #6C757D;
  text-decoration: none;
  padding: 0;
  border: none;
  display: flex;  
  text-align: justify;
  font-size: 12px;
}
.qr-code-section a.btn.btn-link svg {
    margin-right: 5px;
}
.qr-code-section a.btn.btn-link:hover {
    color: #E69B36;
}
.qr_links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 12px;
  justify-content: center;
}
.company-details h3 {
  font-size: 18px;
  font-family: 'ClashDisplay';
  font-weight: 600;
  margin-bottom: 28px;
  line-height: 23px;
}
.detail-item {
  display: flex;
  gap: 20px;
}
.detail-item h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 5px;
}
.detail-item p {
  margin: 0;
  color: #7C8493;
  line-height: 24px;
}
.detail_items {
  gap: 28px;
  display: flex;
  flex-direction: column;
}
.tags.company_tags span.badge {
  border: 1px solid #6C757D;
  color: #6C757D;
  padding: 4px 6px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.tags.company_tags {
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
}
.company_description h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 12px;
}
.company_descriptionText * {
  color: #7C8493;
  margin: 0;
  font-size: 14px;
}
.reviews-section h2 {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 44px;
  line-height: 1;
  margin-bottom: 32px;
}
.review_container-top {
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  padding: 30px;
  padding-bottom: 50px;
}
.reviews_total-note {
  display: flex;
  align-items: center;
}
p.review_total-noteNr {
  margin-bottom: 0;
  color: #7C8493;
  font-size: 16px;
  line-height: 24px;
}
p.review_total-noteNr span {
  font-size: 28px;
  line-height: 27px;
  color: #262861;
}
.review_total-note {
  display: flex;
  gap: 10px;
}
p.review_total-noteNrall {
  font-size: 16px;
  color: #E69B36;
  margin-bottom: 0;
  line-height: 35px;
}
.review_total-summary {
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid #D6DDEB;
  gap: 4px;
  display: flex;
  flex-direction: column;
}
.review_total-summary_item {
  display: flex;
}
.review_total-summary_item-name {
  display: flex;
  align-items: center;
  flex: 1;
  padding-right: 30px;
}
.review_total-summary_item-name p {
    margin-bottom: 0;
    margin-left: 5px;
}
p.review_total-summary_item-note {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}
.addReviewBtn {
  padding-right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.review_item {
  padding: 28px 40px;
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  background-color: #ffffff;
}
.review_item:nth-child(1) {
    margin-top: -30px;
}
.reviewProfileImg {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  overflow: hidden;
  object-fit: contain;
}
.reviewProfileImg img {
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.reviewProfileImg {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  overflow: hidden;
  object-fit: contain;
  margin-right: 8px;
}
.review_item-top-profile {
  display: flex;
  align-items: center;
}
span.reviewProfile_name {
  font-weight: 600;
}
span.reviewProfile_category {
  margin-left: 4px;
  color: #4B5162;
  font-size: 14px;
  line-height: 21px;
  vertical-align: text-bottom;
}
.reviewProfile_stars .comp_infostars {
  color: #E39C3C;
  font-size: 19px;
}
.review_item-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.review_item-top-date p {
  color: #7C8493;
  font-size: 14px;
  margin-bottom: 0;
  text-align: end;
}
.review_verified {
  margin-top: 12px;
  color: #7C8493;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  gap: 6px;
}
.reviews_list {
  gap: 28px;
  display: flex;
  flex-direction: column;
}
.review_content-text {
    max-height: 75px; /* Limită la aprox. 4 rânduri */
    overflow: hidden;
    position: relative;
}
.review_content-text.expanded {
    max-height: none;
}
.read-more {
    color: #1a3c5e;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
}
.review_verified {
    display: flex;
    align-items: center;
    color: #7C8493;
    margin-top: 10px;
}
.review_verified svg {
    margin-right: 5px;
}
.opacity-50 {
    opacity: 0.5;
}
small.read-more {
  color: #6D86E3;
  font-size: 14px;
}
.portfolio-section {
  margin-top: 124px;
}
.portfolio-section h2 {
  font-size: 44px;
  font-family: 'ClashDisplay';
  font-weight: 600;
  margin-bottom: 40px;
}

/* Layoutul cu CSS Grid pentru 2 rânduri (3 coloane pe rând) */
.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    justify-items: center;
}
/* Fiecare link se transformă într-un container pătrat */
.gallery a {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  border: 1px solid #262861;
  border-radius: 0 20px;
}
/* Imaginile se întind să umple containerul pătrat */
.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Overlay-ul afișat pe a 6-a imagine */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'ClashDisplay';
  font-weight: 600;
}
/* Ascundem imaginile suplimentare */
.hidden {
    display: none;
}
.qualifications-section h2 {
  font-size: 44px;
  font-family: 'ClashDisplay';
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 32px;
}
.qualifications-section {
  margin-top: 124px;
}
.qualifications_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.qualification-img img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.qualification-img {
  width: auto;
  height: 100%;
  max-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #D6D6D680;
  border-radius: 0 20px;
  border: 1px solid #D6DDEB;
  padding: 15px;
}
.qualifications-text {
  text-align: center;
  margin-top: 12px;
}
p.qualification_title {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}
p.qualification_data {
  margin-bottom: 0;
}
.trust-notification {
  margin-top: 124px;
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  padding: 48px 40px;
}
h5.verified_section-title {
  font-family: 'ClashDisplay';
  font-size: 24px;
  font-weight: 600;
  max-width: 500px;
  margin-bottom: 11px;
}
.trust-checklist {
  margin-top: 48px;
}
p.trust-checklist_title-list {
  font-family: 'ClashDisplay';
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
ul.trust-checklist_title-items {
  padding-left: 25px;
  list-style: none;
  gap: 7px;
  display: flex;
  flex-direction: column;
  color: #4B5162;
}

/*END DETAILS PAGE*/

/*START REQUEST OFER PAGE*/
.form-group {
  margin-bottom: 20px;
}



.form-field-input {
  width: 100%;
  border: 1px solid #D6DDEB;
  border-radius: 12px;
  padding: 13px 18px;
  font-size: 16px;
  color: #4B5162;
  transition: border-color 0.3s ease;
}

input.valid, textarea.valid, select.valid {
  border-color: #28a745; /* Verde */
}

input.invalid, textarea.invalid, select.invalid {
  border-color: #dc3545; /* Roșu */
  animation: shake 0.5s;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.checkbox-group {
  margin-top: 10px;
}

.checkbox-group input {
  margin-right: 10px;
}

.form-group textarea {
  min-height: 100px;
}

/* Secțiunea de upload poză */
.custom-file-upload {
  margin-top: 10px;
}

.custom-file-upload p {
  color: #666;
  font-size: 14px;
}

.upload-area {
  border: 2px dashed #ccc;
  padding: 40px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  background-color: #F4F8FE66;
}

.upload-icon {
  font-size: 24px;
  color: #ff9800; /* Orange */
}

.browse-button {
  background-color: #262861;
  color: white;
  padding: 4px 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.custom-file-upload input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.file-info {
  font-size: 12px;
  color: #999;
}

/* Buton de trimitere */
.btn-submit {
  width: 100%;
  padding: 12px 32px;
  background-color: #262861;
  color: white;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  font-size: 16px;
}

.btn-submit:hover {
  background-color: #14213d;
}
.background_lightblue {
  background-color: #F4F8FE;
}
.company-logo img {
  max-width: 100%;
  height: auto;
}
.topForm-company .company-logo {
  background-color: #fff;
}
.topForm-company .col-info {
  display: flex;
  align-items: center;
}
.formSection {
  margin-top: 32px;
  box-shadow: 0 4px 16px 0 #26286133;
  border-radius: 24px;
  padding: 48px;
  background-color: #fff;
}
.form_title h2 {
  font-family: 'ClashDisplay';
  font-size: 44px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}
.container.form_container {
  max-width: 794px;
}
.form_section .form-group.col-lg-12 {
  padding: 0;
}
.form_section h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 20px;
}
.form_section {
  margin-bottom: 40px;
}
.form_section h3 span {
  font-weight: 400;
  color: #7C8493;
  font-size: 20px;
}
p.form_section-info {
  color: #6C757D;
}
p.drop_file-title {
  color: #25324B;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 5px;
}
p.file-info {
  color: #7C8493;
  margin-bottom: 10px;
}
input[type="file" i] {
  background-color: #262861;
}
.file-list {
    margin-top: 10px;
}

.file-list ul {
    list-style-type: none;
    padding: 0;
}

.file-list li {
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
}

/*END REQUEST OFER PAGE*/

/*START LOGIN PAGE*/
.login_card {
  box-shadow: 0 5px 20px 0 #0708291A;
  background-color: #fff;
  border-radius: 20px;
  max-width: 500px;
  margin: auto;
  margin-top: 90px;
  margin-bottom: 90px;
  padding: 56px 44px;
  width: 100%;
}
.login_page {
      display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.login_logo img {
  max-width: 150px;
  height: auto;
}
.login_logo {
  margin-bottom: 40px;
}
.login_card h1,
.login_card h2 {
  font-family: 'ClashDisplay';
  font-size: 32px;
  font-weight: 600;
  line-height: 41px;
  margin-bottom: 12px;
}
.login_card > p {
  color: #4B5162;
  margin-bottom: 54px;
  line-height: 24px;
}
.btn.btn-orange {
  background-color: #E69B36;
  color: #ffffff;
  border-radius: 100px;
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.btn.btn-orange:hover {
  background-color: #262861;
}
.btn_login .btn {
  width: 100%;
  margin-bottom: 20px;
}
.btn_login p {
  text-align: center;
}
.btn_login a {
  color: #0B44A0;
  text-decoration: none;
}
.btn_login a:hover {
  text-decoration: underline;
}
.sepparator {
  margin-top: 38px;
  margin-bottom: 38px;
  border-bottom: 1px solid #C6C6C6;
}
.login_card .form-grup {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.login_card .form-grup label {
  font-weight: 600;
  margin-bottom: 14px;
}
.login_card .btn {
    width: 100%;
}
.sepparator span {
  display: block;
  background-color: #fff;
  width: fit-content;
  padding: 5px 20px;
  margin: auto;
  margin-bottom: -15px;
}
.btn_w-img img {
  width: 25px;
  height: 25px;
}
.btn.btn-border {
  border: 1px solid #EAEAEA;
  padding: 18px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
}
.social_btns {
  gap: 14px;
  display: grid;
}
.btn.btn-border:hover {
    background-color: #E69B36;
}
.profile-image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.profile-image-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #C3C3C3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    border: 2px solid #e0e0e0; /* Opțional, pentru a defini marginea cercului */
}

.profile-image-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Imaginea se scalează și se taie pentru a umple cercul */
}

.placeholder-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.upload-button {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #1a2b49; /* Culoare albastru închis similar designului modern */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.upload-button:hover {
    background-color: #2c4066; /* Efect hover pentru interactivitate */
}

.form-group label {
    font-size: 14px;
    color: #333;
}

label[for="profile-image"] {
  font-size: 12px;
  color: #7C8493;
}
p.info_gdpr {
  margin-bottom: 0;
  margin-top: 40px;
}
div.register_meserias {
  max-width: 1000px;
}
p.info_create {
  margin-bottom: 12px;
}
form#create-account-form h3 {
  font-family: 'ClashDisplay';
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 31px;
  font-size: 24px;
}
p.form_section-label {
  font-weight: 500;
}
p.form_section-label span{
  font-weight: 400;
  color: #7C8493;
}
label {
  font-weight: 500;
  line-height: 24px;
  color: #25324B;
}
label.label-upload {
  margin-bottom: 0;
  margin-top: 0px;
}
label.label-upload span {
  color: #7C8493;
  font-weight: 400;
}
.form_section.slim_fileupload .form-group {
  margin-bottom: 0;
}
.documents_list {
  padding-top: 30px;
}
.file-list {
    margin-top: 10px;
}
.file-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.preview-image {
    width: 50px;
    height: 50px;
    border-radius: 50%; /* Face imaginea circulară */
    object-fit: cover;
    margin-right: 10px;
}
.file-item p {
    margin: 0;
    color: #333;
}
button.delete-button {
  margin-left: 10px;
  padding: 2px 5px;
  box-shadow: none;
  border: none;
  background-color: #ff6060;
  color: #fff;
  border-radius: 7px;
  line-height: 1;
  font-size: 12px;
}
p.verification-message {
  margin-bottom: 20px;
}

/*END LOGIN PAGE*/

/*START ADMIN PAGE*/
.admin-page .sidebar {
  padding: 0;  
  overflow: hidden;
}
.admin-page .sidebar ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;

}
.admin-page .sidebar ul li a {
  font-family: 'ClashDisplay';
  color: #25324B;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 20px;
  font-weight: 600;
  padding: 20px 24px;
  border-bottom: 1px solid #D6DDEB;
  border-radius: 0 0 0 20px;
}
.admin-page .sidebar ul li:last-child  a{
    border-bottom: none;
}

.admin-page .sidebar ul li a.active {
  box-shadow: 0 5px 20px 0 #0708291A;
  z-index: 9999;
  position: relative;
}
.request-logo,
.reviews-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border: 1px solid #D6DDEB;
  border-radius: 12px;
}
.request-logo img,
.reviews-logo img {
  object-fit: cover;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.request-item,
.reviews-item {
  padding: 20px;
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  display: flex;
  margin: 0;
  margin-bottom: 20px;
}
.admin-page .content {
    padding: 0 20px;
}
p.request_company {
  font-family: 'ClashDisplay';
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
   display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.request-tags {
  display: flex;
  gap: 16px;
}
span.request-tag {
  color: #7C8493;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.request-status {
  color: #E69B36;
  display: flex;
  align-items: center;
  justify-content: center;
}

.request-date {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7C8493;
}
.request-item .col-lg-2 {
  padding-left: 5px;
  padding-right: 5px;
}
.request-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.request-list .request-item {
    opacity: 1;
}

/* Set opacity of the 6th item to 0.5 */
.request-list .request-item:nth-child(6) {
    opacity: 0.5;
}

/* Hide all items beyond the 6th */
.request-list .request-item:nth-child(n+7) {
    display: none;
}

/* Style the see-more section */
.see-more {
    text-align: center;
    margin-top: 20px;
}

.slim_fileupload .upload-area {
  display: flex;
  justify-content: center;
  gap: 14px;
  padding: 12px;
}


div#favorite .result-box {
  margin-top: 0;
}
div#favorite .results-list {
  gap: 20px;
}
.reviews-info .comp_infostars {
  font-size: 20px;
  color: #E39C3C;
}
.review_text {
  color: #4B5162;
}
.reviews-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.reviews-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.profile-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 32px;
}
.setari_cont-card {
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  padding: 48px 40px;
}
h2#profile-name {
  color: #262861;
  font-weight: 700;
}
.close-account button {
  margin-top: 32px;
  color: #7C8493;
  display: flex;
  align-items: center;
}
.show_desktop {
    display: flex !important;
}
.show_mobile {
    display: none !important;
}
.request-details-info {
    background: #fff;
    border-radius: 10px;
    padding: 32px 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

.request-details-card h2 {
    font-size: 24px;
    color: #262861;
    margin-bottom: 20px;
}

.request-details-content p {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.request-details-content p strong {
    color: #262861;
}

.request-images h3 {
    font-size: 18px;
    color: #262861;
    margin-top: 20px;
    margin-bottom: 10px;
}

.image-gallery {
    display: flex;
    gap: 10px;
}

.image-placeholder {
    width: 100px;
    height: 100px;
    background: #e0e0e0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
}

.image-placeholder:last-child {
    background: #666;
}

.back-button {
    margin-top: 20px;
}

.btn-outline {
    border: 1px solid #262861;
    color: #262861;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}

.btn-outline:hover {
    background: #262861;
    color: #fff;
}
.request-details-header {
  padding-top: 0;
}
.request-details-header .request-info {
  display: flex;
  align-items: center;
}
.request-details-header.container p.request_company {
  font-size: 24px;
  margin-bottom: 0;
}
.request-details-info h2 {
  font-family: 'ClashDisplay';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 22px;
}
.request-details-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.request-details-content p span {
  color: #4B5162;
}
.request-images .gallery_item {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  border: 1px solid #262861;
  border-radius: 0 20px;
}
.request-images .portfolio-section {
  margin-top: 50px;
}
.request-details-buttons {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.review-form-section {
  background: #fff;
  padding: 20px;
  margin-top: 0;
  border: 1px solid #D6DDEB;
  border-radius: 20px;
}
.review-rating {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.review-form-section h3 {
    font-size: 24px;
    color: #262861;
    margin-bottom: 20px;
}
.review-rating label {
  width: 25%;
  min-width: 180px;
  color: #4B5162;
  font-weight: 400;
}
.review-rating {
    margin-bottom: 10px;
}
.review-rating label svg {
  margin-right: 8px;
}

.stars {
    display: flex;
    gap: 5px;
    line-height: 1;
}

.star {
    font-size: 24px;
    color: #ccc;
    cursor: pointer;
}


.star.filled {
    color: #E69B36;
}


.review-comment textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none;
}
:focus-visible {
outline: none;
}
textarea.bt-line {
  border: none;
  border-top: 1px solid #D6DDEB;
  border-radius: 0;
  padding-top: 26px;
}
.review-form-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.btn-primary {
    background: #262861;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
}

.btn-primary:hover {
    background: #1e2047;
}

/* Stiluri pentru tab-ul Review */
.reviews-item {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.reviews-info .comp_infostars {
    font-size: 18px;
    color: #E69B36;
}

.review_text {
    font-size: 14px;
    color: #666;
}

.reviews-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.reviews-date {
    font-size: 14px;
    color: #666;
}

/*END ADMIN PAGE*/


/*START HEADER*/
header .logo img {
    height: 40px; /* Ajustează înălțimea logo-ului */
}

.nav-menu {
    flex-grow: 1;
    margin-left: 30px;
}

.nav-list {
    list-style: none;
    display: flex;
    gap: 20px;
}

.nav-item {
    display: inline-block;
}

.nav-link {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s;
}

.nav-link:hover {
    color: #e69b36; /* Culoare portocalie similară cu logo-ul */
}

.header-actions .btn-primary {
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s;
    margin-right: 24px;
}

.header-actions .btn-primary:hover {
    background-color: #2a5c8e;
}

.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background-color: #333;
    border-radius: 2px;
}
/*END HEADER*/
/*START ADMIN MESERIAS*/
span.status-nou {
  color: #0B44A0;
}
.status-finalizat {
  color: #0BA02C;
}
.subscription-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
p.subscription-info-renew span {
  font-weight: 600;
}

.subscription-info p strong {
    color: #E69B36;
}

.subscription-buttons {
  text-align: center;
    margin-top: 20px;
}



.subscription-timer {
    position: relative;
}

.timer-circle {
    position: relative;
    width: 200px;
    height: 200px;
}

.timer-svg {
    transform: rotate(-90deg);
}

.timer-bg {
    stroke: #E5E7EB;
}

.timer-progress {
    stroke: #E69B36;
    transition: stroke-dashoffset 1s linear;
}

.timer-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 24px;
    color: #262861;
}

.timer-text span {
    font-weight: bold;
}

.timer-labels {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #7C8493;
    margin-top: 5px;
}

.timer-labels span {
    width: 33%;
    text-align: center;
}
p.subscription-info-title {
  font-family: 'ClashDisplay';
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}
p.subscription-info-date {
  font-family: 'ClashDisplay';
  color: #E69B36;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 70px;
}
p.subscription-info-renew {
  text-align: center;
  width: 100%;
  max-width: 340px;
  margin: auto;
  font-size: 18px;
  margin-bottom: 30px;
}
.timer-circle {
    position: relative;
    width: 300px;
    height: 300px;
}

.timer-svg {
    transform: rotate(-90deg);
}

.timer-bg {
    stroke: #E5E7EB;
    stroke-dasharray: 20 20;
}

.timer-progress {
    stroke: #E69B36;
    transition: stroke-dashoffset 1s linear;
}

.timer-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 36px;
    color: #262861;
}

.timer-text span {
    font-weight: bold;
}

.timer-labels {
   display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #CFCFCF;
  margin-top: 0px;
  font-weight: 400;
}

.timer-labels span {
    width: 25%; /* Ajustăm pentru 4 elemente */
    text-align: center;
}
span#timer-days, span#timer-hours, span#timer-minutes {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 43px;
}
.setari_cont-card-meserias .login_card {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.setari_cont-card-meserias h3 {
  font-family: 'ClashDisplay';
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 600;
}
.setari_cont-card-meserias {
  border: none;
  border-radius: 20px;
  padding: 0;
}
.winput_right {
  padding: 20px;
}
.cert_inputs {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 10px;
  gap: 15px;
}
.cert-add-button {
  width: fit-content;
  margin-bottom: 30px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.services-category .select2-container {
  width: 100% !important;
  overflow: hidden;
}

.select2-container--default .select2-selection--multiple {
  background-color: white !important;
  position: relative;
  width: 100%;
  border: 1px solid #D6DDEB;
  border-radius: 12px;
  padding: 5px 10px;
  font-size: 16px;
  color: #4B5162;
  transition: border-color 0.3s ease;
  display: flex;
  align-items: center;
}
.services-category {
  margin-top: 24px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #F4F8FE;
  border: 1px solid #262861;
  border-radius: 20px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px;
  padding-left: 32px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  color: #262861;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #dd0000;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 3px 8px;
  position: absolute;
  left: 0;
  top: -1px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #e69b36;
  color: white;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  padding: 0;
  height: 100%;
  display: inline-block;
  margin-bottom: 0;
}
span.select2-search.select2-search--inline {
  height: 100%;
  display: inline-block;
  line-height: 30px;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 0;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 32px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.edit-account_section {
  margin-bottom: 36px;
}
.checkbox-btn {
  max-width: fit-content;
}
.checkbox-btn {
  padding: 8px 12px;
  font-size: 14px;
  color: #7C8493;
  line-height: 1.3;
  border: 1px solid #7C8493;
}
.btn-check:checked+.btn {
  border: 1px solid #262861;
  color: #262861;
  background-color: #F4F8FE;
}
.qr-tab-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.qr-code-wrapper {
  width: 100%;
  max-width: 300px;
  height: 100%;
  max-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  border: 1px solid #E69B36;
  border-radius: 27px;
}
.qr-code-wrapper img {
  width: 100%;
}
.qr-username {
  margin-top: 10px;
  font-family: 'ClashDisplay';
  font-size: 28px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 36px;
}
.qr-description {
  color: #4B5162;
  font-size: 20px;
  text-align: center;
  margin-bottom: 32px;
}
.abonamente-container {
  padding: 20px;
}
h2.abonamente-title {
  font-family: 'ClashDisplay';
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 16px;
}
p.abonamente-subtitle {
  max-width: 550px;
  margin: auto;
  text-align: center;
  margin-bottom: 44px;
}
.plan-box {
  padding: 28px 24px;
  border-radius: 32px;
}
.plan-box {
  padding: 28px 24px;
  border-radius: 32px;
  border: 1px solid #D6DDEB;
  background-color: #F4F8FE;
  box-shadow: #262861 10px 10px 0px 0px;
  height: 100%;
}
h3.plan-title {
  font-size: 22px;
  text-align: center;
  line-height: 1.1;
  font-weight: 500;
  font-family: 'ClashDisplay';
  box-shadow: 0px 2px 4px 0px #2628614D;
  border: 1px solid #D6DDEB;
  border-radius: 18px;
  width: fit-content;
  padding: 5px 18px;
  margin: auto;
  margin-bottom: 28px;
}
.plan-price {
  color: #E69B36;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
}
.plan-price span {
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-left: 5px;
}
ul.plan-features {
  margin-top: 28px;
  padding: 0;
  padding-top: 24px;
  border-top: 1px solid #D6DDEB;
  list-style: none;
  font-size: 14px;
}

ul.plan-features li {
  margin-bottom: 16px;
}
/*END ADMIN MESERIAS*/

/*START HOMEPAGE*/
section.hero_section.background_lightblue {
  border-radius: 0 0 150px 150px;
}
section.hero_section {
  position: relative;
}
section.hero_section .hero_img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 800px;
}
section.hero_section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 150px;
}
h1.hero-title {
  font-size: 44px;
  font-family: "ClashDisplay";
  font-weight: 600;
  line-height: 1.1;
  z-index: 9;
  position: relative;
}
p.hero_description {
  margin-top: 24px;
  margin-bottom: 70px;
  z-index: 9;
  position: relative;
}
input.hero-search {
  display: flex;
  align-items: center;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(244, 160, 0) 4px 4px 0px;
  position: relative;
  max-width: 500px;
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(38, 40, 97);
  border-image: initial;
  overflow: hidden;
  border-radius: 0px 25px;
  margin-left: 0;
  margin-top: 0;
  height: 78px;
  width: 100%;
  padding-left: 70px;  
  padding-right: 140px;
  z-index: 9;
  position: relative;
}
form.form_hero {
  position: relative;
  max-width: 500px;
}
form.form_hero svg {
  position: absolute;
  left: 27px;
  z-index: 99;
  top: 27px;
  bottom: 27px;
}
.btn_hero {
  position: absolute;
    top: 14px;
  bottom: 14px;
  right: 14px;
  z-index: 9;
}
h2.hp_category-title {
  font-size: 44px;
  text-align: center;
  font-family: 'ClashDisplay';
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 46px;
}
.categorySwiper {
  padding-bottom: 54px;
}
.disabled_swiper_button {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, 
.swiper-button-next{
    display:none;   
}
.cat_box {
  box-shadow: 0px 4px 16px 0px #26286133;
  border: 1px solid #D6DDEB;
  border-radius: 0 20px;
  padding: 21px 31px;
  margin: 10px;
}
p.cat_box-title {
  font-family: 'ClashDisplay';
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
}
.swiper-pagination-bullet-active {
  background: #25324b;
}
.app-section .container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
}
.app-phone-preview {
  margin-top: -80px;
}
section.app-section {
  margin-top: 150px;
}
.app-section-content {
  margin-left: 70px;
}
h2.app-title {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 44px;
  margin-bottom: 28px;
}
h2.app-title span.app-title-highlight {
  color: #E69B36;
}
.app-buttons {
  margin-top: 58px;
  display: flex;
  gap: 32px;
}
section.how-it-works-section {
  margin-top: 124px;
  margin-bottom: 124px;
}
h2.how-it-works-title {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 44px;
  line-height: 110.00000000000001%;
  text-align: center;
  max-width: 750px;
  margin: auto;
  margin-bottom: 24px;
}
p.how-it-works-subtitle {
  max-width: 750px;
  margin: auto;
  margin-bottom: 74px;
  color: #6c6f85;
}
h3.step-title {
  margin-top: 40px;
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  margin-bottom: 24px;
}
.about-section {
  padding: 100px 0;
  background-color: #F4F8FE;
}
.about-title {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 24px;
  color: #25324B;
}
.highlight-orange {
  color: #E69B36;
}
.about-text {
  color: #4B5162;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  max-width: 550px;
}
.about-btn {
  padding: 12px 32px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
}
.about-image-wrapper {
  position: relative;
}
.about-content-bottom {
  display: flex;
  align-items: center;
}
.about-stats-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 35px;
  margin-left: 30px;
}
.about-stats-list li {
  display: flex;
  align-items: center;
}

.about-stat-icon {
  background: white;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.about-stat-icon img {
  width: 18px;
  height: 18px;
}

.about-stat-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.stat-number {
  font-weight: 600;
}

.stat-label {
  font-size: 13px;
}
.about-main-image {
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-bottom: 70px;
  max-height: 475px;
  width: 335px;
  border-radius: 0 30px;
  border: 1px solid #262861;
}

.about-main-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.secure-section {
  background-color: #1D2261;
  color: white;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.secure-title {
  font-size: 44px;
  font-weight: 600;
  color: white;
  line-height: 1.1;
  margin-bottom: 36px;
  font-family: 'ClashDisplay';
}
.secure-description {
  font-size: 16px;
  color: #C8CBE2;
  max-width: 500px;
  line-height: 1.6;
}

.highlight-orange {
  color: #E69B36;
}

.secure-graphic-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secure-shield {
  max-width: 250px;
  z-index: 1;
  position: relative;
}

/* Carduri */
.secure-card {
  background: white;
  color: #25324B;
  border-radius: 0 20px;
  padding: 20px;
  max-width: 290px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  position: absolute;
  z-index: 2;
  gap: 12px;
}
.secure-card-top h4 {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}

.secure-card p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
.secure-card-icon {
  box-shadow: 0px 3.43px 13.71px 0px #26286133;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 100px;
  background-color: #F0F4FB;
}

/* Poziționare carduri */
.secure-card-top-left {
  top: -50px;
  left: 0;
}

.secure-card-top-right {
  top: -40px;
  right: -80px;
}
.secure-card-top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.secure-card-bottom {
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.reviews-section {
  padding: 100px 0;
  background: white;
}

.reviews-title {
  font-size: 32px;
  font-weight: 700;
  color: #25324B;
  margin-bottom: 10px;
}

.reviews-subtitle {
  color: #6c6f85;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto 50px auto;
}
.review-card {
  background: #fff;
  border: 1px solid #D6DDEB;
  border-radius: 20px;
  padding: 28px;
  margin: 0 auto;
}
.review-author {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.review-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.swiper.reviews-swiper {
  padding-bottom: 40px;
}
.review-text {
  font-size: 16px;
  color: #4B5162;
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.review-card .comp_infostars {
  text-align: justify;
}
h2.faq-title {
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  margin-bottom: 20px;
}
p.faq-desc {
  color: #4B5162;
  font-size: 16px;
  margin-bottom: 36px;
}
.accordion-button:not(.collapsed) {
  color: #1C1F25;
  background-color: #ffffff;
  box-shadow: none;

}
.accordion-button::before {
  content: '';
  width: 4px;
  height: 40%;
  background-color: #E39C3C;
  position: absolute;
  top: 30%;
  bottom: 30%;
  left: 0;
  border-radius: 10px;
}
.accordion-item {
  border: none;
  border-bottom: 1px solid #ECEEF4;
}
button.accordion-button {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
}
button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}
.accordion-body {
  color: #4B5162;
}
section.faq-section {
  padding-bottom: 100px;
}
/*END HOMEPAGE*/

.mobile_btns {
  display: none;
}
/*FOOTER*/
.footer-section {
  background-color: #202430;
  color: white;
  padding: 60px 20px 30px;
  font-size: 14px;
}
p.footer_about-info {
  color: #D6DDEB;
  line-height: 1.6;
  margin-bottom: 50px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 2fr;
  gap: 40px;
}
a.footer_social {
  background-color: #E39C3C;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 500px;
  flex-wrap: 0;
  flex-grow: 0;
}
.social-icons {
  display: flex;
  gap: 20px;
}
.footer-column h4 {
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 18px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}
.footer-column ul li {
  margin-bottom: 16px;
}
.footer-column ul li a {
  color: #D6DDEB;
  text-decoration: none;
}
.footer-column ul li a:hover {
  color: #e69b36;
}
p.newsletter-description {
  color: #D6DDEB;
}
.footer-logo {
  height: 40px;
  margin-bottom: 20px;
}

.social-icons a img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.store-buttons a img {
  height: 40px;
  margin-right: 10px;
  margin-top: 20px;
}

.newsletter-form {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.newsletter-form input {
  flex: 1;
  padding: 10px 16px;
  border-radius: 100px;
  border: none;
  font-size: 14px;
}
.newsletter-form button {
  background-color: #e39c3c;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 100px;
  font-weight: 600;
  cursor: pointer;
}
.newsletter-form button:hover {
  background-color: #25324b;
}
.footer-bottom {
  text-align: center;
  margin-top: 40px;
  border-top: 2px solid #2c2f3c;
  padding-top: 20px;
  font-size: 12px;
  color: #D6DDEB;
}



/*END FOOTER*/






/***************************************************/
/****                                           ****/
/****                                           ****/
/****                RESPONSIVE                 ****/
/****                                           ****/
/****                                           ****/
/***************************************************/


/*767px*/
@media only screen and (max-width: 767px) {

.show_desktop {
    display: none !important;
}
.show_mobile {
    display: flex !important;
}
   .container {
      padding-right: 15px;
      padding-left: 15px;
  }
  ul.pagination_list.justify-content-center,
  .comp_infostars {
    gap: 12px;
}
span.resuts_nr {
  font-family: ClashDisplay;
  font-size: 16px;
  color: #25324B;
}
sults-header .sort {
  border: 1px solid #6C757D;
  padding: 5px 10px;
  border-radius: 100px;
}
label.me-2[for="sort"],
select.select-sort {
  font-size: 16px;
}
.results-header .sort {    
  padding: 5px 10px;
}
.content,
aside {
    padding: 0px;
}

.result-box {
    margin-top: 0;
    padding: 10px 24px;
    padding-bottom: 30px;
}
.results-header {
  margin-bottom: 32px;
}
.sidebar {
  width: 100%;
  max-width: 100%;
  margin-bottom: 54px;
}
.results-list {
    gap: 32px;
}
.verification-section span.verified-label {
  margin-left: 7px;
  font-size: 12px;
  font-weight: 400;
}
.verification-section {    
  margin-bottom: 18px;
}
.company-logo {
  width: 67px;
  height: 67px;
  margin-right: 8px;
}
h3.company-title {
  font-size: 18px;
  font-weight: 700;
  color: #25324B;
  line-height: 20px;
  margin-bottom: 2px;
}
.rating_com {
  color: #25324B;
  font-size: 14px;
}
span.rating_comTotal,
span.rating_comTotalRec {
  font-size: 12px;
}
.icons-zone,
.row.com_service {
  margin-top: 16px;
}
.feature_box svg {
  width: 18px;
  height: 18px;
}
p.feature_boxText {
  font-size: 14px;
  margin-left: 6px;
}
.feature_box {
 margin-right: 12px;
}
.services-zone,
.buttons-zone {
 width: 100%;
 padding: 0;
}
.col-4.buttons-zone {
  margin-top: 24px;
}
nav a {
  margin-left: 0;
}


/*details_page*/
.reviews_total-note {
    align-items: baseline;
    flex-direction: column;
}
img.img-fluid {
  border-radius: 20px;
}
a.btn.btn-slider {
    display: none;
}
.title-content-section h1{
    font-size: 34px;
    line-height: 38px;
}
.title-content-section .rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.title-content-features {
 margin-top: 18px;
 gap: 22px;
}

.top_label {
 display: flex;
 justify-content: flex-start;
 margin-top: 14px;
 margin-bottom: 14px;
}
.btns_col {
    flex-direction: column-reverse;
    display: flex;
}
.title-content-section.row > div,
.informations-section  > .col-md-8 {
    padding: 0;
}
.services_container {
  padding: 32px 18px;
}
.services_list .services_box {
    padding: 20px;
}
.services_items {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 13px;
}
.sidebar-details {
    margin-top: 54px;
    padding: 24px 20px;
}
.reviews-section {
  margin-top: 64px;
}
.reviews-section h2,
.portfolio-section h2,
.qualifications-section h2 {
    font-size: 34px;
}
.review_container-top {
    padding: 20px;
}
.review_container-top .row > div {
  padding: 0;
}
.review_total-summary {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
  gap: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.addReviewBtn {
  margin-top: 28px;
  margin-bottom: 32px;
  justify-content: flex-start;
}
.review_item {
    padding: 18px;
}
button.btn.btn-outline {
  width: 100%;
}
.portfolio-section,
.qualifications-section,
.trust-notification {
  margin-top: 64px;
}
.gallery {
  grid-template-columns: repeat(2, 1fr);
}
.gallery a {
    height: auto;
}
.qualifications_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.qualification-img {
  width: 150px;
  height: 100%;
  max-height: 150px;
}
.qualifications_item {
  display: flex;
  gap: 20px;
}
.qualifications-text {
  text-align: left;
  margin-top: 12px;
}
.trust-notification > div {
  display: flex;
  flex-direction: column;
}
.row.trust-checklist {
  flex-direction: column;
  margin-top: 36px;
}
.col-6 {
    width: 100%;
}
.trust-notification {
    padding: 28px 18px;

}
p.trust-checklist_title-list {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 10px;
  margin-left: -4px;
}
.row.trust-checklist .col-6 {
  margin-left: -25px;
  margin-bottom: 20px;
}

/*Request offer page*/
.formSection {
    padding: 28px 18px;
}
.form_title h2 {
    font-size: 28px;
}
.form_section .form-group.col-lg-6 {
    padding: 0;
}
.checkbox-group {
  margin-top: 10px;
  gap: 16px;
}


/*login page*/
.login_page {
  padding-left: 15px;
  padding-right: 15px;
}
.login_card {
  padding: 28px 18px;
}

/*header*/
.nav-menu {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background-color: #f8f9fa;
        padding: 20px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .nav-menu.active {
        display: block;
    }

    .nav-list {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .hamburger {
        display: flex;
    }

    .header-actions {
        display: none;
    }

    .header-actions.active {
        display: block;
        text-align: center;
        margin-top: 20px;
    }









/*admin page*/
.mobile_welcome {
    display: flex !important;
    flex-direction: column;
}
.profile_img {
  width: 72px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 100%;
}
.profile_img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.hello_msg {
  margin-top: 16px;
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 24px;
}
.request_btn a {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px;
}
.admin-page .content,
.request-info,
.reviews-info {
    padding: 0;
}
.request-tags {
  gap: 8px;
  flex-direction: column;
}
.request-item-top {
  display: flex;
  justify-content: space-between;
}
.request-btn {
  margin-top: 24px;
}
.request-info,
.reviews-info {
  margin-top: 20px;
}
.setari_cont-card {
  border: none;
  border-radius: 0;
  padding: 0;
}
#setari_cont-card .profile-image-circle {
  width: 60px;
  height: 60px;
}
#setari_cont-card .placeholder-icon svg {
  width: 20px;
}
.request-item.row {
  margin: 0;
}
.request-details-item .request-item-top {
  width: 20%;
}
.request-details-item .request-info {
  width: 80%;
  margin-top: 0;
}
.page-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.request-details-info {
  padding: 25px 20px;
}
.request-details-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.request-images .gallery_item {
  position: relative;
  width: 100%;
  height: 130px;
  overflow: hidden;
  border: 1px solid #262861;
  border-radius: 0 15px;
}
.request-details-buttons {
  margin-top: 30px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.certs-item {
  margin-bottom: 15px;
}
.qr-buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-group.row {
  gap: 20px;
}
p.subscription-info-date {
  font-family: 'ClashDisplay';
  color: #E69B36;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 40px;
}
.subscription-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.subscription-timer {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.plan-list.row > div {
  margin-bottom: 30px;
}
a.plan-button.btn.btn-primary {
  width: 100%;
}


/*homepage*/
.app-section .container {
  flex-direction: column;
}
.about-main-image {
    width: 100%;
    margin-bottom: 0;
    margin-top: 50px;
  }
.app-section-content {
  margin-left: 0;
}
section.hero_section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 310px;
}
h1.hero-title,
h2.hp_category-title,
h2.app-title,
h2.how-it-works-title,
.about-title,
.secure-title,
h2.faq-title {
  font-size: 34px;
}
input.hero-search {
  padding-left: 50px;
}
form.form_hero svg {
 left: 15px;
}
section.hero_section .hero_img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 100%;
}
.hero_section {
  margin-bottom: 30px;
}
h2.hp_category-title,
h2.app-title,
h2.how-it-works-title,
.about-title,
.secure-title,
h2.faq-title {
  margin-bottom: 16px;
}
section.app-section {
  margin-top: 100px;
}
.app-buttons {
  margin-top: 50px;
  display: flex;
  gap: inherit;
  justify-content: space-between;
  margin-bottom: 50px;
}
section.how-it-works-section {
  margin-top: 50px;
  margin-bottom: 50px;
}
.how-it-works-step {
  width: 50%;
  margin-bottom: 45px;
}
.step-icon img {
  max-width: 100px;
}
h3.step-title {
  margin-top: 20px;
  font-family: 'ClashDisplay';
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  margin-bottom: 14px;
}
p.step-desc {
  font-size: 14px;
}
.about-content-bottom {
  flex-direction: column;
  margin-top: 30px;
}
section.about-section .row.align-items-center {
  flex-direction: column-reverse;
}
.about-section,
.secure-section {
  padding: 50px 0;
}
ul.about-stats-list {
  margin-left: 0;
  gap: 15px;
  margin-top: 20px;
}
.secure-card-top-left,
.secure-card-top-right,
.secure-card-bottom {
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  transform: translateX(0);
}
.secure-graphic-wrapper {
  flex-direction: column;
}
.reviews-section {
  padding: 20px 0;
}
div#faqAccordion {
  margin-top: 30px;
}
.mobile_btns {
  display: flex;
    gap: 5px;
    align-items: center;
} 
.mobile_btns a.btn {
  font-size: 13px;
    padding: 3px 10px;
}

header .logo img {
  height: 30px;
}
.mobile_btns svg {
  width: 30px;
  height: 30px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
form.newsletter-form {
  flex-direction: column;
}
.footer-column ul li {
  margin-bottom: 8px;
}

}