/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.align-left{text-align: left;}
.align-center{text-align: center;}
.banner-bullet li span:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 100px;
    top: 7px;
    left: -10px;
}
.banner-bullet li span {
    position: relative;
}

.banner-bullet li {
    display: inline-block;
    padding: 10px 10px 0 15px;
}

.text-flex{
    display: flex;
    justify-content: end;
    align-items: center;
}


.text-flex-start{
    display: flex;
    justify-content: start;
    align-items: center;
}


 /* mobile-media query */
@media screen and (min-device-width: 10px) and (max-device-width: 768px) {
    .text-flex{
        display: flex;
        justify-content: start !important;
        align-items: center;
    }
}

 /* tablet-media query */
 @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .text-flex{
        display: flex;
        justify-content: start !important;
        align-items: center;
    }
}