:root {
  --font-newSM: 'Inter', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;

  /* Font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Colors */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary: #008EFF;
  --color-lite-text: #59658B;
  --color-lite-pri-new: #324254;
  --color-secondary: #B2B2B2;
  --color-gray: #f5f5f5;
  --color-lite-gray: #F3F3F3;
  --color-success: #4BC16C;
  --color-warning: #FFB508;
  --color-danger: #EB2B40;
  --color-lite-danger: #FDF1F0;
  --color-muted: #B2B2B2;
  --color-muted-lite: #919798;
  --color-muted-lite1: #616161;
  --color-moon-white: #EEF1FD;
  --color-border-lite: #E5E7EB;
  --color-dark-text: #09093B;
  --color-lite-f2: #F2F2F2;
  --color-disable-text: #C5D0D9;
  --color-dark-gray2-text: #6F7680;
  --color-dark-gray5-text: #667093;
  --color-lite-gray2-text: #C4C5C7;
  --content-title-color-gray: #4B5563;

  /* Backgrounds */
  --bg-body-color: #F7F7F7;
  --bg-light: #F9FAFB;
  --bg-dark: #1F2937;
  --pri-dark-color: #363F4A;
  --secondary-dark-color: #484848;
  --mute-hover-color: #E8E8E8;
  --pri-dark2-color: #2E2E2E;
  --Blue-StrokeColor : #C8E1FF;
  --Blue-Light-BackgroundColor: #0061FF14;
  --cream-Light-BackgroundColor: #F97F3A21;
  --bg-light-blue: #F1F5FC;
  --tl-green: #22c55e;
  --tl-green-dark: #16a34a;
  --border-color-1: #E4E4E4;
  --muted-color-1: #AFAFAF;

  /* Optional accent shades */
  --color-primary-light: #E8F0FF;
  --color-primary-dark: #2C66FF;
  --color-pri-dark: #0061FF;
  --color-mix-pri-dark: #0073EA;

  /* Background and text helpers */
  --bg-body: var(--bg-body-color);
  --color-black-main: var(--color-black);
  --color-black-primary: var(--color-primary);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Source Sans 3", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: var(--color-black, #000000);
  scroll-behavior: smooth;
  font-size: 16px;
  line-height: 1.5;
}
main {
  background-color: var(--color-white);
}
.main-container{
  padding: 13px 42px;
	max-width: 1440px;
	margin: auto;
}
.color-white{
  color: var(--color-white);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-img {
  opacity: 0;
  display: block;
  animation: fadeIn 1s ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  .fade-in-img {
    animation: none;
    opacity: 1;
    transform: none;
  }
}


/* Hero */
.hero-main{
  padding: 90px 0px 140px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero-img {
  width: 100%;
  height: 100%;
  width: 600px;
  height: 528px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}
.hero-inner-card{
  padding: 24px;
  border-radius: 20px;
  backdrop-filter: blur(30px);
  background: #00000080;
  color: var(--color-white);
  width: max-content;
  position: absolute;
  bottom: 30px;
  left: -60px;
}
.hero-right{
  position: relative;
  pointer-events: none;
}
.hero-card-logo{
  margin-bottom: 40px;
}


/* Hero */

/* title */
.main-title-section {
  width: 100%;
  text-align: center;
  padding: 0px 0 64px 0;
}
.main-title-section .content {
  max-width: 800px;
  margin: 0 auto;
}
.title-label {
  display: block;
  font-size: 13px;
  letter-spacing: 1px;
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.section-title {
  font-size: 40px;
  font-weight: 600;
  color: var(--color-black);
  margin: 0 0 24px 0;
}
.section-desc {
  font-size: 16px;
  font-weight: 400;
  color: #2F2F2F;
  line-height: 1.5;
  margin: 0 auto;
  /* max-width: 520px; */
}

/* title */

/* Our strengths */
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  padding-block: 100px;
  padding-top: 0;
}

.grid-container .custom-card {
  background: #FAFAFA;
  border-radius: 16px;
  border: 1px solid #EDEDED;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 36px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease;
}

.grid-container .custom-card:hover {
  transform: translateY(-4px);
}

.grid-container .custom-card-header {
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.grid-container .custom-card-header h2 {
  font-size: 1.4rem;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btn {
  background: var(--color-black);
  color: var(--color-white);
  padding: 8px 36px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  transition: 0.1s all ease-in-out;
  justify-content: center;
}

.btn:hover {
  background: #1f1f1f;
  color: var(--color-white);
}
.btn svg {
  transition: transform 0.2s ease-in-out;
}
.btn:hover svg{
  transform: translateX(4px);
}
.btn:active{
  transform: scale(0.98);
  background: #1f1f1f !important;
  color: var(--color-white) !important;
}

.grid-container .custom-card p {
  font-size: 16px;
  font-weight: 400;
  color: #525151;
  margin-bottom: 24px;
}

.grid-container .custom-card .custom-inner-wrapper > img {
  width: 100%;
  height: auto;
  aspect-ratio: 2.5 / 1;
  object-fit: cover;
  border-radius: 20px;
}

.grid-container .results {
  padding-top: 24px;
}
.grid-container .results-title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.grid-container .line {
	flex: 1;
	height: 1px;
	background: #ddd;
	width: 80px;
	max-width: 60px;
}

.grid-container .results h3 {
  font-size: 18px;
  color: #969798;
  margin-bottom: 0;
}
.grid-container .title-icon{
  background-color: var(--color-white);
  padding: 0px;
  border-radius: 30px;
  box-shadow: 0px 4px 24px 0px #0000000D;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.grid-container .stats {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.grid-container .stat {
  flex: 1;
  min-width: 100px;
}

.grid-container .stat h4 {
  font-size: 32px;
  font-weight: 400;
  margin: 0;
}

.grid-container .stat p {
  font-size: 16px;
  font-weight: 400;
  color: #525151;
  margin: 0;
}

/* Our strengths */
.frame-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 0 auto;
  margin-bottom: 140px;
}

.frame-container > div {
  background: #222;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(32,32,32,0.07);
  display: flex;
  align-items: center;
  justify-content: center;
}

.frame-container > div:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.frame-container > div:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

.frame-container > div:nth-child(3) {
  grid-column: 3;
  grid-row: 1 / span 2;
  height: 100%;
}

.frame-container > div:nth-child(4) {
  grid-column: 1 / 3;
  grid-row: 2;
  height: 170px;
}

.strategy-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border-radius: 20px; */
  display: block;
}
/* Our strengths */


/* feedback from our customers */
.reviews-slider-wrap{
  padding-inline: 40px;
}
.slick-dots {
  bottom: -78px !important;
  display: block;
  max-width: max-content;
  text-align: start !important;
  z-index: 9999;
}
.review-card {
  padding: 34px 40px 24px 40px;
  margin: 0 32px;
  text-align: center;
  position: relative;
  min-height: 295px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.review-stars {
  color: #34C759;
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 3px;
}
.review-text {
  font-size: 20px;
  color: var(--color-black);
  margin-bottom: 32px;
  font-weight: 500;
}
.reviewer {
  display: flex;
  align-items: center;
  justify-items: center;
  gap: 14px;
  justify-content: center;
}
.reviewer-img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50%;
  background: #C5D0D9;
}
.reviewer-name {
  font-size: 1.04rem;
  font-weight: 600;
}
.reviewer-location {
  font-size: 0.97rem;
  color: var(--desc);
}
.slick-dots li{
  width: 10px !important;
  height: 10px !important;
}
.slick-dots li button:before {
  color: #99c9b7;
  font-size: 12px;
  opacity: 0.83;
}
.slick-dots li button:before{
  font-size: 8px !important;
}
.slick-dots li.slick-active button:before {
  color: #f1ffe9b0;
  opacity: 1;
}

/* Custom Nav Buttons */
.reviews-nav {
  margin-top: 40px;
  text-align: end;
}
.slider-prev, .slider-next {
  background: var(--color-white);
  border: 1px solid #00000033;
  border-radius: 30px;
  font-size: 0 !important;
  width: 48px;
  height: 48px;
  cursor: pointer;
  color: var(--color-black);
  margin: 0 8px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.13);
  transition: background 0.22s, color 0.22s, border 0.22s;
  transform: inherit;
  position: relative;
  padding: 4px 10px;
}
.slider-prev:hover,
.slider-next:hover{ 
  background: var(--color-black) !important;
  color: var(--color-white) !important;
}
.slider-prev:hover svg,
.slider-next:hover svg{
  fill: var(--color-white) !important;
}
.reviews-nav {
	text-align: end;
  position: relative;
}
.customer-reviews{
  margin-bottom: 120px;
}
/* feedback from our customers */

/* contact us */
.trustpilot-strategy-img{
  width: 100%;
  height: 413px;
  object-fit: cover;
  object-position: center bottom;
  border-radius: 20px;
  display: block;
}
.strategy-logo-wrap{
  margin-top: 40px;
}
.trustpilot-main .person-image {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 20px;
}
.trustpilot-main {
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  max-width: 1100px;
  margin: auto;
  margin-bottom: 120px;
}
.trustpilot-main .left-side {
  width: 100%;
  padding: 32px;
}
.trustpilot-main .title-label{
  font-size: 14px;
  font-weight: 600;
}
.trustpilot-main .trustpilot span {
  font-size: 18px;
  font-weight: bold;
}
.trustpilot-main .right-side {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #EAEAEA;
  padding: 50px 40px;
  border-radius: 20px;
}
.trustpilot-main form {
  display: flex;
  flex-direction: column;
}
.trustpilot-main form label {
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 15px;
}
.trustpilot-main form input, form textarea {
  padding: 10px;
  font-size: 16px;
  margin-bottom: 6px;
  border-radius: 8px;
  border: 1px solid #ccc;
  width: 100%;
}
.trustpilot-main .form-filed-cover{
  margin-bottom: 15px;
}
.trustpilot-main form textarea {
  resize: vertical;
  height: 150px;
}
.trustpilot-main button {
  padding: 12px 20px;
  font-size: 18px;
  color: white;
  background-color: #000000;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.trustpilot-main button:hover {
  background-color: #333333;
}
/* contact us */



/* GROUP PAGE */
.group-img-right{
  width: 336px;
  height: 336px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}
.brand-structure-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
  /* padding-bottom: 100px; */
}
.brand-structure-card{
  background: linear-gradient(165.65deg, #FFFFFF 4.66%, #F1F0F0 123.25%);
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  flex: 0 1 calc((100% - 40px) / 3);
}
.brand-structure-img{
  align-self: center;
}
.brand-structure-img img {
  width: 260px;
  object-fit: cover;
}
/* GROUP PAGE */
/* sale report */
.sales-past-report{
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  margin-block: 140px;
}
.sales-past-report-inner h5{
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 24px;
  color: var(--color-muted-lite1);
}
.sales-past-report-inner h5 > span{
  font-size: 48px;
  font-weight: 700;
  color: var(--color-black)
}
.sales-past-report-inner p{
  font-size: 20px;
  font-weight: 500;
  color: #525151;
  margin-bottom: 0;
}
.service-main .hero-main-section .sales-past-report{
  justify-content: space-between !important;
}
/* sale report */

/* OUR BRAND PORTFOLIO */
.portfolio-brands{
  margin-bottom: 140px;
  position: relative;
}
.portfolio-brand-card{
  background-color: #FAFAFA;
  border: 1px solid #F2F1F1;
  padding:  20px 30px 30px 30px;
  border-radius: 20px;
  text-align: center;
}
.portfolio-img-fluid{
  border: 4px solid #ECECEC;
  box-shadow: 0px 4px 20px 0px #0000000D;
  border-radius: 20px;
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: top;
  margin-block: 20px;
}

.slider-main{
  display: flex;
  align-items: center;
  /* gap: 20px; */
}
/* carousel slider */
.carousel-arrow {
  /* background: #fff; */
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  width: 46px;
  height: 46px;
  font-size: 2rem;
  color: #555;
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, box-shadow 0.2s, color 0.2s;
}
.carousel-arrow.left { margin-right: 10px; top: 45%; position: absolute; left: 32%; }
.carousel-arrow.right { margin-left: 10px; top: 45%; position: absolute; right: 32%; }
.carousel-arrow:focus { outline: 2px solid #008cff; }
.slider-main-wrapper.carousel-track {
  width: 100%;
  height: 590px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.slider-main.carousel-slides {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.7s cubic-bezier(.6,.01,0,1);
  will-change: transform;
}
.portfolio-brand-card.carousel-slide {
  width: 350px;
  flex-shrink: 0;
  min-height: 500px;
  border-radius: 22px;
  opacity: 0.45;
  transform: scale(0.9) translateY(10px);
  pointer-events: auto;
  text-align: center;
  /* filter: blur(1.5px); */
  transition: opacity 0.5s, transform 0.55s, filter 0.5s;
  position: relative;
  cursor: pointer;
  z-index: 1;
  user-select: none;
}

.portfolio-brand-card.carousel-slide.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1.01) translateY(0px);
  z-index: 2;
}
.portfolio-btn{
  opacity: 0;
}
.portfolio-brand-card.carousel-slide.active .portfolio-btn{
  opacity: 1;
}
/* OUR BRAND PORTFOLIO */

/* OUR STRENGTHS */
.our-strengths-section{
  background-color: #FAFAFA;
  padding-block: 70px;
}
.strengths-grid{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.strengths-card{
  border: 1px solid #EFEFEF;
  background-color: var(--color-white);
  backdrop-filter: blur(30px);
  border-radius: 20px;
  padding: 25px 32px;
  box-shadow: 0px 4px 20px 0px #0000000D;
  transition: 0.2s all ease-in-out;
}
.strengths-card:hover{
  background-color: var(--color-primary);
  color: var(--color-white);
}
.strengths-image-wrapper img{
  width: 328px;
  height: 467px;
  object-fit: cover;
  border-radius: 160px;
}
.strengths-card .icon, .vision-mission-content .icon{
  background-color: var(--color-white);
  box-shadow: 0px 4px 12px 0px #0000000D;
  border: 1px solid #F2F2F2;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  border-radius: 30px;
  margin-bottom: 27px;
}
.strengths-card h3{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
}
/* OUR STRENGTHS */

/* OUR AWARDS */
.our-awards-section{
  margin-block: 140px;
}
.awards-list{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  gap: 40px;
  flex-wrap: wrap;
}
.awards-list .award-item{
  background-image: none;
  padding: 0 80px;
  text-align: center;
  max-width: 310px;
  font-weight: 500;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease; 
}
.awards-list .award-item img{
  width: 130px;
  margin-bottom: 8px;
}
.awards-list .award-item .btn-link{
  color: var(--color-primary);
  display: grid;
  margin-top: 8px; 
}
.awards-list .award-item.visible {
  background-image: url('../img/home/awards-left.png'), url('../img/home/awards-right.png');
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: inherit, inherit;
  opacity: 1;
  transform: translateY(0);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.awards-title{
  background: linear-gradient(91.94deg, #008EFF 10.38%, #001AAA 119.77%);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 3s linear infinite;
}
@keyframes gradientMove {
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}


/* Custom keyframes for zoom-in-left */
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale(0.3) translateX(-100px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateX(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

/* Custom keyframes for zoom-in-right */
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale(0.3) translateX(100px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

/* Animation classes */
.zoomInLeft {
  animation: zoomInLeft 0.8s ease forwards;
}
.zoomInRight {
  animation: zoomInRight 0.8s ease forwards;
}
/* OUR AWARDS */



/* OUR TECHNOLOGY MODULES */
.technology-modules-section .brand-structure-img{
  width: 100%;
  text-align: center;
  height: 200px;
}
.technology-modules-section .brand-structure-img .strategy-img{
  object-fit: inherit;
  width: 100%;
  height: 100%;
}

.ai-system-modules-section{
  max-width: 1220px;
  margin: auto;
  padding: 13px 42px !important;
}
.ai-system-content{
  gap: 80px;
}
.timeline-section {
	margin: auto;
	position: relative;
}
.timeline-container {
	display: flex;
	align-items: center;
	margin-bottom: 48px;
	position: relative;
}
.timeline-column {
	min-width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.timeline-line::before {
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	background: #D9D9D9;
	border-radius: 3px;
	margin: 0 auto;
	position: absolute;
	top: -103px;
	left: 15px;
	transform: translateX(-50%);
	z-index: 0;
}
.timeline-line.timeline-line-1::before {
	height: 50px;
	top: 10px;
}
.step-indicator {
	width: 30px;
	height: 30px;
  background: linear-gradient(170.83deg, #000000 6.95%, #666666 98.21%);
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
  box-shadow: 0px 4px 20px 0px #FFFFFF33 inset;
	position: relative;
	top: 0px;
	z-index: 1;
}
.timeline-column {
	min-width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.timeline-step {
	padding: 28px 32px;
}
/* OUR TECHNOLOGY MODULES */

/* ABOUT US */
.vision-mission-main{
  margin-bottom: 140px;
}
.about-hero-section .hero-right{
  background: linear-gradient(135.94deg, #FAFAFA 24.59%, #F0F0F0 107.76%);
  border-radius: 20px;
  padding: 20px;
  border: 1px solid #EAECEE;
  box-shadow: 0px 4px 20px 0px #0000000D;
}
.about-img-right{
  width: 533px;
  height: 355px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}
.about-main .strengths-grid .card-container{
  display: flex;
  align-items: center;
}
.about-main .about-img-center{
  width: 420px;
  height: 420px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}
.about-main .team-grid{
  display: flex;
  /* flex-wrap: wrap; */
  gap: 24px;
}
.our-team-main{
  margin-bottom: 120px;
}
.vision-mission-content-inner{
  background-color: #FAFAFA;
  border-radius: 20px;
  padding: 48px 51px;
}
.d-flex.align-items-center.vision-mission-content-inner{
  gap: 70px;
}
.vision-mission-content ul li{
  background-image: url('../icons/check-dark.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 0px 2px;
  padding-left: 30px;
  margin-bottom: 16px;
}
.vision-mission-img{
  width: 389px;
  height: 395px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
  object-position: top;
}
.vision-mission-right{
  background: linear-gradient(188.69deg, #FFFFFF -1.08%, #FFFDFD 127.06%);
  box-shadow: 0px 4px 20px 0px #0000000D;
  padding: 16px;
  border-radius: 20px;
}
.more-group-page-btn{
  background-color: var(--color-black);
  border-radius: 8px;
  color: var(--color-white) !important;
  font-weight: 500;
  font-size: 16px;
  padding: 6px 28px;
}
.vision-mission-content h2 + p{
  color: #525151;
}
.sales-past-report-inner svg {
  transition: transform 0.3s ease;
}
.sales-past-report-inner:hover svg {
  transform: translateY(-8px);
}
.about-new-main{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 70px;
  gap: 70px;
}
.about-new-main .about-new-img{
  width: 200px;
}
.about-new-main .about-dot{
  font-size: 30px;
}
/* ABOUT US */


/* Anbieter Portal */
.find-your-provider-title{
  font-size: 60px;
  font-weight: 700;
  line-height: 30px;
}
.find-your-provider-para{
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 32px;
  color: #363F4A;
}
.anbieter-portal-main-hero{
  background-image: url('../../new-assets/img/home/title-right-img.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  padding-top: 80px;
}
.hero-img-portal{
  width: 100%;
  height: 100%;
}
.search_input_anbieter{
  width: 100%;
  padding: 16px 24px;
  border-radius: 16px;
  border: 2px solid #BFBFBF;
  font-size: 20px;
  font-weight: 600;
  outline: none;
  transition: 0.2s all ease-in-out;
}
.search_input_anbieter.add_list_show{
  border-radius: 16px 16px 0px 0px;
}
.anbieter-portal-main-hero .search_list{
  border-top: 0 !important;
  border-width: 2px !important;
  border-radius: 0 0px 16px 16px !important;
  overflow: hidden;
}
.search_input_anbieter.add_list_show + .search-icon-btn-anbieter{
  border-radius: 0px 16px 0px 0px;
}
.search_wrapper .search-icon-btn-anbieter {
	width: 65px;
	height: 65px;
  cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #000000 url('../../new-assets/img/home/search.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
	-webkit-border-radius: 0 16px 16px 0;
	text-indent: -1000000px;
	z-index: 999;
  transition: 0.2s all ease-in-out;
}
.anbieter-portal-main .card-container-wrapper{
  display: flex;
  gap: 30px;
  padding: 10px 0px;
}
.anbieter-portal-main .card-container-item{
  display: grid;
  justify-items: center;
  align-items: center;
  cursor: pointer;
  width: 174px;
  padding: 18px;
  flex: 0 0 auto;
  background: #ffffff;
  border-radius: 20px;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.anbieter-portal-main .card-container-item:hover {
	transform: scale(1.05);
}
.anbieter-logo-circle {
  font-size: 26px;
  font-weight: 600;
	width: 50px !important;
	height: 50px !important;
	flex-shrink: 0;
	background-color: #1A1A1A;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-transform: uppercase;
}
.anbieter-portal-popular{
  padding-top: 80px;
  padding-bottom: 140px;
}
.anbieter-portal-main-hero .search_wrapper {
	max-width: 626px;
}
.anbieter-portal-popular-item h3{
  font-size: 22px;
  font-weight: 600;
  margin-block: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.anbieter-reviews{
  font-size: 14px;
  font-weight: 400;
  color: #4B5563;
}
.anbieter-rating{
  font-size: 25px;
  font-weight: 600;
  margin-top: 10px;
}
.anbieter-portal-popular .section-title{
  font-size: 35px;
}
.anbieter-portal-popular-container .anbieter-portal-popular-item:hover .anbieter-title h3{
  color: #008EFF;
}
/* Anbieter Portal */

/* Anbieter Portal details */
.anbieter-portal-main-details .breadcrumb-main{
  padding-top: 50px;
}
.anbieter-portal-second{
  padding-top: 42px;
}
.anbieter-portal-main-details .anbieter-details-portal-container{
  display: flex;
  align-items: center;
  gap: 18px;
  margin-block-end: 42px;
}
.anbieter-portal-main-details .logo-circle {
	width: 50px;
	height: 50px;
	background-color: #1A1A1A;
	color: white;
	font-size: 24px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-transform: uppercase;

  width: 100px;
  height: 100px;
  font-size: 52px;
}
.anbieter-info h3{
  font-size: 32px;
  font-weight: 700;
}
.anbieter-info p{
  color: var(--pri-dark-color);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 6px;
}
.anbieter-info .rating-stars{
  font-size: 22px;
  font-weight: 600;
}
.anbieter-info .verified{
  font-size: 12px;
  font-weight: 500;
  color: var(--color-dark-gray2-text);
}
.anbieterportal-card{
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0px 1px 2px 0px #0000000D;
}
.card-rating-title-wrap-text{
  font-size: 24px;
  font-weight: 700;
}
.rating-message-section .rating-row{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}
.rating-message-section .rating-row .progress{
  width: 100%;
}
.rating-message-section .rating-row .card-rating-progress-count {
	width: 40px;
	text-align: end;
}
.rating-message-section p.card-rating-sub-title{
  color: var(--pri-dark-color);
  font-size: 18px;
  font-weight: 400;
}
.rating-row .progress.w3-light-grey .w3-container{
  background: #363F4A;
  border-radius: 20px;
  transition: 0.2s all ease-in-out;
}
.rating-row .progress.w3-light-grey{
  margin-block: 6px;
}
.anbieterportal-container{
  display: flex;
  align-items: center;
  gap: 18px;
}
.customer-reviews-main .review-name{
  color: var(--pri-dark-color);
  font-size: 18px;
  font-weight: 600;
}
.customer-reviews-main .review-date{
  color: #6B7280;
  font-size: 16px;
  font-weight: 400;
}
.customer-reviews-main .review-text-main{
  color: var(--content-title-color-gray);
  font-size: 18px;
  font-weight: 400;
}
.anbieterportal-card .review-item{
  margin-bottom: 36px;
}
.anbieterportal-card .review-item .review-stars-main{
  margin-block: 6px;
}
.reviews-btn{
  font-size: 16px;
  font-weight: 500;
  background-color: var(--color-lite-gray);
  border-radius: 8px;
  border: 1px solid #EAECEE;
  color: var(--color-black) !important;
  width: 100%;
  padding: 8px 0px;

  display: flex;
  align-items: center;
  justify-content: center;
}
.similar-providers-section .logo-circle{
  width: 76px !important;
  min-width: 76px !important;
  height: 76px !important;
  font-size: 36px;
  border-radius: 12px;
}
.similar-providers-section .similar-title{
  font-size: 16px;
  font-weight: 600;
  color: var(--pri-dark-color);
}
.similar-providers-section .similar-title, .similar-providers-right-side .similar-right-container .similar-right-info h3{
  font-size: 16px;
  font-weight: 600;
  color: var(--pri-dark-color);
}
.similar-providers-section .anbieterportal-card a:hover .similar-title, .similar-providers-section .anbieterportal-card a:hover .vodafone-right-arrow i, .profile-about-details .anbieterportal-card a:hover .similar-right-info h3, .anbieterportal-card.categories-wrap a:hover .anbieterportal-categorie-info h3, .anbieterportal-card.categories-wrap a:hover .anbieterportal-categorie-info h3{
  color: var(--color-primary);
}
.similar-providers-section .similar-bewertungen{
  font-size: 13px;
  font-weight: 400;
  color: var(--pri-dark-color);
}
.share-experience .rating-right-title{
  font-size: 24px;
  font-weight: 600;
  color: var(--content-title-color-gray)
}
.share-experience .rating-right-sub-title{
  font-size: 16px;
  font-weight: 400;
  color: var(--content-title-color-gray)
}

.profile-about-details .logo-circle {
	width: 76px;
	height: 76px;
  min-width: 76px;
  font-size: 34px;
  border-radius: 12px;
}
.profile-about-details .profile-container{
  display: flex;
  align-items: center;
  gap: 18px;
}

.profile-about-details .profile-start-new-right, .profile-about-details .profile-about-info-text, .profile-about-details .about-info-text span, .profile-about-details .about-info-text a{
  color: var(--pri-dark-color);
  font-size: 18px;
  font-weight: 400;
}
.similar-providers-right-side .similar-right-container{
  display: flex;
  align-items: center;
  gap: 12px;
}

.similar-providers-right-side .similar-right-container .logo-circle{
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  font-size: 26px;
}
.similar-providers-right-side .anbieterportal-card.similar-providers a{
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 16px;
  display: block;
}
.categories-wrap .categories-title{
  font-size: 16px;
  font-weight: 400;
  color: var(--content-title-color-gray)
}
.categories-wrap .anbieterportal-categorie-container{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block: 12px;
}

.verified {
  font-size: 12px;
  color: gray;
  display: flex;
  align-items: center;
}
.verified::before {
  content: "✔";
  color: white;
  margin-right: 4px;
  background: #008EFF;
  border-radius: 50px;
  width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12px;
  font-size: 8px;
}
/* Anbieter Portal details */

/* Ask a lawyer */
.anwalt-soforthilfe-main .section-hero.section-light-advice{
  margin-top: 100px;
  margin-bottom: 140px;
}
.ask-lawyer-section{
  background-color: #FAFAFA;
  padding-block: 70px;
}
.hero-headline .tag {
	background: #EFF6FF;
	color: #0061FF;
	border-radius: 8px;
	padding: 3px 20px;
	display: inline-block;
	margin-bottom: 36px;
	font-size: 18px;
	font-weight: 500;
}
.hero-headline .btn.btn-primary{
  padding: 12px 60px;
}
.anwalt-hero-title{
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 24px;
}
.hero-subline{
  color: var(--content-title-color-gray);
  font-size: 20px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 40px;
}
.hero-img-kontogebuehren {
	margin-right: -50px;
	margin-top: 40px;
}
.anwalt-img-kontogebuehren{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
}
.anwalt-img-kontogebuehren img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.choose-pricing-plan .section-headline {
	text-align: center;
	max-width: 680px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.choose-pricing-plan .section-headline h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
}
.choose-pricing-plan .sr-price-card {
	background: #FFF;
	border-radius: 20px;
	border: 1.5px solid var(--Stroke, #E5E7EB);
	padding: 32px;
  box-shadow: 0px 0px 10px 0px #0000000A;

}
.sr-price-headline {
	display: flex;
	align-items: center;
	color: #363F4A;
	font-weight: 700;
	font-size: 20px;
}
.sr-price-value {
	font-size: 38px;
	font-weight: 700;
	color: #2C66FF;
	margin: 12px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
.sr-price-value .text-small {
	color: #6F7680 !important;
	font-weight: 400;
	font-size: 14px;
}
.checklist-srplus {
	list-style: none;
}
.sr-price-card .checklist-srplus li::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
}
.sr-price-card .checklist-srplus li {
	font-size: 16px !important;
	padding-left: 24px;
	margin-bottom: 14px;
}
.checklist-srplus li {
	position: relative;
	padding-left: 24px;
	color: #363F4A;
	font-size: 18px;
	margin: 10px 0;
}
.checklist-srplus li::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../../new-assets/img/home/check-gray.svg") no-repeat;
	background-size: contain !important;
	position: absolute;
	left: 0;
	top: 6px;
}
.sr-price-card .checklist-srplus li::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
}
.anwalt-soforthilfe-main .normal-value {
	padding-top: 65px;
}
.best-value .sr-price-card {
  background-image: 
  url("../../new-assets/img/home/best-value-2.png"), 
  url("../../new-assets/img/home/best-value-1.png");

  background-color: var(--color-black);
  background-repeat: no-repeat, no-repeat;
  background-size: 481px, 250px;
  background-position: -90px -130px, 250px 410px;

  color: var(--color-white);
  border: 0px solid var(--color-black);
  position: relative;
  box-shadow: 0 7px 29px 0 rgba(100, 100, 111, 0.2);
}

.sr-price-card .btn {
	margin-top: 40px;
	width: 100%;
  padding: 10px;
}
.best-value .checklist-srplus li, .best-value .sr-price-headline, .best-value .sr-price-value{
  color: var(--color-white);
}
.best-value .btn.btn-primary{
  background: var(--color-white);
  color: var(--color-black);
  border-radius: 8px;
  font-weight: 600;
}
.anwalt-soforthilfe-main .normal-value {
	padding-top: 65px;
}
.sr-price-card .best-value-tag-container{
  background-color: var(--color-primary-dark);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  padding: 6px 36px;
  border-radius: 30px;
}
.per-month-bedge{
  color: #919798;
  font-size: 30px;
}
/* .choose-pricing-plan.section-light-advice{
  padding-block: 110px;
} */
.premium-legal-advice .premium-alternative {
	margin-bottom: 60px;
	font-weight: 600;
}
.premium-legal-advice .premium-alternative .premium-alternative-subline {
	background-color: #EDF9F0;
	border-radius: 8px;
	padding: 16px;
	margin-inline: 280px;
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.premium-legal-advice .premium-alternative .premium-alternative-subline i {
	color: #24B47E;
	font-size: 18px;
}
.premium-legal-advice .premium-alternative .premium-alternative-subline p {
	color: #374151;
	font-size: 18px;
	font-weight: 400;
	position: relative;
}
.premium-legal-advice .text-center.premium-alternative h2, .public-issues .section-headline.full-width h2, .section-headline h2 {
  font-size: 36px;
  font-weight: 600;
}
.premium-legal-advice .text-center.premium-alternative .premium-alternative-subline b{
  color: #24B47E;
}
.premium-legal-steps .step-soforthilfe-advice img{
  filter: brightness(0) saturate(100%);
}
.premium-legal-steps .step-soforthilfe-advice{
  background: linear-gradient(165.65deg, #FFFFFF 4.66%, #F1F0F0 123.25%);
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  padding: 28px;
}
.premium-legal-steps .step-soforthilfe-advice h3{
  font-size: 20px;
  font-weight: 600;
  color: var(--pri-dark-color);
}
.section-light-advice.premium-legal-advice{
  padding-top: 80px;
  /* width: 1200px; */
}
.title-content-lighter-text{
  font-size: 16px;
  font-weight: 400;
  color: var(--content-title-color-gray);
  padding-top: 12px;
}
.section-headline.full-width {
	max-width: 100%;
}
.section-headline {
	text-align: center;
	max-width: 680px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.main-container.anwalt-soforthilfe-main .section-light-advice.public-issues .public-issues-filter {
	gap: 28px;
}
.public-issues-filter {
	margin-bottom: 24px;
	padding-bottom: 24px;
}
.content-title-color-gray {
	color: #4B5563;
}
.title-content-lighter-text {
	font-size: 16px;
	font-weight: 400;
}
.public-issues-filter .custom-select::after {
	content: '▼';
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
.main-container.anwalt-soforthilfe-main .section-light-advice.public-issues select.custom-select {
	appearance: auto;
	background: transparent;
}
.public-issues-filter select {
	padding: 8px 10px;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	background: white;
	cursor: pointer;
}
.section-light-advice.public-issues{
  padding-block: 110px;
}
.card-labour-law-describe {
	border: 1px solid #E5E7EB;
	padding: 24px;
	border-radius: 20px;
}
.lawyers-answer-questions .labour-law-describe-profile img {
	width: 65px;
	height: 65px;
	border-radius: 50px;
}
.content-para-liter-gray {
	color: #363F4A;
}
.title-text-bold,.lawyers-describe-headline h5 {
	font-size: 16px;
	font-weight: 700;
}
.content-text-mini {
	font-size: 14px;
	font-weight: 400;
}
.lawyers-describe-headline {
	padding: 16px;
	background-color: #F9FAFB;
	border-radius: 8px;
}
.content-title-lite-gray {
	color: #6B7280;
}
/* .section-light-advice {
	padding-bottom: 120px;
} */
.benefits-icon i {
	font-size: 24px;
	margin-bottom: 8px;
	color: #000000;
	background: #F0F0F0;
	padding: 16px;
	border-radius: 50%;
	width: 58px;
}
.normal-title-text-lite {
	font-size: 20px;
	font-weight: 700;
}
.step-soforthilfe {
	text-align: center;
}

.cta-style-1 {
  background-image: 
  url("../../new-assets/img/home/lgt-1.png"), 
  url("../../new-assets/img/home/lgt-2.png"),
  url("../../new-assets/img/home/lgt-3.png");

  background-color: #060721;
  background-repeat: no-repeat, no-repeat,no-repeat;
  background-size: 460px, 250px,250px;
  background-position: left top, right top, center 335px;

	padding: 50px 84px;
	color: #FFF;
	border-radius: 32px;
}
.anwalt-soforthilfe-main .section-cta.section-default .cta-logo {
	margin-bottom: 35px;
}
.cta-style-1 h2 {
	font-size: 28px;
}
.anwalt-soforthilfe-main .section-cta.section-default .checklist {
	font-size: 18px;
	font-weight: 400;
}
.anwalt-soforthilfe-main .section-cta.section-default .cta-style-1 .checklist {
	margin-top: 22px;
}
.checklist li {
	position: relative;
	padding-left: 32px;
	margin: 16px 0;
}
.checklist li::before {
	content: "";
	display: block;
	background: url("../../new-assets/img/home/check-icon.svg");
	background-size: 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.section-cta .custom-btn, .section-cta .custom-btn:active{
  box-shadow: -2px -2px 6px 0px #0000005C inset;
  background-color: var(--color-white);
  color: var(--color-black);
  margin-top: 24px;
}
.your-benefits-wrap {
	margin-bottom: 120px;
	padding: 80px 0px;
}
.card-labour-law-describe {
	border: 1px solid #E5E7EB;
	padding: 32px;
	border-radius: 20px;
}
.primary-color {
	color: #008EFF;
}
.content-mini-title {
	font-size: 12px;
	font-weight: 500;
}
.content-title-lite-gray {
	color: #6B7280;
}
.content-text-mini {
	font-size: 14px;
	font-weight: 400;
}
.labour-law-describe-headline .normal-title-text-lite.text-color-black {
	word-break: break-word;
}
.text-color-black {
	color: #000000 !important;
}
.normal-title-text-lite {
	font-size: 20px;
	font-weight: 700;
}
.labour-law-describe-profile img {
	width: 45px;
	height: 45px;
	border-radius: 50px;
}
.labour-law-describe .card-labour-law-describe:nth-of-type(n+2) {
	margin-top: 20px;
}
.private-questions-content-wrap.private-questions-lesen .fa-thumbs-up.fa-solid{
  color: var(--color-primary);
}
.private-questions-content-wrap.private-questions-lesen .fa-thumbs-up.fa-regular{
  color: #8E959D;
}
/* Ask a lawyer */

.public-questions-more .public-issues-title h2{
  font-size: 48px !important;
  font-weight: 700 !important;
}
.public-questions-more .public-issues-title p{
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--content-title-color-gray);
  margin-top: 20px;
}
.public-questions-more .public-issues-filter {
	border-bottom: 1px solid #E5E7EB;
}

/* public-questions-more-details */
.public-questions-more-details .anbieter-details-portal-container .profile-img-cover img{
  width: 80px;
  height: 80px;
  border-radius: 50px;
  object-fit: cover;
}
.public-questions-more-details .logo-circle-right-title{
  font-size: 18px;
  font-weight: 600;
  color: var(--pri-dark-color);
}
.public-questions-more-details .logo-circle-right-sub-title{
  font-size: 16px;
  font-weight: 400;
  color: var(--content-title-color-gray);
}
.public-questions-more-details .anbieter-info .rating-stars{
  font-size: 16px;
  font-weight: 400;
}
.public-questions-more-details .anbieter-details-portal-container .btn-outline-primary, .public-questions-more-details .anbieter-details-portal-container .btn-primary{
  padding: 6px 26px;
  font-size: 12px;
}
.public-questions-more-details .customer-reviews-main-1 .anbieterportal-card{
  background: #FAFAFA;
  border: 0;
}
.public-issues-right-sidebar .anbieterportal-card .anbieterportal-card-title{
  font-size: 20px;
  font-weight: 700;
  color: var(--pri-dark-color);
  border-bottom: 1px solid #E5E7EB;
  padding-bottom: 12px;
}
.public-issues-right-sidebar .categories-wrap .categories-title h3{
  color: var(--pri-dark-color);
}
.public-issues-right-sidebar .categories-wrap .categories-title{
  margin-bottom: 0;
}
.public-issues-right-sidebar .categories-wrap a .anbieterportal-categorie-container{
  margin-block: 26px;
}
.public-issues-right-sidebar .categories-wrap a:hover, .public-issues-right-sidebar .categories-wrap a:hover .categories-title{
  color: var(--color-primary);
}
.public-question--lawyer-answers h4{
  color: var(--pri-dark-color);
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.public-question--lawyer-answers p{
  color: #8E959D;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 6px;
  border-bottom: 1px solid #E5E7EB;
}
.you-can-pay-wrapper{
  display: grid;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-top: 20px;
}
.you-can-pay-wrapper a{
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 12px 20px;
}
.public-questions-more-details .comments-form .private-questions-card-btn-wrap .private-questions-textarea{
  border: 0;
  padding: 0;
  width: 100%;
  resize: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  background: transparent;
}
.public-questions-more-details .comments-form .private-questions-card-btn-wrap .submit-btn{
  height: inherit;
  padding: 8px 24px;
}
.public-questions-more-details .comments-form .private-questions-card-btn-wrap .submit-btn.disabled{
  background-color: #EAECEE;
  color: #ffffff;
  border-color: transparent;
} 
.public-questions-more-details form.comments-form {
  background-color: #fff;
  border: 1px solid var(--color-border-lite, #E5E7EB);
  border-radius: 12px;
  padding: 22px 24px;
  width: 100%;
}
.public-questions-more .lawyerQuestionPageLinks .pagination {
  flex-wrap: wrap;
}
/* public-questions-more-details */

/* press page */
.brand-logos-wrapper {
  width: 100%;
  padding: 40px 0;
  display: flex;
  justify-content: center;
}

.brand-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 80px;
  max-width: 1200px;
}

.brand-logos img {
  max-height: 45px;
  max-width: 160px;
  object-fit: contain;
  display: block;
  transition: transform .25s ease;
}

.brand-logos img:hover {
  transform: scale(1.05);
}

.press-section-team {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  padding-block: 80px;
}

.press-header {
  text-align: center;
  margin-bottom: 60px;
}

.press-section-team .press-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 70px;
}

.press-card {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.press-thumb {
  width: 110px;
  height: 110px;
  background: #e5e7eb;
  border-radius: 8px;
  flex-shrink: 0;
}

.press-content {
  flex: 1;
}

.press-date {
  font-size: 14px;
  font-weight: 400;
  color: #525151;
  margin-bottom: 6px;
  display: block;
}

.press-content h3 {
  font-size: 18px;
  font-weight: 400;
  color: #09093B;
  margin-bottom: 12px;
  line-height: 1.35;
}

.press-link {
  font-size: 16px;
  font-weight: 400;
  color: #0061FF;
  text-decoration: none;
}

.press-link:hover {
  text-decoration: underline !important;
}
.press-button-wrapper{
  text-align: center;
  margin-top: 60px;
}
.press-button-wrapper button{
  padding: 10px 70px;
}

.sr-reports-section {
  background: #FAFAFA;
}
.sr-reports-section .sr-reports-wrapper{
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 24px 20px;
}
.sr-reports-left .sr-icon-wrap{
  width: 66px;
  height: 66px;
  background: #FFFFFF;
  border-radius: 50px;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 4.73px 14.2px 0px #0000000D;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sr-reports-left {
  padding-right: 70px;
}

.sr-icon-wrap img {
  width: 32px;
  height: 32px;
}

.sr-title {
  font-size: 32px;
  font-weight: 700;
}

.sr-desc {
  font-size: 16px;
  font-weight: 400;
  color: #525151;
  max-width: 600px;
}

.sr-report-item {
  padding: 14px 0;
}

.sr-report-item p {
  font-size: 16px;
  font-weight: 600;
  color: var(--pri-dark-color);
}

.sr-year {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-muted-lite);

  display: flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: 10px;
}
.sr-year i{
  font-size: 12px;
}

/* Right images */
.sr-reports-right{
  display: flex;
  align-items: center;
  gap: 24px;
}
.sr-img-large img,
.sr-img-small img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
  display: block;
}

.sr-img-large img {
  height: 380px;
}

.sr-img-small img {
  height: 230px;
  background-color: var(--color-black);
  object-fit: contain;
}

/* Wrapper */
.sr-group-section {
  margin-block: 150px;
  padding: 20px 0;
}
.sr-group-box {
  position: relative;
  width: 100%;
  background: url('../../new-assets/img/home/press-group-bg.jpg') center/cover no-repeat;
  border-radius: 20px;
  padding: 48px;
  overflow: hidden;
  color: #fff;
}

/* Overlay */
.sr-group-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  border-radius: inherit;
  z-index: 1;
}

/* Content Section */
.sr-group-content {
  position: relative;
  z-index: 2;
  max-width: 585px;
}

.sr-group-title {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 24px;
}

.sr-group-desc {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 26px;
}

/* Button */
.sr-group-btn {
  display: inline-block;
  padding: 12px 26px;
  background: #fff;
  color: #111;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.25s ease;
}

.sr-group-btn:hover {
  background: #f1f1f1;
}

/* Bottom-right Logo */
.sr-group-logo {
  position: absolute;
  right: 35px;
  bottom: 30px;
  z-index: 2;
}

.sr-group-logo img {
  height: 36px;
}
.our-press-content-box{
  margin-top: 60px;
  margin-bottom: 120px;
}
.our-press-content-card{
  border: 1px solid #F0F0F0;
  border-radius: 20px;
  padding: 28px;
  background: linear-gradient(165.65deg, #FFFFFF 4.66%, #FAFAFA 123.25%);
  text-align: start;
  max-width: 436px;
}
.our-press-content-card h3{
  font-size: 24px;
  font-weight: 600;
}
.our-press-section .sr-icon-wrap{
  box-shadow: 0px 4.73px 14.2px 0px #0000000D;
  border: 1.18px solid #F2F2F2;
  background-color: #FFFFFF;
  width: 58px;
  height: 58px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our-press-section .sr-icon-wrap img.press-icon{
  width: 24px;
  height: 24px;
}
/* press page */

/* Magazin (blog) */
.section-hero.hero-promise{
  padding-top: 80px;
}
.blog-main-container .hero-headline.headline-center {
	text-align: center;
}
.blog-main-container .hero-headline {
	margin-bottom: 24px;
}
.blog-main-container h1 {
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 1.3;
}
.blog-main-container .hero-subline.subline-center {
	max-width: 730px;
}
.blog-main-container .hero-subline.subline-center {
	text-align: center;
	max-width: 530px;
	width: 100%;
	margin: 0 auto;
}
.blog-main-container .hero-subline {
	font-size: 20px;
	color: #6F7680;
}
.blog-main-container .section-default {
	padding-top: 100px;
}
.blog-main-container .article-card {
	border-radius: 20px;
	overflow: hidden;
	color: #6F7680;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.blog-main-container .article-img img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.blog-main-container .article-text {
	padding: 32px 24px 24px 24px;
}
.blog-main-container a{
  color: var(--color-white) !important;
}
.blog-main-container .article-date {
	font-size: 14px;
	margin-bottom: 8px;
	color: #6F7680;
}
.blog-main-container h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 8px;
	line-height: 1.5;
}
.blog-main-container .article-card .btn {
	margin-top: 6px;
}

/* Magazin (blog) */

/* Smart Form */
.smart-form-main .main-hero-container{
  max-width: max-content;
  margin: auto;
  margin-top: 90px;
  margin-bottom: 50px;
  padding: 13px 42px;
}
.smart-form-hero{
  max-width: 850px;
  text-align: center;
}
.smart-form-hero h2, .smart-sign-hero h2{
  font-size: 48px;
  font-weight: 700;
}
.smart-form-hero p, .smart-sign-hero p{
  font-size: 20px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 30px;
  color: var(--content-title-color-gray);
}
.smart-form-main-img-wrapper{
  padding-top: 60px;
  position: relative;
  border-radius: 18px;
}
.smart-form-main-img-wrapper > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 18px;
  box-shadow: 0px 9px 20px 0px #0000001F;
}
.smart-form-main .smart-form-effect-img {
  position: absolute;
  width: 906px;
  height: 80%;
  left: 50%;
  transform: translateX(-50%);
  top: 160px;
  pointer-events: none;
  background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60.69% );
}
.smart-form-main .arrow-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.smart-form-main .arrow-pointer {
  width: 32px;
  animation: arrowMove 6.5s ease-in-out infinite;
}

@keyframes arrowMove {
  0% { transform: translate(-280px, -112px); }
  25% { transform: translate(220px, 95px); }
  50% { transform: translate(52px, -34px); }
  75% { transform: translate(-50px, -175px); }
  100% { transform: translate(-280px, -112px); }
}
.form-wrapper-service{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding-top: 60px;
}
.form-wrapper-service .form-service label {
	width: max-content;
}
.form-wrapper-service .form-service{
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #F6F6F6;
  border-radius: 20px;
  padding: 8px 18px;
  cursor: pointer;
  transition: transform .25s ease;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  font-weight: 500;
}
.form-wrapper-service .form-service label{
  cursor: pointer;
}
.form-wrapper-service .form-service:hover {
  transform: scale(1.05);
}
.energy-form-container{
  max-width: 1100px;
  margin: auto;
}
.energy-form-title{
  font-size: 48px;
}
.energy-form-tab{
  margin-top: 40px;
  border: 0;
  gap: 20px;
}
.energy-form-tab .nav-link:hover, .energy-form-tab.nav-tabs .nav-link{
  border-color: transparent;
  border: none;
}
.energy-form-tab.nav-tabs .nav-link{
  color: var(--color-black);
  font-size: 20px;
  font-weight: 400;
}
.energy-form-tab.nav-tabs .nav-link.active{
  border: 0;
  border-bottom: 2px solid var(--color-black);
}
.energy-form-tab.nav-tabs .nav-link:hover{
  border-color: var(--color-black) !important;
}
.energy-form-container .tab-pane{
  padding: 40px 50px 80px 50px;
}
.energy-form-container .energy-tab-title{
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.energy-form-container .energy-dec-context{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--color-muted-lite);
  margin-bottom: 0;
}

.two-in-one-section .energy-tab-title{
  font-size: 24px;
  line-height: 34px;
}
.two-in-one-section .energy-dec-context{
  line-height: 22px;
  color: var(--color-black);
}
.header-wrapper .header-title{
  font-size: 48px;
  font-weight: 600;
  line-height: 54px;
  margin-bottom: 10px;
}
.header-wrapper .header-description{
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: var(--muted-color-1);
}
.two-in-one-inner{
  margin: auto;
  max-width: 991px;
}
.two-in-one-content{
  margin-top: 80px;
}
.two-in-one-img-wrap img{
  border: 0.5px solid #E5E5E5;
  border-radius: 14px 14px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.two-in-one-img-wrap{
  max-height: 400px;
  border-radius: 14px 14px 0px 0px;
}
.two-in-one-img-wrap.two-in-one-right-img{
  padding-block-start: 120px;
  transition: 0.4s all ease-in-out;
}
.two-in-one-cover-box:hover .two-in-one-img-wrap.two-in-one-right-img {
	padding-block-start: 30px;
}
.two-in-one-cover-box{
  overflow: hidden;
  padding-inline: 33px;
  padding-top: 20px;
  cursor: pointer;
}
.two-in-one-section .form-icon-cover {
  background: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px #0000002E;
  display: flex;
  padding: 10px;
  height: 48px;
  display: flex;
  align-items: center;
}
.forming-tools-content{
  margin-top: 40px;
}

/* slide template */
.templates-wrapper {
  position: relative;
  width: 100%;
  margin: auto;
  height: 460px;
  margin-block: 60px;
}
.template-card-1 {
  position: absolute;
  width: 260px;
  height: 420px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  overflow: hidden;
  transition: transform 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), left 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), right 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform, opacity;
}
.template-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.05);
  opacity: 1;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.template-center img.slide {
  width: 100%;
  height: 100%;
  display: block;
} 
.template-left-1,
.template-right-1 {
  opacity: 0.75;
}
.template-left-2,
.template-right-2 {
  opacity: 0.45;
}
.template-left-1 {
  left: 35%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.96);
  opacity: 0.95;
  z-index: 3;
}
.template-left-2 {
  left: 22%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0.8;
  z-index: 1;
  filter: blur(0.3px);
}
.template-right-1 {
  right: 35%;
  top: 50%;
  transform: translate(50%, -50%) scale(0.96);
  opacity: 0.95;
  z-index: 3;
}
.template-right-2 {
  right: 22%;
  top: 50%;
  transform: translate(50%, -50%) scale(0.8);
  opacity: 0.8;
  z-index: 1;
  filter: blur(0.3px);
}
.smart-template-main img.slide{
  width: 100%;
  height: 100%;
}
/* slide template */

/* smart form template */
.padding-block-section{
  padding-block: 75px;
}
.start-free-now-section .cta-style-1{
  background-image: url("../../new-assets/img/home/lgt-4.png");
  background-color: #353535;
  background-repeat: no-repeat;
  background-size: 350px;
  background-position:  right top;
  padding: 60px 80px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.start-free-now-section h2{
  font-size: 52px;
  font-weight: 600;
}
.start-free-now-section p{
  font-size: 18px;
  font-weight: 400;
}
.start-free-now-section a.btn{
  background-color: var(--color-white);
  color: var(--color-black);
}
.start-free-now-section a.btn:active{
  background-color: #737373 !important;
}
.start-free-now-section .cta-style-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 655px;
  height: 340px;
  background: linear-gradient( 84.44deg, #000000 31.38%, rgba(0, 0, 0, 0) 94.89% );
  pointer-events: none;
  z-index: -1;
}
/* Smart Form */

/* Smart sign */
.sign-card {
  opacity: 0;
  transform: translateY(30px);
  animation: cardEnter 0.9s ease-out forwards;
}
@keyframes cardEnter {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sign-card-main{
  position: relative;
}
.sign-card-cover-animation{
  position: absolute;
  top: 140px;
  right: 30px;
}
.cursor-pointer-red{
  position: absolute;
  right: 3px;
  top: 111px;
}
.sign-line {
	position: absolute;
	bottom: 30px;
	right: 20px;
}
.sign-card-main { position: relative; }
.sign-card-cover-animation { position: absolute; top: 140px; right: 30px; }
.sign-line {
  position: absolute;
  bottom: 30px;
  right: 20px;
  opacity: 0;
  animation: drawLine 3s ease forwards 0.3s;
}
@keyframes drawLine {
  0% {
    opacity: 1;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
.sign-pen {
  position: absolute;
  bottom: 10px;
  right: 75px;
  animation: writeSignature 3s linear infinite;
  offset-path: path("M0 0 L157 0");
  offset-rotate: 0deg;    
}

@keyframes writeSignature {
  0% {
    offset-distance: 0%;
    opacity: 1;
  }
  90% {
    offset-distance: 100%;
    opacity: 1;
  }
  100% {
    offset-distance: 0%;
    opacity: 1;
  }
}

.sign-documents-inner{
  max-width: 1400px;
  margin: auto;
}
.sign-documents-inner .header-wrapper.text-center{
  margin-bottom: 60px;
}
.main-sign-hero-container{
  max-width: 1230px;
  margin: auto;
  padding-block: 80px;
}
.smart-sign-content{
  max-width: 650px;
}
.smart-sign-main .energy-form-main .text-center .right-img-wrapper, .smart-sign-main .sign-energy-form-container .row .col-md-6.text-center{
  display: flex;
  justify-content: end;
}
.brand-structure-card {
  position: relative;
  min-height: 340px;
}
.step-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #000;
  box-shadow: 0px 4.73px 14.2px 0px #0000000D;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.smart-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  padding: 40px;
  padding-bottom: 0;
}

.step-img-wrapper img {
  max-width: 100%;
  border-radius: 10px;
}
.sign-documents-inner .brand-structure-card{
  height: 340px;
  overflow: hidden;
  padding: 0;
  transition: transform .25s ease;
}
.sign-documents-inner .brand-structure-card:hover{
  transform: scale(1.02);
}
.safety-icon-cover{
  background-color: var(--color-black);
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
}
.security-content{
  gap: 150px;
}
.sign-documents-inner .security-content .security-text{
  width: 270px;
}
.integration-logo:hover {
  transform: scale(1.05);
}
.integration-wrapper {
  padding: 50px 0;
  padding-top: 0;
}
.integration-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 50px 20px;
  justify-items: center;
  align-items: center;
}
.integration-item {
  width: 160px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-logo {
  max-width: max-content;
  max-height: 100%;
  object-fit: contain;
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
  transition: transform 0.2s ease-in-out;
  margin: auto;
}
/* Smart sign */

/* vertragsrecht-main */
.vertragsrecht-main .bg-vertragsrecht-main{
  background: url("../img/home/find-lawyer/bg-vertragsrecht.png") no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 1px solid #D2D3D3;
  padding: 40px 0px;
}
.vertragsrecht-main .container {
	max-width: 1440px;
}
.vertragsrecht-main .rec-parent h2 {
	font-size: 48px;
  font-weight: 700;
	margin-bottom: 15px;
	text-align: center;
}
.vertragsrecht-main h2 span {
	color: #6F7680;
	text-decoration: underline;
}
.vertragsrecht-main .rec-parent p {
	font-size: 14px;
	font-weight: 400;
	color: #363F4A;
	text-align: center;
}
.vertragsrecht-main .rec-box {
	border: 1px solid #CCCCCC;
	max-width: 588px;
	border-radius: 20px;
  box-shadow: 4px 6px 16px 0px #0000001F;
	background: #fff;
	padding: 45px 30px 30px 30px;
	margin: 30px auto;
}
#privat , #geschaeftlich {
  accent-color: #8E959D;
}
.vertragsrecht-main .rec-box form {
	display: grid;
	row-gap: 18px;
}
.vertragsrecht-main .rec-q {
	font-size: 18px;
	font-weight: 500;
}
.vertragsrecht-main .rec-radio {
	display: flex;
	column-gap: 50px;
	flex-wrap: wrap;
}
.vertragsrecht-main .rec-radio input {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.vertragsrecht-main input, .vertragsrecht-main textarea, .vertragsrecht-main select {
	border: 1px solid #C4C5C7;
	border-radius: 8px !important;
}
.vertragsrecht-main textarea:focus{
  box-shadow: 0 0 5px #bfe3ff;
}
.vertragsrecht-main .title-content-lighter-text {
	font-size: 16px;
	font-weight: 400;
  padding-top: 0px;
}
.vertragsrecht-main .rec-radio label{
  color: #6F7680;
  cursor: pointer;
}
.vertragsrecht-main .rec-textarea textarea {
	border: 1px solid #C4C5C7;
	border-radius: 6px;
	font-size: 16px;
	height: 187px;
	min-height: 56px;
	width: 100%;
	padding: 15px;
	margin: 10px 0;
}
.vertragsrecht-main .rec-textarea textarea:focus-visible{
  outline: none;
}
.vertragsrecht-main .box-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.vertragsrecht-main .box-footer div {
	font-size: 15px;
	font-weight: 400;
	width: 60%;
  display: flex;
  align-items: center;
}
.vertragsrecht-main .rec-parent img {
	max-width: 24px;
	max-height: 24px;
	margin-right: 10px;
}

.kontogebuhren-main .rec-hero h2 {
	text-align: center;
	font-size: 48px;
  font-weight: 600;
	margin-bottom: 30px;
}
.kontogebuhren-main .rec-hero-b {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
}

.our-advantages-main{
  padding: 100px 0px;
}
.our-advantages-main .rec-hero1{
  display: inline-grid;
  background: linear-gradient(165.65deg, #FFFFFF 4.66%, #FAFAFA 123.25%);
  padding: 28px;
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  width: 436px;
  transition: 0.2s all ease-in-out;
}
.our-advantages-main .rec-hero1:hover{
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.our-advantages-main .rec-hero1 h3{
  font-size: 26px;
  font-weight: 600;
}
.our-advantages-main .rec-hero1 p{
  font-size: 16px;
  font-weight: 400;
  color: #525151;
}
.our-advantages-main .rec-hero1 img{
  justify-self: center;
}
.find-lawyer-main .section-title{
  font-size: 48px;
}
.find-lawyer-main .section-desc {
	font-size: 20px;
	color: #919798;
}

.find-lawyer-main .head-image {
  padding: 130px;
  text-align: center;
  background: #EAECEE;
  border-radius: 12px;
}

.find-lawyer-main .head-image h1 {
  font-size: 52px;
  font-weight: 700;
  color: #8E959D;
}

.find-lawyer-main .head-image p {
  font-size: 20px;
  font-weight: 500;
  color: #8E959D;
  margin: 0;
}

.find-lawyer-main .text-blog {
  padding: 50px 0;
  padding-bottom: 0;
  max-width: 850px;
  margin: 0 auto;
}

.find-lawyer-main .text-blog li p,
.find-lawyer-main ol li p {
  margin-bottom: 0;
}

.find-lawyer-main ol li {
  margin-left: 20px;
  margin-bottom: 30px;
}
.find-lawyer-main ul li {
  list-style: disc;
  color: var(--color-dark-gray2-text);
}

.find-lawyer-main .text-blog hr {
  margin: 2.2rem 0;
}

.find-lawyer-main .text-blog ul {
  line-height: 40px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  margin-left: 20px;
}

.find-lawyer-main .text-blog p {
  line-height: 30px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  color: var(--color-dark-gray2-text);
}

.find-lawyer-main .text-blog h1 {
  margin-bottom: 20px;
  font-size: 45px;
  font-weight: 600;
}

.find-lawyer-main .text-blog h2 {
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  color: var(--color-dark-gray2-text);
}

.find-lawyer-main .text-blog h3 {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 600;
}

.find-lawyer-main .text-blog h4 {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 600;
}
.blog-lawyer-main{
  padding: 100px 0;
}

/* vertragsrecht-main */

/* Media Queries */
@media screen and (max-width: 1800px)  {
  .main-container-full{
    padding-inline: 85px;
  }
}
@media screen and (min-width: 1800px)  {
  .main-container-full{
    margin: auto;
    padding-block: 70px;
  }
}
@media screen and (max-width: 1400px) {
  .about-main .about-img-center{
    width: 100%;
  }
  .anbieter-portal-main .card-container-wrapper{
    display: flex;
    gap: 30px;

    overflow-x: scroll;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1200px)  {
  .strengths-image-wrapper img {
    width: 258px;
    height: 380px;
  }
  .carousel-arrow.right {
    right: 25%;
  }
  .carousel-arrow.left {
    left: 25%;
  }
}
@media screen and (max-width: 991px) {
  .frame-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 18px;
    padding: 16px;
  }

  .frame-container > div:nth-child(1) { grid-column: 1; grid-row: 1; }
  .frame-container > div:nth-child(2) { grid-column: 2; grid-row: 1; }
  .frame-container > div:nth-child(3) {
    grid-column: 1 / span 2;
    grid-row: 2;
    height: auto;
  }
  .frame-container > div:nth-child(4) {
    grid-column: 1 / span 2;
    grid-row: 3;
    height: auto;
  }

  .hero-main{
    padding: 60px 0px !important;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }
  .hero-img {
    width: 100%;
    height: 100%;
  }
  .hero-left{
    order: 1;
  }
  .hero-inner-card{
    left: 30px;
  }
  .hero-card-logo {
    margin-bottom: 15px;
  }
  .hero-inner-card .font-40-medium {
    font-size: 28px;
  }
  .hero-inner-card .font-20-medium {
    font-size: 12px;
  }
  .navbar-toggler, .navbar-toggler:focus{
    box-shadow: none !important;
    border: 0 !important;
  }
  .d-md-flex.header-nav-wrap {
    padding-left: 0;
  }
  nav.navbar button.navbar-toggler {
    margin-block-start: -14px;
    padding-right: 0;
  }
  .grid-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .reviews-slider-wrap {
    padding-inline: 0;
  }
  .review-card {
    padding: 0;
  }
  .main-container {
    padding: 12px 32px;
  }
  .trustpilot-main{
    flex-wrap: wrap;
  }
  .trustpilot-strategy-img {
    height: 550px;
    border-radius: 20px 20px 0px 0px;
  }
  .trustpilot-main .right-side {
    background-color: transparent;
    border: none;
    padding: 24px 20px;
    padding-top: 12px;
  }
  .strategy-logo-wrap {
    margin-top: 14px;
    margin-inline: 20px;
  }
  .trustpilot-main .left-side {
    padding: 0;
  }
  .section-desc{
    margin-inline-end: 0px !important;
  }
  .frame-container{
    margin-bottom: 80px;
  }
  .main-title-section{
    padding: 0px 0 34px 0;
  }
  .grid-container .custom-card{
    padding: 16px;
    position: relative;
  }
  .brand-structure-card {
    flex: 0 1 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .slider-main-wrapper { width: 100vw; }
  .main-container-full {
    padding-inline: 20px;
  }
  .sales-past-report {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  }
  .our-awards-section {
    margin-block: 60px;
    padding-inline: 20px;
  }
  .carousel-arrow.left {
    left: 15%;
  }  
  .carousel-arrow.right {
    right: 15%;
  }
  .portfolio-brands {
    margin-bottom: 40px;
  }
  .timeline-line::before {
    top: -115px;
  }
  .about-img-right{
    width: 100%;
  }
  .about-main .team-grid{
    flex-wrap: wrap;
  }
  .about-main .strengths-grid .card-container {
    flex-wrap: wrap;
  }
  .strengths-card{
    width: 100%;
  }
  .d-flex.align-items-center.vision-mission-content-inner{
    flex-wrap: wrap;
  }
  .vision-mission-left{
    order: 1;
  }
  .vision-mission-img{
    width: 100%;
    height: auto;
  }
  .d-flex.align-items-center.vision-mission-content-inner {
    gap: 40px;
  }
  .vision-mission-content-inner {
    padding: 20px 30px;
  }
  .vision-mission-main {
    margin-bottom: 30px;
  }
  .about-main .about-img-center{
    height: initial;
  }
  .public-questions-more .public-issues-title h2 {
    font-size: 36px !important;
    font-weight: 600 !important;
  }
  .public-questions-more .public-issues-title p {
    font-size: 16px !important;
    margin-top: 16px;
  }
  .card-labour-law-describe {
    padding: 24px;
  }
  .press-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .sr-reports-right {
    flex-wrap: wrap;
    justify-content: center;
  }

  .press-card {
    flex-direction: row;
  }

  .press-thumb {
    width: 90px;
    height: 90px;
  }
  .sr-reports-left {
    padding-right: 0;
    margin-bottom: 40px;
  }

}
@media screen and (max-width: 850px) {
  .strengths-grid {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .grid-container .custom-card-header h2 {
    font-size: 24px;
  }
  .grid-container .btn {
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
  }
  .main-container {
    padding: 12px 20px;
  }
  .trustpilot-strategy-img {
    height: 320px;
  }
  .section-title{
    font-size: 28px;
  }
  .hero-left h2.section-title{
    margin-bottom: 14px;
  }
  .grid-container .stat h4 {
    font-size: 24px;
  }
  .grid-container .stat p {
    font-size: 12px;
  }
  .grid-container .results h3 {
    font-size: 14px;
  }
  .trustpilot-main .section-title {
    font-size: 24px;
  }
  .trustpilot-main button {
    font-size: 14px;
  }
  .hero-main {
    padding: 40px 0px !important;
  }
  .frame-container {
    margin-bottom: 40px;
  }

  .grid-container .btn{
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
    width: 90%;
    height: fit-content;
    justify-content: center;
  }
  .grid-container .custom-card {
    padding-bottom: 70px;
  }
  .group-img-right, .group-img{
    width: 100%;
  }
  .group-img-right{
    height: 206px;
  }
  .sales-past-report-inner h5, .sales-past-report-inner h5 > span{
    font-size: 38px;
  }
  .sales-past-report {
    display: grid;
    margin-block: 60px;
  }
  .portfolio-brands {
    margin-bottom: 0px;
  }
  .title-label {
    margin-bottom: 16px;
  }
  .tech-innovation .hero-main{
    padding: 0px 0px !important;
  }
  .ai-system-content{
    flex-wrap: wrap;
    gap: 28px;
  }
  .timeline-container{
    margin-bottom: 0px;
  }
  .timeline-line::before {
    height: 65%;
    top: -50px;
  }
  .timeline-column {
    min-width: 100%;
  }
  .main-container.about-hero-section .hero-main{
    padding: 0px 0px !important;
  }
  .vision-mission-content .icon {
    width: 40px;
    height: 40px;
  }
  .vision-mission-content .icon svg {
    width: 24px;
    height: 24px;
  }
  .sales-past-report .sales-past-report-inner svg{
    width: 24px;
    height: 24px;
  }
  .more-group-page-btn{
    font-size: 12px;
  }
  .strengths-card .icon, .vision-mission-content .icon {
    margin-bottom: 14px;
  }
  .about-hero-section .hero-right{
    padding: 12px;
  }
  .about-img-right{
    height: 200px;
  }
  .vision-mission-content-inner {
    padding: 15px 16px;
  }
  .brand-logos {
    gap: 30px 40px;
  }
  .brand-logos img {
    max-height: 38px;
  }
  .sr-hero-box {
    padding: 50px 30px;
  }
  .sr-hero-title {
    font-size: 28px;
  }
  .sr-hero-desc {
    font-size: 15px;
  }
  .sr-hero-logo img {
    height: 30px;
  }
  .sr-img-large img {
    height: 100%;
  }
  .sr-img-small img {
    height: 100%;
  }
  .section-title {
    text-align: start;
  }
  .brand-logos {
    flex-direction: column;
  }
  .sr-group-title {
    font-size: 28px;    
    margin-bottom: 16px;
  }
  .sr-group-logo img {
    height: 26px;
  }
  .sr-group-logo {
    right: 25px;
    bottom: 10px;
  }
  .our-press-section{
    padding-inline: 20px;
  }
  .sr-group-box {
    padding: 25px;
    padding-bottom: 60px;
  }
  .brand-logos-wrapper {
    padding: 20px 0;
  }
  .sr-group-section {
    margin-block: 40px;
  }
}
@media screen and (max-width: 600px) {
  .hero-inner-card .hero-card-logo strong{
    font-size: 14px !important;
  }
  .hero-inner-card .hero-card-logo svg{
    width: 22px;
  }
  .hero-img {
    min-width: 320px;
    max-height: 280px;
  }
  .hero-inner-card {
    left: -50px;
    bottom: 10px;
    padding: 14px;
  }
  .hero-card-logo {
    margin-bottom: 6px;
  }
  .frame-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 12px;
    padding: 0px;
  }

  .frame-container > div {
    grid-column: 1;
    grid-row: auto;
    height: auto;
  }

  .frame-container > div {
    border-radius: 14px;
    display: contents;
  }
  .strategy-img {
    border-radius: 14px;
  }
  .trustpilot-strategy-img {
    height: 240px;
  }
  .strategy-img-star{
    width: 50%;
  }
  .main-container {
    padding: 20px 20px;
  }
  .trustpilot-main {
    margin-bottom: 40px;
  }
  .section-title {
    font-size: 24px;
  }
  .title-label {
    font-size: 12px;
  }
  .trustpilot-main .right-side .text-center{
    margin-bottom: 16px !important;
  }
  .brand-structure-card {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .slider-main-wrapper { height: 360px; }
  .portfolio-brand-card.carousel-slide { min-height: 240px; margin: 0 2vw; width: 312px; }
  .carousel-arrow { width: 34px; height: 34px; font-size: 1.2rem; }
  .group-img-right{
    height: 185px;
  }
  .brand-structure-img img{
    width: 100%;
  }
  .carousel-arrow.right {
    right: 5%;
    top: 55%;
  }  
  .carousel-arrow.left {
    left: 5%;
    top: 55%;
  }
  .portfolio-img-fluid{
    height: 190px;
  }
   .sales-past-report-inner h5, .sales-past-report-inner h5 > span{
    font-size: 34px;
  }
  .sales-past-report-inner h5{
    margin-bottom: 6px;
  }
  .sales-past-report-inner p {
    font-size: 14px;
  }
  .awards-list .award-item {
    padding: 0 60px;
    max-width: 280px;
  }
  .awards-list .award-item img {
    width: 110px;
    margin-bottom: 6px;
  }
  .slider-prev, .slider-next {
    width: 38px;
    height: 38px;
  }
  .review-text {
    font-size: 18px;
  }
  .faq-question {
    padding: 14px 20px 14px 42px;
    font-size: 1rem;
  }
  .faq-answer{
    text-align: justify;
    padding: 0px 20px 18px 16px;
  }
}
@media screen and (max-width: 420px){
  .hero-inner-card {
    left: 10px;
  }
  .hero-right, .hero-img {
    width: 100%;
    min-width: 100%;
  }
  
}
@media screen and (max-width: 300px){
  .strengths-image-wrapper img{
    width: 100%;
  }
}