.container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

ul.pagination li a,
ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

ul.pagination li.active:not(.next):not(.prev) a,
ul.pagination li:hover:not(.next):not(.prev) a,
ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

ul.pagination li.next a,
ul.pagination li.prev a {
    color: #aaaaaa;
}

ul.pagination li.disable a {
    color: #d6d6d6;
}

.bread_crum {
    font-size: 14px;
}

.table-responsive {
    margin-top: 1.5rem;
}

.data {
    padding-top: 10px;
}

.data .right_side {
    position: relative;
}

.data .right_side p {
    font-size: 14px;
    margin-bottom: 5px;
    display: flex;
    gap: 5px;
}

.data .right_side a {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}

.data .img-ul {
    display: flex;
    gap: 5px;
    list-style: none;
}

.data .table-images .img-ul {
    display: flex;
    gap: 5px;
    list-style: none;
}

.data .table-images .img-ul img {
    width: 105px;
}

.data .img-ul img {
    border-radius: 10px;
    box-shadow: 3px 4px 10px rgb(199 199 199);
}

.table th,
.table td {
    padding: 1rem;
    vertical-align: top;
}

.date {
    position: relative;
    width: 100%;
}

.date .form-control {
    padding-right: 40px;
}

.date .input-group-addon {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 2px;
    pointer-events: none;
    cursor: pointer;
}

.tnc label {
    font-size: 0.9rem;
    display: inline-flex;
    /* align-items: center; */
    margin: 15px 0;
}

.table td {
    background-color: #ffffff !important;
}

.tnc label input {
    margin: 0px 10px 0 0;
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: #f6f5fa;
}

.table thead th {
    border-width: 1px;
    border-right: 1px solid #fff;
}

.total-row {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.total-row label {
    margin: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .heading h5 {
        font-size: 18px;
    }

    .readmore {
        text-align: center;
    }

    .banner .container article {
        padding-right: 0px;
    }

    .banner .container article h1 {
        font-size: 16px;
    }

    .banner .container article p,
    .bread_crum {
        font-size: 12px;
    }

    .custom-responsive table tr+tr {
        margin-top: 20px;
    }

    .custom-responsive table tr td .custom-dropdown {
        width: 100%;
    }


    span.spanTd {
        display: inline-flex;
        align-items: center;
        flex: 0 0 40%;
        padding: 0.75rem 0.5rem;
        margin: -0.75rem 0.5rem -0.75rem -0.5rem;
        border-right: 1px solid #dee2e6;
    }

    .custom-responsive tbody tr:hover {
        background-color: #fff;
    }

    .data .table-images .img-ul {
        flex-direction: column;
    }

}

.left-txt ul {
    padding-left: 15px;
}

/* mediapagecomponent css  */
.mediapage .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.mediapage .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.mediapage .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.mediapage .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.mediapage .banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: -4%;
}

.mediapage .heading h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0C0C0C;
}

.mediapage .csr_card {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    /* border-radius: 25px; */
}

.mediapage .csr_card .content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #ED1C24;
    border-radius: 8px 0px 0px 8px;
    padding: 20px;
    color: #fff;
}

.mediapage .csr_card .content .date {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
}

.mediapage .readmore {
    text-align: right;
    /* padding-bottom: 2rem; */
    position: absolute;
    top: 0px;
    left: auto;
    right: 20px;
}

.mediapage .readmore .read-more {
    font-size: 1.1rem;
}

.mediapage .csr_card .read-more:hover i {
    transform: translateX(3px);
}

.mediapage .csr_card .content h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}


.mediapage .csr_card .content .btn {
    background: #fff;
    border-radius: 4px;
    /* color: #000; */
    margin: 1rem 0px;
    font-size: 14px;
    padding: 5px 25px;
    border: 0;
    font-weight: 600;
}

.mediapage .csr_card .content .btn:hover {
    box-shadow: 4px 3px 0 0 #00000040;
}

.mediapage .csr_card .image {
    width: 50%;
}

.mediapage .csr_card .image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 0px 8px 8px 0px;
}

.mediapage .in_news {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    border-radius: 8px;
}

