.position-relative {
    position: relative;
}

.filter-btn-group {
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.filter-btn-group button {
    flex: none;
    margin-right: 10px;
}

.filter-btn-group::-webkit-scrollbar {
    display: none;
}
.blog-nav .card img {
    height: 285px !important;
    -o-object-fit: cover;
       object-fit: cover;
}
.blog-img {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
img.blog-details-img {
    -o-object-fit: cover;
       object-fit: cover;

}
/* Scroll Arrows */
.scroll-arrow {
    position: absolute;
    top: -7%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #333;
    border: 1px solid;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    text-align: center;
    padding: 2px;
}

.scroll-arrow.left-arrow {
    left: 0px;
}

.scroll-arrow.right-arrow {
    right: 5px;
}
span.notice-date {
    background: #0546a7;
    width: 70px;
    max-width: 25% !important;
    height: 70px;
    color: #fff;
}
.faq .accordion-button:not(.collapsed) {
    background: #3584f4 !important;
    color: #fff;
}
.faq .accordion-button {
    font-size: 16px !important;
}
/* Hide Arrows on Larger Screens */
@media (min-width: 768px) {
    .scroll-arrow {
        display: none;
    }
}
/* -- */
.conference .bg {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}
h4.highlights {
    background: #3584F4;
}

/* new homepage blog section */
.box1-text img {
    height: 338px !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.box-common img {
    height: 170px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px;
}
.box1-text h6{
    color: #fff !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #4a4a4a00;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
span.swiper-pagination-bullet {
    background: #4a4a4a00;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 1px solid #4A4A4A;
}


.white-slider-btn span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.white-slider-btn span.swiper-pagination-bullet {
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 1px solid #fff;
}
.all-blog img {
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
}

/* kpi */
.cus-kpi-height {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.kpi-heading-wrapper{
    color: #2E3192;
    font-size: 22px;
    font-weight: 600;
}
.kpi-card p {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 20px !important;
}
.main-kpi-card:nth-child(2) .kpi-card .cus-kpi-height, .main-kpi-card:nth-child(3) .kpi-card .cus-kpi-height{
    right: 0px !important;
    left: 0px;
    width: 100%;
}
.main-kpi-card:nth-child(2) .kpi-card .kpi-heading-wrapper, .main-kpi-card:nth-child(3) .kpi-card .kpi-heading-wrapper{
    text-align: left !important;
}
.main-kpi-card:nth-child(2) .kpi-card p, .main-kpi-card:nth-child(3) .kpi-card p{
    text-align: left !important;
}
.main-kpi-card:nth-child(2) .kpi-card, .main-kpi-card:nth-child(3) .kpi-card{
    height: 343px;
}

.main-kpi-cards:nth-child(2) .kpi-card .cus-kpi-height, .main-kpi-card:nth-child(3) .kpi-card .cus-kpi-height{
    right: 0px !important;
}
.main-kpi-cards:nth-child(2) .kpi-card .kpi-heading-wrapper, .main-kpi-cards:nth-child(3) .kpi-card .kpi-heading-wrapper{
       text-align: right !important;
}
.main-kpi-cards:nth-child(2) .kpi-card p, .main-kpi-cards:nth-child(3) .kpi-card p{
    text-align: right !important;
}
.main-kpi-card:nth-child(2) .kpi-card, .main-kpi-card:nth-child(3) .kpi-card{
   
}
.card-height-kpi .kpi-card {
    height: 325px;
}
.height-cards {
    height: 152px;
}
.main-kpi-cards:nth-child(2) .kpi-card img {
    width: 100% !important;
    left: 0px;
}
.main-kpi-cards:nth-child(3) .kpi-card {
height: 188px;
}
.main-kpi-cards:nth-child(3) .kpi-card img {
    width: 63% !important;
    border-radius: 8px;
    height: auto !important;
}
.cus-new-card:nth-child(2) .kpi-card img {
    top: 0px !important;
    width: 44% !important;
    left: 0px;
}
@media screen and (max-width: 1024px) {
.kpi-card {
    height: auto !important;
}
.main-kpi-card:nth-child(2) .kpi-card .kpi-heading-wrapper, .main-kpi-card:nth-child(3) .kpi-card .kpi-heading-wrapper {
     text-align: center !important;
}
.main-kpi-card:nth-child(2) .kpi-card p, .main-kpi-card:nth-child(3) .kpi-card p {
     text-align: center !important;
}
.kpi-card img {
    height: 150px;
    display: none;
}
h3.kpi-heading-wrapper {
    color: #2E3192;
    font-size: 30px;
    font-weight: 600;
     text-align: center !important;
}
.kpi-card p{
     text-align: center !important;
}
}

.logo-card-wrapper h3:hover {
    color: #FBBF24 !important;}

