html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.slick-dots{text-align:center;margin:0 0 5px;padding:0}.slick-dots li{display:inline-block;margin-left:4px;margin-right:4px}.slick-dots li>button:hover,.slick-dots>.slick-active button{background-color:#000}.slick-dots li>button{font:0/0 a;text-shadow:none;color:transparent;background-color:#999;border:none;width:15px;height:15px;border-radius:50%}.next0,.next1,.next2,.next3,.next4,.next5,.prev0,.prev1,.prev2,.prev3,.prev4,.prev5{background-color:#1363df;width:30px;color:#fff!important;position:absolute;top:40%;font-size:1.5em;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border:1px solid #1363df;border-radius:5px}.prev0,.prev1,.prev2,.prev3,.prev4,.prev5,.prev9{left:-1em}.next0,.next1,.next2,.next3,.next4,.next5,.next9{right:-1em}.next0::before,.next1::before,.next2::before,.next3::before,.next4::before,.next5::before,.next9::before,.prev0::before,.prev1::before,.prev2::before,.prev3::before,.prev4::before,.prev5::before,.prev9::before{content:"\2039"}.next0::before,.next1::before,.next2::before,.next3::before,.next4::before,.next5::before,.next9::before{content:"\203A"}.next0:hover,.next1:hover,.next2:hover,.next3:hover,.next4:hover,.next5:hover,.prev0:hover,.prev1:hover,.prev2:hover,.prev3:hover,.prev4:hover,.prev5:hover{cursor:pointer;background-color:#082a5e!important;color:#fff!important}.next9,.prev9{background-color:#fff;width:30px;color:green!important;position:absolute;top:40%;font-size:1.5em;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border:1px solid green;border-radius:5px}.next9:hover,.prev9:hover{cursor:pointer;background-color:green!important;color:#fff!important}@media screen and (max-width:500px){.slick-dots{display:none!important}}@media screen and (max-width:650px){.prev0,.prev1,.prev2,.prev3,.prev4,.prev5,.prev9{left:.5em}.next0,.next1,.n ext2,.next3,.next4,.next5,.next9{right:.5em}}.image-with-shadow{overflow:hidden;margin:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}
.prevv, .nextt {
    background-color: #ff8000 !important;
    width: 30px;
    color: white !important;
    position: absolute;
    top: 58%;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    border: 1px solid #ff8000;
    border-radius: 5px;
}

.prevv {
    left: -5em;
    top:7%
}

.nextt  {
    right: -3em;
    top: 7%
}

    .prevv::before, .nextt::before {
        content: "\2039";
        
    }

.nextt::before {
    content: "\203A";
}

.prevv:hover, .nextt:hover {
    cursor: pointer;
    background-color: #082a5e !important;
    color: white !important;
    border: 1px solid #082a5e;
}

@media screen and (max-width: 500px) {
    .slick-dots {
        display: none !important;
    }
}

@media screen and (max-width: 650px) {
    .prevv {
        left: 0.2em;
        top: 1%;
    }

    .nextt {
        right: 0.2em;
        top: 1%;
    }
}

.ctrr {
    position: relative;
}

.vdr {
    
    color: black !important;
    position: absolute;
    top: 58%;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
     border-radius: 5px;
   
}
.vdr {
    right: -8em;
    top: 10%
}
/*--------------------------------------------------------exam provider marque--------------------------*/
.prevv1, .nextt1 {
    background-color: #ff8000 !important;
    width: 30px;
    color: white !important;
    position: absolute;
    top: 58%;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    border: 1px solid #ff8000;
    border-radius: 5px;
}

.prevv1 {
    left: -1em;
    top: 7%
}

.nextt1 {
    right: -1em;
    top: 7%
}

    .prevv1::before, .nextt1::before {
        content: "\2039";
    }

.nextt1::before {
    content: "\203A";
}

.prevv1:hover, .nextt1:hover {
    cursor: pointer;
    background-color: #082a5e !important;
    color: white !important;
    border: 1px solid #082a5e;
}

@media screen and (max-width: 500px) {
    .slick-dots {
        display: none !important;
    }
}

@media screen and (max-width: 650px) {
    .prevv1 {
        left: 0.2em;
        top: 1%;
    }

    .nextt1 {
        right: 0.2em;
        top: 1%;
    }
}

.prevv2, .nextt2 {
    background-color: #ff8000 !important;
    width: 30px;
    color: white !important;
    position: absolute;
    top: 58%;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    border: 1px solid #ff8000;
    border-radius: 5px;
}

.prevv2 {
    left: -1em;
    top: 7%
}

.nextt2 {
    right: -1em;
    top: 7%
}

    .prevv2::before, .nextt1::before {
        content: "\2039";
    }

    .nextt2::before {
        content: "\203A";
    }

    .prevv2:hover, .nextt1:hover {
        cursor: pointer;
        background-color: #082a5e !important;
        color: white !important;
        border: 1px solid #082a5e;
    }

@media screen and (max-width: 500px) {
    .slick-dots {
        display: none !important;
    }
}

@media screen and (max-width: 650px) {
    .prevv2 {
        left: 0.2em;
        top: 1%;
    }

    .nextt2 {
        right: 0.2em;
        top: 1%;
    }
}

.prevv3, .nextt3 {
    background-color: #08b000 !important;
    width: 40px;
    color: white !important;
    position: absolute;
    top: 58%;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    border: 1px solid #08b000;
    border-radius: 5px;
    height: 108px;
}

.prevv3 {
    left: -3em;
    top: 30%;
    
}

.nextt3 {
    right: -3em;
    top: 30%;
  
}

.prevv3::before, .nextt3::before {
    content: "\2039";
}

.nextt3::before {
    content: "\203A";
}

.prevv3:hover, .nextt3:hover {
    cursor: pointer;
    background-color: #082a5e !important;
    color: white !important;
    border: 1px solid #082a5e;
}

@media screen and (max-width: 500px) {
    .slick-dots {
        display: none !important;
    }
}

@media screen and (max-width: 650px) {
    .prevv3 {
        left: -3em;
        top: 30%;
        height: 130px;
        
        
    }

    .nextt3 {
        right: -3em;
        top: 30%;
        height: 130px;
    }
}