.mediapage .in_news.darkblue {
    background: url('../../../assets/images/media/darkblue.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.mediapage .in_news.lightblue {
    background: url('../../../assets/images/media/lightblue.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.mediapage .in_news.pink {
    background: url('../../../assets/images/media/pink.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.mediapage .in_news .content {
    width: 100%;
    height: 300px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    text-align: center;
}

.mediapage .in_news .content .publication-icon {
    font-size: 5rem;
    color: #fff;
}

.mediapage .in_news .content h3 {
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.mediapage .in_news .content .date {
    color: #fff;
    margin: 0;
    text-align: center;
}

.mediapage .in_news .content .btn {
    background: transparent;
    border-radius: 25px;
    color: #ffffff;
    margin: 0rem;
    font-size: 20px;
    padding: 3px 25px;
    border: 0;
    outline: 0px;
    width: 90px;
}

.mediapage .in_news .content .btn:focus {
    box-shadow: none;
}

.mediapage .events {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    border-radius: 25px;
}

.mediapage .events .content {
    width: 100%;
    height: 175px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #ED1C24;
    border-radius: 0px 0px 8px 8px;
    padding: 20px;
    color: #fff;
}

.mediapage .events .content .content-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mediapage .events .content .date {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
}

.mediapage .events .image {
    width: 100%;
}

.mediapage .events .image img {
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.mediapage .events .content .btn {
    background: #fff;
    border-radius: 4px;
    color: #000;
    margin: 1rem 0px 0px;
    font-size: 13px;
    padding: 5px 25px;
    border: 0;
    font-weight: 600;
}

.mediapage .events .content .btn:hover {
    box-shadow: 4px 3px 0 0 #00000040;
}

.mediapage .events .content h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mediapage .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .mediapage .in_news .content .publication-icon {
        font-size: 2.5rem;
    }

    .mediapage .in_news .content h3 {
        font-size: 1.5rem;
    }

    .mediapage .banner {
        background-position: 60% 50%;
    }

    .mediapage .csr_card .content .btn {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .mediapage .heading h5 {
        font-size: 18px;
    }

    .mediapage .csr_card {
        flex-direction: column-reverse;
        border-radius: 10px;
    }

    .mediapage .csr_card .content,
    .mediapage .csr_card .image {
        width: 100%;
    }

    .mediapage .csr_card .image img {
        border-radius: 8px 8px 0px 0px;
        height: 215px !important;
    }

    .mediapage .csr_card .content {
        margin-top: 0px;
        border-radius: 0px 0px 8px 8px;
        padding: 20px 20px 5px;
    }

    .mediapage .events .content {
        margin-top: 0;
    }

    .mediapage .readmore {
        text-align: center;
    }


    .mediapage .banner .container article {
        padding-right: 0px;
    }

    .mediapage .banner .container article h1 {
        font-size: 16px;
    }

    .mediapage .banner .container article p {
        font-size: 12px;
    }

    .mediapage .banner .container article {
        top: 25px;
    }

    .mediapage .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .mediapage .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }
}

/* mediapagecomponent css  */

/* csr page component css  */
.csr_page .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.csr_page .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.csr_page .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.csr_page .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.csr_page .banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: -4%;
}

.csr_page .heading h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0C0C0C;
}

.csr_page .csr_card {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    /* border-radius: 25px; */
}

.csr_page .csr_card .content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #ED1C24;
    border-radius: 8px 0px 0px 8px;
    padding: 20px;
    color: #fff;
}

.csr_page .csr_card .content .date {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
}

.csr_page .readmore {
    text-align: right;
    /* padding-bottom: 2rem; */
    position: absolute;
    top: 0px;
    left: auto;
    right: 20px;
}

.csr_page .readmore .read-more {
    font-size: 1.1rem;
}

.csr_page .csr_card .read-more:hover i {
    transform: translateX(3px);
}

.csr_page .csr_card .content h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

.csr_page .csr_card .content .btn {
    background: #fff;
    border-radius: 4px;
    /* color: #000; */
    margin: 1rem 0px;
    font-size: 14px;
    padding: 5px 25px;
    border: 0;
    font-weight: 600;
}

.csr_page .csr_card .content .btn:hover {
    box-shadow: 4px 3px 0 0 #00000040;
}

.csr_page .csr_card .image {
    width: 50%;
}

.csr_page .csr_card .image img {
    width: 100%;
    min-height: 250px;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 8px 8px 0px;
}

.csr_page ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.csr_page ul.pagination li a,
.csr_page ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.csr_page ul.pagination li.active:not(.next):not(.prev) a,
.csr_page ul.pagination li:hover:not(.next):not(.prev) a,
.csr_page ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.csr_page ul.pagination li.next a,
.csr_page ul.pagination li.prev a {
    color: #aaaaaa;
}

.csr_page ul.pagination li.disable a {
    color: #d6d6d6;
}

.csr_page .bread_crum {
    font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .csr_page .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .csr_page .csr_card .content h3 {
        font-size: 16px;
    }

    .csr_page .csr_card .content .btn {
        font-size: 12px;
    }

    .csr_page .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .csr_page .heading h5 {
        font-size: 18px;
    }

    .csr_page .csr_card {
        flex-direction: column-reverse;
        border-radius: 10px;
    }

    .csr_page .csr_card .content,
    .csr_page .csr_card .image {
        width: 100%;
    }

    .csr_page .csr_card .image img {
        border-radius: 8px 8px 0px 0px;
        height: 215px;
    }

    .csr_page .csr_card .content {
        margin-top: 0px;
        border-radius: 0px 0px 8px 8px;
        padding: 20px 20px 5px;
    }

    .csr_page .readmore {
        text-align: center;
    }

    .csr_page .banner .container article {
        padding-right: 0px;
    }

    .csr_page .banner .container article h1 {
        font-size: 16px;
    }

    .csr_page .banner .container article p,
    .csr_page .bread_crum {
        font-size: 12px;
    }

    .csr_page .banner .container article {
        top: 25px;
    }

    .csr_page .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .csr_page ul.pagination {
        margin: 10px 0;
    }

    .csr_page .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }
}

