.elementor-233 .elementor-element.elementor-element-1c30004{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:015vw;--padding-bottom:5vw;--padding-left:0vw;--padding-right:0vw;}.elementor-233 .elementor-element.elementor-element-1c30004:not(.elementor-motion-effects-element-type-background), .elementor-233 .elementor-element.elementor-element-1c30004 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://qt-demos.com/arabian/wp-content/uploads/2024/11/Media-Center.jpg");background-position:center center;background-size:cover;}.elementor-233 .elementor-element.elementor-element-1c30004, .elementor-233 .elementor-element.elementor-element-1c30004::before{--border-transition:0.3s;}.elementor-233 .elementor-element.elementor-element-ee7be29{text-align:center;}.elementor-233 .elementor-element.elementor-element-ee7be29 .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:58px;font-weight:bold;}.elementor-233 .elementor-element.elementor-element-c824127{text-align:center;color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-233 .elementor-element.elementor-element-89ce6f5 > .elementor-widget-container{padding:10vw 0vw 0vw 0vw;}.elementor-233 .elementor-element.elementor-element-89ce6f5 .elementor-icon-wrapper{text-align:center;}.elementor-233 .elementor-element.elementor-element-cfdd1b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:40px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:12%;}.elementor-233 .elementor-element.elementor-element-1d80fc2{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#0F206C;}.elementor-233 .elementor-element.elementor-element-1d80fc2 a{color:#0F206C;}.elementor-233 .elementor-element.elementor-element-82845d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:12%;}.elementor-233 .elementor-element.elementor-element-7225549{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-233 .elementor-element.elementor-element-2e49d3b{text-align:center;}.elementor-233 .elementor-element.elementor-element-2e49d3b .elementor-heading-title{color:#0F206C;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:bold;line-height:37px;}.elementor-233 .elementor-element.elementor-element-9677539{--display:flex;--background-transition:0.3s;--border-radius:1px 0px 0px 1px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-233 .elementor-element.elementor-element-7225549{--width:100%;}}@media(max-width:767px){.elementor-233 .elementor-element.elementor-element-1c30004{--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35vw;--padding-bottom:13vw;--padding-left:0vw;--padding-right:0vw;}.elementor-233 .elementor-element.elementor-element-ee7be29 .elementor-heading-title{font-size:38px;}.elementor-233 .elementor-element.elementor-element-c824127 > .elementor-widget-container{padding:0vw 5vw 10vw 05vw;}.elementor-233 .elementor-element.elementor-element-89ce6f5 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0vw 0vw 0vw 0vw;}.elementor-233 .elementor-element.elementor-element-89ce6f5.elementor-element{--order:99999 /* order end hack */;}.elementor-233 .elementor-element.elementor-element-8a5bafc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-233 .elementor-element.elementor-element-8a5bafc.elementor-element{--order:99999 /* order end hack */;}.elementor-233 .elementor-element.elementor-element-cfdd1b4{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-233 .elementor-element.elementor-element-82845d3{--margin-top:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-233 .elementor-element.elementor-element-7225549{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-233 .elementor-element.elementor-element-2e49d3b .elementor-heading-title{font-size:24px;}}/* Start custom CSS for menu-anchor, class: .elementor-element-8a5bafc */#Down {
  scroll-margin-top: 4100px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8027732 */#load-more-news .button-icon {
    margin-left: 8px; /* Space between text and icon */
    width: 16px; /* Adjust icon size */
    height: 16px;
    position: relative;
    top: 3px; /* Adjust this value to move the icon down */
  }
  
  #load-more-news .button-icon {
    margin-left: 8px; /* Space between text and icon */
    width: 16px; /* Adjust icon size */
    height: 16px;
  }
  
  .custom-news-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap; /* Allows items to wrap on smaller screens */
  justify-content: space-between; /* Distributes remaining space evenly */
  position: relative;
  }
  
  
  .news-item {
  background: #fff;
  padding: 20px;
  border-radius: 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  flex: 1 1 calc(33.33% - 20px); /* Ensures three items per row with gaps */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Ensure items are spaced properly */
  margin-top: 10px; /* Space at the top of each item */
  margin-bottom: 10px; /* Space at the bottom of each item */
  min-height: 350px; /* Consistent height for grid items */
  }
  
  /* Add an empty column to fill the third spot when only two articles are present */
  .custom-news-grid::after {
  content: '';
  flex: 1 1 calc(33.33% - 20px); /* Occupies the third column */
  margin-top: 10px; /* Same margin as .news-item for consistency */
  visibility: hidden; /* Ensures it's invisible but occupies space */
  }
  
  .news-image {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: 10px;
  height: 200px !important;
  overflow: hidden;
  }
  
  .news-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
  }
  
  /* Style for Category and Date in the same row */
  .news-meta {
  display: flex;
  justify-content: start;
  gap: 40px;
  align-items: center;
  
  }
  
  .news-category {
  background-image: url('https://qt-demos.com/arabian/wp-content/uploads/2024/11/Group-5.svg');
  background-size: cover; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  color: white;
  font-size: 14px;
  padding-bottom: 16px;
  padding-top: 11px;
  padding-right: 10px;
  padding-left: 10px;
  text-transform: uppercase;
  margin-left: -20px;
  font-family: 'Montserrat';
  border-radius: 0;
  margin-top: -10px;
  }
  
  .news-date {
    font-size: 14px;
    color: #ffffff;
    background: #2EBAF5;
    padding: 11px;
    margin-left: -20px !important;
    margin-top: -10px !important;
  }
  
  .news-title {
  font-size: 18px;
  font-weight: 600;
  color: #0f206c;
  height: 85px;
  font-family: 'Montserrat';
  margin-bottom: 15px;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 35px;
  }
  
  .news-author {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 35px;
  }
  
  .news-excerpt {
  margin-bottom: 15px;
  color: #9094A3;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 35px;
  }
  
  
  
  /* Main button container styling */
  .read-more-btn {
      display: inline-flex; /* Flexbox to align text and icon side by side */
      margin-left:15px;
      
      align-items: center;
      justify-content: space-between; /* Ensures text is on the left and arrow is on the right */
      width: 160px; /* Adjust the width */
      height: 50px; /* Adjust the height */
      background-color: #ff5a3b; /* Updated background color for the button */
      color: white;
      text-decoration: none;
      border: none;
      border-radius: 0px; /* No rounded corners */
      overflow: hidden;
      font-family: Roboto, sans-serif;
      font-weight: bold;
      font-size: 14px; /* Adjust the font size */
      transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */
      padding: 0 20px; /* Adjust padding for text content */
      position: relative;
  }
  
  /* Right arrow box styling */
  .read-more-btn::after {
      content: '';
      background: url('https://qt-demos.com/arabian/wp-content/uploads/2024/12/right-arrow-1.svg') no-repeat center center;
      background-size: 15px 20px; /* Adjust the size of the SVG icon */
      background-color: #D84E38; /* Background color for the arrow section */
      height: 100%; /* Match the height of the button */
      width: 50px; /* Set a smaller width for the arrow section */
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      right: 0;
  }
  
  
  /* Hover effect for the button */
  .read-more-btn:hover {
      background-color: #D84E38
      ; /* Slightly darker shade on hover */
  
      transform: scale(1.02); /* Slight grow effect on hover */
  }
  
  .read-more-btn:hover::after {
      background-color: #D84E38; /* Darker shade for arrow section on hover */
  }
  
  /* Active (clicked) effect for the button */
  .read-more-btn:active {
      background-color: #B33F2E; /* Fully darker shade on click */
      transform: scale(0.98); /* Slight shrink effect on click */
  }
  
  .read-more-btn:active::after {
      background-color: #B33F2E; /* Fully darker shade for arrow section on click */
  }
  
  /* Responsive design */
  @media screen and (max-width: 768px) {
      .read-more-btn {
          width: 130px !important;
          height: 80px;
          font-size: 14px;
          padding: 0 10px;
      }
      .news-excerpt {
        font-size: 14px!important;
             }
  
      .read-more-btn::after {
          padding: 0 10px;
          height: 100%;
          font-size: 20px;
      }
  }
  
  @media screen and (max-width: 480px) {
      .read-more-btn {
          width: 180px;
          height: 35px;
          font-size: 14px;
          padding: 0 10px;
      }
  
      .read-more-btn::after {
          padding: 0 10px;
          font-size: 18px;
      }
  }
  
  
  /* Active (clicked) effect for the button */
  .read-more-btn:active {
      background-color: #B33F2E; /* Fully darker shade on click */
      transform: scale(0.98); /* Slight shrink effect on click */
  }
  
  .read-more-btn:active::before {
      background-color: #B33F2E; /* Fully darker shade for arrow section on click */
  }
  
  /* Responsive design */
  @media screen and (max-width: 768px) {
      .read-more-btn {
        width: 180px !important;
        height: 50px
        !important;
        padding-left:30px!important;
        
        font-size: 14px !important;
        font-family:Roboto;
    }

    .read-more-btn::before {
        padding: 0 15px;
        height:50px !important;
        font-size: 20px;
    }
}
  
  @media screen and (max-width: 480px) {
      .read-more-btn {
          width: 180px;
          height: 35px;
          font-size: 14px;
      }
  
      .read-more-btn::before {
          padding: 0 10px;
          font-size: 18px;
      }
  }
  
  
  
  /* Mobile Styles */
  @media (max-width: 768px) {
  .custom-news-grid {
      flex-direction: column; /* Stacks items vertically on smaller screens */
      gap: 10px;
  }
  
  .news-item {
      padding: 15px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
      margin-top: 15px; /* Adds top spacing on mobile */
      margin-bottom: 15px; /* Adds bottom spacing on mobile */
  }
  
  
.news-image {
    margin-left: -15px;
    margin-right: 0px;
    width:110% !important;
    margin-top: -15px;
    height:190px!important;
    padding:0px !important;
}

.news-image img {
    border-radius: 0;
}
  
  /* Smaller font sizes for category, date, and title */
  .news-category {
    font-size: 12px;
    padding: 8px;
    margin-left: 0;
    margin-top: 0;
  }
  
  .news-date {
    font-size: 12px !important;
    margin-left: -15px !important;
    
  }
  
  .news-title {
    font-size: 18px !important;
    
    padding-top: 15px;
    
  }
  
  .news-author, .news-excerpt {
      font-size: 12px;
      margin-bottom: 10px;
  }
  
  /* Button adjustments */
  .read-more-btn {
    font-size: 12px;
    padding: 8px 12px;
    width: auto; /* Keeps button width auto */
    margin-top: 15px;
  }
  }
  
  /* Extra Small Mobile Styles */
  @media (max-width: 480px) {
  .news-title {
      font-size: 14px;
  }
  
  .read-more-btn {
      font-size: 12px;
      padding: 8px 10px;
      width: auto; /* Keeps button width auto */
      text-align: left; /* Align text to the left */
  }
  
  .news-category {
      padding: 8px 5px;
      font-size: 10px;
  }
  
  .news-date, .news-author, .news-excerpt {
      font-size: 10px;
  }
  }
  .news-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Slightly more pronounced shadow on hover */
  transition: box-shadow 0.3s ease; /* Smooth transition for the hover effect */
  }
  
  #load-more-news {
  display: block; /* Ensures the button is treated as a block-level element */
  margin: 20px auto; /* Centers the button horizontally */
  background-color: #ffffff; /* Sets the background color */
  color: #042B6F; /* Sets the text color */
  font-weight: bold;
  padding: 10px 20px; /* Adds padding */
  font-size: 16px; /* Sets font size */
  border: none; /* Removes the border */
  border-radius: 5px; /* Adds rounded corners */
  cursor: pointer; /* Changes the cursor to a pointer on hover */
  text-align: center; /* Ensures text is centered */
  transition: background-color 0.3s ease; /* Adds a hover transition */
  }
  
  #load-more-news:hover {
  
  }
  .news-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Slightly more pronounced shadow on hover */
  transition: box-shadow 0.3s ease; /* Smooth transition for the hover effect */
  }
  #custom-news-grid-container {
  width: 100%;
  margin: 0 auto;
  }
  .elementor-233 .elementor-element.elementor-element-8027732 a:active, a:hover{
      color: white
  }/* End custom CSS */