.nofind{
    margin: 50px auto;
    max-width: 50%;

}

.nofind h4{
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}
.nofind img{
    width: 100%;
    height: auto;
    padding: 30px 0 0 0;
}

.nofind p{
    text-align: center;
    color: #6c757d;
}


.nofind a{
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    border-radius: 26px;
    padding: 0;
    display: block;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-size: 200%;
    background-image: linear-gradient(to right, var(--theme_color), var(--subtheme_color), var(--theme_color));
    transition: all 0.3s;
    max-width: 250px;
    margin: 20px auto 0 auto;
}





.blog_details {
    padding: 30px 0 155px;
    background-image: linear-gradient(to bottom,#ecf1f7,#fff);
    background-size: 100% 200px;
    background-repeat: no-repeat
}

.blog_details .left {
    width: 65.57%
}

.blog_details .left .wp-block-columns .wp-element-caption {
    color: var(--title_color);
    font-size: 1rem;
    font-weight: 300;
    font-style: italic
}

.blog_details .left>span {
    font-size: 18px;
    color: var(--theme_color)
}




.blog_details h1 {
    display: block;
    font-size: 38px;
    font-weight: 600;
    color: var(--title_color);
    margin: 20px 0 20px;
    line-height: 2.5rem
}

.blog_details .left img {
    width: 100%;
    height: auto;
    margin: 50px 0 0;
    border-radius: 10px
}

.blog_details h2 {
    font-size: 26px;
    color: var(--title_color);
    padding-top: 25px;
    font-weight: 600
}

.blog_details p,.blog_details li {
    font-size: 18px;
    color: #666;
    padding-top: 10px;
    line-height: 22px
}

.blog_details a {
    font-size: 18px;
    color: var(--theme_color)
}

.blog_details ul {
    padding-left: 1.2rem;
    padding-top: 10px
}

.blog_details li {
    list-style-type: initial;
    padding-top: 0
}

.blog_details ol {
    margin-top: 2rem
}

.blog_details ol li {
    list-style: decimal;
    margin-left: 20px
}

.blog_details h3 {
    font-weight: 600;
    font-size: 24px;
    color: #3d3d3d;
    padding-top: 25px
}

.blog_details h4 {
    font-weight: 600;
    font-size: 20px;
    color: #3d3d3d;
    padding-top: 20px
}

.blog_details h4 {
    font-weight: 600;
    font-size: 18px;
    color: #3d3d3d;
    padding-top: 20px
}


.blog_details h5 {
    font-weight: 600;
    font-size: 16px;
    color: #3d3d3d;
    padding-top: 20px
}

.blog_details h6 {
    font-weight: 600;
    font-size: 14px;
    color: #3d3d3d;
    padding-top: 20px
}

.blog_detail blockquote{
    padding: 25px 30px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.7em;
    color: #4fabe5;
    margin-top: 35px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}


.blog_details .sidebar {
    flex: 1;
    padding-left: 60px
}

.sidebar_mark {
    margin-top: 55px;
    padding: 75px 30px 30px;
    width: 100%;
    height: 241px;
    background: url(../image/blog-mark.svg) no-repeat center / cover;
    position: relative;
    text-align: center;
    border-radius: .625rem
}

.sidebar_mark_img {
    position: absolute;
    top: -2.1875rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6.125rem;
    height: 6.125rem;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.sidebar_mark_img img {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sidebar_mark span {
    font-size: 1.25rem;
    font-weight: 600;
    color: #242424
}

.sidebar_mark p {
    font-size: .875rem;
    color: gray;
    line-height: 1.5625rem;
    margin: .3125rem auto .9375rem;
    width: 75%;
    padding-top: 0
}

.sidebar_mark form {
    position: relative;
    width: 100%;
    height: 34px;
    border-radius: 17px
}

.sidebar_mark form input[type='email'] {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    font-size: .75rem;
    padding: 0 calc(36.333% + 15px) 0 15px;
    border-radius: 20rem
}

.sidebar_mark form input[type='submit'] {
    width: 36.333%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 20rem;
    right: 0;
    font-size: .75rem;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    border-radius: 17px;
    background-size: 200%;
    background-color: transparent;
    color: #fff;
    transition: all 0.3s;
    background-image: linear-gradient(to right,var(--theme_color),var(--subtheme_color),var(--theme_color))
}

.sidebar_mark form input[type='submit']:hover {
    background-position: right
}

.sidebar_last {
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    padding: 1.5625rem 1.875rem;
    margin-top: 3.125rem;
    border-radius: .625rem;
    background-color: #fff
}



.sidebar_last span {
    font-size: 1.5rem;
    font-weight: 600;
    color: #242424;
    display: block;
    width: 100%;
    padding-bottom: .9375rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative
}

.sidebar_last span::after {
    content: '';
    display: block;
    width: 2.1875rem;
    height: .125rem;
    background-color: var(--theme_color);
    position: absolute;
    left: 0;
    bottom: -1px
}

.sidebar_last ul {
    padding-top: 1.875rem
}

.sidebar_last ul li {
    margin-bottom: 2.5rem;
    list-style: none
}

.blog_details ul.social li {
    list-style: none
}

.sidebar_last ul li a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between
}

.sidebar_last ul li a:hover .img img {
    transform: scale(1.1)
}

.sidebar_last ul li a .img {
    width: 4.875rem;
    height: 4.875rem;
    border-radius: .3125rem;
    overflow: hidden
}

.sidebar_last ul li a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s
}

.sidebar_last ul li a .info {
    flex: 1;
    margin-left: 1.25rem;
    position: relative;
    top: -5px
}

.sidebar_last ul li a .info h2 {
    font-size: 1.125rem;
    color: var(--title_color);
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: unset;
}

.sidebar_last ul li a .info p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--theme_color);
    padding-top: 0
}

.sidebar_last>a {
    font-size: 1rem;
    font-weight: 500;
    color: var(--theme_color);
    position: relative;
    display: inline-block;
    margin-bottom: .625rem
}

.sidebar_last>a:hover::after {
    right: -3rem
}

.sidebar_last>a::after {
    content: '';
    display: block;
    width: 1.125rem;
    height: .625rem;
    background: url(../image/right-line-blue.svg) no-repeat center / contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2rem;
    transition: all 0.3s
}

.tags_share {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 25px;
    margin-top: 70px
}

.tags_share .tags {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem
}

.tags_share .tags span {
    font-size: 1.125rem;
    color: #222;
    margin-right: .9375rem;
    font-weight: 500
}

.tags_share .tags p {
    border: 1px solid rgba(0,0,0,.1);
    padding: .625rem 2.3125rem;
    border-radius: .3125rem;
    font-size: 1rem;
    color: gray;
    line-height: 1rem;
    transition: all 0.3s;
    margin: 0
}

.tags_share .tags p:hover {
    color: #fff;
    background-color: var(--theme_color);
    border: 1px solid var(--theme_color)
}

.wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-columns {
    gap: 1rem
}

aside.wp-block-group {
    background: #f2f5f8;
    border-top: 4px solid var(--theme_color);
    padding: 3rem 2rem 1rem;
    margin-top: 2rem
}

.wp-block-group>h3 {
    padding-top: 0
}

.wp-block-group>p:nth-of-type(1) {
    padding-top: 0
}