/* .news .hed3{font-size: 50px; line-height: 56px;font-weight: 400;}
.news .hed3 span{font-weight:700;}

.news-wrp{display: grid;grid-template-columns:38% 57%;gap: 40px;}
.news-div{background-color: #eaf4fe;padding:40px;}.mt50{    margin-top: 60px;
  font-size: 30px;
  line-height: 40px;
  color: #233059;    width: 85%;
  font-weight: 300;}
.mb60{margin-bottom:0px;}
.news-img{display: grid;grid-template-columns: 35% auto auto;justify-content: space-between;gap: 40px;padding: 25px 20px 25px 0;margin: 15px 0px;transition: 0.25s linear;}
.news-img:hover{background: #f5f5f5;}
.date-num{display: flex;flex-direction: column;}
.kbtn {background: var(--green);padding: 10px 20px 10px 20px;width: fit-content;display: block;margin-top: 50px;color:#000;}
.news-line{border-top: 1px solid #6191c2;}.date{font-size: 26px;
  line-height: 32px;
  color: #c1db7f !important;
  font-weight: 400;}
.num{font-size: 40px;line-height: 46px;color: #03509e !important;font-weight: 600;text-align: center;}
.news-h3{    font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: -1px;}.mb0{margin-bottom:0;}
.news-480{display:none;}.n-none{display:block;}
.stretched-link::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0; z-index: 1;content: "";background-color: rgba(0, 0, 0, 0);}
.pos{position: relative;}
.new-img:hover .news-line{border-top:#5589be!important;}


.hr-line {
    border-top: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
      linear-gradient(90deg, White, DimGrey, White) border-box;
  }

  a {
    text-decoration: none;
  }

  .custom-container {
    min-width: 480px;
    max-width: 860px;
    min-height: 440px;
    border: 1px solid DimGrey;
    margin: auto;
  }

  .section {
    min-width: 340px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
  }

  .main-text {
    max-height: 440px;
    overflow: hidden;
    font-weight: 200;
    font-size: 18px;
    cursor: text;
    color: DimGrey;
    margin: 0px 25px 25px 25px;
    display: none;
  }

  .button-thin {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid LightGrey;
    border-radius: 50%;
    background-color: transparent;
    & sl-icon {
      position: relative;
      top: 3px;
      left: 1px;
    }
  }

  .section-1 {
    border-right: 1px solid DimGrey;
    background-color: Orange;
    & .heading {
      color: Orange;
    }
    & button {
      color: Orange;
      border-color: Orange;
    }
  }

  .section-2 {
    border-right: 1px solid DimGrey;
    background-color: Hotpink;
    & .heading {
      color: HotPink;
    }
    & button {
      color: HotPink;
      border-color: HotPink;
    }
  }

  .section-3 {
    background-color: DodgerBlue;
    & .heading {
      color: DodgerBlue;
    }
    & button {
      color: DodgerBlue;
      border-color: DodgerBlue;
    }
  }

  .grow {
    flex: 5;
    background-color: white;
    & .heading {
      padding: 20px 0px 20px 20px;
    }
    & button {
      margin: 20px 20px 0px 20px;
      transform: rotate(180deg);
    }
    & div {
      justify-content: end;
    }
  }

  .shrink {
    min-width: 65px;
    flex: 0.1;
    & .heading {
      color: WhiteSmoke;
      transform-origin: 20% 100%;
      writing-mode: vertical-rl;
      margin: 20px 0px 15px 15px;
    }
    & button {
      color: WhiteSmoke;
      border: 1px solid WhiteSmoke;
      margin: 20px 0px 0px 10px;
    }
  }

  @keyframes slide {
    from {
      transform: translateY(-120px);
      opacity: 0;
    }
    to {
      transform: translateY(0px);
      opacity: 100%;
    }
  }

  .show {
    display: block;
  }

  .hide {
    display: none;
  }

  .animate {
    animation: slide 0.4s ease;
  }

  .shadow-dark {
    box-shadow: -12px 0px 20px -15px DimGrey inset;
  }

  .shadow-blue {
    box-shadow: -12px 0px 20px -15px #0a3a69 inset;
  }

  .shadow-pink {
    box-shadow: -12px 0px 20px -15px #50213b inset;
  }

  .shadow-orange {
    box-shadow: -12px 0px 20px -15px #63410b inset;
  }

  .accordion-container {
    display: flex;
    width: 100%;
    margin: auto;

    align-items: center;
    justify-content: center;
  }

  .accordion-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    color: white;
border: 1px solid #000;
    transition: width 0.3s ease-in-out;
    height: 120px;
  }

  .collapsed {
    width: 60px;
  }

  .expanded {
    width: 200px;
  }

  .accordion-title {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
  }

  .accordion-content {
    font-size: 14px;
    padding: 10px;
    transition: opacity 0.3s ease-in-out;
  }
.n-img {display: flex;overflow: hidden;}
.news-img:hover img {transform: scale(1.05);}
.news-img img {transition:.2s linear;    object-fit: cover;}
.news-img:hover .kbtn {background-color: var(--blue);color: #fff;}


 */


@media(max-width:1500px){
  .mt50 {
  margin-top: 40px;
  font-size: 26px;
  line-height: 38px;
  color: #233059;
  width: 100%;
  font-weight: 300;
}}
@media(max-width:1300px){.news-wrp {grid-template-columns: 100%;}
    .news-div {display: flex ;flex-direction: column;}.news-img {gap: 20px; margin: 15px 0 20px 0;flex-direction: column;}.date-num {flex-direction: row;gap: 10px;}
    .num {font-size: 30px;line-height: 34px;}.news-h3 {font-size: 24px;line-height: 30px;margin-bottom: 20px;}.kbtn {margin-top: 30px !important;}
    .news .hed3 {font-size: 30px;line-height: 34px;font-weight: 400; }.news .hed3 span {font-weight: 600;}
    .mt50 {margin-top: 20px;font-size: 26px;line-height: 37px;}
    .news-img{grid-template-columns: 35% 13%  auto;}

}
@media(max-width:1000px){
    .news-wrp {grid-template-columns: 100%;}
    .news .hed3 span {font-size: 28px; line-height: 30px;font-weight: 600;}.news .hed3 {font-size: 30px;line-height: 36px; }
    .news-div {padding:25px;}
    .kbtn {margin-top: 20px !important;}
}
@media(max-width:900px){
  .kbtn {margin-top: 10px !important;}
  .news-img {grid-template-columns: 37% 15% auto;}    .mt50 {
    font-size: 22px;
    line-height: 33px;
}
}

@media(max-width:767px){
  .news-img .n-img { height: 230px;}
  .news-img {grid-template-columns: 100%;gap: 10px;}
}
@media(max-width:480px){
    .news .hed3 span {font-size: 28px; line-height: 30px;font-weight: 600;}.news .hed3 {font-size: 30px;line-height: 36px; }
    .news-div {padding:25px 20px;}.mt50 {margin-top: 20px;font-size: 18px;line-height: 26px;}img{width:100%}.news-480{display:block;}
    .n-none{display:none;}
   
    .pspace {padding: 40px 0px 0px;}.news-event-cnt {display: flex;overflow: hidden;}
}

