.carousel-heading {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 56px;
    color: #fff;
    background: #0d75ac;
    border-right: 2px solid #fff;
    padding: 0 15px;
    margin: 0;
}

.carousel-heading .carousel-heading-img {
    width: 25px;
    height: auto;
    margin-right: 7.5px;
}

.carousel-heading p {
    font-size: 0.95rem;
    line-height: 1;
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .child-site-scroll .col-md-2 {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px;
        padding-right: 0;
    }
    
    .child-site-scroll .col-md-10 {
        -ms-flex: 0 0 calc(100% - 200px);
        flex: 0 0 calc(100% - 200px);
        max-width: calc(100% - 200px);
        padding-left: 0;
    }
}

h3.title-main.category_post {
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 35px;
    background-position: 10px;
}

.title-main {
    align-items: center;
    background: #0d75ac;
    font-size: 0.88rem;
    color: white;
    font-weight: 500;
    display: flex;
}

.fundamental_gallery img{
    width: 45px !important;
}

.carousel-wrap {
    margin: 90px auto;
    padding: 0 5%;
    width: 80%;
    position: relative;
}

.wrapper-load-more {
    display: flex;
    justify-content: center;
}

.btn-load-more {
    background: #f0f0f0;
    color: grey;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    padding: 10px 60px;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}
.owl-carousel:not(.owl-loaded) .item:nth-child(n+2) {
    display: none;
}
/* end fix */
.owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 52px;
}

.owl-prev img {
    position: absolute;
    top: -12.5px;
    left: 7.5px;
    filter: invert(1);
}

.owl-next img {
    position: absolute;
    top: 7.5px;
    right: 7.5px;
    filter: invert(1);
}

.owl-dots {
    display: none;
}

button.owl-next {
    top: 0;
}

.carosel-sub-dojo{
    opacity:1; 
    max-height:56px;
}

.owl-carousel.carosel-sub-dojo.owl-loaded.owl-drag {
    position: relative;
}

/*.carosel-sub-dojo:after {
    content: '';
    height: 100%;
    width: 15%;
    position: absolute;
    right: 0px;
    top: 0;
    background-image: linear-gradient(to right, #ffffff03, white);
}*/

.carousel-wrap-cs p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 1.2;
    font-family: var(--default-font);
    margin-bottom: 0;
}

.child-site-scroll .row {
    align-items: center;
}

.main-post-img {
    width: 100%;
    height: auto;
}

.carosel-sub-dojo {
    color: white;
    background: #1A7CA7;
    margin-top: 0;
    padding: 0.3em 30px;
    opacity: 1 !important;
}

.carosel-sub-dojo i {
    font-size: 2.5em;
}

.img-left-dojo-sub {
    position: relative;
    z-index: 91;
    width: 150%;
}

.latest-post-image {
    position: relative;
    display:flex;
}

.latest-post-image img{
	width:100%;
}

.latest-post h1 {
    font-size: 20px;
}

.latest-post-image h4 {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0000008c;
    width: 100%;
    padding: 16px 15px 6px;
}

.latest-post-image h4 {
    font-size: 2rem;
    color: #fff;
    margin: 0;
}

.card-grid {
    position: relative;
}

.card-grid::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0 0 0 0;
    background: #e4e8ed;
    z-index: -1;
    transition: transform .3s ease;
    transform: scaleX(0);
    transform-origin: bottom right;
}

.card-grid:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.card-grid .card-body>.card-text,
.card-grid .card-body>.date-wrap {
    transition: transform .3s ease;
}

.card-grid:hover .card-body>.card-text,
.card-grid:hover .card-body>.date-wrap {
    transform: scale(0.95);
}

.card-grid .card-img-top {
    width: 100%;
    height: 125px;
    object-fit: cover;
}

.latest-post p {
    margin-bottom: 0;
}

.latest-post p.card-text {
    margin: 12px 0 0;
    font-size: 1rem;
    color: var(--text-color-main);
    font-weight: 600;
}

.latest-blog-grid p.card-text {
    font-size: 14px;
    line-height: 1.285em;
    color: var(--text-color-main);
    min-height: calc(18px * 3);
    font-weight: 600;
}

