/* blog detail main sec styling  */
.blog_detail_main {margin-block: 30px 100px;}
.blog_detail_main .wrapper {display: grid;grid-template-columns: repeat(3,1fr);gap: 25px;}
.blog_detail_main .wrapper > :nth-child(1) {grid-area: 1/1/2/3;}
.blog_detail_main .wrapper > :nth-child(1) .title {margin-bottom: 30px;}
.blog_detail_main .wrapper > :nth-child(1) .title > h2 {color: #282828;font-weight: 600;font-size: 30px;margin-bottom: 20px;}
.blog_detail_main .wrapper > :nth-child(1) .title > p {color: #2D4C62;font-size: 18px;}
.blog_detail_main .wrapper > :nth-child(1) .title > p span {font-weight: 600;}
.blog_detail_main .wrapper > :nth-child(1) > img {width: 100%; height: 488px;object-fit: cover;margin-bottom: 25px;}
.blog_detail_main .wrapper > :nth-child(1) > p {color: #282828;font-size: 18px;margin-bottom: 15px;}
.blog_detail_main .wrapper > :nth-child(1) > h2 {color: #282828;font-size: 24px;margin-bottom: 15px;}
.blog_detail_main .wrapper > :nth-child(1) > h3 {color: #282828;font-weight: 700;font-size: 24px;margin-bottom: 10px;}
.blog_detail_main .wrapper > :nth-child(1) > ul {padding-left: 1rem;margin-bottom: 10px;}
.blog_detail_main .wrapper > :nth-child(1) > ul li {margin-bottom: 5px;list-style-type: disc;color: #282828;}
.blog_detail_main .wrapper > :nth-child(1) > ol {list-style-type: decimal;list-style-position: inside;margin-bottom: 10px;}
.blog_detail_main .wrapper > :nth-child(1) > ol li {list-style: unset;margin-bottom: 5px;}
.blog_detail_main .wrapper > :nth-child(2) {grid-area: 1/3/2/4;}

.blog_detail_main .wrapper .gen_form > form > :nth-child(2) > :nth-child(6) {display: flex;align-items: center;}
.blog_detail_main .wrapper .gen_form > form > :nth-child(2) > button:nth-of-type(2) {display: none;}

.blog-form .gen_form > form > :nth-child(3) > button:nth-of-type(2) {display: none;}
.blog-form .gen_form > form > :nth-child(3) > :nth-child(6) {display: flex; align-items: center; justify-content: start; gap: 3px;}
.blog-form .gen_form > form > :nth-child(3) > :nth-child(6) label {flex: none; width: fit-content;}

/* top posts sec styling */
.top_posts {margin-top: 38px;padding: 24px 40px 45px 26px;box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.05);border: 1px solid #F7F7F7;border-radius: 15px;}
.top_posts > h3 {color: #2D4C62;font-weight: 700;font-size: 24px;line-height: 30px;border-bottom: 1px solid #2D4C62;padding-bottom: 14px;margin-bottom: 30px;}
.top_posts > ul > li {display: flex;gap: 14px;}
.top_posts > ul > li:not(:first-child) {padding-top: 25px;}
.top_posts > ul > li:not(:last-child) {border-bottom: 1px solid #D9D9D9;padding-bottom: 25px;}
.top_posts > ul > li > img {width: 74px;height: 52px;object-fit: cover;}
.top_posts > ul > li > div > a {color: #2D4C62;width: 100%;font-size: 18px;line-height: 26px;font-weight: 600;}
.top_posts > ul > li > div > p {color: #2D4C62;font-size: 14px;}

/* blog author sec styling */
.blog_author {margin-bottom: 100px;}
.blog_author .wrapper {border-block: 1px solid #000;padding-block: 27px 40px;display: flex;gap: 35px;align-items: center;}
.blog_author .wrapper > img {border: 1px solid #24C66D;border-radius: 50%;width: 148px;height: 148px;object-fit: cover;}
.blog_author .wrapper > div > h2 {color: #24C66D;font-weight: 700;font-size: 32px;margin-bottom: 15px;}
.blog_author .wrapper > div > p {color: #282828;font-size: 18px;line-height: 27px;}

/* related post slider sec styling */
.related_post_slider .wrapper > h2 {color: #282828;font-weight: 700;font-size: 32px;margin-bottom: 45px;}
.related_post_slider .slider-wrapper {overflow: unset;padding: 0px;}
.related_post_slider .slider-arrow {border: 1px solid #24C66D;padding: 22px 11px 21px 11px;border-radius: 8px;top: -70px;}
.related_post_slider .slider-arrow.prev {right: 90px;left: unset;}
.related_post_slider .slider-arrow img {filter: brightness(0) saturate(100%) invert(76%) sepia(34%) saturate(998%) hue-rotate(86deg) brightness(81%) contrast(88%);width: 41px;height: 22px;object-fit: contain;}

@media only screen and (max-width:991px) {
    /* blog detail main */
    .blog_detail_main .wrapper {display: block;}
    .blog_detail_main .wrapper > :nth-child(1) {margin-bottom: 30px;}
    /* blog author */
    .blog_author .wrapper > div > h2 {font-size: 28px;}
    .blog_author .wrapper > div > p {font-size: 16px;line-height: 26px;}
    /* related post slider */
    .related_post_slider .wrapper > h2 {font-size: 30px;}
    .related_post_slider .slider-arrow {padding: 15px 6px 15px 6px;}
    .related_post_slider .slider-arrow img {height: 19px;}
}
@media only screen and (max-width:575px) {
    /* blog detail main */
    .blog_detail_main .wrapper > :nth-child(1) .title > h2 {font-size: 26px;}
    .blog_detail_main .wrapper > :nth-child(1) .title > p {font-size: 16px;}
    .blog_detail_main .wrapper > :nth-child(1) > img {height: 274px;}
    .blog_detail_main .wrapper > :nth-child(1) > p {font-size: 16px;}
    /* blog author */
    .blog_author .wrapper {flex-direction: column;}
    .blog_author .wrapper > div > h2 {font-size: 26px;}
    /* related post slider */
    .related_post_slider .wrapper > h2 {font-size: 26px;margin-bottom: 50px;}
}
@media only screen and (max-width: 475px) {
    .blog-form .gen_form > form > :nth-child(3) > :nth-child(6) {flex-direction: column; gap: 0; align-items: start;}
    .blog-form .gen_form > form > :nth-child(3) > :nth-child(6) label {padding-left: 0; margin-bottom: 5px;}
}