/* Adding new code */
@media (min-width: 1557px) {
  .audio-video-p .update-section .container {
    max-width: 926px !important;
  }
  #interview-section {
    margin-bottom: 31%;
  }
  #interview-section.last-interview {
    margin-bottom: 28%;
  }
}
/* ending new code */

@media (min-width: 1280px) {
  /* Adding new code */
  .update-section.journal-sec .container {
    max-width: none;
  }
  .update-section.journal-sec .container .issue-item {
    width: calc(50% - 14px);
  }
  /* Ending new code */

  /* Adding new code */
  .hbv-page .update-section .container {
    max-width: none;
  }
  /* Ending new code */

  .audio-video-p .update-section .container {
    /* max-width: 887px; */

    max-width: 756.58px;

    margin: 0 auto;
    width: 100%;
  } /* ending new code */

  .update-section .container {
    max-width: 1267px;
    margin: 0 auto;

    width: 83.3333%;
  }

  #terms-of-use
  /* .audio-video-p .update-section .container, */
  /* .activity .update-section .container */ {
    max-width: 887px;
    margin: 0 auto;
    width: 100%;
  }
  /* Adding new code */
  .activity .update-section .container {
    max-width: none;
    width: 58.333%;
  }
  /* Ending new code */
  .image-block {
    width: 71.1%;
    padding: 1rem 0;
    margin: 0 auto;
    padding: 50px 0 20px 0;
  }
  .background-gradient {
    width: 72%;
    margin: 0 auto;
  }
  .last-sec.big-img .image-block {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .footer-container {
    flex-wrap: nowrap !important;
  }
  .left-content-block.left-content-block-full {
    width: 100%;
  }
  .content-card {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 12px);
  }
  .left-image-container {
    width: 20.833%;
  }
  .right-heading {
    width: 75%;
  }

  .left-image-alt {
    width: 40%;
    justify-content: center;
    display: flex;
  }

  .right-list-conternt {
    width: 60%;
    align-self: center;
  }
  .left-content-block {
    width: 80%;
    /* align-items: center;
    display: flex; */
  }
  .right-image-box {
    width: 20%;
  }
}

@media (max-width: 1279px) {
  /* Adding new code */
  .audio-video-p .update-section .container #interview-section {
    margin-bottom: 25% !important;
  }
  .audio-video-p .update-section .container #interview-section.last-interview {
    margin-bottom: 16% !important;
  }
  /* ending new code */
}

@media (max-width: 1280px) {
  header {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .globe-img img {
    width: 33%;
    margin-right: 20px;
  }
  .big-img .image-block {
    padding: 1rem 2rem;
  }
  .announcement-sec .section-container {
    width: 95%;
  }
  .image-block.d-flex.justify-center.items-center {
    padding-top: 50px;
  }
  .inner-calender-activity {
    gap: 18px;
  }
  .padd-0 {
    padding: 0;
  }

  header {
    padding: 0.5rem 1.5rem;
  }

  .header-container {
    padding: 0;
  }

  .divider {
    margin-bottom: 20px;
  }

  .news .update-section-1 .container {
    padding: 0 1rem;
  }

  .faq-item {
    flex: 1 1 45%;
  }

  .inner-calender-activity a {
    width: 32%;
  }
  .w-83 .container-main {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .section-container,
  nav.breadcrumb-nav {
    width: 100%;
  }
  .image-block {
    margin-inline: -16px !important;
  }

  .m-inline-0 {
    margin-inline: 0 !important;
  }
}
@media (max-width: 1231px) {
  /* .issue-list {
    gap: 1.2rem;
  } */

  /* .guideline-card {
    width: 29.8%;
  } */

  /* #guideline-cards {
    margin-right: 0;
  } */

  .read-more-btn {
    padding: 8px 6px;
    font-size: 12px;
    letter-spacing: normal;
    text-align: center;
  }
  /* Adding new code */
  .audio-video-p .update-section .container #interview-section {
    margin-bottom: 25% !important;
  }
  .audio-video-p .update-section .container #interview-section.last-interview {
    margin-bottom: 23% !important;
  }
  /* ending new code */
}

