.article-header a {
    color: #fff!important;
    font-size: 30px;
}
.article-header h2 {
    margin: 0!important;
}
.article-info {
    margin: 0;
}

.article-list.articles-leading > div.article {
    margin-bottom: 0;
}

.article-details {
    padding-bottom: 30px;
}

.article-list .article .article-intro-image {
    border-radius: 10px;
}

/*article*/
.article-list .article .article-header h2 a {
    font-size: 18px !important;
}


.article-list .article .article-header h2 {
    line-height: 1.2 !important;
    font-size: 20px !important;
}

.article-intro-image {
    float: none !important;
}

@media (max-width: 767px) {
    .article-list .article .article-header h2 a {font-size: 16px !Important;}
}

.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 26px !important;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    padding-bottom: 20px;
    line-height: 1.5 !important;
    letter-spacing: 0.5px;
    }

@media (max-width: 767px) {
    .article-details .article-header h1, .article-details .article-header h2 { font-size: 22px !important; }
}
.artcile-details-wrap {
    max-width: 100%;
}


/*title shape 001*/

.article-header h1{
    position: relative;
}

.article-header h1:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_Dreamztech_Oct2022/shape/element01.png);
    top: -120px;
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: 1 !important;
    }


/*readmore*/
.readmore a:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 8px;
    right: -25px;
    position: absolute;
}

.readmore a{position: relative;top: -1px;right: 0px;font-size: 15px;}

.readmore a:after {
    background: rgb(255 255 255 / 10%);
    width: 40px;
    height: 40px;
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 2px;
    bottom: 0;
    margin: auto;
    right: -42px;
    z-index: 0;
}

.readmore {margin-top: 20px!important;margin-bottom: 40px;}

/*header*/
.layout-blog  section#sp-main-body {
    z-index: 2!important;
}

.layout-blog div#sp-title {
    z-index: 0;
}


#sp-left .sp-module, #sp-right .sp-module {
    background: rgb(255 255 255 / 5%);
    border:0px;
    border-radius: 20px;
    padding: 15px 25px;
}

#sp-right .sp-module ul > li:last-child {
    border-bottom: none !important;
}


#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    display: block;
    padding: 5px 0;
    line-height: 1.4;
    padding: 2px 0;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: normal;
    color: #ffffffb3;
    font-size: 14px;
}
#sp-left .sp-module ul > li > a span, #sp-right .sp-module ul > li > a span{
    font-weight: 300;
}

#sp-right .sp-module ul > li {
    display: block;
    border-bottom: 1px solid rgb(243 243 243 / 15%)!important;
}

/**/