/*=========================================================
    KKF UTILITIES v2.0
=========================================================*/
/*=========================================================
    Cursor
=========================================================*/

.kk-pointer{

    cursor:pointer;

}

/*=========================================================
    Transition
=========================================================*/

.kk-transition{

    transition:var(--kk-transition);

}

/*=========================================================
    Display
=========================================================*/

.kk-flex{display:flex;}
.kk-inline-flex{display:inline-flex;}
.kk-block{display:block;}
.kk-inline-block{display:inline-block;}
.kk-grid{display:grid;}
.kk-hidden{display:none;}

/*=========================================================
    Flex
=========================================================*/

.kk-items-center{align-items:center;}
.kk-items-start{align-items:flex-start;}
.kk-items-end{align-items:flex-end;}

.kk-justify-center{justify-content:center;}
.kk-justify-between{justify-content:space-between;}
.kk-justify-around{justify-content:space-around;}

.kk-flex-column{flex-direction:column;}
.kk-flex-wrap{flex-wrap:wrap;}

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

.kk-text-left{text-align:left;}
.kk-text-center{text-align:center;}
.kk-text-right{text-align:right;}
.kk-text-truncate{

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

/*=========================================================
    Width
=========================================================*/

.kk-w-100{width:100%;}
.kk-h-100{height:100%;}

/*=========================================================
    Margin Top
=========================================================*/

.kk-mt-0{margin-top:0;}
.kk-mt-1{margin-top:10px;}
.kk-mt-2{margin-top:20px;}
.kk-mt-3{margin-top:30px;}
.kk-mt-4{margin-top:40px;}
.kk-mt-5{margin-top:60px;}

/*=========================================================
    Margin Bottom
=========================================================*/

.kk-mb-0{margin-bottom:0;}
.kk-mb-1{margin-bottom:10px;}
.kk-mb-2{margin-bottom:20px;}
.kk-mb-3{margin-bottom:30px;}
.kk-mb-4{margin-bottom:40px;}
.kk-mb-5{margin-bottom:60px;}

/*=========================================================
    Padding Section
=========================================================*/

.kk-py-section{

    padding:var(--kk-section-padding) 0;

}

.kk-px-3{

    padding-inline:30px;

}

/*=========================================================
    Gap
=========================================================*/

.kk-gap-sm{

    gap:var(--kk-gap-sm);

}

.kk-gap-md{

    gap:var(--kk-gap-md);

}

.kk-gap-lg{

    gap:var(--kk-gap-lg);

}

/*=========================================================
    Radius
=========================================================*/

.kk-radius{

    border-radius:var(--kk-radius);

}

.kk-radius-lg{

    border-radius:var(--kk-radius-lg);

}

.kk-radius-xl{

    border-radius:var(--kk-radius-xl);

}

.kk-radius-pill{

    border-radius:var(--kk-radius-pill);

}

.kk-rounded-circle{

    border-radius:50%;

}

/*=========================================================
    Shadows
=========================================================*/

.kk-shadow-sm{

    box-shadow:var(--kk-shadow-sm);

}

.kk-shadow{

    box-shadow:var(--kk-shadow);

}

.kk-shadow-lg{

    box-shadow:var(--kk-shadow-lg);

}

.kk-shadow-xl{

    box-shadow:var(--kk-shadow-xl);

}

/*=========================================================
    Background
=========================================================*/

.kk-bg{

    background:var(--kk-bg);

}

.kk-bg-light{

    background:var(--kk-bg-light);

}

.kk-bg-white{

    background:var(--kk-surface);

}

/*=========================================================
    Overflow
=========================================================*/

.kk-overflow-hidden{

    overflow:hidden;

}
.kk-overflow-auto{

    overflow:auto;

}
/*=========================================================
    Position
=========================================================*/

.kk-relative{

    position:relative;

}

.kk-absolute{

    position:absolute;

}