@media (max-width: 1024px) {
  .inner-calender-activity a {
    width: 31.5%;
  }

  #main-navigation {
    position: relative;
    width: 418px;
    display: flex;
    justify-content: flex-end;
  }

  .update-list {
    padding-left: 5.5rem;
  }

  .menu-scroll-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0 25px;
    justify-content: flex-end;
    display: flex;
  }

  #nav-left {
    left: 0;
  }

  .nav-scroll-container {
    display: block;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    white-space: nowrap;
  }

  .nav-arrow {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
    z-index: 1300;
    font-size: 35px;
    display: block;
    color: rgb(129, 129, 129);
    font-weight: 700;
    background: none;
  }

  .nav-arrow.right {
    right: 5px;
  }
}

@media (max-width: 991px) {
  /* Adding new code */
  .audio-video-p .update-section .container #interview-section {
    margin-bottom: 36% !important;
  }
  .audio-video-p .update-section .container #interview-section.last-interview {
    margin-bottom: 33% !important;
  }
  /* ending new code */

  .info-box-24148 .info-content-inner-1 {
    width: 32.66%;
  }
  .section-title {
    width: 96%;
  }
  .journals-internal-l3 .section-title {
    width: 100%;
  }
  .issue-list {
    gap: 0.9rem;
  }

  /* #guideline-cards {
    gap: 35px;
  } */

  /* .guideline-card {
    width: 30.13%;
  } */
  .section-container .container-main {
    align-items: center;
  }
}

