.side-bar-hd, .blog-land-head h2, .btm-blog-title h3 { font-family: "Poppins", sans-serif; }

.blog-two-column-wrapp { position: relative; }
.blog-custo-plan-btn { text-align: center; padding-bottom: 35px; }
.blog-custo-plan-btn a:link, .blog-custo-plan-btn a:visited { position: relative; background-color: #fae6ab; display: inline-block; padding: 10px 55px 10px 30px; border-radius: 5px; color: #177d2b; font-weight: 600;  }
.blog-custo-plan-btn a:after { content: ""; display: block; width: 8px; height: 13px; background-image: url(../images/next-arrow.webp); background-repeat: no-repeat; position: absolute; top: 15px; right: 30px;}
.blog-land-head h2 { text-transform: uppercase; 	font-size: 18pt; font-weight: 600; }
.blog-land-head p { color: #676767;  font-size: 12pt; } .blog-land-head { padding-bottom: 15px;}
.blog-land-item img { border-radius: 5px; width: 100%;}  .blog-rm { margin-top: 10px;} .blog-rm:link, .blog-rm:visited { text-decoration: underline;}
.blog-land-item article { padding-top: 10px;} .blog-land-item { border-bottom:1px solid #ddd; padding-bottom: 50px; padding-top: 50px; } .blog-land-item:first-child { padding-top: 0;}

.blog-container {padding-right:420px; min-height: 1700px;}
.sidebar-blog { position: absolute; top: 0; right: 0; width: 360px; border: 1px solid #dbdbdb; padding: 40px; border-radius: 15px; }
.side-btn { padding-bottom: 25px;}
.side-bar-hd { color: #0e582e; text-transform: uppercase; font-size: 20pt; font-weight: 600; padding-bottom: 10px; }
.side-menu a:link, .side-menu a:visited { display: block; padding: 1px 0 1px 15px; position: relative;} .side-menu a:before { content: ""; display: block; position: absolute; width: 3px; height: 3px; background-color: #1d1d1d; top: 12px; left: 4px;}
.blog-side-cat li { display: block; padding: 15px 0; } .blog-side-cat li img { border-radius: 5px;}

.blog-sibngle-item figure { padding: 20px 0;} .blog-sibngle-item p { padding: 10px 0;}


.moreBlog-wrapp { padding-top: 35px;}

.btm-blog-title h3 { text-transform: uppercase; } .btm-blog-title h3 span { font-weight: 800;}
.view-all-blog a:link, .view-all-blog a:visited { text-transform: uppercase; color: #323232; text-decoration: underline; text-underline-offset: 8px; }

.more-blog-wrapp { gap: 20px; padding-top: 40px; padding-bottom: 80px; position: relative;}
.more-item {  width: calc(25% - 20px);  background-color: #fff; padding: 5px; border-radius: 10px; box-shadow: 2px 2px 13px -1px rgba(0,0,0,0.2);}
.more-item img { border-radius: 10px;} .more-item article { padding: 10px; text-align: center;}
.seperation { background-image: url(../images/sep.webp); height: 27px; background-repeat: repeat-x; }.blog-btm-color { 
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+38,ffffff+100 */
background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(248,248,248,1) 38%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    padding-top: 80px;}
    .blog-custo-plan-btn a:hover { background-color:     #e3cd8d }

    .view-all-blog a:hover, .blog-rm:hover, .side-menu a:hover, .side-btn:hover, .blog-side-cat li:hover { opacity: 0.8;}





 @media (max-width:1024px) {
    .sidebar-blog { padding: 20px; width: 280px; }
    .blog-container { padding-right: 320px; }

}



@media (max-width:768px) {
    .sidebar-blog { padding: 20px; width: calc(100%); position: relative; }
    .blog-container { padding-right: 0px; }
    .sidebar-blog, .blog-side-cat ul {    display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: normal;
        align-items: normal;
        align-content: normal; gap: 35px;}

        .blog-land-head h2 { text-align: left;}

.side-menu { display: none;}
.side-btn, .blog-side-cat li { width: calc(50% - 35px);}
.blog-container { min-height: 100px; padding-bottom: 60px;}
.more-item {
    width: calc(33% - 20px);
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 2px 2px 13px -1px rgba(0, 0, 0, 0.2);
}


}


@media (max-width:568px) {
    .blog-land-head h2 { text-align: center }

    .more-blog-wrapp { gap: 14px;}

    .sidebar-blog, .blog-side-cat ul {    display: flex;
 gap: 14px;}

        .blog-land-head h2 { text-align: left;}

.side-menu { display: none;}
.side-btn, .blog-side-cat li { width: calc(50% - 7px); padding: 0;}
.more-item {
    width: calc(100% - 0px); }
}


@media (max-width:388px) {
 
    .side-btn, .blog-side-cat li, .more-item  { width: calc(100% - 0px); padding: 0;}
}

.blog-box{
    margin-top: 25px;
}
.blog-container h1{
    color: #333333;
    font-weight: 800;
}
.blog-container h3{
    font-size: 32px;
    color: #333333;
    font-weight: 700;
    margin: 25px 0px 15px;
}
.blog-box h4{
    color: #333333;
    font-weight: 700;
}
.blog-box img{
    width: 100%;
}
.blog-image-container{
    border-radius: 15px;
    overflow: hidden;
}
.blog-container a{
    color: #00008B;
    text-decoration: underline;
    font-weight: 600;
}