@media (min-width: 1100px) {
.dblock {
display: block;
}
}
.store-logos{margin-bottom: 20px !important;}
.store-logos a{margin: 0px 8px !important;}
.ge-motors.py-5.w-100{
    display: none !Important;
}

.top-section, .cta-bg, .step-section{
	position: relative;
}
.top-section::before, .cta-bg::before, .step-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black with 60% opacity */
  z-index: 2;
}


.top-section > .container, .cta-bg > .container, .step-section > .container  {
  position: relative;
  z-index: 3; /* Bring the content above the overlay */
}



.top-section {
background-image: url("https://germanexperts.ae/wp-content/uploads/2025/07/Banner2.webp");
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0px;
display: flex;
align-items: center;
min-height: 600px;
}
.top-section h1 {
font-size: 45px;
color: #fff;
line-height: 1.1;
}
.color-red {
color: rgba(229, 62, 62, 1);
}
.top-section p {
font-size: 18px;
color: #fff;
margin-bottom: 2rem;
}
ul.banner-section {
list-style: none;
padding: 0;
margin: 0;
}
ul.banner-section li {
color: #fff;
font-family: "DIN Medium";
font-size: 22px;
margin-bottom: 12px;
}
ul.banner-section li img {
width: 30px !important;
}
.btn-germ{
font-size: 16px !important;
}

.btn-block {
padding-top: 15px;
}

.grid-v1 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
margin-top: 3rem;
}
@media (max-width: 600px) {
.grid-v1 {
grid-template-columns: 1fr 1fr;
}
ul.banner-section li img{
      width: 20px !important;
}
}

.grid-item h3 {
font-family: "DIN Medium";
font-size: 20px;
color: rgba(26, 26, 26, 1);
margin-top: 18px;
}
.grid-item p {
font-family: "DIN Regular";
font-size: 16px;
color: rgba(109, 109, 109, 1);
}

.trust-section {
padding: 80px 0;
}

.top-badge {
background-color: rgba(229, 62, 62, 0.1);
border-radius: 30px;
font-family: "DIN Regular";
color: rgba(229, 62, 62, 1);
padding: 6px 12px;
font-size: 14px;
}
.trust-section h2 {
font-size: 30px;
font-family: "DIN SemiBold";
margin-top: 10px;
}

.trust-section video {
padding-right: 25px;
height: 620px;
object-fit: cover;
}

.service-section {
padding: 30px 0px;
}
.service-section h2 {
font-size: 30px;
font-family: "DIN SemiBold";
margin-top: 10px;
}
.para {
font-size: 16px;
margin-bottom: 2rem;
font-family: "DIN Regular";
}

.grid-v4 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
text-align: center;
}
.grid-v4 .grid-item {
padding: 16px;
text-align: center;
background-color: rgba(249, 249, 249, 1);
border-radius: 10px;
}
.grid-v4 .grid-item p {
text-align: center;
margin-bottom: 40px;
}
.image-container {
position: relative;
display: inline-block;
}
.grid-v4 .image-container img {
max-width: 100%;
height: auto;
}
.grid-v4 .image-container .icon {
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
}
.grid-v4 .button {
margin-top: 12px;
padding: 8px 16px;
background: #eee;
border: none;
cursor: pointer;
}
.grid-v4 .grid-item h3 {
margin-top: 15px;
}
.btn-center {
text-align: center !important;
display: flex;
align-items: center;
justify-content: center;
padding-top: 25px;
padding-bottom: 20px;
}
.btn-center .btn-germ {
font-size: 16px !important;
padding: 8px 19px !important;
}
.grid-v4 .grid-item:hover {
background-color: rgba(229, 62, 62, 1);
}
.grid-v4 .grid-item:hover h3,
.grid-v4 .grid-item:hover p {
color: #fff;
}
.grid-v4 .grid-item .btn-germ:hover {
color: #fff !important;
border-color: #fff !important;
}

.grid-v4 .grid-item .shape-btn:hover::after {
border-color: #fff !important;
}
.mb-30 {
margin-bottom: 30px;
}

