#head_logo {

     background:
    
    linear-gradient(
        90deg,
        #005c24 0%,
        #007f72 20%,
        #009eb4 50%,
        #007f72 80%,
        #005c24 100%
    );
}

/* ================================
       DOCUMENT PAGE
   ================================= */

.landing-page h1 {
    
    background: linear-gradient(
    90deg,
    #005c24 0%,
    #006f68 30%,
    #00a99d 50%,
    #006f68 70%,
    #005c24 100%
);
	
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

	text-shadow:
        1px 1px 0 rgba(1, 41, 83, 0.20),
        2px 3px 4px rgba(0, 0, 0, 0.15);
}



/* عنوان */
.landing-title-text {
    background: linear-gradient(
        135deg,
        #005c24 0%,
        #009eb4 50%,
        #005c24 100%
    );
	
	
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

}
	
/* ==============================
   Active Navigation
   ============================== */
.navbar-background{
background:
    linear-gradient(
        90deg,
        #005c24 0%,
        #007f72 20%,
        #009eb4 50%,
        #007f72 80%,
        #005c24 100%
    );
}


.navbar-nav > .nav-item.active > .nav-link::after {
    
    background: linear-gradient(
        135deg,
        #005c24 0%,
        #08783a 35%,
        #007f72 68%,
        #009eb4 100%
    );
}

/*==============================
	HERO
==============================*/
    .landing-hero {


    background-image: url("/assets/imgs/motorsport/hero.webp");

}

.landing-phone{
	margin-right: 30px;
}

/*==============================
	SERVICES
==============================*/
.landing-service-card {
	
}

.landing-service-image img
{
	object-fit: unset;
}

/* ==============================
	BANEER
=============================*/
.landing-full-banner {
    background-image: url("/assets/imgs/motorsport/banner.webp");
}

/*===========================
	MAP
============================*/
.taci-map-marker {
	border: 3px solid #005c24;
}


.landing-section-title .line {
    
    background: #005c24;
}

/*===================================
	FOOTER
===================================*/
footer{
    background:
    linear-gradient(
        90deg,
        #005c24 0%,
        #007f72 20%,
        #009eb4 50%,
        #007f72 80%,
        #005c24 100%
    );       
}

/*===========================================
	RESPONSIVE
===========================================*/

@media (max-width: 900px) {

    .document-services-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .document-service-card {
        max-width: 600px;

        width: 100%;

        margin: 0 auto;
    }
	
	.document-methods-row {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 500px) {

    .document-services-title {
        gap: 10px;
    }

    .document-services-title span {
        width: 35px;
    }

    .document-services-title h2 {
        font-size: 20px;
    }

    

}