.blog-main .elementor-post__card {   padding: 20px 40px;   overflow: inherit;   background-color: #f7f8fc; } .blog-main .elementor-post__card::after {   content: "";   display: block;   background-image: url(https://staging.topformer.com/wp-content/w3-webp/uploads/2020/12/bg-3-left-1.pngw3.webp);   background-position: top left;   background-repeat: no-repeat;   opacity: 0.5;   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;   position: absolute;   height: 100vh;   width: 100vw;   position: absolute;   right: 0;   z-index: 0;   right: 50%;   -webkit-transform: translate(50%, 0);   -ms-transform: translate(50%, 0);   transform: translate(50%, 0);   z-index: -1; } .blog-main .elementor-post__card::before {   content: "";   display: block;   background-image: url(https://staging.topformer.com/wp-content/w3-webp/uploads/2020/12/bg-3-right-1.pngw3.webp);   background-position: top right;   background-repeat: no-repeat;   opacity: 0.5;   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;   position: absolute;   height: 100vh;   width: 100vw;   position: absolute;   right: 0;   z-index: 0;   right: 50%;   -webkit-transform: translate(50%, 0);   -ms-transform: translate(50%, 0);   transform: translate(50%, 0);   z-index: -1; } .blog-main .elementor-post__title {   text-align: center; } .blog-main .elementor-post__avatar {   position: static;   height: auto; } .blog-main .elementor-post__avatar img {   transform: none;   border-radius: 10px;   width: 120px; } .blog-main .author-block {   margin-bottom: 20px;   display: flex;   align-items: center; } .blog-main .author-block .author-block-meta {   display: flex;   flex-direction: column; } .blog-main .author-block .author-block-meta .elementor-post-author-name {   font-size: 16px;   font-weight: 600;   color: #54595f; } .blog-main .author-block .author-block-meta .elementor-post-author-job-title{   font-size: 16px; } .blog-main .author-block .author-block-meta .elementor-social-icons-wrapper {   display: none;   margin-top: 30px;   --grid-column-gap: 10px; } .blog-main .author-block .author-block-meta .elementor-social-icons-wrapper .elementor-icon {   border-radius: 100%;   font-size: 17px;   width: 34px;   height: 34px;   font-size: 17px;   border-radius: 100%; } body .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {   content: none; } body .blog-main .elementor-posts-container .elementor-post__thumbnail {   padding-bottom: 0 !important;   margin-top: 20px !important; } .blog-main .text-blog {   max-width: 90%;   margin: 20px auto;   color: black;   font-size: 14px; } .blog-main .elementor-post__read-more {   margin-left: 5%;   color: black;   text-decoration: revert !important;   text-transform: capitalize !important;   font-size: 18px; } @media (max-width: 1199px) {   body .elementor-grid-tablet-2 .elementor-grid {  grid-template-columns: repeat(1, 1fr);   }   .blog-main .elementor-post__card::after,   .blog-main .elementor-post__card::before {  display: none;   } } @media (max-width: 767px) {   .blog-main .author-block {  flex-wrap: wrap;  justify-content: center;  text-align: center;   }   .elementor-posts .elementor-post__avatar {  padding: 0;  margin-bottom: 16px;   }   .blog-main .elementor-post__card {  padding: 10px;   }   .blog-main .text-blog {  max-width: 100%;  font-size: 14px;   }   .blog-main .elementor-post__read-more {  margin-left: 0;  font-size: 16px;   } } .blog-main .elementor-widget-archive-posts .elementor-post__title a {   display: block;   color: #15265e;   margin: auto !important;   font-size: 30px;   max-width: 700px;   font-weight: 700; } .blog-main .elementor-post__thumbnail img {   max-width: 70%;   margin: auto; } 
.ocean-post-tags {   list-style: none;   display: flex;   justify-content: center;   margin: 0;   display: none; } .ocean-post-tags li {   margin-right: 10px;   margin-bottom: 10px;   width: 100%; } .ocean-post-tags li a {   font-weight: 500;   background-color: #0f256e;   padding: 6px;   color: white;   border-radius: 5px;   width: 100%;   display: block;   font-size: 14px;   text-align: center; } @media (max-width: 991px) {   .ocean-post-tags li a {  font-size: 10px;   } } @media (max-width: 767px) {   .ocean-post-tags {  display: block;   }   .ocean-post-tags li a {  max-width: 100%;   }  body .poster-main .elementor-element > .elementor-container {  max-width: 200px !important;   } } .poster-main .elementor-element > .elementor-container {   max-width: 270px !important; } .author-sourcing_location_titles.ocean-post-tags li a, .author-special_field_of_expertise.ocean-post-tags li a {   line-height: 1;   padding: 10px 20px;   text-transform: uppercase; } .author-sourcing_location_titles.ocean-post-tags li , .author-special_field_of_expertise.ocean-post-tags li {   width: fit-content; } .author-sourcing_location_titles.ocean-post-tags, .author-special_field_of_expertise.ocean-post-tags {   justify-content: left;   display: flex; } 
.box-post-ar .author-name {   text-transform: lowercase;   color: black; } .box-post-ar .author-name strong {   text-transform: capitalize; } .box-post-ar .elementor-post__read-more {   margin-left: auto;   display: block !important;   width: fit-content; } .box-post-ar .elementor-posts .elementor-post__avatar img {   border-radius: 10px; } .box-post-ar .elementor-post__text {   padding-bottom: 20px !important; } .box-post-ar .elementor-post__meta-data {   display: none; } .post-categories-breadcrumbs {   display: flex;   list-style: none;   margin: 10px 0 20px; } .post-categories-breadcrumbs li a {   color: #1c399e;   font-size: 12px;   padding-right: 5px; } .post-categories-breadcrumbs li a::after {   content: " >"; } .post-categories-breadcrumbs li:last-child a::after {   content: ""; } .box-post-ar .elementor-post__excerpt p {   display: -webkit-box;   -webkit-line-clamp: 3;   -webkit-box-orient: vertical;   overflow: hidden; } .box-post-ar h3.elementor-post__title {   display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   overflow: hidden; }