.cta-bg {
background-image: url("https://germanexperts.ae/wp-content/uploads/2025/07/cta-bg.webp");
background-size: cover;
background-repeat: no-repeat;
height: 650px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.cta-bg h2 {
font-size: 48px;
font-family: "DIN SemiBold";
margin-top: 10px;
color: #fff;
}
.cta-bg p {
text-align: center;
font-size: 20px;
color: #fff;
font-family: "DIN Regular";
}
.btn-block-v1 {
display: flex;
align-items: center;
justify-content: center;
}
.btn-block-v1 a {
margin: 0 15px;
}

.btn-block-v1 .color-yellow.shape-btn::after {
background-color: rgba(255, 215, 0, 1) !important;
border: 1px solid rgba(255, 215, 0, 1) !important;
}
.btn-block-v1 .color-yellow.shape-btn {
color: rgba(0, 0, 0, 1) !important;
}

.service-section-v1 {
padding: 40px 0;
}

.service-section-v1 h2 {
font-size: 30px;
font-family: "DIN SemiBold";
margin-top: 10px;
}

.services-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}

.service-box {
background: #fff;
border-radius: 12px;
position: relative;
box-shadow: 0px 13px 19px rgba(0, 0, 0, 0.08);
padding-bottom: 30px;
}

.service-box img {
width: 100%;
height: auto;
border-radius: 0px;
}

.service-box h3 {
margin: 0 0 10px;
font-size: 20px;
color: #000;
font-family: "DIN Medium";
}

.service-box p {
font-size: 16px;
color: rgba(78, 78, 78, 1);
line-height: 1.3;
font-family: "DIN Regular";
padding-bottom: 20px;
border-bottom: 1px solid rgba(204, 204, 204, 1);
text-align: left;
}

@media (max-width: 768px) {
.services-grid {
grid-template-columns: 1fr;
}
}

.scontent {
padding: 25px;
    padding-bottom: 15px !important;
}

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

ul.l1 img {
width: 20px;
height: 20px;
margin-right: 5px;
}
ul.l1 li {
font-size: 16px;
color: rgba(78, 78, 78, 1);
line-height: 1.3;
font-family: "DIN Regular";
margin-bottom: 8px;
}.grid-container-v7{
    gap: 10px !important;
}
.scontent .btn-germ {
font-size: 16px !important;
padding: 6px 19px !important;
}
.marquee-section {
padding: 50px 0;
background-color: rgba(26, 26, 26, 1);
}
.marquee-section h2 {
font-size: 30px;
font-family: "DIN SemiBold";
margin-top: 10px;
color: #fff;
text-align: center;
}
.marquee-section p {
font-size: 16px;
color: #fff;
line-height: 1.3;
text-align: center;
font-family: "DIN Regular";
}

.marquee-wrapper {
overflow: hidden;
white-space: nowrap;
padding: 10px 0;
}

.marquee-track {
display: flex;
width: max-content;
animation: scroll-left 20s linear infinite;
}

.marquee-track.reverse {
animation: scroll-right 20s linear infinite;
}

.button-group {
display: flex;
}

.button-group button {
margin: 0 10px;
padding: 10px 20px;
border: none;
border-radius: 5px;
white-space: nowrap;
cursor: pointer;
font-size: 14px;
}

.marquee-track.reverse .button-group button {
background-color: rgba(229, 62, 62, 1);
color: #fff;
font-family: "DIN SemiBold";
}

.marquee-track .button-group button {
background-color: rgba(255, 215, 0, 1);
color: #333;
font-family: "DIN SemiBold";
}

.marquee-wrapper:hover .marquee-track {
animation-play-state: paused;
}

@keyframes scroll-left {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}

@keyframes scroll-right {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}

.grid-container-v5 {
display: grid;
gap: 20px;
grid-template-columns: repeat(4, 1fr);
margin-top: 30px;
}

.grid-container-v5 .grid-item {
color: white;
padding: 30px;
text-align: center;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(4px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 14.5px;
}
.grid-container-v5 .grid-item h4 {
font-family: "DIN Bold";
font-size: 28px;
}

.grid-container-v5 .grid-item.color-yellow h4 {
color: rgba(255, 215, 0, 1);
}
.grid-container-v5 .grid-item h4 {
color: rgba(229, 62, 62, 1);
}
.grid-container-v5 .grid-item p {
margin-bottom: 0px !important;
}
/* Responsive for small screens */
@media (max-width: 768px) {
.grid-container-v5 {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
}
}

.step-section {
background-image: url("https://germanexperts.ae/wp-content/uploads/2025/07/35.webp");
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: space-between;
flex-direction: column;
padding-top:120px !important;
background-position: center;
}

.step-font h2 {
font-size: 30px;
font-family: "DIN SemiBold";
margin-top: 10px;
color: #fff;
text-align: center;
}
.step-font p {
font-size: 16px;
color: #fff;
line-height: 1.3;
text-align: center;
font-family: "DIN Regular";
}

.grid-container-v7 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
align-items: center;
}

