.custom-section_goal1{
  background-image:linear-gradient(to right, rgba(229, 36, 59, 1) 0%, rgba(229, 36, 59, 0.8) 50%, rgba(229, 36, 59, 0.5) 60%, rgba(229, 36, 59, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal1.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}



.custom-section_goal2{
  background-image:linear-gradient(to right, rgba(221, 166, 58, 1) 0%, rgba(221, 166, 58, 0.8) 50%, rgba(221, 166, 58, 0.5) 60%, rgba(221, 166, 58, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal2.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal3{
  background-image:linear-gradient(to right, rgba(76, 159, 56, 1) 0%, rgba(76, 159, 56, 0.8) 50%, rgba(76, 159, 56, 0.5) 60%, rgba(76, 159, 56, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal3.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal4{
background-image:linear-gradient(to right, rgba(197, 25, 45, 1) 0%, rgba(197, 25, 45, 0.8) 50%, rgba(197, 25, 45, 0.5) 60%, rgba(197, 25, 45, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal4.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal5{
  background-image:linear-gradient(to right, rgba(255, 58, 33, 1) 0%, rgba(255, 58, 33, 0.8) 50%, rgba(255, 58, 33, 0.5) 60%, rgba(255, 58, 33, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal5.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal6{
  background-image:linear-gradient(to right, rgba(38, 189, 226, 1) 0%, rgba(38, 189, 226, 0.8) 50%, rgba(38, 189, 226, 0.5) 60%, rgba(38, 189, 226, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal6.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal7{
  background-image:linear-gradient(to right, rgba(252, 195, 11, 1) 0%, rgba(252, 195, 11, 0.8) 50%, rgba(252, 195, 11, 0.5) 60%, rgba(252, 195, 11, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal7.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal8{
  background-image:linear-gradient(to right, rgba(162, 25, 66, 1) 0%, rgba(162, 25, 66, 0.8) 50%, rgba(162, 25, 66, 0.5) 60%, rgba(162, 25, 66, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal8.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal9{
  background-image:linear-gradient(to right, rgba(235, 105, 37, 1) 0%, rgba(235, 105, 37, 0.8) 50%, rgba(235, 105, 37, 0.5) 60%, rgba(235, 105, 37, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal9.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal10{
  background-image:linear-gradient(to right, rgba(221, 19, 103, 1) 0%, rgba(221, 19, 103, 0.8) 50%, rgba(221, 19, 103, 0.5) 60%, rgba(221, 19, 103, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal10.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal11{
  background-image:linear-gradient(to right, rgba(253, 157, 36, 1) 0%, rgba(253, 157, 36, 0.8) 50%, rgba(253, 157, 36, 0.5) 60%, rgba(253, 157, 36, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal11.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}


.custom-section_goal12{
  background-image:linear-gradient(to right, rgba(191, 139, 46, 1) 0%, rgba(191, 139, 46, 0.8) 50%, rgba(191, 139, 46, 0.5) 60%, rgba(191, 139, 46, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal12.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal13{
  background-image:linear-gradient(to right, rgba(63, 126, 68, 1) 0%, rgba(63, 126, 68, 0.8) 50%, rgba(63, 126, 68, 0.5) 60%, rgba(63, 126, 68, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal13.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal14{
  background-image:linear-gradient(to right, rgba(10, 151, 217, 1) 0%, rgba(10, 151, 217, 0.8) 50%, rgba(10, 151, 217, 0.5) 60%, rgba(10, 151, 217, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal14.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal15{
  background-image:linear-gradient(to right, rgba(86, 192, 43, 1) 0%, rgba(86, 192, 43, 0.8) 50%, rgba(86, 192, 43, 0.5) 60%, rgba(86, 192, 43, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal15.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal16{
  background-image:linear-gradient(to right, rgba(0, 104, 157, 1) 0%, rgba(0, 104, 157, 0.8) 50%, rgba(0, 104, 157, 0.5) 60%, rgba(0, 104, 157, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal16.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}

.custom-section_goal17{
  background-image:linear-gradient(to right, rgba(25, 72, 106, 1) 0%, rgba(25, 72, 106, 0.8) 50%, rgba(25, 72, 106, 0.5) 60%, rgba(25, 72, 106, 0) 100%), url('/upload/SDG/heroimages/hero_haugoal17.jpg') !important;  
  
  background-size: cover !important; 
  background-position: right !important; 
  background-repeat: no-repeat !important;

   /*background-color: #dda63a !important;*//* Light gray background */
  color: white !important;            /* Dark text for contrast */
  font-family: 'Oswald', sans-serif !important;
  /*padding: 2rem;*/             /* Adds spacing inside the section */
  /*border-radius: 8px;*/        /* Optional: rounded corners */
}


.sticky-section {
  position: sticky;
  top: 50px; /* Distance from the top of the viewport */
  background-color: white;
  padding: 10px;
  margin-bottom: 0;
  height: 100px;
  z-index: 1000; /* Ensures it stays above other content */
}



.animated-hr-goal1 {
    border: 0;
    height: 2px;
    background-color: #e5243b;
    width: 0;
    animation: expandLine 2s forwards;
  }


.animated-hr-goal2 {
    border: 0;
    height: 2px;
    background-color: #dda63a;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal3 {
    border: 0;
    height: 2px;
    background-color: #4C9F38;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal4 {
    border: 0;
    height: 2px;
    background-color: #C5192D;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal5 {
    border: 0;
    height: 2px;
    background-color: #FF3A21;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal6 {
    border: 0;
    height: 2px;
    background-color: #26BDE2;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal7 {
    border: 0;
    height: 2px;
    background-color: #FCC30B;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal8 {
    border: 0;
    height: 2px;
    background-color: #A21942;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal9 {
    border: 0;
    height: 2px;
    background-color: #FD6925;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal10 {
    border: 0;
    height: 2px;
    background-color: #DD1367;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal11 {
    border: 0;
    height: 2px;
    background-color: #FD9D24;
    width: 0;
    animation: expandLine 2s forwards;
  }
  
.animated-hr-goal12 {
    border: 0;
    height: 2px;
    background-color: #BF8B2E;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal13 {
    border: 0;
    height: 2px;
    background-color: #3F7E44;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal14 {
    border: 0;
    height: 2px;
    background-color: #0A97D9;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal15 {
    border: 0;
    height: 2px;
    background-color: #56C02B;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal16 {
    border: 0;
    height: 2px;
    background-color: #00689D;
    width: 0;
    animation: expandLine 2s forwards;
  }

.animated-hr-goal17 {
    border: 0;
    height: 2px;
    background-color: #19486A;
    width: 0;
    animation: expandLine 2s forwards;
  }




@keyframes expandLine {
    to {
      width: 100%;
    }
  }

/*tables*/

/* Custom column widths */
    .col-department {
      width: 200px !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .col-year {
      width: 100px !important;
    }

    .col-title {
      width: 250px;
    }

    .col-description {
      width: 400px;
      word-wrap: break-word;
    }

    .col-links {
      width: 100px;
    }

    /* Enhanced hover effect */
    .table-hover > tbody > tr:hover {
      background-color: #d1ecf1 !important;
      cursor: pointer !important; 
    }

    /* Optional: make text wrap nicely */
    td, th {
      vertical-align: top;
    }