@media (max-width: 768px) {
  .card-text-inner {
    padding: 5px;
  }
  .right-image-box1 {
    width: 100%;
  }
  body .right-cont {
    padding-top: 10px !important;
  }
  .right-image-box1.justify-center.items-center {
    width: 100%;
    justify-content: left !important;
    align-items: flex-start;
  }
  .right-img,
  .main-img-ul img {
    width: 25%;
  }
  .grid-item {
    min-width: auto;
    width: 100%;
  }
  .grid-container {
    flex-direction: column;
  }
  .main-contain .left-contain {
    width: 25%;
  }
  .c-card-main-parent .c-card-main:first-child {
    margin: 0 auto;
  }
  .c-card-main.c-card-main-center .c-card {
    width: 50%;
  }
  .red-card-inner,
  .main-contain .right-contain,
  .c-card-main-parent .c-card-main .c-card,
  .c-card-main-parent .c-card-main {
    width: 100%;
  }
  .red-card-container {
    flex-wrap: wrap;
  }
  .c-card-main .c-card {
    width: 100%;
  }
  .info-box-24148 .info-content {
    display: block;
  }
  .info-content-inner-1 {
    min-height: 135px;
  }
  .sub-box {
    width: 100%;
  }
  .two-men-img .left-image-alt,
  .two-men-img .right-list-conternt,
  .info-content-inner-2 {
    width: 100%;
  }
  .border-pad {
    display: block;
    padding: 0;
  }
  .left-image-alt img {
    margin: 0 auto;
  }
  .banner-container,
  .container-main {
    flex-wrap: wrap;
  }
  .right-heading h2,
  .right-heading h4 {
    text-align: left;
  }
  .right-title .right-heading h2,
  .right-title .right-heading h4 {
    text-align: right;
  }
  .section-title {
    clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
  }

  #key-points {
    flex-direction: column;
  }

  .highlight-box {
    width: 100%;
  }

  .conclusion .highlight-sticky {
    width: 85%;
  }

  .inner-calender-activity a {
    width: 48.2%;
  }

  .calendar-box {
    flex: 1 1 100%;
  }

  .faq-item {
    flex: 1 1 45%;
  }

  .nav-arrow {
    display: none;
  }

  body.menu-open {
    overflow: hidden;
  }

  #guideline-cards {
    gap: 42px;
  }

  #main-navigation .contact-info a {
    font-size: 0.88rem;
    margin-bottom: 0;
  }

  .read-more-btn {
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
  }

  .mobile-contact {
    display: flex;
    padding: 0;
    justify-content: space-evenly;
    margin-bottom: 40px;
  }

  .nav-scroll-container {
    display: flex;
    overflow: initial;
    white-space: normal;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .menu-scroll-wrapper {
    justify-content: center;
    overflow: auto;
    height: calc(616px - 2.5rem);
    box-sizing: border-box;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
  }

  #main-navigation a {
    padding: 0;
    margin: 0;
    margin-bottom: 1.5rem;
    display: flex;
  }

  #main-navigation {
    display: block;
  }

  .logo-wrapper {
    justify-content: center;
    display: flex;
    width: 100%;
  }

  .logo-image img {
    max-width: 185px;
  }

  .mobile-hamburger {
    font-weight: 800;
  }

  .desktop-contact {
    display: none;
  }

  .mobile-hamburger,
  .close-menu {
    display: block;
    font-size: 28px;
  }

  .close-menu {
    font-size: 44px;
    font-weight: 600;
    padding-right: 20px;
  }

  .mobile-hamburger {
    display: block;
    z-index: 1300;
    position: relative;
  }

  #main-navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: 18vw;
    height: 100vh;
    background: white;
    z-index: 1200;
    overflow-y: auto;
    transition: right 0.3s ease;
    right: -50vw;
    background: rgb(249 230 232);
  }

  #main-navigation.open {
    right: 0;
    width: 375px;
  }
  #page main {
    border: 0 !important;
    outline: 0 !important;
  }
  #page main,
  .logo-wrapper,
  .mobile-hamburger {
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1100;
  }

  body.menu-open #page main,
  body.menu-open .logo-wrapper,
  body.menu-open .mobile-hamburger {
    transform: translateX(calc(-50vw));
  }

  .profile-image {
    flex: 0 0 22%;
  }

  .profile-logo {
    width: 22%;
    padding-bottom: 20px;
  }

  .profile-row.multiple {
    display: block;
  }

  .profile-logos {
    gap: 0.6rem;
  }

  .footer-container {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .issue-list {
    gap: 1.9rem;
  }
  .card-text-inner {
    padding: 0;
  }
  #guideline-cards {
    gap: 20px;
  }
  .guideline-card {
    flex: 1 1 100%;
  }

  body .banner-index h1 {
    font-size: 1.85rem;
    padding: 0 15px;
  }

  .c-card-main-parent .c-card-main:first-child,
  .issue-item {
    width: 100%;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-16 {
    margin-left: 16px !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .px-sm-20 {
    padding-inline: 20px !important;
  }
  .py-sm-20 {
    padding-block: 20px !important;
  }
  .pl-sm-40 {
    padding-left: 40px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .pure-u-md-8-24 {
    margin: 0 auto;
    width: 65%;
  }
  .faq-item {
    flex: 1 1 46%;
  }
  .right-content-box .sub-heading {
    line-height: normal;
  }
  .empty-border {
    margin-top: -4px;
  }
  .big-img .image-block {
    padding: 1rem;
  }
}

@media (max-width: 611px) {
  .inner-calender-activity a {
    width: 100%;
  }
  .left-content-block {
    padding: 0;
  }
  .stat-image {
    padding: 0;
  }
}

@media (max-width: 569px) {
  .slick-initialized .slick-slide {
    margin: 0 5px;
  }
  .stat-title {
    gap: 13px;
  }
}
@media (min-width: 481px) {
  .section-title.f-36 {
    font-size: 36px !important;
    line-height: 1.1em !important;
  }
  .lh-44 {
    line-height: 44px !important;
  }
  .align-item-center {
    align-items: center !important;
    display: flex;
  }
  .w-25 {
    width: 25% !important;
  }
  .big-men-box .left-image-alt {
    width: 33.33%;
  }
  .big-men-box .right-list-conternt {
    width: 66.66%;
  }
  .big-men-box .left-image-alt img {
    width: 100%;
  }
  .container-main-bg-alt {
    background: url("../images/page-feversocial-2021525-e0a11221-ccbd-482e-ae77-ac4240884583.jpg")
      center center / cover no-repeat !important;
  }
}

@media (max-width: 480px) {
   /* Adding new code */
  .inner-calender-activity > div {
    margin-right: 62%;
  }
  /* Ending new code */
  /* Adding new code */
  .journal-sec .issue-container .issue-item p.issue-title {
    font-size: 1.25rem !important;
  }
  .banner.journal-banner .banner-img {
    height: 278.39px;
  }
  /* Ending new code */
  /* Adding new code */
  .banner.banner-new-ht .banner-img {
    height: 278px;
  }
  /* Ending new code */

  /* Adding new code */
  .hbv-page .update-section .container #guidelines-section .guideline-subtitle {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
  }
  /* Ending new code */

  /* Adding new code */
  .audio-video-p
    .update-section
    .container
    #interview-section
    #interview-content
    h3.title {
    font-size: 1.5rem;
    font-weight: 500 !important;
  }
  .audio-video-p
    .update-section
    .container
    #interview-section
    #interview-content
    #interviewee-info
    p
    span,
  .audio-video-p
    .update-section
    .container
    #interview-section
    #interview-content
    #interviewee-info
    h3
    span {
    font-size: 1rem;
  }
  .audio-video-p
    .update-section
    .container
    .sixthlast-interview#interview-section {
    margin-bottom: 60% !important;
  }
  .sixthlast-interview #video-wrapper iframe {
    aspect-ratio: 16 / 13;
    height: auto;
  }
  .audio-video-p
    .update-section
    .container
    .fifthlast-interview#interview-section {
    margin-bottom: 60% !important;
  }
  .fifthlast-interview #video-wrapper iframe {
    aspect-ratio: 16 / 9;
    height: auto;
  }
  .audio-video-p
    .update-section
    .container
    .fourthlast-interview#interview-section {
    margin-bottom: 77% !important;
  }
  .fourthlast-interview #video-wrapper iframe {
    aspect-ratio: 16 / 20;
    height: auto;
  }
  .audio-video-p
    .update-section
    .container
    .mid2last-interview#interview-section {
    margin-bottom: 52% !important;
  }
  .mid2last-interview #video-wrapper iframe {
    aspect-ratio: 16 / 13;
    height: auto;
  }
  .audio-video-p
    .update-section
    .container
    .mid1last-interview#interview-section {
    margin-bottom: 65% !important;
  }
  .mid1last-interview #video-wrapper iframe {
    aspect-ratio: 16 / 16;
    height: auto;
  }
  .audio-video-p
    .update-section
    .container
    .thirdlast-interview#interview-section {
    margin-bottom: 77% !important;
  }
  .thirdlast-interview #video-wrapper iframe {
    aspect-ratio: 16 / 18;
    height: auto;
  }
  .audio-video-p
    .update-section
    .container
    .seclast-interview#interview-section {
    margin-bottom: 74% !important;
  }
  .audio-video-p
    .update-section
    .container
    .sec1last-interview#interview-section {
    margin-bottom: 86% !important;
  }
  .audio-video-p .update-section .container #interview-section.last-interview {
    margin-bottom: 77% !important;
  }
  .audio-video-p .update-section h2.bottom-title {
    font-size: 1.85rem !important;
    line-height: 1.3;
  }
  /* ending new code */
  #journal-list .section-title {
    font-size: 1.85rem !important;
  }
  .content-main.ad10-mob .content-bg-alt.visible {
    background: url("../images/page-feversocial-2021524-5d8df7f0-4771-441a-951b-6d50be30ad10.jpg")
      center center / cover no-repeat !important;
  }
  .last-sec .content-bg-alt {
    background: url("../images/page-feversocial-2021525-2c322ce5-e246-4282-afa1-8ab6f296ebd9.jpg") !important;
  }
  ul.bull-ul,
  ul.black-bull {
    word-break: break-all;
  }

  .text-black-alt {
    display: inline;
    font-size: 16px;
    line-height: 24px;
  }

  .pb-sm-65 {
    padding-bottom: 65px !important;
  }
  .section-subtitle span {
    font-size: 24px !important;
    line-height: 27px !important;
  }
  .content-main.ref-l3.bottom-bg-2.bottom-bg-2-mob .content-bg-alt.visible {
    background: url("../images/page-feversocial-2021524-f3f22cf7-d839-4698-b482-d836fc8e13eb.jpg")
      center center / cover no-repeat !important;
  }
  /* body .journals-l3-27642.ref-l3.d-sm-none .content-bg-alt.visible {
    background: none !important;
  } */
  .m-b-32 {
    margin-bottom: 32px !important;
  }
  .stat-title {
    font-size: 1.25rem;
  }
  .stat-number {
    font-size: 1.85rem;
  }
  .info-content-inner-1 {
    min-height: 80px;
  }
  .journals-internal-l3.mobile-plain-background.journals-internal-l3-36052
    .ref-l3
    .content-bg-alt.visible {
    background: url("../images/page-feversocial-2021524-0c4716fd-d768-448a-804d-4e157114cd1b.jpg")
      center center / cover no-repeat;
  }
  .pure-u-md-8-24 {
    width: 100%;
  }
  .orange-background {
    background-color: rgb(255, 225, 223) !important;
  }
  .orange-background .content-bg-alt.visible {
    background-image: none;
  }
  .red-img .content-bg-alt {
    background: url("../images/page-feversocial-2021524-7e01fb9a-b406-47f7-9a5e-1ebfe9d4a990.jpg")
      center center / cover no-repeat !important;
  }
  .content-bg-alt.visible {
    background: url("../images/page-feversocial-202199-73e6c749-ae48-4788-a63a-44ab7690a6ea.jpg")
      center center / cover no-repeat;
  }
  .journals-internal-l3.mobile-plain-background .content-bg-alt.visible,
  body .ref-l3.d-sm-none .content-bg-alt.visible {
    background: url("../images/page-feversocial-2023324-8d2de0c1-0d7f-4161-89f5-eb2514018876.png")
      center center / cover no-repeat !important;
  }
  .journals-internal-l3.mobile-plain-background .ref-l3 .content-bg-alt.visible,
  .journals-full-back .content-bg-alt.visible {
    background: url("../images/page-feversocial-2023520-582fe180-42b4-4e7d-b0ea-23b7dd29c53a.jpg")
      center center / cover no-repeat !important;
  }
  .journals-internal-l3 .section-title {
    font-size: 1.85rem !important;
  }
  .right-heading h4 {
    font-size: 1.25rem;
  }
  .last-sec .content-bg-alt {
    background: url("../images/page-feversocial-2021525-2c322ce5-e246-4282-afa1-8ab6f296ebd9.jpg");
  }
  .main-banner.visible {
    background-image: url("../images/page-feversocial-202164-7da360c6-3232-49d9-9581-a2fdeed3f1e9.jpg");
  }
  .content-bg {
    background-image: url("../images/page-feversocial-2021524-7e01fb9a-b406-47f7-9a5e-1ebfe9d4a990.jpg");
  }
  .content-bg-alt {
    background-image: url("../images/page-feversocial-2021524-dadfca87-8be2-4bd6-a560-040a38118be0.jpg");
  }
  .ref-l3 .content-bg-alt,
  .ref-l3.ref-l3-19974 .content-bg-alt {
    background: url(../images/page-feversocial-2021524-f3f22cf7-d839-4698-b482-d836fc8e13eb.jpg)
      center center / cover no-repeat;
  }
  .ref-l3 {
    margin-top: 0;
    padding-top: 50px;
  }
  .caption.text-right.p-block-lg {
    padding: 10px 0;
  }
  .section-title {
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  }

  body.menu-open #main-navigation {
    width: 100vw;
  }

  .faq-title {
    font-size: 1.5rem;
  }
  .hcv-internal-l2 h3 {
    font-size: 1.85rem;
  }
  .section-title {
    font-size: 1.24rem !important;
  }
  .home-page .update-section-1 .container {
    padding: 0 1rem;
  }
  .card-text {
    word-break: break-word;
  }
  h1 {
    font-size: 3.25rem;
    padding: 0 20px;
  }
  /* body .banner-index h1 {
    font-size: 24px;
  } */
  h1.terms-section-title {
    font-size: 1.85rem;
  }
  .banner .banner-img {
    background: url("../images/page-feversocial-20211125-b56b46f5-cfe1-4c99-af0d-9f0c619d83b1.jpg")
      center center / cover no-repeat;
  }
  .banner-hbv .banner-img {
    background: url("../images/754b4db3a4b2051576b24254.jpg") center center /
      cover no-repeat;
  }
  /* Adding new code */
  .hbv-page .banner-hdv .banner-img {
    background: url("../images/dc369ab2dda6fca96d1b311a(1).jpg") center center /
      cover no-repeat;
    height: 340.78px;
  }
  /* Ending new code */

  .banner-index .banner-img {
    background: url("../images/page-feversocial-20221026-fc67bf3f-e939-426c-9450-974e9f1ee3c6.png")
      center center / cover no-repeat;
  }

  .banner-hcv .banner-img,
  .hcv-internal-l1 .banner-img {
    background: url("../images/deb7dcb332457a81ee5d2a22.jpg") center center /
      cover no-repeat;
  }

  .banner-news .banner-img {
    background: url("../images/page-feversocial-20221024-005302e0-acc9-4982-8d55-c6ca152ef02a.jpg")
      center center / cover no-repeat;
    /* Adding new code */
    height: 278px;
    /* Ending new code */
  }

  .banner-audio-video .banner-img {
    background: url("../images/page-feversocial-20211123-83a42559-74ce-4fae-a16a-9df2b322647a.jpg")
      center center / cover no-repeat;
  }

  .hep-b-banner .banner-img {
    background: url("../images/page-feversocial-20211213-74bda078-ffb7-40cc-ad36-497743f13aa2.jpg")
      center center / cover no-repeat;
  }

  .banner-activity .banner-img {
    background: url("../images/2806234515deaae00131b898.jpg") center center /
      cover no-repeat;
  }
  .banner-hdv-internal .banner-img {
    background: url("../images/dc369ab2dda6fca96d1b311a.jpg") center center /
      cover no-repeat;
  }
  .hep-c-banner .banner-img {
    background: url("../images/page-feversocial-2022121-9e8f5924-8222-4e00-b412-69e535bac904.jpg")
      center center / cover no-repeat;
  }
}

