/*-----Tag related Blogs------------------------------------*/
 .latest-blogs {
     display: flex;
     flex-direction: column;
     gap: 24px;
     padding-top: 40px;
     padding-bottom: 40px;
 }

 .latest-blogs_title {
     font-family: Poppins;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 40px;
     line-height: 120%;
     letter-spacing: -0.24px;
     text-align: center;
     color: #00215C;
     align-items: center;
 }

 .latest-blogs_list {
     display: flex;
     flex-direction: row;
     gap: 24px;
 }

 .related-blog-card {
     width: 23%;
     opacity: 1;
     display: flex;
     flex-direction: column;
     gap: 8px;
     border-radius: 12px;
     border-width: 1px;
     padding: 16px;
     border: 1px solid #00215C1A;
     background-color: #FFFFFF;
     box-shadow: 0px 4px 12px 0px #255CC11A;
     text-decoration: none;
     color: inherit;
     cursor: pointer;
 }

 .related-blog-card_image {
     opacity: 1;
     border-radius: 8px;

 }

 .related-blog-card_title {
     font-family: Roboto;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 0%;
     vertical-align: middle;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     margin-bottom: 0 !important;
     color: #111111CC;

 }

 .related-blog-card_description {
     font-family: Roboto;
     font-weight: 500;
     font-style: Medium;
     font-size: 12px;
     line-height: 18px;
     letter-spacing: 0%;
     vertical-align: middle;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     margin-bottom: 0 !important;
     color: #111111CC;
 }

 .related-blog-card_footer {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }

 .related-blog-card_read-more {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 12px;
     font-family: Roboto;
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #00215C;
 }

 .related-blog-card_read-icon {
     width: 24px !important;
     height: 24px !important;
 }

 .related-blog-card_date {
     font-family: Poppins;
     font-weight: 400;
     font-style: Regular;
     font-size: 12px;
     leading-trim: NONE;
     line-height: 110.00000000000001%;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #11111199;
 }

 @media (min-width: 769px) and (max-width: 992px) {
     .latest-blogs_title {
         font-size: 24px;
         line-height: 120%;
         margin-bottom: 0 !important;
         text-align: unset;
     }

     .latest-blogs_list {
         display: flex;
         flex-wrap: nowrap;
         overflow-x: auto;
         gap: 16px;
         padding-bottom: 10px;
         scroll-snap-type: x mandatory;
     }

     .related-blog-card {
         flex: 0 0 40%;
         max-width: 40%;
         scroll-snap-align: start;
     }
 }

 @media(max-width:768px) {
     .latest-blogs {
         gap: 20px;
         padding-top: 32px;
         padding-bottom: 32px;
     }

     .latest-blogs_title {
         font-size: 32px;
     }

     .latest-blogs_list {
         gap: 16px;
         flex-wrap: wrap;
     }

     .related-blog-card {
         width: calc(50% - 8px);
         height: auto;
         padding: 12px;
         gap: 8px;
     }

     .related-blog-card_image {
         width: 100%;
         object-fit: cover;
     }

     .related-blog-card_title {
         font-size: 14px;
         line-height: 18px;
     }

     .related-blog-card_description {
         font-size: 12px;
         line-height: 18px;
     }

     .related-blog-card_read-more {
         font-size: 14px;
         gap: 8px;
     }

     .related-blog-card_read-icon {
         width: 20px !important;
         height: 20px !important;
     }

     .related-blog-card_date {
         font-size: 11px;
     }
 }

 @media(max-width:576px) {
     .latest-blogs_list {
         display: flex;
         flex-wrap: nowrap;
         overflow-x: auto;
         gap: 16px;
         padding-bottom: 10px;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
     }

     .related-blog-card {
         flex: 0 0 80%;
         max-width: 80%;
         scroll-snap-align: start;
     }

     .latest-blogs_list::-webkit-scrollbar {
         display: none;
     }

     .latest-blogs {
         gap: 24px;
         padding-top: 24px;
         padding-bottom: 24px;
     }

     .latest-blogs_title {
         font-size: 24px;
         line-height: 120%;
         margin-bottom: 0 !important;
         text-align: unset;
     }

     /* .latest-blogs_list {
                flex-direction: column;
                gap: 16px;
                align-items: center;
            } */

     /* .blog-card {
                width: 100%;
                max-width: 360px;
                height: auto;
                min-height: 0;
                padding: 12px;
            } */

     .related-blog-card_image {
         width: 100%;
         height: auto;
         object-fit: cover;
     }

     .related-blog-card_title {
         font-size: 14px;
         line-height: 18px;
     }

     .related-blog-card_description {
         font-size: 12px;
         line-height: 18px;
     }

     .related-blog-card_footer {
         margin-top: 4px;
     }

     .related-blog-card_read-more {
         font-size: 14px;
         gap: 8px;
     }

     .related-blog-card_read-icon {
         width: 20px !important;
         height: 20px !important;
     }

     .related-blog-card_date {
         font-size: 11px;
     }
 }