:root {
	--black: #1f1f1f;
	--grey: #737373;
	--grey-light: #a1a1a1;
	
	--white: #fff;
	--white-orange: #fffafa;

	--red: #db0404;
	--red-dark:#a31526;
	--red-light: #e34053;
	--red-x-light: #ffc2c9;
	--red-xx-light: #ffedf5;
	--red-xxl-light:#fff2f8;
	
	--orange:#ff5e14;
	
	--green: #00b530;
	
	--border-radius:5px;
	--box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
	--box-shadow-1: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
	--transition: all 0.2s linear;
}

/*Global*/
.heading-1{
    font-size:35px;
    color:var(--orange);
    font-weight:900;
}
.box-mkp{
    padding:20px;
    background:var(--white);
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow);
    transition: var(--transition);
    margin-top:10px;
}
.box-mkp .title{
    font-size:20px;
    color:var(--black);
    font-weight:900;
    margin:5px 0px;
}
.box-mkp .paragraph{
    font-size:16px;
    color:var(--grey);
}
@media (max-width: 991px) {
    .heading-1{
        font-size:30px;
    }
    .box-mkp .title{
        font-size:18px;
    }
}

@media (max-width: 767px) {
    .heading-1{
        font-size:25px;
    }
    .box-mkp .title{
        font-size:16px;
    }
    .box-mkp .paragraph{
        font-size:14px;
    }
}
/*Global End*/

.services-mkp{
    padding:35px 10px;
    text-align:center;
}
.services-mkp .heading-1{
    margin-bottom:25px;
}
.services-mkp .box-mkp{
    min-height:200px;
}
.box-mkp .icon{
    font-size:70px;
    color:var(--orange);
    font-weight:900;
}
.box-mkp:hover{
    padding:20px;
    background:var(--white-orange);
    box-shadow:var(--box-shadow-1);
    transition: var(--transition);
}
.box-mkp .theme-btn{
    margin-top:20px;
    color:var(--orange);
    background:var(--white);
}
.box-mkp .theme-btn:hover{
    color:var(--white);
    background:var(--orange);
    border-radius:var(--border-radius);
}
@media (max-width: 991px) {
    .services-mkp{
        padding:30px 10px;
    }
    .box-mkp .icon{
        font-size:60px;
    }
    .box-mkp .theme-btn{
        margin-top:15px;
    }
}

@media (max-width: 767px) {
    .services-mkp{
        padding:25px 10px;
    }
    .box-mkp .icon{
        font-size:50px;
    }
    .box-mkp .theme-btn{
        margin-top:15px;
    }
}


/*Dashboard*/
.profile-img{
    display: flex;
    align-items: center;
}
.profile-img img{
    width:90px;
    height:90px;
    border:7px solid #e0f6ff;
    border-radius:5px;
}
.profile-name{
    font-size:18px;
    font-weight:900;
    color:var(--black);
}
.profile-id{
    font-size:14px;
    font-weight:700;
    color:var(--grey);
    margin-top:5px;
}
.profile-package{
    font-size:14px;
    color:var(--grey);
    margin-top:15px;
}
.profile-package span{
    font-size:14px;
    font-weight:700;
    color:var(--green);
}
.profile-warning{
    color:var(--red);
    font-size:14px;
    font-weight:700;
    margin-top:15px;
    border-radius:7px;
}