.agenda-section {    height: 500px;    background: url("../images/banner1.jpg") center/cover no-repeat;    display: flex;    align-items: center;    justify-content: center;    text-align: center;    color: #fff;    font-family: "Inter", sans-serif;}
.agenda-content {    max-width: 1000px;}
.agenda-content h1 {    font-size: 34px;    font-weight: 700;    margin-bottom: 20px; }
.agenda-content h1 span {    margin: 0 10px;    font-weight: 300;}
.agenda-content h1 small { font-size: 24px;    font-weight: 500;}
.agenda-content p {    font-size: 18px;    line-height: 1.6;    margin-bottom: 50px; }
.orange-btn {    background: #f7931e;    padding: 14px 28px;    color: #fff;    text-decoration: none;    font-weight: 600;    border-radius: 3px;    /* display: inline-block; */    transition: 0.3s;}
.orange-btn:hover {    background: #e67e00;}
.agenda-sec2 {    background: #f2f3f7;    padding: 80px 20px;    font-family: "Inter", sans-serif;}
.agenda-top {text-align: center;    max-width: 100%;    margin: auto;    color: #1f2455;    margin-bottom: 40px;    font-size: 16px;    /* letter-spacing: 0.5px; */    font-weight: 700;}
.agenda-top a{ color:#1e2756}
.agenda-box {    background: #eff0f7;    padding: 60px;    max-width: 80%;    margin: auto;}
/* HEADING */
.agenda-box h2 {  font-size: 36px;font-weight: 700;  color: #1e2756;  margin-bottom: 40px;  text-align: center;  position: relative;}
.line { display: inline-block;  width: 5px;  height: 40px;  background: #f7931e;  margin-right: 12px;  vertical-align: middle;}
/* TABS */
.tabs {    display: flex;    gap: 40px;    border-bottom: 2px solid #ddd; margin-bottom: 40px;    display: flex;outline: 0;    justify-content: center;}
.tab {    background: none;    border: none;font-size: 20px;    padding: 12px 0;    font-weight: 600;    cursor: pointer; outline: 0 !important;    color: #888;}
.tab.active {    color: #1e2756;    border-bottom: 3px solid #f7931e;    outline: 0;}
.tab button:focus{outline: 0;}
/* CONTENT */
.tab-content {    display: none;}
.tab-content.active {    display: block;}
/* CARDS */
.cards {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 30px;}
.card {  background: #fff;  padding: 25px;  transition: all 0.35s ease;}
.card h3 {color: #1f2455;    margin-bottom: 10px;    font-weight: 700;    font-size: 18px;}
.card p {    color: #666;    font-size: 16px;}
/* HOVER EFFECT */
.card:hover {  transform: translateY(-12px);  box-shadow: 0 25px 50px rgba(0,0,0,0.25);}

@media (min-width:1601px) and (max-width:1700px){
    .agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{    font-size: 14px;}
}

@media (min-width:1501px) and (max-width:1600px){
    .agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{    font-size: 14px;}
}

@media (min-width:1401px) and (max-width:1500px){
    .agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{    font-size: 14px;}
}

@media (min-width:1301px) and (max-width:1400px){
    .agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{    font-size: 14px;}
}

@media (min-width:1201px) and (max-width:1300px){
.agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{    font-size: 14px;}
}

@media (min-width:1101px) and (max-width:1200px){
.agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{    font-size: 14px;}
}

@media (min-width:991px) and (max-width:1100px){
.agenda-top {   max-width: 85%;  font-size: 12px;margin-bottom: 10px;}
.agenda-box {   padding: 30px 20px;}
.agenda-box h2 {  font-size: 28px;  margin-bottom: 20px;}
.tab {   font-size: 15px; padding: 10px 0;}
  .card h3 {   margin-bottom: 10px;   font-size: 15px;}
  .card {  padding: 20px;}
  .card p {   font-size: 12px;}
.agenda-sec2 {   padding: 80px 20px 60px;}
 .orange-btn{  font-size: 14px;}
}

@media screen and (max-width: 990px) {
    .narvigate-content h1 {        font-size: 25px;        padding: 0 17px;}
    .agenda-content h1 small {        font-size: 22px;}
    .agenda-content p {        font-size: 14px;}
    .cards {        grid-template-columns: repeat(2, 1fr);}
    .agenda-section {        padding: 60px 15px;        min-height: 400px;}
    .agenda-content h1 {        font-size: 26px;}
    .agenda-content h1 span {        display: none;}
    .agenda-content h1 small {        display: block;        font-size: 18px;        margin-top: 8px;}
    .agenda-content p {        font-size: 14px;}
    .orange-btn {     padding: 12px 10px;    font-size: 11px;}
.agenda-top{  font-size: 13px;}
    .agenda-box {max-width: 100%;        padding: 0px;}
    .tabs {        flex-direction: column;        gap: 10px;}
.tab{font-size: 15px;}
.card p {   font-size: 12px;}
.card h3{font-size: 15px;}
    .cards {        grid-template-columns: 1fr;}
    .agenda-content h1 {        font-size: 22px;}
    .agenda-content p {        font-size: 13px;}
.agenda-box h2 {  font-size: 20px;}

}