@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


body{font-family: 'Poppins', sans-serif;}
/* FAQ CSS */
#faqsec{
padding:200px 0px 100px;
}
.center{text-align: center;}
.sectitle h3
{
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 24px;
color: rgba(0, 0, 0, 0.85);
margin-top: 15px;
margin-bottom: 70px;
line-height: 41px;
}
.sectitle b
{
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #FE753E;
}
#accordion .card
{
margin-bottom: 20px;border: none;
}
#accordion .card-header
{
padding: 0px;
background: #F7F7F7;
border-radius: 8px;
border: none;
}
#accordion .card-header button
{
display: block;
width: 100%;
text-align: left;
padding: 18px 28px 18px 40px;    
border-radius: 8px;
border: none;
font-style: normal;
font-weight: 600;
font-size: 20px;
text-decoration: none!important;
position: relative;
z-index: 1;
box-shadow: none;
display: flex;
justify-content: space-between;
align-items: center;
white-space: normal;
}
#accordion .card-header button {
    background: #33bf8d;
    color: #fff;
}
#accordion .card-header button.collapsed
{
background: #F7F7F7;
color: rgba(0, 0, 0, 0.85);
}
#accordion .card-body
{
font-style: normal;
font-weight: normal;
font-size: 16px;
color: rgba(0, 0, 0, 0.85);
}
#accordion .card-header button.collapsed img.arrowup
{
display: none;
}
#accordion .card-header button img.arrowdown
{
display: none;
}
#accordion .card-header button.collapsed img.arrowdown
{
display: block;
}
#accordion .collapse
{
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 8px;
margin-top: -7px;
}
.flex-between
{
display: flex;
justify-content: space-between;
align-items: center;
}

.mr-lg-n100 {
    margin-right: -100px;
}
.mr-lg-n50 {
    margin-right: -50px;
}
.invate-footer .card-body {
    background: #0C1E40;
    border-radius: 20px;
    color: #FFFFFF;
}

.card.card-shadow {
    box-shadow: 0px 6px 14.2px 17px rgba(123, 112, 238, 0.08);
    border: none;
    border-radius: 16px;
}

#teams .card {
    border-radius: 350px;
}
#teams .card .card-body {
    padding: 10px;
}

#teams .card img {
    border-radius: 200px;
    aspect-ratio: 1 / 1;
}

p {
    color: #8F94A7;
}
.text-dark {
    color: #0C1E40!important;
}
.btn-primary {
    color: #fff;
    background-color: #0C1E40;
    border-color: #0C1E40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2965FF;
    border-color: #2965FF;
}

.top-nav-list li a:hover, .top-nav-list li a:focus, .top-nav-list li.active a {
    color: #2965FF;
}
.sap-drivers-sec {
    border-bottom: 1px dashed #ccc;
    margin-top: 20px;
}

@media only screen and (max-width:1140px) {
    .mr-lg-n100 {
        margin-right: 0;
    }
    .mr-lg-n50 {
        margin-right: 0;
    }
}


@media (max-width: 767px)
{
/* .logo img {width: 100%;} */
#accordion .card-header button{ padding: 18px 28px 18px 20px;}
}

@media only screen and (max-width:768px) {
    #teams .card {
        width: 250px;
        border-radius: 150px;
        margin: 0 auto;
    }
}





/* Slider style starts  */

.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
        background: #FFFFFF;
        border-radius: 100px;
        height: 160px;
        width: 160px !important;
        margin: 0px 10px;
        filter: drop-shadow(0px 4px 10.2px rgba(123, 112, 238, 0.15));
        padding: 20px !important;
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .MultiCarousel .MultiCarousel-inner .item > div {
            text-align: left;
            padding: 0;
            margin: 0;
            color: #666;
        }
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc;border: 1px solid #ccc; }

        button.rightLst, button.leftLst {
            width: 35px;
            height: 35px;
            font-size: 20px;
            line-height: 22px;
            background: #2965FF;
            border: 1px solid #2965FF;
        }
        .MultiCarousel-inner img {
            border-radius: 10px;
        }

        @media only screen and (max-width:540px) {
            #faqsec {
                padding: 80px 0 100px;
            }
            .mr-lg-n50 {
                margin-right: 0;
            }
            
        
        }