.latest-blog-grid .ex-small {
    color: #8e8e8e;
}

.side-panel.category-side-panel li a img {
    margin-right: 5px;
}

.side-panel-webinar a.btn.btn-border {
    padding: 12px;
}

.side-panel-webinar a.btn.btn-orange {
    padding: 12px;
}

.heading-flex-sub-dojo {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 91;
    color: white;
    font-size: 0.8rem;
    font-family: var(--default-font-bold);
    top: 2%;
    left: 2.5%;
}

.not-a-dojo {
    display: flex;
    justify-content: space-between;
    background: #F9F9F9;
    margin-bottom: 50px;
    margin-top: 80px;
    padding: 1rem;
    border: 1px solid #d2d2d2;
    position:relative;
}

.left-img-not {
    position: absolute;
    bottom: 3.2%;
    left: 8%;
}

.right-content-not {
    width: 60%;
    margin-left: 36%;
    text-align: center;
}

.right-content-not h3 {
    font-family: var(--default-font-demi);
}

.right-content-not p {
    font-family: var(--default-font);
    font-size: 0.8rem;
    color: #8e8e8e;
}

.pd-not {
    font-size: 0.8rem;
    padding: 0.6rem 3rem 0.4rem;
}

.full-post-link {
    font-family: var(--default-font-demi) !important;
}

.cat-no-5 , .cat-no-6 , .cat-no-7, .cat-no-8, .cat-no-9, .cat-no-10{
    display:none;
}

.block-text-seo{
    background: #F9F9F9;
    margin-bottom: 50px;
    padding: 2rem;
    border: 1px solid #d2d2d2;
}

.block-text-seo h3{
    margin-bottom:2rem;
    font-family: var(--default-font-demi);
}

.block-text-seo p{
    font-size: 0.9375rem;
    font-family: var(--default-font);
}

.latest-blog-grid .row {
    margin-right: -5px;
    margin-left: -5px;
}

.latest-blog-grid .row > .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.latest-post > a {
    position: relative;
    display: block;
}

.latest-post > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0 0 0 0;
    background: #e4e8ed;
    z-index: -1;
    transition: transform .3s ease;
    transform: scaleX(0);
    transform-origin: bottom right;
}

.latest-post > a:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.latest-post > a .col-md-6:last-child {
    transition: transform .3s ease;
}

.latest-post > a:hover .col-md-6:last-child {
    transform: scale(0.95);
}


@media (min-width: 992px) {
    .latest-post > .row {
        margin: 0;
    }
    
    .latest-post > .row > .col-md-6:first-child {
        padding-left: 0;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .latest-post .row {
        display: block;
    }
    
    .latest-post .row > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .latest-post > .row > .col-md-6:first-child {
        margin-bottom: 15px;
    }

    .latest-blog-grid .row > .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
}


@media (max-width: 767px) {
    .latest-blog-grid .card-grid {
        align-items: center;
        flex-wrap: wrap;
        flex-direction: initial;
        margin-bottom: 20px;
    }

    .latest-blog-grid .card-grid .card-img-link {
        width: 50%;
        padding-right: 5px;
    }
    
    .latest-blog-grid .card-grid .card-body,
    .latest-blog-grid .card-grid .card-footer-cs {
        background: #fff;
        width: 50%;
        padding: 0 0 0 5px !important;
        margin-left: auto;
    }
    
    .latest-blog-grid p.card-text {
        min-height: auto;
        margin-top: 0;
    }
    
    .wrapper-load-more {
        margin-top: 1.5rem !important;
    }
    
    .latest-blog-grid .row>.col-md-3 {
        width: 50%;
    }
    
    .latest-blog-grid .card-grid .card-body,
    .latest-blog-grid .card-grid .card-img-link {
        min-width: 100%;
    }
    
    .latest-blog-grid p.card-text {
        margin-top: 10px;
    }
    
    .latest-post p {
        line-height: 1.6;
    }    
}


@media(max-width:667px) {
  .latest-post-image h4{
      font-size:1em;
  }
}