.left-info .date {
    display: flex;
    align-items: center;
}

.right-info .comments {
    display: flex;
    align-items: center;
}

/* Custom richeditor CSS for Blog */
/* Paragraph text */
.custom-richeditor-class p {
    line-height: 1.8;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: #ddd;
    margin: 0;
}

/* Paragraph title */
.custom-richeditor-class h2 {
    font-size: 24px;
    font-weight: 600 !important;
    line-height: 1.5;
    font-family: "Heebo", sans-serif;
}

/* Paragraph subtitle */
.custom-richeditor-class h3 {
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 1.5;
    font-family: "Heebo", sans-serif;
}

.custom-richeditor-class ol,
.custom-richeditor-class ul {
    margin-top: 12px;
    opacity: 0.7;
    padding-left: 15px;
    position: relative;
}

.custom-richeditor-class ol li {
    opacity: 0.7;
    padding-left: 25px;
    position: relative;
}

.custom-richeditor-class ul li {
    margin-top: 10px;
    opacity: 0.7;
    padding-left: 15px;
    position: relative;
}

.custom-richeditor-class ol {
    counter-reset: list-counter;
}

.custom-richeditor-class ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 10px;
}

.custom-richeditor-class ol li:before {
    counter-increment: list-counter;
    content: counter(list-counter, decimal-leading-zero) ".";
    position: absolute;
    left: 0;
}

/* Form */
.form-submit {
    pointer-events: all !important;
}

.validation-error {
    margin-top: 8px;
    color: indianred;
}

.messages {
    margin: auto;
    display: flex;
    justify-content: center;
}

.alert {
    padding: 8px 32px;
    display: inline-block;
    border-radius: 500px;
    background-color: transparent !important;
}

.alert-success {
    color: mediumseagreen;
    border-color: mediumseagreen;
}

.alert-danger {
    color: indianred;
}

/*Homepage*/
@media (max-width: 768px) {

    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }
}

.brand-ratio-1 {
    object-fit: contain;
    aspect-ratio: 1;
}

.feat .item h3 {
    margin: 40px 0 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.work-crus .cont h3 {
    margin: 0;
    font-family: "Heebo", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
}

.blog-metro h2 {
    margin: 0;
    font-family: "Heebo", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.blog-metro .cont h3 {
    margin: 0;
    font-family: "Heebo", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
}

.full-showcase .parallax-slider .caption sub-title {
    color: #eee;
    margin-top: 15px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.full-showcase .parallax-slider .caption .content {
    font-family: "Mona-Sans-Medium", sans-serif;
    margin: 0;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .full-showcase .parallax-slider .swiper-slide .caption .content {
        font-size: 35px;
    }
}

/* Navbar */
.cont-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.language-link {
    opacity: 0.5;
}

.language-link.active {
    opacity: 1;
}

.seperator {
    opacity: 0.5;
}

/* Accordion */
.accordion .title h3 {
    margin: 0;
    font-family: "Heebo", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
}


@media screen and (max-width: 768px) {
    .accordion .title h3 {
        font-size: 20px;

    }
}

/* Footer */
.footer-container .sub-title {
    color: #fff;
}

.sub-title-custom {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
}

.footer-container .animsition-link {
    padding: 16px 0 !important;
}

/*
.info-area {
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    padding: 10px;


}

.custom-richeditor-class .i {
    padding: 7px 20px;
    font-size: 13px;
    background: #141414;
    border-radius: 30px;
    margin-left: 5px;
}
*/
.about-header .breadcrumb {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    text-transform: none !important;

    color: rgba(255, 255, 255, .78);
    letter-spacing: .2px;
    margin-bottom: 0;
}

.about-header .breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color .25s ease;
}

.about-header .breadcrumb a:hover,
.about-header .breadcrumb a:focus {
    color: #fff;
}

.about-header .breadcrumb span {
    color: rgba(255, 255, 255, .78);
}

@media(max-width:767.98px) {
    .about-header .breadcrumb {
        font-size: 13px;
    }
}


.about-header+.d-flex.py-4 {
    margin-top: -30px;
}

@media(max-width:767.98px) {
    .about-header+.d-flex.py-4 {
        margin-top: -15px;
    }
}

.share-icon a {
    font-size: 14px;
    background: #141414;
    border-radius: 20px;
    margin-left: 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    text-align: center;
    padding: 0;
}

.info-area {
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 20px 20px;
    align-items: center;
    width: 100%;


}

@media screen and (max-width: 768px) {
    .info-area {
        padding: 20px 0;
    }
}

.tags a {
    padding: 7px 20px;
    font-size: 13px;
    background: #141414;
    border-radius: 30px;
    margin-left: 5px;

}

.ml-auto {
    margin-left: auto;
}