.grid-item7 {
color: white;
padding: 20px;
text-align: left;
font-size: 16px;
position: relative;
overflow: hidden; /* Important to hide the sliding overlay */
}

.grid-item7 * {
transition: 0.5s ease all;
}

.grid-item7::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: #fff;
transform: translateY(100%);
transition: transform 0.5s ease;
z-index: 0;
}

.grid-item7:hover * {
color: #000 !important;
position: relative;
z-index: 9;
}
.grid-item7:hover .img-box-1 {
background-color: rgba(229, 62, 62, 1);
}
.grid-item7:hover img {
filter: brightness(0) invert(1);
}

/* Hover effect: slide background from bottom to top */
.grid-item7:hover::before {
transform: translateY(0);
}

.grid-item7 h4 {
font-family: "DIN SemiBold";
font-size: 22px;
margin-bottom: 3rem;
margin-top: 15px;
}
.grid-item7 p {
text-align: left !important;
margin-bottom: 0;
}
.box-v1 .img-box-1 {
background-color: #fff;
padding: 6px;
border-radius: 5px;
display: inline-block;
}

/* Responsive: stack columns on smaller screens */
@media (max-width: 768px) {
.grid-container-v7 {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
}
}

@media (max-width: 480px) {
.grid-container-v7 {
grid-template-columns: 1fr 1fr !important;
}
}

.footer-top-section {
padding: 50px 0;
}

.footer-top-section h2 {
font-size: 30px;
font-family: "DIN SemiBold";
margin-top: 20px;
}
.cta-bg-v3 h2{
	font-family: "DIN SemiBold";
color: #fff !important;
}

.cta-bg-v3 p {
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    font-family: "DIN Regular";
}




.footer-top-section p {
font-size: 16px;
color: rgba(0, 0, 0, 1);
line-height: 1.3;
font-family: "DIN Regular";
}

.grid-container-v10 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 900px;
margin: auto;
}

