.chauffeur-area-section
{
    padding: 20px 30px;
}
.chauffeur-area-section .chauffeur-box 
{ 
    position: relative;
}

.chauffeur-area-section .chauffeur-box .chauffeur-image img
{ 
    width: 100%;
    height: auto;
    display: block;
}

.chauffeur-area-section .chauffeur-box .chauffeur-content
{ 
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 50%;
    user-select: none;
    z-index: 2;
    background: #0000008a;
    border-radius: 30px;
        border: 1px solid #cccccc59;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
        padding: 0 70px;
}
.chauffeur-area-section .chauffeur-box .chauffeur-content h2
{  
 font-size: 2.7rem;
    font-weight: 700;
    text-transform: uppercase;
        margin: 0 0 20px 0;
}
.chauffeur-area-section .chauffeur-box .chauffeur-content p
{   
        margin: 0 0 30px 0;
}

/* responsive */
@media (max-width: 1400px) {
   
 .chauffeur-area-section .chauffeur-box .chauffeur-image img { 
    height: 460px; 
    object-fit: cover;
}

.chauffeur-area-section .chauffeur-box .chauffeur-content h2 {
    font-size: 2.5rem; 
}

}


@media (max-width: 1199px) {

    .chauffeur-area-section {
    padding: 20px 30px 0 30px;
}
   
.chauffeur-area-section .chauffeur-box .chauffeur-image img { 
    height: 500px; 
    object-fit: cover;
}
 
.chauffeur-area-section .chauffeur-box .chauffeur-content h2 {
    font-size: 2rem; 
}

}



@media (max-width: 992px) {
.chauffeur-area-section {
    padding: 20px 0px;
}

.chauffeur-area-section .chauffeur-box .chauffeur-image img { 
    height: 370px; 
    object-fit: cover;
}

.chauffeur-area-section .chauffeur-box .chauffeur-content { 
    width: 60%; 
    padding: 0 20px;
}

.chauffeur-area-section .chauffeur-box .chauffeur-content h2 {
    font-size: 1.7rem; 
}

}


@media (max-width: 767px) {
.chauffeur-area-section {
    padding: 20px 0px;
}

.chauffeur-area-section .chauffeur-box .chauffeur-image img { 
    height: 370px; 
    object-fit: cover;
}

.chauffeur-area-section .chauffeur-box .chauffeur-content { 
    width: 100%; 
    padding: 0 20px;
}

.chauffeur-area-section .chauffeur-box .chauffeur-content h2 {
    font-size: 1.7rem; 
}

}