/* Adding new code */
/* 2 cards per row for screens >= 675px */
 
@media (min-width: 655px) and (max-width: 767px) {
  .inner-calender-activity a {
    width: 48%; /* Leave space for gap */
  }
 
  .first-card {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 900px) {
  .inner-calender-activity a {
    width: 48%; /* Leave space for gap */
  }
 
  .first-card {
    width: 25%;
  }
  #calendar-section {
    justify-content: space-between;
  }
  .calendar-box {
    flex: 0 0 22%;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1230px) {
  .inner-calender-activity a {
    width: 31.5%; /* Leave space for gaps */
  }
  .inner-calender-activity a:nth-child(19) {
    /* margin-right: 34.5%; */
  }
 
  .first-card {
    width: 25%;
  }
}
@media (min-width: 1230px) and (max-width: 1279px) {
  .inner-calender-activity a {
    width: 23%; /* Leave space for gaps */
  }
  .inner-calender-activity a:nth-child(1) {
    margin-right: 0px;
  }
  .inner-calender-activity {
    justify-content: left;
  }
  .first-card {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .inner-calender-activity a {
    width: 48%; /* Leave space for gap */
  }
  .first-card {
    width: 25%;
  }
}
 
/* 3 cards per row for screens >= 1557px */
@media (min-width: 1650px) {
  .inner-calender-activity a {
    width: 31.5%; /* Leave space for gaps */
  }
  .inner-calender-activity a:nth-child(19) {
    /* margin-right: 34.5%; */
  }
}
/* Ending new code */