/* csr page component css  */

/* media events page css */
.media-events .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.media-events .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.media-events .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.media-events .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.media-events .banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: -4%;
}

.media-events .heading h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0C0C0C;
}

.media-events .readmore {
    text-align: right;
    /* padding-bottom: 2rem; */
    position: absolute;
    top: 0px;
    left: auto;
    right: 20px;
}

.media-events .readmore .read-more {
    font-size: 1.1rem;
}

.media-events .events {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    border-radius: 25px;
}

.media-events .events .content {
    width: 100%;
    height: 175px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #ED1C24;
    border-radius: 0px 0px 8px 8px;
    padding: 20px;
    color: #fff;
}

.media-events .events .content .content-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.media-events .events .content .date {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
}

.media-events .events .image {
    width: 100%;
}

.media-events .events .image img {
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.media-events .events .content .btn {
    background: #fff;
    border-radius: 4px;
    color: #000;
    margin: 1rem 0px 0px;
    font-size: 13px;
    padding: 5px 25px;
    border: 0;
    font-weight: 600;
}

.media-events .events .content .btn:hover {
    box-shadow: 4px 3px 0 0 #00000040;
}

.media-events .events .content h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.media-events ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.media-events ul.pagination li a,
.media-events ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.media-events ul.pagination li.active:not(.next):not(.prev) a,
.media-events ul.pagination li:hover:not(.next):not(.prev) a,
.media-events ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.media-events ul.pagination li.next a,
.media-events ul.pagination li.prev a {
    color: #aaaaaa;
}

.media-events ul.pagination li.disable a {
    color: #d6d6d6;
}

.media-events .bread_crum {
    font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .media-events .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }


    .media-events .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .media-events .heading h5 {
        font-size: 18px;
    }

    .media-events .readmore {
        text-align: center;
    }

    .media-events .banner .container article {
        padding-right: 0px;
    }

    .media-events .banner .container article h1 {
        font-size: 16px;
    }

    .media-events .banner .container article p,
    .media-events .bread_crum {
        font-size: 12px;
    }

    .media-events .banner .container article {
        top: 25px;
    }

    .media-events .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .media-events ul.pagination {
        margin: 10px 0;
    }

    .media-events .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }

    .media-events .events .content {
        margin-top: 0px;
    }
}

/* media events page css */

