.upcoming-appointment {
    padding: 60px 0;
}

@media only screen and (max-width: 768px){
    .upcoming-appointment {
        padding: 56px 0;
    }

}

.upcoming-appointment h2.title {
    color: #333333;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 56px;
    text-align: center;
   margin: 0 0 40px;
}

@media only screen and (max-width: 768px){
    .upcoming-appointment h2.title {
        color: #333333;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 32px;
        text-align: center;
        margin: 0 0 32px;
    }
}

.upcoming-appointment-wrapper .upcoming-ready {
    position: relative;
    z-index: 0;
}

.upcoming-appointment .upcoming-content .no-upcoming-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: rgb(238 238 238 / 50%);
    padding: 30px;
}

.upcoming-appointment .upcoming-content .no-upcoming-wrapper .icon {
    margin-bottom: 16px;
    display: flex;
}

.upcoming-appointment .upcoming-content .no-upcoming-wrapper .text{
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .upcoming-appointment .upcoming-content .no-upcoming-wrapper .text{
        color: #8F9BA9;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        font-weight: 400;
    }

}

.upcoming-item {}
.upcoming-item .datetime .date{
    border-right: 1px solid #EEEBEE;
}
.upcoming-item .datetime .date .icon{
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTggMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+IDx0aXRsZT43NUQ0QTRENi00ODA0LTQyNkUtOTU2NC0xMzNGMDRCQ0E1OUFAMSw1eDwvdGl0bGU+IDxkZWZzPiA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0MjgiPjwvcmVjdD4gPC9kZWZzPiA8ZyBpZD0iMy4wX0hvbWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8ZyBpZD0iMy4wX0hvbWVfQWZ0ZXJMb2dpbl8yLjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzQuMDAwMDAwLCAtMzY5LjAwMDAwMCkiPiA8cmVjdCBmaWxsPSIjRUVFQkVFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMzc1Ij48L3JlY3Q+IDxnIGlkPSJVcGNvbWluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE2NS4wMDAwMDApIj4gPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8L21hc2s+IDx1c2UgaWQ9IkJhY2tncm91bmQiIGZpbGw9IiNGRkZGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8ZyBpZD0iQ2FyZC0vLVVwY29taW5nLUNvcHkiIG1hc2s9InVybCgjbWFzay0yKSI+IDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNS4wMDAwMDAsIDE4OC4wMDAwMDApIj4gPGcgaWQ9ImRhdGUtdGltZSIgc3Ryb2tlPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8cGF0aCBkPSJNMTAsMCBMMzYwLDAgQzM2NS41MjI4NDcsLTEuMDE0NTMwNjNlLTE1IDM3MCw0LjQ3NzE1MjUgMzcwLDEwIEwzNzAsNTAgTDM3MCw1MCBMMCw1MCBMMCwxMCBDLTYuNzYzNTM3NTFlLTE2LDQuNDc3MTUyNSA0LjQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTUgMTAsMCBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+IDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOS43NTAwMDAsIDE1LjAwMDAwMCkiPiA8ZyBpZD0iSWNvbnMtLy1BcnJvdy0vLUJvdHRvbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+IDxnIGlkPSJJY29ucy0vLUJsYW5rIj4gPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjguNSIgY3k9IjguNSIgcj0iOC41Ij48L2NpcmNsZT4gPC9nPiA8ZyBpZD0iY2FsZW5kYXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDYyNTAwLCAwLjAwMDAwMCkiIGZpbGw9IiM4RjlCQTkiIGZpbGwtcnVsZT0ibm9uemVybyI+IDxwYXRoIGQ9Ik0xMy4yODEyNSwyLjEyNSBMMTEuNjg3NSwyLjEyNSBMMTEuNjg3NSwwLjM5ODQzNzUgQzExLjY4NzUsMC4xNzg0MDAzOTEgMTEuNTA5MDk5NiwwIDExLjI4OTA2MjUsMCBMMTEuMDIzNDM3NSwwIEMxMC44MDM0MDA0LDAgMTAuNjI1LDAuMTc4NDAwMzkxIDEwLjYyNSwwLjM5ODQzNzUgTDEwLjYyNSwyLjEyNSBMNC4yNSwyLjEyNSBMNC4yNSwwLjM5ODQzNzUgQzQuMjUsMC4xNzg0MDAzOTEgNC4wNzE1OTk2MSwwIDMuODUxNTYyNSwwIEwzLjU4NTkzNzUsMCBDMy4zNjU5MDAzOSwwIDMuMTg3NSwwLjE3ODQwMDM5MSAzLjE4NzUsMC4zOTg0Mzc1IEwzLjE4NzUsMi4xMjUgTDEuNTkzNzUsMi4xMjUgQzAuNzEzNTM1MTU2LDIuMTI1IDguODgxNzg0MmUtMTYsMi44Mzg1MzUxNiA4Ljg4MTc4NDJlLTE2LDMuNzE4NzUgTDguODgxNzg0MmUtMTYsMTUuNDA2MjUgQzguODgxNzg0MmUtMTYsMTYuMjg2NDY0OCAwLjcxMzUzNTE1NiwxNyAxLjU5Mzc1LDE3IEwxMy4yODEyNSwxNyBDMTQuMTYxNDY0OCwxNyAxNC44NzUsMTYuMjg2NDY0OCAxNC44NzUsMTUuNDA2MjUgTDE0Ljg3NSwzLjcxODc1IEMxNC44NzUsMi44Mzg1MzUxNiAxNC4xNjE0NjQ4LDIuMTI1IDEzLjI4MTI1LDIuMTI1IFogTTEuNTkzNzUsMy4xODc1IEwxMy4yODEyNSwzLjE4NzUgQzEzLjU3NDE2OCwzLjE4NzUgMTMuODEyNSwzLjQyNTgzMjAzIDEzLjgxMjUsMy43MTg3NSBMMTMuODEyNSw1LjMxMjUgTDEuMDYyNSw1LjMxMjUgTDEuMDYyNSwzLjcxODc1IEMxLjA2MjUsMy40MjU4MzIwMyAxLjMwMDgzMjAzLDMuMTg3NSAxLjU5Mzc1LDMuMTg3NSBaIE0xMy4yODEyNSwxNS45Mzc1IEwxLjU5Mzc1LDE1LjkzNzUgQzEuMzAwODMyMDMsMTUuOTM3NSAxLjA2MjUsMTUuNjk5MTY4IDEuMDYyNSwxNS40MDYyNSBMMS4wNjI1LDYuMzc1IEwxMy44MTI1LDYuMzc1IEwxMy44MTI1LDE1LjQwNjI1IEMxMy44MTI1LDE1LjY5OTE2OCAxMy41NzQxNjgsMTUuOTM3NSAxMy4yODEyNSwxNS45Mzc1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiA8L2c+IDwvZz4gPC9nPiA8L2c+IDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZT0iI0VFRUJFRSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNjkiIGhlaWdodD0iMTc5IiByeD0iMTAiPjwvcmVjdD4gPC9nPiA8L2c+IDwvZz4gPC9nPiA8L2c+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.upcoming-item .datetime .time .icon{
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTggMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+IDx0aXRsZT4zNzAxQkQ0Mi04M0EzLTRDQ0ItQkMwMy0yOUVBRTg1OUM2MzdAMSw1eDwvdGl0bGU+IDxkZWZzPiA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0MjgiPjwvcmVjdD4gPC9kZWZzPiA8ZyBpZD0iMy4wX0hvbWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8ZyBpZD0iMy4wX0hvbWVfQWZ0ZXJMb2dpbl8yLjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjguMDAwMDAwLCAtMzY5LjAwMDAwMCkiPiA8cmVjdCBmaWxsPSIjRUVFQkVFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMzc1Ij48L3JlY3Q+IDxnIGlkPSJVcGNvbWluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE2NS4wMDAwMDApIj4gPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8L21hc2s+IDx1c2UgaWQ9IkJhY2tncm91bmQiIGZpbGw9IiNGRkZGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8ZyBpZD0iQ2FyZC0vLVVwY29taW5nLUNvcHkiIG1hc2s9InVybCgjbWFzay0yKSI+IDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNS4wMDAwMDAsIDE4OC4wMDAwMDApIj4gPGcgaWQ9ImRhdGUtdGltZSIgc3Ryb2tlPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8cGF0aCBkPSJNMTAsMCBMMzYwLDAgQzM2NS41MjI4NDcsLTEuMDE0NTMwNjNlLTE1IDM3MCw0LjQ3NzE1MjUgMzcwLDEwIEwzNzAsNTAgTDM3MCw1MCBMMCw1MCBMMCwxMCBDLTYuNzYzNTM3NTFlLTE2LDQuNDc3MTUyNSA0LjQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTUgMTAsMCBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+IDxnIGlkPSJHcm91cC00LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMy4yNTAwMDAsIDE1LjAwMDAwMCkiPiA8ZyBpZD0iSWNvbnMtLy1BcnJvdy0vLUJvdHRvbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+IDxnIGlkPSJJY29ucy0vLUJsYW5rIj4gPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjguNSIgY3k9IjguNSIgcj0iOC41Ij48L2NpcmNsZT4gPC9nPiA8ZyBpZD0iY2xvY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDYyNTAwLCAxLjA2MjUwMCkiIGZpbGw9IiM4RjlCQTkiIGZpbGwtcnVsZT0ibm9uemVybyI+IDxwYXRoIGQ9Ik03LjQzNzUsMCBDMy4zMjg4ODEwNSwwIDAsMy4zMjg4ODEwNSAwLDcuNDM3NSBDMCwxMS41NDYxMTkgMy4zMjg4ODEwNSwxNC44NzUgNy40Mzc1LDE0Ljg3NSBDMTEuNTQ2MTE5LDE0Ljg3NSAxNC44NzUsMTEuNTQ2MTE5IDE0Ljg3NSw3LjQzNzUgQzE0Ljg3NSwzLjMyODg4MTA1IDExLjU0NjExOSwwIDcuNDM3NSwwIFogTTEzLjkxNTMyMjYsNy40Mzc1IEMxMy45MTUzMjI2LDEwLjk5NzMwMzQgMTEuMDMzMjkxMywxMy45MTUzMjI2IDcuNDM3NSwxMy45MTUzMjI2IEMzLjg3NzY5NjU3LDEzLjkxNTMyMjYgMC45NTk2Nzc0MTksMTEuMDMzMjkxMyAwLjk1OTY3NzQxOSw3LjQzNzUgQzAuOTU5Njc3NDE5LDMuODc3Njk2NTcgMy44NDE3MDg2NywwLjk1OTY3NzQxOSA3LjQzNzUsMC45NTk2Nzc0MTkgQzEwLjk5NzMwMzQsMC45NTk2Nzc0MTkgMTMuOTE1MzIyNiwzLjg0MTcwODY3IDEzLjkxNTMyMjYsNy40Mzc1IFogTTkuNDQ5ODIzNTksMTAuMDg1NjA5OSBMNy4wMTQ2NDIxNCw4LjMxNjIwNDY0IEM2LjkyMTY3MzM5LDguMjQ3MjI3ODIgNi44Njc2OTE1Myw4LjEzOTI2NDExIDYuODY3NjkxNTMsOC4wMjUzMDI0MiBMNi44Njc2OTE1MywzLjIzODkxMTI5IEM2Ljg2NzY5MTUzLDMuMDQwOTc3ODIgNy4wMjk2MzcxLDIuODc5MDMyMjYgNy4yMjc1NzA1NiwyLjg3OTAzMjI2IEw3LjY0NzQyOTQ0LDIuODc5MDMyMjYgQzcuODQ1MzYyOSwyLjg3OTAzMjI2IDguMDA3MzA4NDcsMy4wNDA5Nzc4MiA4LjAwNzMwODQ3LDMuMjM4OTExMjkgTDguMDA3MzA4NDcsNy42MjY0MzY0OSBMMTAuMTIxNTk3OCw5LjE2NDkxOTM1IEMxMC4yODM1NDMzLDkuMjgxODgwMDQgMTAuMzE2NTMyMyw5LjUwNjgwNDQ0IDEwLjE5OTU3MTYsOS42Njg3NSBMOS45NTM2NTQyMywxMC4wMDc2MzYxIEM5LjgzNjY5MzU1LDEwLjE2NjU4MjcgOS42MTE3NjkxNSwxMC4yMDI1NzA2IDkuNDQ5ODIzNTksMTAuMDg1NjA5OSBMOS40NDk4MjM1OSwxMC4wODU2MDk5IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiA8L2c+IDwvZz4gPC9nPiA8L2c+IDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZT0iI0VFRUJFRSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNjkiIGhlaWdodD0iMTc5IiByeD0iMTAiPjwvcmVjdD4gPC9nPiA8L2c+IDwvZz4gPC9nPiA8L2c+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
 }

 .upcoming-item .location .icon{

    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+IDx0aXRsZT4yQ0YxMTI3NC00MkMxLTQzOTItOEUxQy03NTcxRTY0OEE3OTJAMSw1eDwvdGl0bGU+IDxkZWZzPiA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0MjgiPjwvcmVjdD4gPC9kZWZzPiA8ZyBpZD0iMy4wX0hvbWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8ZyBpZD0iMy4wX0hvbWVfQWZ0ZXJMb2dpbl8yLjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTAuMDAwMDAwLCAtNDU3LjAwMDAwMCkiPiA8cmVjdCBmaWxsPSIjRUVFQkVFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMzc1Ij48L3JlY3Q+IDxnIGlkPSJVcGNvbWluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE2NS4wMDAwMDApIj4gPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8L21hc2s+IDx1c2UgaWQ9IkJhY2tncm91bmQiIGZpbGw9IiNGRkZGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8ZyBpZD0iQ2FyZC0vLVVwY29taW5nLUNvcHkiIG1hc2s9InVybCgjbWFzay0yKSI+IDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNS4wMDAwMDAsIDE4OC4wMDAwMDApIj4gPHJlY3QgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSIjRUVFQkVFIiBmaWxsPSIjRkVGRUZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjAuNSIgeT0iNTAuNSIgd2lkdGg9IjM2OSIgaGVpZ2h0PSI4NyI+PC9yZWN0PiA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBzdHJva2U9IiNFRUVCRUUiIGZpbGw9Im5vbmUiIHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMzY5IiBoZWlnaHQ9IjE3OSIgcng9IjEwIj48L3JlY3Q+IDxnIGlkPSJHcm91cCIgc3Ryb2tlPSJub25lIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMTAyLjAwMDAwMCkiPiA8ZyBpZD0iSWNvbnMtLy1BcnJvdy0vLUJvdHRvbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuMDAwMDAwKSI+IDxnIGlkPSJJY29ucy0vLUJsYW5rIj4gPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjguNSIgY3k9IjguNSIgcj0iOC41Ij48L2NpcmNsZT4gPC9nPiA8ZyBpZD0ibWFwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMi4xMjUwMDApIiBmaWxsPSIjOEY5QkE5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPiA8cGF0aCBkPSJNMTYuNTI4MzY4MSwwIEMxNi40NzA1MjA4LDAgMTYuNDEwOTAyOCwwLjAxMDkyMDEzODkgMTYuMzUyNDY1MywwLjAzNDIzNjExMTEgTDExLjMzMzYyODUsMS44ODg4ODg4OSBMMTEuMzMzMzMzMywxLjg4ODg4ODg5IEw2LjI1Njk0NDQ0LDAuMDk2ODA1NTU1NiBDNi4wNjQyODk3OCwwLjAzMjc2ODY3MTkgNS44NjI2MDE4OSwwIDUuNjU5NTgzMzMsMCBDNS40NjIxMzU0MiwwIDUuMjY0OTgyNjQsMC4wMzA5ODk1ODMzIDUuMDc0OTEzMTksMC4wOTI2NzM2MTExIEwwLjU5MzgxOTQ0NCwxLjY1MTMwMjA4IEMwLjIzNTI0NTY5OCwxLjc5NDcyMTM1IDAsMi4xNDE5Njc3OSAwLDIuNTI4MTU5NzIgTDAsMTIuNzQ5NDA5NyBDMCwxMy4wMjA2NDI0IDAuMjIyMjM5NTgzLDEzLjIyMjIyMjkgMC40NzE5MjcwODMsMTMuMjIyMjIyOSBDMC41Mjk3NzQzMDYsMTMuMjIyMjIyOSAwLjU4OTA5NzIyMiwxMy4yMTEzMDIxIDAuNjQ3ODI5ODYxLDEzLjE4Nzk4NjEgTDUuNjY2NjY2NjcsMTEuMzMzMzMzMyBMMTAuNzQzMDU1NiwxMy4xMjUxMjE1IEMxMS4xMjY0Mzg4LDEzLjI1MzA1ODcgMTEuNTQwNzU2LDEzLjI1NDYxMDQgMTEuOTI1MDg2OCwxMy4xMjk1NDg2IEwxNi40MDYxODA2LDExLjU3MDkyMDEgQzE2Ljc2NDgwNzksMTEuNDI3NTY3NCAxNywxMS4wODAyNzk1IDE3LDEwLjY5NDA2MjUgTDE3LDAuNDcyODEyNSBDMTcsMC4yMDE1Nzk4NjEgMTYuNzc3NzYwNCwwIDE2LjUyODM2ODEsMCBMMTYuNTI4MzY4MSwwIFogTTAuOTA0MDEwNDE3LDIuNTQzNTA2OTQgTDUuMTk0NDQ0NDQsMS4wNTA5ODk1OCBMNS4xOTQ0NDQ0NCwxMC41MDEwNDE3IEwwLjk0MTc4ODE5NCwxMi4wNzI2NTYzIEwwLjkwNDAxMDQxNywyLjU0MzUwNjk0IFogTTYuMTM4ODg4ODksMTAuNDk4Mzg1NCBMNi4xMzg4ODg4OSwxLjA1NjU5NzIyIEwxMC44NjExMTExLDIuNzIzNTQxNjcgTDEwLjg2MTExMTEsMTIuMTY1MzI5OSBMNi4xMzg4ODg4OSwxMC40OTgzODU0IFogTTExLjgwNTU1NTYsMTIuMTcxMjMyNiBMMTEuODA1NTU1NiwyLjcyMTE4MDU2IEwxNi4wNTgyMTE4LDEuMTQ5MjcwODMgTDE2LjA5NTk4OTYsMTAuNjc4NDIwMSBMMTEuODA1NTU1NiwxMi4xNzEyMzI2IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiA8L2c+IDwvZz4gPC9nPiA8L2c+IDwvZz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
     flex: 0 0 20px;
}

.upcoming-item .navigation .icon{
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Nzk3MkFFODQtRjQ3MS00RTQ1LUEwRUUtREIxNkUyMDM3QUQ1QDEsNXg8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0NDAiIGhlaWdodD0iNDI4Ij48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMy4wX0hvbWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIzLjBfSG9tZV9BZnRlckxvZ2luXzIuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2Ni4wMDAwMDAsIC00MzUuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9IiNFRUVCRUUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjIzNzUiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9IlVwY29taW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTY1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8dXNlIGlkPSJCYWNrZ3JvdW5kIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDxnIGlkPSJDYXJkLS8tVXBjb21pbmctQ29weSIgbWFzaz0idXJsKCNtYXNrLTIpIj4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzUuMDAwMDAwLCAxODguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZT0iI0VFRUJFRSIgZmlsbD0iI0ZFRkVGRSIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIwLjUiIHk9IjUwLjUiIHdpZHRoPSIzNjkiIGhlaWdodD0iODciPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb25zLS8tQXJyb3ctLy1Cb3R0b20iIHN0cm9rZT0ibm9uZSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzEuMDAwMDAwLCA4Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29ucy0vLUJsYW5rIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFuZ2xlLWRvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTIuMDAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi4wMDAwMDAsIC0xMi4wMDAwMDApIHRyYW5zbGF0ZSg2LjAwMDAwMCwgOC41MDAwMDApIiBmaWxsPSIjMzMzMzMzIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjYwMTY0MDMsNi44MzM3NjIyNiBMMC4xNjUyMDIxMDksMS4yOTgxNDQ2MyBDLTAuMDU1MDY3MzY5NywxLjA3NzI4MzgyIC0wLjA1NTA2NzM2OTcsMC43MjAxNDcyMDEgMC4xNjUyMDIxMDksMC40OTkyODYzOTUgTDAuNDk3OTQ5NjE5LDAuMTY1NjQ1NjA0IEMwLjcxODIxOTA5OCwtMC4wNTUyMTUyMDE0IDEuMDc0Mzk5NTMsLTAuMDU1MjE1MjAxNCAxLjI5NDY2OTAxLDAuMTY1NjQ1NjA0IEw2LDQuOTcyODkyNSBMMTAuNzA1MzMxLDAuMTcwMzQ0NzcgQzEwLjkyNTYwMDUsLTAuMDUwNTE2MDM1MyAxMS4yODE3ODA5LC0wLjA1MDUxNjAzNTMgMTEuNTAyMDUwNCwwLjE3MDM0NDc3IEwxMS44MzQ3OTc5LDAuNTAzOTg1NTYxIEMxMi4wNTUwNjc0LDAuNzI0ODQ2MzY3IDEyLjA1NTA2NzQsMS4wODE5ODI5OSAxMS44MzQ3OTc5LDEuMzAyODQzNzkgTDYuMzk4MzU5Nyw2LjgzODQ2MTQzIEM2LjE3ODA5MDIyLDcuMDU0NjIzMDcgNS44MjE5MDk3OCw3LjA1NDYyMzA3IDUuNjAxNjQwMyw2LjgzMzc2MjI2IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSIjRUVFQkVFIiBmaWxsPSJub25lIiB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjM2OSIgaGVpZ2h0PSIxNzkiIHJ4PSIxMCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.upcoming-item .datetime .text{
    margin-left: 12px;
}

.upcoming-item {

}

.upcoming-item .button-wrapper{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-top: solid 1px #eeebee;
    gap: 12px;
}

.upcoming-item .button-wrapper.is-hs{
    justify-content: flex-end;
}

.upcoming-item .button-wrapper > a,
.upcoming-item .button-wrapper > span{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-radius: 21px;
    border: solid 1px #ad5e99;
    width: calc(50% - 6px);
    display: block;
    padding: 12px 0;
    max-height: 42px;
    line-height: 1;
}
@media only screen and (max-width: 767px){
    .upcoming-item .button-wrapper{
        flex-direction: column;
    }

    .upcoming-item .button-wrapper > a,
    .upcoming-item .button-wrapper > span{
        width: 100%;
    }
}
.upcoming-item .button-wrapper .cancel{
    color: #ad5e99;
    background-color: #fff;
}

.upcoming-item .button-wrapper .edit{
    background-color: #ad5e99;
    color: #FFF;
}

.upcoming-item .button-wrapper .non-edit{
    background-color: #CACFD3;
    border: 1px solid #CACFD3;
    color: #FFFFFF;
}

.upcoming-ready-wrapper{
    margin: 0 -20px;
}

@media only screen and (max-width: 767px){
    .upcoming-ready-wrapper{
        margin: 0;
    }

}

.upcoming-list {
    display: flex;
    justify-content: flex-start;

}

.upcoming-list.owl-loaded{
    margin: 0;
}

.upcoming-list .upcoming-item {
    border: 1px solid #EEEBEE;
    border-radius: 8px;
    position: relative;
    max-width: calc(50% - 40px);
    margin: 0 20px;
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 767px){
    .upcoming-list:not(.owl-loaded) {
        flex-direction: column;
        margin: 0;
    }
    .upcoming-list:not(.owl-loaded) .upcoming-item {
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .upcoming-list:not(.owl-loaded) .upcoming-item.upcoming-item-download-apps{
        margin-top: 20px;
    }
}

.upcoming-list.owl-loaded .upcoming-item{
    max-width: 100%;
    margin: 0;
}
.upcoming-list .upcoming-item .upcoming-item-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.upcoming-list .upcoming-item .upcoming-item-wrapper .datetime {
    display: flex;
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #EEE;
}

.upcoming-list .upcoming-item .upcoming-item-wrapper .datetime > div {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 20px;
}

.upcoming-list .upcoming-item .upcoming-item-wrapper .datetime > div .text{
    color: #333333;
    font-family: "Open Sans";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}

.upcoming-list .upcoming-item .detail{
    padding: 20px 20px 16px;
    position: relative;
}

.upcoming-list .upcoming-item .detail .title{
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    margin: 0 0 4px;
}

.upcoming-list .upcoming-item .detail p{
    color: #666666;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
}

.upcoming-list .upcoming-item .button-paynow{
    background-color: #AD5E99;
    color: #FFF;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 8px;
    border-radius: 6px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.upcoming-item .location .text{
    color: #333333;
    font-family: "Open Sans";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin-left: 12px;
    overflow: hidden;
    position: relative;

}

.upcoming-item .location {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 20px 16px;
    display: flex;
}

.upcoming-list .upcoming-item .upcoming-item-wrapper .navigation {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.upcoming-list .upcoming-item .upcoming-item-wrapper .reschedule {
    background-color: #EFDFEB;
    text-align: center;
    padding: 8px 10px;
}
.upcoming-list .upcoming-item .upcoming-item-wrapper .reschedule span,
.upcoming-list .upcoming-item .upcoming-item-wrapper .reschedule a {
    color: #AD5E99;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}

.upcoming-list .upcoming-item .upcoming-item-wrapper .reschedule.is-disabled {
    background-color: #EAEAEA;
}

.jquery-modal{
    z-index: 999;
    background-color: rgb(0 0 0 / 50%);
}
.jquery-modal .modal{
    padding: 60px;
    box-shadow: unset;
    max-width: 540px;
    border-radius: 10px;
}

#upcomingAppointmentModal{

}

#upcomingAppointmentModal{

}

#upcomingAppointmentModal h2{
    color: #333333;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

#upcomingAppointmentModal p{
    color: #333333;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
}
#upcomingAppointmentModal .app-download {max-width: 316px;margin: 0 auto!important;}

#upcomingAppointmentModal .app-download .footerNav {}

#upcomingAppointmentModal .app-download .footerNav h2.c-title.text-left {
  color: #333333;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 6px;
}

#upcomingAppointmentModal .app-download .app-downloadList {
  margin-top: 0;
  justify-content: center!important;
}

#upcomingAppointmentModal .p-formCard__separate .is-sub-text {
  color: #8F9BA9;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
}

