/* responsive */
@media (min-width: 1500px) {
    .plane-img {
        right: 42%;
    }

    .circle_button {
        margin-left: 27rem;
        padding-top: 10rem;
    }
    .circle_button-second {
        margin-top: -4rem;
        margin-right: 0rem;
    }
    .slick-list {
        margin-left: 290px !important;
    }
}

@media (max-width: 1400px) {
    .home-service-bg .card {
        width: 22rem !important;
    }
}

@media (max-width: 1200px) {
    .plane-img {
        height: 70%;
    }

    .home-service-bg .card {
        width: 19rem !important;
    }

    .srvice-cards {
        height: 50rem;
    }

    .line-clamp {
        -webkit-line-clamp: 4;

    }

    .card-content {
        padding: 2rem;
    }
    .slick-slider .element {
        margin: 0px 5px;
        padding: 0px 21px;
    }
    .slick-list {
        margin-left: 50px !important;
    }

}

@media (max-width: 992px) {


    .clients {
        row-gap: 2rem;
    }

    .plane-img {
        height: 50%;
    }

    .circle_button {
        margin-left: 8rem;
        padding-top: 2rem;
    }

    .plane-img {
        right: 45%;
    }

    .circle_button {
        margin-left: 0rem;
    }

    .home-service-bg .card {
        width: 14rem !important;
    }

    .srvice-cards {
        height: 45rem;
    }

    .line-clamp {
        -webkit-line-clamp: 2;

    }

    .circle_button-second {
        margin-top: 2rem;
        margin-right: 0rem;
    }
    .slick-list {
        margin-left:0px !important;
        padding: 0px !important;
    }
    .slick-list {
        margin-left: 85px !important;
    }
    .foot-logo-text{
        width: 100% !important;
    }
    .footer-bg img {
        width: 25%;
    }
    /* company  */
    .comp-s2-card-margin{
        margin-top: -3rem;
    }
    /* services */
    .cta-icon{
        max-width: 108px;
        bottom: -225px;
        left: -47px;
    }
}

@media (max-width: 768px) {


    .srvice-cards {
        margin-top: 0rem;
        height: 100%;
    }

    .fs-24 {
        font-size: 18px !important;
    }
    .fs-48 {
        font-size: 32px !important;
    }

    .home-service-bg .card {
        width: 15rem !important;
    }

    .line-clamp {
        -webkit-line-clamp: 3;

    }
    .plane-img {
        height: 38%;
    }

    .key-feature-bg::before {
        background: url(../bg/key-fearure-2-bg.png) no-repeat;
        background-size: 100% 100%;
    }
    .footer-bg::after {
        display: none;
    }
    .footer-bg {
        background-color: #F2F7FF;
    }
    .footer-wrap {
        width: 100%;
    }
    .footer-bg {
        padding: 3rem 0rem 1rem 0rem;
    }
    /* company  */
    .comp-section-2{
        background-size: 188% 100%;
    }
    .comp-section-3{
        background-size: 188% 100%;
    }
    /* industry  */
    .indus-card-div::before{
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1517857142857143) 100%);
    }
    .indus-card-h-margin{
        margin-left: 0rem;
    }
    .serv-inner-point::after{
        top: -4px;
    }
    .servi-inner-s2{
        background-size: 262% 100%;
    }
    .servi-inner-s3{
        background-size: 100% 362%;
    }
}

@media (max-width: 576px) {
    .banner-section{
        background-size: unset;
    }
    .fs-48 {
        font-size: 26px !important;
    }

    .home-about-bg::before {
        background-size: unset;
    }

    .home-service-bg .card {
        width: 100% !important;
    }

    .line-clamp {
        -webkit-line-clamp: 5;

    }
    .key-feature-bg,.footer-bg {
        margin-top: 2rem;
    }
    .element h5{
        font-size: var(--third-size) !important;
    }
    .slick-list {
        margin-left: 0px !important;
    }
    .plane-img {
        height: 30%;
    }
    .circle_button{
        overflow: hidden;
    }
    .banner-section{
        height: 85vh;
    }
    .h-ban-head-resp{
        margin-top: 5rem;
    }
    /* company  */
    .comp-s2-card-margin{
        margin-top: -1rem;
    }
    .section-padding{
        padding: 4rem 0;
    }
    .rotate_button, .rotate_button_second{
        width: 145px;
        height: 145px;
    }
    .circle__char, .circle__char-second{
        height: calc(126px / 2);
        font-size: 12px;
        padding: 4px;
    }
    .Button_icon{
        width: 20px;
    }
    .fs-32-2{
        font-size: 26px !important;
    }
}