/* press release component css */
.press_release .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.press_release .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.press_release .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.press_release .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.press_release .banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: -4%;
}

.press_release .heading h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0C0C0C;
}

.press_release .csr_card {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    /* border-radius: 25px; */
}

.press_release .csr_card .content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: #ED1C24;
    border-radius: 8px 0px 0px 8px;
    padding: 20px;
    color: #fff;
}

.press_release .csr_card .content .date {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
}

.press_release .readmore {
    text-align: right;
    /* padding-bottom: 2rem; */
    position: absolute;
    top: 0px;
    left: auto;
    right: 20px;
}

.press_release .readmore .read-more {
    font-size: 1.1rem;
}

.press_release .csr_card .read-more:hover i {
    transform: translateX(3px);
}

.press_release .csr_card .content h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

.press_release .csr_card .content .btn {
    background: #fff;
    border-radius: 4px;
    /* color: #000; */
    margin: 1rem 0px;
    font-size: 14px;
    padding: 5px 25px;
    border: 0;
    font-weight: 600;
}

.press_release .csr_card .content .btn:hover {
    box-shadow: 4px 3px 0 0 #00000040;
}

.press_release .csr_card .image {
    width: 50%;
}

.press_release .csr_card .image img {
    width: 100%;
    min-height: 250px;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 8px 8px 0px;
}

.press_release ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.press_release ul.pagination li a,
.press_release ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.press_release ul.pagination li.active:not(.next):not(.prev) a,
.press_release ul.pagination li:hover:not(.next):not(.prev) a,
.press_release ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.press_release ul.pagination li.next a,
.press_release ul.pagination li.prev a {
    color: #aaaaaa;
}

.press_release ul.pagination li.disable a {
    color: #d6d6d6;
}

.press_release .bread_crum {
    font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .press_release .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .press_release .csr_card .content h3 {
        font-size: 16px;
    }


    .press_release .csr_card .content .btn {
        font-size: 12px;
    }

    .press_release .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .press_release .heading h5 {
        font-size: 18px;
    }

    .press_release .csr_card {
        flex-direction: column-reverse;
        border-radius: 10px;
    }

    .press_release .csr_card .content,
    .press_release .csr_card .image {
        width: 100%;
    }

    .press_release .csr_card .image img {
        border-radius: 8px 8px 0px 0px;
        height: 215px;
    }

    .press_release .csr_card .content {
        margin-top: 0px;
        border-radius: 0px 0px 8px 8px;
        padding: 20px 20px 5px;
    }

    .press_release .readmore {
        text-align: center;
    }

    .press_release .banner .container article {
        padding-right: 0px;
    }

    .press_release .banner .container article h1 {
        font-size: 16px;
    }

    .press_release .banner .container article p,
    .press_release .bread_crum {
        font-size: 12px;
    }

    .press_release .banner .container article {
        top: 25px;
    }

    .press_release .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .press_release ul.pagination {
        margin: 10px 0;
    }

    .press_release .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }
}

/* press release component css */

/* in news page css */
.in_news_page .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.in_news_page .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.in_news_page .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.in_news_page .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.in_news_page .banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: -4%;
}

.in_news_page .heading h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0C0C0C;
}

.in_news_page .readmore {
    text-align: right;
    /* padding-bottom: 2rem; */
    position: absolute;
    top: 0px;
    left: auto;
    right: 20px;
}

.in_news_page .readmore .read-more {
    font-size: 1.1rem;
}



.in_news_page .in_news {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    border-radius: 8px;
}