.grid-container-v10 .grid-box {
padding: 20px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.grid-container-v10 .icon-text {
display: flex;
align-items: flex-start;
}

.grid-container-v10 .icon {
margin-right: 15px;
}

.grid-container-v10 .text h4 {
margin: 0 0 5px;
font-family: "DIN SemiBold";
font-size: 18px;
color: #000;
}

.grid-container-v10 .text p {
margin: 0;
font-size: 16px;
color: #000;
text-align: left !important;
}

.grid-container-v10 .separator {
height: 1px;
background-color: rgba(0, 0, 0, 1);
margin-top: 15px;
width: 100%;
}

.offer-block {
display: inline-block;
margin-top: -40px;
margin-left: 20px;
}

.grid-item-1 .grid-box {
padding: 30px 20px;
position: relative;
display: flex;
text-align: left;
background-color: rgba(249, 249, 249, 1);
border-radius: 8px;
flex-direction: column;
margin-bottom: 20px;
justify-content: space-between;
}

.grid-item-1 a::after {
display: none;
}

.grid-item-1 a,
.grid-item-1 a:hover {
background-color: rgba(229, 62, 62, 1);
font-size: 16px;
padding: 8px 24px;
display: inline-block;
margin-top: 12px;
color: #fff !important;
}

.grid-item-1 .icon-text {
display: flex;
align-items: flex-start;
}

.grid-item-1 .icon {
margin-right: 15px;
}

.grid-item-1 .text h4 {
margin: 0 0 5px;
font-family: "DIN SemiBold";
font-size: 18px;
color: #000;
}

.grid-item-1 .text p {
margin: 0;
font-size: 16px;
color: rgba(74, 85, 101, 1);
text-align: left;
font-family: "DIN Regular";
}

.form--block {
    background: rgb(255 255 255 / 46%);
    backdrop-filter: blur(4.4938px);
    border-radius: 12.5926px;
    padding: 25px;
}
.call--block {
background: rgba(255, 255, 255, 0.48);
backdrop-filter: blur(10.4938px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 12.5926px;
margin-top: 15px;
padding: 25px;
}

.form--block h3 {
font-family: "DIN SemiBold";
color: #fff;
font-size: 25px;
}
.form--block p {
text-align: center;
font-size: 20px;
font-family: "DIN Regular";
color: #fff;
margin-bottom:0px;
}

.call--block a {
display: block;
color: #fff !important;
text-decoration: none;
}
.call-field {
display: flex;
align-items: flex-start;
}
.call-content h4 {
margin-top: 0px !important;
margin-bottom: 8px !important;
font-family: "DIN SemiBold";
font-size: 20px !important;
}
.call-content {
padding-left: 12px;
}
.call-content p {
font-size: 16px;
font-family: "DIN Regular";
margin-bottom: 0px !important;
}

@media (max-width: 600px) {
	.cta-bg-v3 h2, .cta-bg-v3 p, .cta-bg-v3 .store-logos{
			text-align: center !important;
		}
    
    .scontent{
        padding: 12px !Important;
    }.service-box h3{
        font-size: 18px !important;
    }.service-box p{
        line-height: 1.3 !important;    padding-bottom: 10px !important;
    }ul.l1 li{
            font-size: 15px !important;
    }img.img-6{
            right: 12px !important;
    width: 120px !important;
    }
.top-section h1 {
font-size: 25px !important;
}
.top-section p {
font-size: 16px !important;
    margin-bottom: 20px !important;
}
ul.banner-section li {
font-size: 16px !important;
margin-bottom: 5px !important;
}
.grid-v1 .icon img {
    width: 35px !important;
}


.btn-block {
    padding-top: 0px !important;
    margin-left: 15px !important;
}
.btn-germ{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.form--block {
padding: 15px !important;
margin-top: 38px !important;
}
.form--block h3 {
font-size: 20px !important;
margin-bottom: 8px !important;
}
.call--block {
padding: 15px !important;
}
.call-content h4 {
font-size: 16px !important;
}
.call-content p {
font-size: 15px !important;
}
.trust-section {
padding: 40px 0px !important;
}
.trust-section video {
padding-right: 0px !important;
height: 400px !important;
margin-top: 50px;
}
.trust-section .row {
flex-direction: column-reverse !important;
}
h2 {
font-size: 22px !important;
}
.grid-v4 {
grid-template-columns: 1fr !important;
}
.para {
margin-bottom: 20px !important;
}
.grid-v4 .grid-item h3 {
margin-top: 0px !important;
}
.grid-item-1 .grid-box {
padding: 30px 10px !important;
}
.cta-bg {
height: 400px;
}
.cta-bg p {
font-size: 16px !important;
}

.step-section {
height: 100%;
}
.grid-item7 {
padding: 10px !important;
}
.grid-item7 h4 {
margin-bottom: 12px !important;
    font-size: 18px !important;
}
.footer-top-section {
padding: 30px 0px !important;
}
.footer-top-section h2 {
margin-top: 0px !important;
}
.grid-container-v10 {
display: block;
}
.grid-container-v10 .grid-box {
padding: 20px 0px !important;
}
.grid-container-v10 .grid-box:nth-child(4) {
padding-top: 0px !important;
margin-bottom: 0px !important;
}
.marquee-section {
padding: 35px 0px !important;
}
.grid-v1 {
margin-top: 1.5rem !important;
}

.grid-v1 .grid-item {
display: block !important;
}
.grid-v1 .grid-item h3 {
margin-top: 0px !important;
font-size: 18px !important;
}
.grid-v1{
        gap: 12px !important;
}
.content-b p{
    text-align: left !important;
            line-height: 20px !important;
}
.content-b {
padding-left: 0px !important;
margin-top: 10px !important;
}.grid-item p{
    line-height: 20px !important;
}.btn-center{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.grid-v4{gap: 10px !important}
.grid-item h3{
        font-size: 18px !important;
}.btn-center .btn-germ{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.mb-30 {
    margin-bottom: 0px !important;
}
.content-b p {
margin-bottom: 0px !important;
}
.trust-section a {
margin-top: 20px !important;
margin-left: 15px !important;

}.top-section {
margin-top: 120px !important;
        background-position: center !important;
        padding-bottom: 40px !important;
                padding-top: 60px !important;
                /*background-image: url(https://germanexperts.ae/wp-content/uploads/2025/07/Banner2-1.webp) !important;*/
}.btn-block-v1 a{margin: 0 10px !important;font-size: 14px !important;}
}

.form--block label {
text-align: left !important;
display: block;
color: #000 !important;
font-size: 16px !important;
font-family: "DIN Regular";
margin-bottom: 5px;
}

/* Input */

.form--block .wpcf7-text {
background: #fff;
border: 0.839506px solid #cccccc;
border-radius: 7.1358px;
height: 40px;
outline: none !important;
margin-bottom: 8px;
padding: 8px;
font-size: 16px !important;
width: 100%;
}
.form--block textarea {
background: #fff;
border: 0.839506px solid #cccccc;
border-radius: 7.1358px;
height: 90px !important;
margin-bottom: 8px;    padding: 8px;
font-size: 16px !important;
width: 100%;
outline: none !important;
}

.form--block input.wpcf7-form-control.wpcf7-submit.has-spinner {
background-color: rgba(229, 62, 62, 1) !important;
border: none !important;
color: #fff !important;
font-size: 18px !important;
text-align: left;
padding: 8px 20px;
display: block !important;
}
.form--block form p {
margin-bottom: 0px !important;
}.form--block{    margin-bottom: 0px !important;}

.top-section{margin-top: 120px;}

.get-in-touch{display: none !important;}

.star-img
{
width: 200px !important;
margin-bottom: 10px;
margin-top: 10px;
}
.img-3
{
width: 130px !important;
}
img.img-6 {
position: absolute;
right: 20px;
bottom: 16%;
width: 150px;
}
img.img-7 {
position: absolute;
    right: 20px;
    bottom: 10%;
    width: 90px !important;
}

.mobile-hide, .mobile-hide-img{display: block;}

@media(max-width:680px){
.mobile-hide, .mobile-hide-img
{
display: none !important;
}
}


@media(min-width:680px){
.mobile-visibile, .desktop-hide-img
{
display: none !important;
}
}
.trust-section video.mobile-visibile{margin-top: 0px !important;
}

@media(max-width:767px){
.hide-mobile{display: none !important;}
}

@media(min-width:767px){
.hide-dp{display: block !important;}
}.num-block {
display: flex;
align-items: center;
margin-top: 18px;
}
.num-block h2 {
margin-top: 0px !important;
}
.num-block img{
margin-right: 12px;
}

@media(max-width:600px)
{
.num-block img {
width: 35px;
}
}
.service-box a {
    margin-left: 30px;
}

@media(min-width:767px){

.scontent{height: 360px !important;}
}


.forminator-ui{display: block !important;}

.forminator-label {
    display: none !important;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
        margin-bottom: 0px !important;
    }

.forminator-ui.forminator-custom-form[data-design=default] .forminator-input{
	background: #fff !important;
    border: 0.839506px solid #cccccc !important;
    border-radius: 7.1358px !important;font-family: "DIN Regular" !important;
    height: 43px !important;
    outline: none !important;
    margin-bottom: 8px !important;
    padding: 8px !important;
    font-size: 16px !important;
}.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small){
	margin: 0px !important;
}.forminator-description{display: none !important;}  .forminator-textarea{
  background: #fff !important;
    border: 0.839506px solid #cccccc !important;
    border-radius: 7.1358px !important;font-family: "DIN Regular" !important;
    min-height: 80px !important;
    outline: none !important;
    margin-bottom: 8px !important;
    padding: 8px !important;
    font-size: 16px !important;
  }button.forminator-button.forminator-button-submit {
    background-color: rgba(229, 62, 62, 1) !important;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important;
    text-align: left;
    line-height: 22px !important;
    padding: 8px 20px;
		font-family: "DIN Regular" !important;
    display: block !important;
}.forminator-design--default {
    line-height: 8px !important;
}

section.cta-bg-v3{
padding-top: 60px !important;
} section.cta-bg-v3 .container
{
    background-color: rgba(229, 62, 62, 1) !important;
    padding: 35px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

@media(max-width:700px){
section.cta-bg-v3 .container{
padding: 15px !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
	}.star-img{
		    width: 140px !important;
	}section.cta-bg-v3 {
    padding-top: 30px !important;
}
}
.calculator-bar .col-12.col-md-12.col-lg-6
{
	display: none !important;
}
.calculator-bar .row{
	justify-content: space-between !important;
}
.div-button-fixed-mobile.only-lp{display: block !important;}.div-button-fixed-mobile{display: none;}