.elementor-113 .elementor-element.elementor-element-2ceb71b{--display:flex;--min-height:80vh;--justify-content:flex-end;--margin-top:-9%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:30px;--padding-bottom:0100px;--padding-left:30px;--padding-right:30px;}.elementor-113 .elementor-element.elementor-element-2ceb71b:not(.elementor-motion-effects-element-type-background), .elementor-113 .elementor-element.elementor-element-2ceb71b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sproductions.tv/wp-content/uploads/2026/03/0.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-113 .elementor-element.elementor-element-845203c .elementor-heading-title{font-family:"S-production font", Sans-serif;font-size:5em;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-113 .elementor-element.elementor-element-4753b59{--display:flex;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-113 .elementor-element.elementor-element-21e23d9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-113 .elementor-element.elementor-element-65dcc28{--display:flex;}.elementor-113 .elementor-element.elementor-element-c9a41b5{--display:flex;}.elementor-113 .elementor-element.elementor-element-43e3ffd{--display:flex;}.elementor-113 .elementor-element.elementor-element-062ab8a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-gap:40px;--n-tabs-title-border-radius:12px 12px 12px 12px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:23px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:23px;--n-tabs-title-font-size:1em;--n-tabs-title-color:#FFFFFF96;--n-tabs-title-color-active:#0F0F0F;}.elementor-113 .elementor-element.elementor-element-062ab8a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-113 .elementor-element.elementor-element-062ab8a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-113 .elementor-element.elementor-element-062ab8a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-113 .elementor-element.elementor-element-062ab8a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-113 .elementor-element.elementor-element-062ab8a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"S production font", Sans-serif;font-weight:300;}.elementor-113 .elementor-element.elementor-element-062ab8a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#0F0F0F;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-113 .elementor-element.elementor-element-2ceb71b{--content-width:90%;}.elementor-113 .elementor-element.elementor-element-4753b59{--content-width:95%;}.elementor-113 .elementor-element.elementor-element-21e23d9{--content-width:95%;}}@media(max-width:1024px){.elementor-113 .elementor-element.elementor-element-2ceb71b{--min-height:37vh;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-113 .elementor-element.elementor-element-845203c .elementor-heading-title{font-size:37px;}.elementor-113 .elementor-element.elementor-element-062ab8a{--n-tabs-title-font-size:0.9em;}}@media(max-width:767px){.elementor-113 .elementor-element.elementor-element-2ceb71b{--min-height:25vh;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-113 .elementor-element.elementor-element-845203c .elementor-heading-title{font-size:24px;}.elementor-113 .elementor-element.elementor-element-062ab8a{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}}/* Start custom CSS for shortcode, class: .elementor-element-50d7b49 *//* Base container */
.news-grid-container.highlighted-articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 2rem 0;
}

/* Each card */
.news-grid-container.highlighted-articles .news-grid-item {
  display: flex;
  flex-direction: column;


  overflow: hidden;
  color: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
  transition: transform 0.3s ease;
}

.news-grid-container.highlighted-articles .news-grid-item:hover {
  transform: translateY(-5px);
}

/* Image */
.news-grid-container.highlighted-articles .news-item-image-wrapper {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: center;
  object-fit: cover;
  
}

.news-grid-container.highlighted-articles .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.news-grid-container.highlighted-articles .news-item-content {
  padding: 0rem;
}

.news-grid-container.highlighted-articles .news-item-content h3 {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  text-transform: uppercase;
    display: -webkit-box;
  -webkit-line-clamp: 2;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.highlighted-articles .news-item-content p {
  font-size: 0.95rem;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.5;
  color: #ccc;
  margin-bottom: 1.2rem;
    display: -webkit-box;
  -webkit-line-clamp: 2;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Button styling */
.elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:93%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;

}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* Responsive */
@media (max-width: 1024px) {
  .news-grid-container.highlighted-articles {
    grid-template-columns: 1fr;
  }

  .news-grid-container.highlighted-articles .news-item-image-wrapper {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .news-grid-container.highlighted-articles .news-item-image-wrapper {
    height:300px;
  }

  .news-grid-container.highlighted-articles .news-item-content h3 {
    font-size: 1.2rem;
  }

  .news-grid-container.highlighted-articles .news-item-content p {
    font-size: 0.9rem;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width: 92% !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width: 85% !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94dfb41 *//* Base grid */
.news-grid-container.all-news {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.all-news .news-grid-item {

 
  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.all-news .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.all-news .news-item-image-wrapper {
   width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.all-news .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.all-news .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.all-news h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
   display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.all-news p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  
   display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.all-news {
    grid-template-columns: repeat(2, 1fr);
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
 
}

@media (max-width: 768px) {
  .news-grid-container.all-news {
    grid-template-columns: 1fr;
  }
  
  .news-grid-container.all-news .news-item-image-wrapper {
    height: 350px;
   
  }
  .news-grid-container.all-news .news-grid-item {
    flex-direction: column;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    height: 400px;
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e34465 *//* Base grid */
.news-grid-container.instagram-feeds {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.instagram-feeds .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.instagram-feeds .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.instagram-feeds .news-item-image-wrapper {
    width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.instagram-feeds .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.instagram-feeds .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.instagram-feeds h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.instagram-feeds p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: 1fr;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 350px;
    width: 100% !important;

  }

  .news-grid-container.instagram-feeds .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 400px;
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}


/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1abb556 *//* Base grid */
.news-grid-container.articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.articles .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.articles .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.articles .news-item-image-wrapper {
  width: 50%;
  height: 350px;
  overflow: hidden;
  border-radius: 16px;
}

.news-grid-container.articles .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.news-grid-container.articles .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.articles h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.articles p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.articles {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.articles {
    grid-template-columns: 1fr;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 350px;
  }

  .news-grid-container.articles .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 400px;
    width : 800px;
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}
/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width: 95%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width:90%;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94dfb41 *//* Base grid */
.news-grid-container.all-news {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.all-news .news-grid-item {

 
  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.all-news .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.all-news .news-item-image-wrapper {
   width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.all-news .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.all-news .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.all-news h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
   display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.all-news p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  
   display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.all-news {
    grid-template-columns: repeat(2, 1fr);
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
 
}

@media (max-width: 768px) {
  .news-grid-container.all-news {
    grid-template-columns: 1fr;
  }
  
  .news-grid-container.all-news .news-item-image-wrapper {
    height: 350px;
   
  }
  .news-grid-container.all-news .news-grid-item {
    flex-direction: column;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    height: 400px;
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e34465 *//* Base grid */
.news-grid-container.instagram-feeds {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.instagram-feeds .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.instagram-feeds .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.instagram-feeds .news-item-image-wrapper {
    width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.instagram-feeds .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.instagram-feeds .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.instagram-feeds h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.instagram-feeds p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: 1fr;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 350px;
    width: 100% !important;

  }

  .news-grid-container.instagram-feeds .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 400px;
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}


/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1abb556 *//* Base grid */
.news-grid-container.articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.articles .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.articles .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.articles .news-item-image-wrapper {
  width: 50%;
  height: 350px;
  overflow: hidden;
  border-radius: 16px;
}

.news-grid-container.articles .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.news-grid-container.articles .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.articles h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.articles p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.articles {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.articles {
    grid-template-columns: 1fr;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 350px;
  }

  .news-grid-container.articles .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 400px;
    width : 800px;
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}
/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width: 95%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width:90%;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94dfb41 *//* Base grid */
.news-grid-container.all-news {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.all-news .news-grid-item {

 
  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.all-news .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.all-news .news-item-image-wrapper {
   width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.all-news .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.all-news .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.all-news h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
   display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.all-news p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  
   display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.all-news {
    grid-template-columns: repeat(2, 1fr);
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
 
}

@media (max-width: 768px) {
  .news-grid-container.all-news {
    grid-template-columns: 1fr;
  }
  
  .news-grid-container.all-news .news-item-image-wrapper {
    height: 350px;
   
  }
  .news-grid-container.all-news .news-grid-item {
    flex-direction: column;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    height: 400px;
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e34465 *//* Base grid */
.news-grid-container.instagram-feeds {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.instagram-feeds .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.instagram-feeds .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.instagram-feeds .news-item-image-wrapper {
    width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.instagram-feeds .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.instagram-feeds .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.instagram-feeds h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.instagram-feeds p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: 1fr;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 350px;
    width: 100% !important;

  }

  .news-grid-container.instagram-feeds .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 400px;
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}


/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1abb556 *//* Base grid */
.news-grid-container.articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.articles .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.articles .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.articles .news-item-image-wrapper {
  width: 50%;
  height: 350px;
  overflow: hidden;
  border-radius: 16px;
}

.news-grid-container.articles .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.news-grid-container.articles .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.articles h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.articles p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.articles {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.articles {
    grid-template-columns: 1fr;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 350px;
  }

  .news-grid-container.articles .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 400px;
    width : 800px;
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}
/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width: 95%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width:90%;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94dfb41 *//* Base grid */
.news-grid-container.all-news {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.all-news .news-grid-item {

 
  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.all-news .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.all-news .news-item-image-wrapper {
   width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.all-news .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.all-news .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.all-news h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
   display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.all-news p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  
   display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.all-news .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.all-news {
    grid-template-columns: repeat(2, 1fr);
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
 
}

@media (max-width: 768px) {
  .news-grid-container.all-news {
    grid-template-columns: 1fr;
  }
  
  .news-grid-container.all-news .news-item-image-wrapper {
    height: 350px;
   
  }
  .news-grid-container.all-news .news-grid-item {
    flex-direction: column;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    height: 400px;
  }
   .news-grid-container.all-news .news-item-content {
    padding: 0;
  }
  .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.all-news .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e34465 *//* Base grid */
.news-grid-container.instagram-feeds {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.instagram-feeds .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.instagram-feeds .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.instagram-feeds .news-item-image-wrapper {
    width: 50%;
  height: 350px;
  overflow: hidden;
}

.news-grid-container.instagram-feeds .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: 16px;
}

/* Content */
.news-grid-container.instagram-feeds .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.instagram-feeds h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.instagram-feeds p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.instagram-feeds {
    grid-template-columns: 1fr;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 350px;
    width: 100% !important;

  }

  .news-grid-container.instagram-feeds .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.instagram-feeds .news-item-image-wrapper {
    height: 400px;
  }

  .news-grid-container.instagram-feeds .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}


/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.instagram-feeds .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1abb556 *//* Base grid */
.news-grid-container.articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
}

/* Each card */
.news-grid-container.articles .news-grid-item {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-grid-container.articles .news-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Image */
.news-grid-container.articles .news-item-image-wrapper {
  width: 50%;
  height: 350px;
  overflow: hidden;
  border-radius: 16px;
}

.news-grid-container.articles .news-item-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.news-grid-container.articles .news-item-content {
  padding: 20px;
  flex: 1;
    display: flex;      
  flex-direction: column;
}

.news-grid-container.articles h3 {
  font-size: 20px;
  font-weight: 700;
   font-family: "Red Hat Display", sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-grid-container.articles p {
  font-size: 14px;
   font-family: "Red Hat Display", sans-serif;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #bbb;
  display: -webkit-box;
  -webkit-line-clamp: 7;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button styling */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
  display: inline-flex;
  align-items:center ;
justify-content: center;
  width:86%;
  background: #000;
  color: #fff;
  border: 0.1px solid #fff;
  border-radius: 12px;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  margin-top: auto;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Arrow outside button using ::after */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn::after {
  content: '→'; /* Arrow text */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height:50px;
  border: 0.1px solid #fff;
  border-radius: 16px;
  font-size: 18px;
  color: #fff;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

/* Hover effects */
.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.elementor-widget-shortcode .news-grid-container.articles .read-more-btn:hover::after {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* 🔥 Responsive */
@media (max-width: 1024px) {
  .news-grid-container.articles {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}

@media (max-width: 768px) {
  .news-grid-container.articles {
    grid-template-columns: 1fr;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 350px;
  }

  .news-grid-container.articles .news-grid-item {
    flex-direction: column;
  }

  .news-grid-container.articles .news-item-image-wrapper {
    height: 400px;
    width : 800px;
  }

  .news-grid-container.articles .news-item-content {
    padding: 0;
  }
   .news-grid-container.all-news .news-item-image-wrapper {
    width: 100%;
  
  }
}
/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width: 95%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.highlighted-articles .read-more-btn {
    width:90%;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 92%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-widget-shortcode .news-grid-container.articles .read-more-btn {
    width: 85%;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'S production font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sproductions.tv/wp-content/uploads/2025/08/RedHatDisplay-Regular.woff') format('woff'),
		url('https://sproductions.tv/wp-content/uploads/2025/08/RedHatDisplay-Italic-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */