/*=================================================
08 List
==================================================*/

/*======== Base ========*/

.it-list{

    display:flex;

    flex-direction:column;

    gap:var(--space-5);
	
	  margin:0;
    padding:0;
    list-style:none;

}

/*======== Item ========*/

.it-list-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

}

/*======== Icon ========*/

.it-list-icon{

    width:48px;

    height:48px;

    flex-shrink:0;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:var(--light-blue);

    color:var(--primary);

}

/*======== Content ========*/

.it-list-content{

    flex:1;

}

/*======== Title ========*/

.it-list-title{

    margin-bottom:10px;

    color:var(--primary);

    font-size:1.25rem;

    font-weight:700;

    line-height:1.4;

}

/*======== Text ========*/

.it-list-text{

    color:var(--text);

    line-height:1.8;

}

/*======== Number ========*/



.it-list-number{

    min-width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    color:#fff;

    font-weight:700;

}



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

.it-list-arrow{

    list-style:none;

    margin:0;

    padding:0;

}

.it-list-arrow li{

    position:relative;

    padding-left:24px;

	
	   margin-bottom:2px !important;

    line-height:1 !important;

}

.it-list-arrow li:last-child{

    margin-bottom:0;

}

.it-list-arrow li::before{

    content:"▶";

    position:absolute;

    left:0;

    top:0.1em;

    color:var(--primary);

    font-size:.8em;

}


/*----------------------------------
Check List
----------------------------------*/

.it-list-check{

    list-style:none;
    margin:0;
    padding:0;

}

.it-list-check li{

    position:relative;
    padding-left:24px;
    margin-bottom:12px;

}

.it-list-check::before{

    content:"✓";

    position:absolute;
    left:0;
    top:0;

    color:var(--primary);

}

/*======== Border ========*/

.it-list-border{

    padding-bottom:20px;

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

}

.it-list-border:last-child{

    border-bottom:none;

    padding-bottom:0;

}

/*======== Compact ========*/

.it-list-compact{

    gap:16px;

}

/*======== Large ========*/

.it-list-large{

    gap:40px;

}