#upcomingAppointmentModal .cancel-button{
    margin-top: 40px;
}

#upcomingAppointmentModal a.c-button.is-cancle {
  width: 100%!important;
  display: block;
  background-color: transparent!important;
  border: 1px solid #AD5E99!important;
  color: #AD5E99!important;
  box-shadow: unset!important;
  font-family: "Open Sans";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  padding: 9px 10px;
}

.upcoming-list .owl-nav > button button {
    padding: 0;
    height: 28px;
    width: 28px;
    background: #f2f2f2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    border: 0;
    button: 0;
}

.upcoming-list .owl-nav > button {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    transition: .4s;
    
}

.upcoming-list .owl-nav > button.owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(calc(0));
    opacity: 0;
    box-shadow: unset;
}

.upcoming-list .owl-nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.upcoming-list .owl-nav > button.owl-next {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(0);
    opacity: 0;
}

.upcoming-list .owl-dots {
    position: absolute;
}

.upcoming-list:hover .owl-nav > button.owl-next,
.upcoming-list:hover .owl-nav > button.owl-prev {
    opacity: 1;
}

.upcoming-list:hover .owl-nav > button.owl-next{
    transform: translateX(calc(100% + 10px));
}

.upcoming-list:hover .owl-nav > button.owl-prev{
    transform: translateX(calc( -100% - 10px));
}

