.header-warranty-contract {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 65vh;
}
@media (max-width: 991px) {
    .header-warranty-contract {
        height: 50vh;
    }
}
.title-header-warranty-contract {
    color: #fff;
    font-size: 50px;
    letter-spacing: 3px;
}
.v-line {
    height: 104px;
    border-right: 4px solid var(--red-color);
}
.background-section-car-warranty {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.background-section-car-warranty:lang(ar) {
    transform: scaleX(-1);
}
@media (max-width: 413px) {
    .background-section-car-warranty {
        background-position: right;
        background-size: 900px !important;
    }
}
@media (max-width: 991px) {
    .background-section-car-warranty {
        background-position: right;
        background-size: 1200px;
    }
    .section-car-warranty {
        background-color: #ffffffa1;
    }
}
.section-car-warranty {
    position: relative;
    z-index: 1;
}
.section-car-warranty:lang(ar) {
    transform: scaleX(-1);
}
.title-section-car-warranty {
    color: var(--main-color);
    letter-spacing: 0;
    font-size: 45px;
}
.subtitle-section-car-warranty {
    color: var(--main-color);
    letter-spacing: 0;
    font-size: 33px;
}
@media (max-width: 575px) {
    .title-section-car-warranty {
        font-size: xx-large;
    }
    .subtitle-section-car-warranty {
        color: var(--main-color);
        letter-spacing: 0;
        font-size: 25px;
    }
}
.description-section-car-warranty {
    color: var(--opa-color);
    font-size: 18px;
}
@media (max-width: 575px) {
    .description-section-car-warranty {
        font-size: 16px;
    }
}
.description-section-car-warranty::-webkit-scrollbar {
    width: 5px;
    border-radius: 15px;
}
.description-section-car-warranty::-webkit-scrollbar-track {
    background-color: #979797;
    border-radius: 15px;
}
.line-section {
    width: 94%;
    background-color: var(--red-color) !important;
    opacity: 1 !important;
}
.btn-book-now {
    padding: 8px 24px !important;
    font-size: 18px;
}
.div-btn-book {
    padding-left: 13px;
}
@media (max-width: 575px) {
    .div-btn-book {
        padding-top: 1rem !important;
    }
}
.div-btn-book:lang(ar) {
    padding-left: 0;
    padding-right: 13px;
}
.div-img-car {
    width: 400px;
}
.section-car-warranty-tow {
    position: relative;
    z-index: 1;
    background-color: #f8f9f9;
}
.description-section-car-warranty-tow {
    color: var(--opa-color);
    font-size: 18px;
}
@media (max-width: 575px) {
    .description-section-car-warranty-tow {
        font-size: 16px;
    }
}
.div-img-section-car-warranty-tow {
    width: 365px !important;
}
.section-car-warranty-three {
    background-color: var(--main-color);
}
.title-car-warranty-three {
    color: var(--yellow-color) !important;
    letter-spacing: 5px;
    padding-bottom: 20px;
}
.title-car-warranty-three:lang(ar) {
    letter-spacing: 0;
}
.ul-car-warranty-three {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.li-car-warranty-three {
    padding-bottom: 15px;
}
.text-li-car-warranty-three {
    color: #fff;
    font-size: 25px;
    padding-left: 15px;
}
.text-li-car-warranty-three:lang(ar) {
    padding-left: 0;
    padding-right: 15px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .text-li-car-warranty-three {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .text-li-car-warranty-three {
        font-size: 16px;
    }
}
.div-price-text {
    position: relative;
}
.text-price-car-warranty-three {
    color: var(--red-color);
    position: relative;
    font-size: 125px;
    z-index: 1;
}
.text-price-car-warranty-three .number-price {
    font-size: 110px;
}
.text-shadow-price {
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(0, -60%);
    color: #fff;
    font-size: 110px;
    pointer-events: none;
    z-index: 0;
    -webkit-text-stroke: 2px #fff !important;
    -webkit-text-fill-color: transparent;
    opacity: 27%;
}
.text-price-car-warranty-three span {
    font-size: 90px;
    font-family: "DIN Bold";
    padding-right: 40px;
}
.text-shadow-price span {
    font-size: 90px;
    font-family: "DIN Bold";
    padding-right: 40px;
}
@media (max-width: 359px) {
    .text-price-car-warranty-three .number-price {
        font-size: 50px;
    }
    .text-shadow-price {
        font-size: 50px;
    }
    .text-price-car-warranty-three span {
        font-size: 40px;
        padding-right: 19px;
    }
    .text-shadow-price span {
        font-size: 40px;
        padding-right: 19px;
    }
}
@media (min-width: 360px) and (max-width: 575px) {
    .text-price-car-warranty-three .number-price {
        font-size: 80px;
    }
    .text-shadow-price {
        font-size: 80px;
    }
    .text-price-car-warranty-three span {
        font-size: 60px;
        padding-right: 50px;
    }
    .text-shadow-price span {
        font-size: 60px;
        padding-right: 50px;
    }
}
.text-price-car-warranty-three span:lang(ar) {
    padding-right: 0;
    padding-left: 100px;
}
.text-shadow-price span:lang(ar) {
    padding-right: 0;
    padding-left: 100px;
}
.text-starting-from {
    color: #7f7f7f;
    font-family: "DIN Regular" !important;
    padding: 0;
    font-size: 32px !important;
    position: absolute;
    bottom: -16px;
    letter-spacing: 6px !important;
}
.text-starting-from:lang(ar) {
    letter-spacing: 0 !important;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .text-starting-from {
        font-size: 25px !important;
    }
}
@media (max-width: 575px) {
    .text-starting-from {
        font-size: 16px !important;
    }
}
@media (min-width: 576px) {
    .text-starting-from {
        white-space: nowrap;
    }
}
.brands-we-serve {
    position: relative;
    z-index: 1;
}
.row-img-brand {
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 374px) {

    .row-img-brand {
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 30px;
    }
    
}
  
}


.section-new-content {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.description-custom-section {
    font-size: 16px;
    color: #afaeae;
}
@media (max-width: 575px) {
    .btn-custom-section {
        font-size: 16px;
    }
}
.triangle-arrow {
    border: 7px solid var(--red-color);
    height: 10px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
ul div.d-flex.align-items-center {
    align-items: start !important;
}
ul .triangle-arrow {
    transform: translate(0, 5px);
}
.section-calculator {
    position: relative;
    z-index: 1;
    background-color: #f8f9f9;
}
.title-calculator {
    color: #040504;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.desc-calculator {
    color: #656565;
    line-height: 2;
}
.img-background-calculator {
    width: 100%;
}
.btn-calculator {
    padding: 7px 22px 10px 22px !important;
    font-size: 18px !important;
}
@media (max-width: 575px) {
    .btn-calculator {
        padding: 7px 22px 10px 22px !important;
        font-size: 16px !important;
    }
}
.new-img {
    width: 465px !important;	
}
:lang(ar).new img {
    transform: scaleX(-1);	
}
/* product insurance */ 
.banner-insurance {
	height: auto;
    background-position: center;
	background-size: cover;
}
@media (min-width:991px) {
.bg-insurance {
background-size: contain !important;	
	}}
:lang(ar).bg-insurance {
	transform: none !important;
	direction: ltr;
}
:lang(ar).sec-insurance {
 transform: none !important;
}
:lang(ar).col-insurance{
	direction: rtl;
}
:lang(ar).row-insurance {
	direction: ltr;
}
:lang(ar).col-insurane {
	text-align:right;
}
:lang(ar).ul-insurane {
  direction: rtl !important;
}
.col-warranty {
	background-image: url(https://wordpress-548447-5399834.cloudwaysapps.com/wp-content/themes/MaxArt/assets/img/Our-products/2024/warranty-contract/how-do-we-serve-2st.webp);
    background-size: cover;
    background-position: center;
	height: auto;
}
.col-banner {
	 background-size: cover;
    background-position: center;
	height: auto;
}
.li-inspection {
	 padding-bottom: 0px !important ;
}
.text-inspections {
	padding-left: 0px;
}
.webkit-h {
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffc50a;
    -webkit-text-fill-color: transparent;
}
:lang(ar).text-inspections {
	font-size:16px;
}
}