
#FeaturedCapabilities {
    padding: 80px 0px;
    padding-bottom: 0px
}

#FeaturedCapabilities .FeaturedSlider {
    height: 760px;
    margin-top: 80px
}

#FeaturedCapabilities .FeaturedSlider .FeaturedImg {
    overflow: hidden;
    border-radius: 15px
}

#FeaturedCapabilities .FeaturedSlider .FeaturedImg img {
    width: 100%
}

#FeaturedCapabilities .FeaturedSlider .swiper-slide {
    background-color: #fff;
    opacity: 0 !important
}

#FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight {
    position: relative;
    padding-left: 60px;
    padding-top: 70px
}

#FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight h2 {
    font-size: var(--fs-32);
    margin-bottom: 20px;
    font-weight: var(--font-weight-500)
}

#FeaturedCapabilities .FeaturedSlider .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

#FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
    bottom: inherit;
    top: 0px;
    right: 0px;
    left: inherit;
    width: 45%;
    border-bottom: solid 1px rgba(0, 0, 0, .2);
    text-align: left;
    font-weight: var(--font-weight-500);
    font-size: var(--fs-20);
    color: var(--grey);
    padding-bottom: 20px
}

#FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction .swiper-pagination-current {
    color: var(--red)
}

#FeaturedCapabilities .swiper-button-next,
#FeaturedCapabilities .swiper-button-prev {
    top: 13%;
}

#FeaturedCapabilities .swiper-button-next:after,
#FeaturedCapabilities .swiper-button-prev:after {
    display: none
}

#FeaturedCapabilities .swiper-button-next {
    right: 20px
}

#FeaturedCapabilities .swiper-button-prev {
    left: inherit;
    right: 80px
}

@media only screen and (min-width: 1400px)and (max-width: 1599px) {
    
    #FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight h2 {
        font-size: var(--fs-24);
        margin-bottom: 5px;
    }

    p {
        font-size: var(--fs-14);
        line-height: 24px;
    }

    #FeaturedCapabilities .swiper-button-next,
    #FeaturedCapabilities .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    #FeaturedCapabilities .swiper-button-next img,
    #FeaturedCapabilities .swiper-button-prev img {
        max-width: 100%;
    }
    #FeaturedCapabilities .swiper-button-next,
    #FeaturedCapabilities .swiper-button-prev {
        top: 11%;
    }
}


@media only screen and (min-width: 1200px)and (max-width: 1399px) {
     #FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight h2 {
        font-size: var(--fs-26)
    }
    #FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight h2 {
        font-size: var(--fs-24);
        margin-bottom: 5px;
    }
    
    #FeaturedCapabilities .swiper-button-next,
    #FeaturedCapabilities .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    #FeaturedCapabilities .swiper-button-next img,
    #FeaturedCapabilities .swiper-button-prev img {
        max-width: 100%;
    }
     #FeaturedCapabilities .FeaturedSlider {
        height: 605px;
        margin-top: 40px;
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    
    #FeaturedCapabilities {
        padding: 40px 0px;
        padding-top: 10px
    }

    #FeaturedCapabilities .FeaturedSlider {
        height: auto;
        margin-top: 30px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight {
        padding-left: 0px;
        padding-top: 90px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
        bottom: inherit;
        top: 10px;
        right: 0px
    }

    #FeaturedCapabilities .common-cta {
        position: relative;
        right: 0px;
        top: 0px
    }

     #FeaturedCapabilities .FeaturedSlider .FeaturedImg {
        margin-top: 90px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
        width: 98%
    }

    #FeaturedCapabilities .swiper-button-next,
    #FeaturedCapabilities .swiper-button-prev {
        top: 90px
    }

  

}


  @media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
        
    #FeaturedCapabilities {
        padding: 40px 0px;
        padding-top: 10px
    }

    #FeaturedCapabilities .FeaturedSlider {
        height: auto;
        margin-top: 30px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight {
        padding-left: 0px;
        padding-top: 30px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
        bottom: inherit;
        top: 10px;
        right: 0px
    }

    #FeaturedCapabilities .common-cta {
        position: relative;
        right: 0px;
        top: 0px
    }

    
    #FeaturedCapabilities .swiper-button-next,
    #FeaturedCapabilities .swiper-button-prev {
        top: 11%
    }

    #FeaturedCapabilities .FeaturedSlider .FeaturedImg {
        margin-top: 70px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
        width: 94%
    }

    }


    @media(min-width: 320px)and (max-width: 767px) {
        
    #FeaturedCapabilities {
        padding: 40px 0px;
        padding-top: 10px
    }

    #FeaturedCapabilities .FeaturedSlider {
        height: auto;
        margin-top: 30px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-slide .FeaturedRight {
        padding-left: 0px;
        padding-top: 30px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
        bottom: inherit;
        top: 10px;
        right: 0px
    }

    #FeaturedCapabilities .common-cta {
        position: relative;
        right: 0px;
        top: 0px
    }

 #FeaturedCapabilities .FeaturedSlider .FeaturedImg {
        margin-top: 70px
    }

    #FeaturedCapabilities .FeaturedSlider .swiper-pagination-fraction {
        width: 94%
    }

    #FeaturedCapabilities .swiper-button-next,
    #FeaturedCapabilities .swiper-button-prev {
        top: 140px
    }

    }