.in_news_page .in_news.darkblue {
    background: url('../../../../assets/images/media/darkblue.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.in_news_page .in_news.lightblue {
    background: url('../../../../assets/images/media/lightblue.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.in_news_page .in_news.pink {
    background: url('../../../../assets/images/media/pink.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.in_news_page .in_news .content {
    width: 100%;
    height: 300px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    text-align: center;
}

.in_news_page .in_news .content .publication-icon {
    font-size: 5rem;
    color: #fff;
}

.in_news_page .in_news .content h3 {
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.in_news_page .in_news .content .date {
    color: #fff;
    margin: 0;
}

.in_news_page .in_news .content .btn {
    background: transparent;
    border-radius: 25px;
    color: #ffffff;
    margin: 0rem;
    font-size: 20px;
    padding: 3px 25px;
    border: 0;
    outline: 0px;
    width: 90px;
}

.in_news_page .in_news .content .btn:focus {
    box-shadow: none;
}

.in_news_page ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.in_news_page ul.pagination li a,
.in_news_page ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.in_news_page ul.pagination li.active:not(.next):not(.prev) a,
.in_news_page ul.pagination li:hover:not(.next):not(.prev) a,
.in_news_page ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.in_news_page ul.pagination li.next a,
.in_news_page ul.pagination li.prev a {
    color: #aaaaaa;
}

.in_news_page ul.pagination li.disable a {
    color: #d6d6d6;
}

.in_news_page .bread_crum {
    font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .in_news_page .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .in_news_page .in_news .content .publication-icon {
        font-size: 2.5rem;
    }

    .in_news_page .in_news .content h3 {
        font-size: 1.5rem;
    }

    .in_news_page .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .in_news_page .heading h5 {
        font-size: 18px;
    }

    .in_news_page .readmore {
        text-align: center;
    }

    .in_news_page .banner .container article {
        padding-right: 0px;
    }

    .in_news_page .banner .container article h1 {
        font-size: 16px;
    }

    .in_news_page .banner .container article p,
    .in_news_page .bread_crum {
        font-size: 12px;
    }

    .in_news_page .banner .container article {
        top: 25px;
    }

    .in_news_page .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .in_news_page ul.pagination {
        margin: 10px 0;
    }

    .in_news_page .in_news .content {
        margin: 0;
    }

    .in_news_page .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }
}

/* in news page css */

/* annual return page css  */
.annual-return .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.annual-return .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.annual-return .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.annual-return .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.annual-return ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.annual-return ul.pagination li a,
.annual-return ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.annual-return ul.pagination li.active:not(.next):not(.prev) a,
.annual-return ul.pagination li:hover:not(.next):not(.prev) a,
.annual-return ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.annual-return ul.pagination li.next a,
.annual-return ul.pagination li.prev a {
    color: #aaaaaa;
}

.annual-return ul.pagination li.disable a {
    color: #d6d6d6;
}

.annual-return .bread_crum {
    font-size: 14px;
}

.annual-return .description-content p {
    font-size: 14px;
    line-height: 24px;
    margin: 25px 0;
}

.annual-return span.spanTd {
    display: none;
}

.annual-return .table th,
.annual-return .table td {
    padding: 1rem;
    vertical-align: middle;
}

.annual-return .date {
    position: relative;
    width: 100%;
}

.annual-return .date .form-control {
    padding-right: 40px;
}

.annual-return .date .input-group-addon {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 2px;
    pointer-events: none;
    cursor: pointer;
}

.annual-return .tnc label {
    font-size: 0.9rem;
    display: inline-flex;
    /* align-items: center; */
    margin: 15px 0;
}

.annual-return .table td {
    background-color: #ffffff !important;
}

.annual-return .tnc label input {
    margin: 0px 10px 0 0;
}

.annual-return .table-active,
.annual-return .table-active>th,
.annual-return .table-active>td {
    background-color: #f6f5fa;
}

.annual-return .table thead th {
    border-width: 1px;
}

.annual-return .total-row {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.annual-return .total-row label {
    margin: 0;
}



@media screen and (min-width: 768px) and (max-width: 1024px) {
    .annual-return .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .annual-return .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .annual-return .heading h5 {
        font-size: 18px;
    }

    .annual-return .readmore {
        text-align: center;
    }

    .annual-return .banner .container article {
        padding-right: 0px;
    }

    .annual-return .banner .container article h1 {
        font-size: 16px;
    }

    .annual-return .banner .container article p,
    .annual-return .bread_crum {
        font-size: 12px;
    }


    .annual-return .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .annual-return ul.pagination {
        margin: 10px 0;
    }

    .annual-return .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }

    .annual-return .custom-responsive table thead {
        display: none;
    }

    .annual-return .custom-responsive table tr {
        display: flex;
        flex-direction: column;
    }

    .annual-return .custom-responsive table tr+tr {
        margin-top: 20px;
    }

    .annual-return .custom-responsive table tr td {
        display: flex;
        width: 100%;
    }

    .annual-return .custom-responsive table tr td .custom-dropdown {
        width: 100%;
    }

    .annual-return .custom-responsive table tr td:not(:last-child) {
        border-bottom: none;
    }

    .annual-return span.spanTd {
        display: inline-flex;
        align-items: center;
        flex: 0 0 40%;
        padding: 0.75rem 0.5rem;
        margin: -0.75rem 0.5rem -0.75rem -0.5rem;
        border-right: 1px solid #dee2e6;
    }

    .annual-return .custom-responsive tbody tr:hover {
        background-color: #fff;
    }

}

/* annual return page css  */

/* ipo faq page css  */
.ipo-faq .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ipo-faq .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.ipo-faq .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.ipo-faq .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.ipo-faq ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.ipo-faq ul.pagination li a,
.ipo-faq ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.ipo-faq ul.pagination li.active:not(.next):not(.prev) a,
.ipo-faq ul.pagination li:hover:not(.next):not(.prev) a,
.ipo-faq ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.ipo-faq ul.pagination li.next a,
.ipo-faq ul.pagination li.prev a {
    color: #aaaaaa;
}

.ipo-faq ul.pagination li.disable a {
    color: #d6d6d6;
}

.ipo-faq .bread_crum {
    font-size: 14px;
}

.ipo-faq .description-content p {
    font-size: 14px;
    line-height: 24px;
    margin: 25px 0;
}

.ipo-faq .accordion {
    font-size: 1rem;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
}

.ipo-faq .accordion-header,
.ipo-faq .accordion-body {
    background: white;
}

.ipo-faq .accordion-header {
    padding: 1.5em 1.5em;
    background: #f7f6f2;
    color: #2c2c2c;
    cursor: pointer;
    font-size: .7em;
    /* letter-spacing: .1em; */
    transition: all .3s;
    border-radius: 10px;
    box-shadow: 1px 3px 3px 1px #ebebeb;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
}

.ipo-faq .accordion__item {
    /* border-bottom: 1px solid #3a4ba4; */
    font-size: 16px;
}

.ipo-faq .accordion__item .accordion__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ipo-faq .accordion-header:hover {
    background: #f7f6f2;
    position: relative;
    z-index: 5;
}

.ipo-faq .accordion-body {
    background: #fcfcfc;
    color: #353535;
    display: none;
    border: 1px solid #f8e4c9;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.ipo-faq .accordion-body__contents {
    padding: 1.5em 1.5em;
    font-size: .85em;
}

.ipo-faq .accordion__item.active:last-child .accordion-header {
    border-radius: none;
}

.ipo-faq .accordion:first-child>.accordion__item>.accordion-header {
    border-bottom: 1px solid transparent;
}

.ipo-faq .accordion__item>.accordion-header:after {
    content: "\f2c7";
    font-family: IonIcons;
    font-size: 1.2em;
    float: right;
    position: relative;
    top: -2px;
    transition: .3s all;
    transform: rotate(0deg);
    font-weight: 700;
}

.ipo-faq .accordion__item.active>.accordion-header:after {
    content: "\f2f4";
    /* transform: rotate(-180deg); */
}

.ipo-faq .accordion__item.active .accordion-header {
    background: #f7f6f2;
}

.ipo-faq .accordion__item .accordion__item .accordion-header {
    background: #f1f1f1;
    color: #353535;
}

@media screen and (max-width: 1000px) {

    .ipo-faq .accordion {
        width: 100%;
    }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .ipo-faq .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .ipo-faq .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .ipo-faq .heading h5 {
        font-size: 18px;
    }

    .ipo-faq .readmore {
        text-align: center;
    }

    .ipo-faq .banner .container article {
        padding-right: 0px;
    }

    .ipo-faq .banner .container article h1 {
        font-size: 16px;
    }

    .ipo-faq .banner .container article p,
    .ipo-faq .bread_crum {
        font-size: 12px;
    }


    .ipo-faq .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .ipo-faq ul.pagination {
        margin: 10px 0;
    }

    .ipo-faq .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }

    .ipo-faq .custom-responsive table thead {
        display: none;
    }

    .ipo-faq .custom-responsive table tr {
        display: flex;
        flex-direction: column;
    }

    .ipo-faq .custom-responsive table tr+tr {
        margin-top: 20px;
    }

    .ipo-faq .custom-responsive table tr td {
        display: flex;
        width: 100%;
    }

    .ipo-faq .custom-responsive table tr td .custom-dropdown {
        width: 100%;
    }

    .ipo-faq .custom-responsive table tr td:not(:last-child) {
        border-bottom: none;
    }

    .ipo-faq span.spanTd {
        display: inline-flex;
        align-items: center;
        flex: 0 0 40%;
        padding: 0.75rem 0.5rem;
        margin: -0.75rem 0.5rem -0.75rem -0.5rem;
        border-right: 1px solid #dee2e6;
    }

    .ipo-faq .custom-responsive tbody tr:hover {
        background-color: #fff;
    }
}

/* ipo faq page css  */

/* policies page css  */
.policies .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.policies .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 500px;
    background: url('../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.policies .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.policies .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.policies ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.policies ul.pagination li a,
.policies ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.policies ul.pagination li.active:not(.next):not(.prev) a,
.policies ul.pagination li:hover:not(.next):not(.prev) a,
.policies ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.policies ul.pagination li.next a,
.policies ul.pagination li.prev a {
    color: #aaaaaa;
}

.policies ul.pagination li.disable a {
    color: #d6d6d6;
}

.policies .bread_crum {
    font-size: 14px;
}

.policies .description-content p {
    font-size: 14px;
    line-height: 24px;
    margin: 25px 0;
}

.policies .main-content h1 {
    font-size: clamp(1.5rem, 1.5vw, 3rem);
    margin: 12px 0;
}

.policies .main-content h2 {
    font-size: clamp(1.30rem, 1.30vw, 3rem);
    margin: 12px 0;
}

.policies .main-content h3 {
    font-size: clamp(1.10rem, 1.10vw, 3rem);
    margin: 12px 0;
}

.policies .main-content p {
    font-size: 14px;
    line-height: 26px;
}

.policies .main-content ul {
    padding-left: 15px;
}

.policies .main-content ul li {
    font-size: 14px;
    line-height: 26px;
}

.policies .table-responsive {
    padding-top: 1.25rem;
}

.policies span.spanTd {
    display: none;
}

.policies .table th,
.policies .table td {
    padding: 1rem;
    vertical-align: middle;
}

.policies .date {
    position: relative;
    width: 100%;
}

.policies .date .form-control {
    padding-right: 40px;
}

.policies .date .input-group-addon {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 2px;
    pointer-events: none;
    cursor: pointer;
}

.policies .tnc label {
    font-size: 0.9rem;
    display: inline-flex;
    /* align-items: center; */
    margin: 15px 0;
}

.policies .table td {
    background-color: #ffffff !important;
}

.policies .tnc label input {
    margin: 0px 10px 0 0;
}

.policies .table-active,
.policies .table-active>th,
.policies .table-active>td {
    background-color: #f6f5fa;
}

.policies .table thead th {
    border-width: 1px;
}

.policies .total-row {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.policies .total-row label {
    margin: 0;
}

@media screen and (max-width: 1000px) {

    .policies .accordion {
        width: 100%;
    }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .policies .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .policies .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .policies .heading h5 {
        font-size: 18px;
    }

    .policies .readmore {
        text-align: center;
    }

    .policies .banner .container article {
        padding-right: 0px;
    }

    .policies .banner .container article h1 {
        font-size: 16px;
    }

    .policies .banner .container article p,
    .policies .bread_crum {
        font-size: 12px;
    }

    .policies .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .policies ul.pagination {
        margin: 10px 0;
    }

    .policies .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }

    .policies .custom-responsive table thead {
        display: none;
    }

    .policies .custom-responsive table tr {
        display: flex;
        flex-direction: column;
    }

    .policies .custom-responsive table tr+tr {
        margin-top: 20px;
    }

    .policies .custom-responsive table tr td {
        display: flex;
        width: 100%;
    }

    .policies .custom-responsive table tr td .custom-dropdown {
        width: 100%;
    }

    .policies .custom-responsive table tr td:not(:last-child) {
        border-bottom: none;
    }

    .policies span.spanTd {
        display: inline-flex;
        align-items: center;
        flex: 0 0 40%;
        padding: 0.75rem 0.5rem;
        margin: -0.75rem 0.5rem -0.75rem -0.5rem;
        border-right: 1px solid #dee2e6;
    }

    .policies .custom-responsive tbody tr:hover {
        background-color: #fff;
    }

}

/* policies page css  */

/* mmn page css  */
.mmn .container.position-relative {
    padding-top: 15px;
    padding-bottom: 15px;
}

.mmn .banner {
    position: relative;
    text-align: center;
    background: #ebf3fd;
    min-height: 400px;
    background: url('../../../assets/images/media/careers_banner.jpg');

    background-position: 50% 50%;
    display: flex;
    display: none !important;
    align-items: center;
    justify-content: flex-start;
}

.mmn .banner .container article {
    width: 50%;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.mmn .banner .container article h1 {
    font-size: 30px;
    color: #e42727;
    margin-bottom: 6px;
}

.mmn .banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: -4%;
}

.mmn .heading h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0C0C0C;
}

.mmn .readmore {
    text-align: left;
}

.mmn .readmore .read-more {
    font-size: 1.1rem;
    margin-top: 0px;
}

.mmn ul.pagination {
    justify-content: space-between;
    margin: 30px 0;
    background: #f6f5fa;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    align-items: center;
}

.mmn ul.pagination li a,
.mmn ul.pagination li span {
    color: inherit;
    display: block;
    padding: 2px 8px;
    border-radius: 3px;
}

.mmn ul.pagination li.active:not(.next):not(.prev) a,
.mmn ul.pagination li:hover:not(.next):not(.prev) a,
.mmn ul.pagination li:hover span {
    background-color: #7b7a7f;
    color: #fff;
}

.mmn ul.pagination li.next a,
.mmn ul.pagination li.prev a {
    color: #aaaaaa;
}

.mmn ul.pagination li.disable a {
    color: #d6d6d6;
}

.mmn .bread_crum {
    font-size: 14px;
}

.mmn .filter-box {
    display: flex;
    gap: 10px;
    width: 50%;
    margin: 25px 0px 15px;
}

.mmn .filter-box select {
    cursor: pointer;
}

.mmn .events {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin: 1rem 0px;
    box-shadow: 6px 5px 5px 3px #f7f7f7;
    border-radius: 10px;
    border: 1px solid #E3E3FC;
}

.mmn .events .content {
    width: 100%;
    height: 175px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 0px 0px 8px 8px;
    padding: 20px;
    color: #28323c;
}

.mmn .events .content .content-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mmn .events .content .date {
    margin-bottom: 0;
    /* color: #fff; */
    font-size: 12px;
}

.mmn .events .image {
    width: 100%;
}

.mmn .events .image img {
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    min-height: 300px;
    object-position: top;
    object-fit: cover;
}

.mmn .events .content .btn {
    background: #fff;
    border-radius: 4px;
    color: #000;
    margin: 1rem 0px 0px;
    font-size: 13px;
    padding: 5px 25px;
    border: 0;
    font-weight: 600;
}

.mmn .events .content .btn:hover {
    box-shadow: 4px 3px 0 0 #00000040;
}

.mmn .events .content h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mmn .banner .container article {
        top: 20px;
        left: 33%;
        padding-right: 5rem;
    }

    .mmn .banner {
        background-position: 60% 50%;
    }
}

@media (max-width:767px) {
    .mmn .heading h5 {
        font-size: 18px;
    }


    .mmn .readmore {
        text-align: center;
    }

    .mmn .banner .container article {
        padding-right: 0px;
    }

    .mmn .banner .container article h1 {
        font-size: 16px;
    }

    .mmn .banner .container article p,
    .mmn .bread_crum {
        font-size: 12px;
    }

    .mmn .banner .container article {
        top: 25px;
    }

    .mmn .readmore {
        position: relative;
        top: 0px;
        right: auto;
    }

    .mmn ul.pagination {
        margin: 10px 0;

    }

    .mmn .banner {
        min-height: 300px;
        background-position: 65% 35%;
    }
}

/* mmn page css  */

/* article page css  */

/* article page css  */