/*==================================================
  RideMonkey Cards
==================================================*/


/*--------------------------------------------------
  Card
--------------------------------------------------*/

.rm-service-card{

    width:100%;

    background:var(--rm-white);

    border:1px solid var(--rm-border);

    border-radius:var(--rm-card-radius);

    overflow:hidden;

    margin:var(--rm-space-md) 0;

    box-sizing:border-box;

    box-shadow:var(--rm-card-shadow);

}


/*--------------------------------------------------
  Card Header
--------------------------------------------------*/

.rm-service-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:var(--rm-space-xs) var(--rm-space-lg);

    background:var(--rm-light);

    border-bottom:1px solid var(--rm-orange);

}


/*--------------------------------------------------
  Card Title
--------------------------------------------------*/

.rm-service-header h3{

    margin:0;

    padding:0;

    line-height:1;

    font-size:var(--rm-title-size);

    font-weight:700;

    color:var(--rm-black);

}


/*--------------------------------------------------
  Card Rows
--------------------------------------------------*/

.rm-service-row{

    display:flex;

    align-items:center;

    gap:10px;

    margin:10px 20px;

    font-size:var(--rm-body-size);

    color:var(--rm-grey);

}


/*--------------------------------------------------
  Arrow
--------------------------------------------------*/

.rm-service-arrow{

    font-size:22px;

    line-height:1;

    color:var(--rm-orange);

    font-weight:700;

}


/*--------------------------------------------------
  Labels (icons)
--------------------------------------------------*/

.rm-label{

    width:20px;

    text-align:center;

    color:var(--rm-orange);

}


.rm-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}