@media only screen and (max-width: 1600px){
    .upcoming-list:hover .owl-nav > button.owl-next{
        transform: translateX(50%);
    }

    .upcoming-list:hover .owl-nav > button.owl-prev{
        transform: translateX(-50%);
    }
}
/* FIX SHORTCODE category_shortcut */

.list-product .list-product__item .list-product__title {
    height: unset!important;
}

.list-product .list-product__item .list-product__title h2 {
    -webkit-line-clamp: 3;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    max-height: 144px;
}

@media only screen and (max-width: 1440px){
    .list-product .list-product__item .list-product__title h2 {
        font-size: 32px!important;
        line-height: 1.2;
        max-height: calc(32px * 1.2 * 3);
    }
}




.modal .p-product .p-product__general .p-product__title h2 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: bold;
}

.modal .p-product .p-product__general .p-product__information .p-product__excerpt{
    display: block;
}

div#packageDetailModal {
    max-width: 800px;
}

.modal .p-product .p-product__excerpt .c-text {
    color: #333333;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    width: 100%;
    margin-right: 0;
}


.upcoming-item.upcoming-item-download-apps{
    position: relative;
    padding: 20px 24px;
    border: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #FFF;
}

.upcoming-item.upcoming-item-download-apps::before{
    content: '';
    background-image: linear-gradient(90deg, #f2e2ee, #f9f0f5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.upcoming-item.upcoming-item-download-apps .upcoming-item-wrapper{
    z-index: 1;
    position: relative;
}

.upcoming-item.upcoming-item-download-apps .upcoming-item-wrapper .title{
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 4px;
}
.upcoming-item.upcoming-item-download-apps .upcoming-item-wrapper .description{}
.upcoming-item.upcoming-item-download-apps .upcoming-item-wrapper .description p{
    color: #666666;
    font-size: 14px;
    letter-spacing: -0.1px;
    line-height: 18px;
}
.upcoming-item.upcoming-item-download-apps .upcoming-item-wrapper .apps{
    display: flex;
    gap: 12px;
}
.upcoming-item.upcoming-item-download-apps .upcoming-item-wrapper .apps img{
    width: 99px;
    height: 32px;
    object-fit: contain;
}

.upcoming-list .owl-stage{
    display: flex;
}

.upcoming-list .owl-stage .owl-item{
    display: flex;
    flex: 1 0 auto;
}

.icon-arrow-left{
    width: 20px;
    height: 20px;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    transform: rotate(90deg);
}

.icon-arrow-right{
    width: 20px;
    height: 20px;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    transform: rotate(270deg);
}

.upcoming-list.owl-loaded .owl-dots{
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: -40px;
}

.upcoming-list.owl-loaded .owl-dots .owl-dot{
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #333333;
    opacity: 0.2;
    margin: 0 6px;
}

.upcoming-list.owl-loaded .owl-dots .owl-dot.active{
    opacity: 1;
}