@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px)  {
    .container {
        max-width: 1140px;
        width: 100%;
    }
 
}
@media only screen and (min-width: 1500px) {
    .container {
        max-width: 1320px;
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .rs-footer .footer-top p {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .rs-footer {
        padding-top: 15px;
    }

        .rs-footer .footer-top p {
            max-width: 280px;
        }

    img.send {
        margin: 6% -6% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    img.send {
        margin: 4.5% -1.8% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    img.send {
        margin: 6% -5.5% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    img.send {
        margin: 5% -3% !important;
    }
}

@media only screen and (min-width: 992px) {
    .support {
        padding-left: 80px;
    }
}

@media only screen and (max-width: 991px) {
    .rs-footer .footer-top {
        padding: 10px 15px 0 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .rs-footer .container {
        max-width: 1140px;
        width: 100%;
    }
}

@media only screen and (min-width: 1400px) {
    .rs-footer .container {
        max-width: 1320px;
        width: 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-custom .container {
        width: 985px !important;
    }
}

@media only screen and (min-width: 1201px) {
    .navbar-custom .container {
        width: 1140px !important;
        max-width: 1140px !important;
    }
}

@media only screen and (min-width: 1400px) {
    .navbar-custom .container {
        width: 1320px !important;
        max-width: 1320px !important;
    }
}


@media screen and (min-width: 992px) {
    .sticky {
        background: #fff !important;
        position: fixed !important;
        top: 0px;
        z-index: 999;
        margin: 0 auto !important;
        padding: 12px !important;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-name: sticky-animation;
        animation-name: sticky-animation;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}

@media only screen and (max-width: 991px) {
    
    .navbar-custom {
        height: unset !important;
    }
}
@media (max-width: 1024px) {
    .navbar-custom .navbar-nav {
        margin-left: 0;
    }
    .navbar-custom {
        margin-top: 0px;
       /* padding: 10px 0px !important;*/
        background-color: #ffffff !important;
        box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
        color: #fff !important;
    }
    .navbar-toggler {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
        /*color: #fff !important;*/
        color: #7d7f82 !important;
    }

    .login-btn {
        padding-left: 10px;
    }
    .navbar-custom .navbar-brand {
        line-height: 24px;
    }

    .home-title {
        font-size: 32px;
        line-height: 48px;
    }

    .vertical-content {
        display: inherit;
    }

    .team-box {
        margin-top: 45px;
    }

    .features-img,
    .pricing-box {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .social-section {
        padding-right: 0;
        display: flex;
        justify-content: start !important;
        align-items: center;
    }
}

@media only screen and (min-width: 1500px) {
    #home-banner-slider {
        max-width: 1320px;
        width: 100%;
    }

}


@media only screen and (min-width: 320px) and (max-width: 425px) {
    .rs-banner .row.slide-image {
        height: 744px !important;
    }

        .rs-banner .row.slide-image .slide-button {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
        }

            .rs-banner .row.slide-image .slide-button .banner-btn .slider-search-bar {
                width: calc(100% - 20px);
                margin-left: 10px;
                margin-right: 10px;
            }

                .rs-banner .row.slide-image .slide-button .banner-btn .slider-search-bar.ch-only-region {
                    width: 200px !important;
                    margin-left: calc(calc(100% - 200px) / 2) !important;
                    margin-right: calc(calc(100% - 200px) / 2) !important;
                }
}

@media only screen and (min-width: 426px) and (max-width: 767px) {
    .rs-banner .row.slide-image {
        height: 784px !important;
    }

        .rs-banner .row.slide-image .slide-button {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
        }

            .rs-banner .row.slide-image .slide-button .banner-btn .slider-search-bar {
                width: calc(100% - 20px);
                margin-left: 10px;
                margin-right: 10px;
            }

                .rs-banner .row.slide-image .slide-button .banner-btn .slider-search-bar.ch-only-region {
                    width: 200px !important;
                    margin-left: calc(calc(100% - 200px) / 2) !important;
                    margin-right: calc(calc(100% - 200px) / 2) !important;
                }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rs-banner .row.slide-image {
        min-height: 350px !important;
    }



    .rs-banner .slide-text {
        padding-top: 20px;
    }

    .rs-banner .row.slide-image {
        height: 330px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-banner .row.slide-image {
        height: 390px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .rs-banner .row.slide-image {
        height: 500px !important;
    }
}


@media screen and (max-width: 767px) {
    .slide-image .slide-text {
        width: 100%;
    }

        .slide-image .slide-text h1.title,
        .slide-image .slide-text h2.title {
            width: 100%;
            text-align: center;
        }

        .slide-image .slide-text p.detail {
            width: 100%;
            text-align: center;
        }

    .carousel-image-parent {
        min-height: 384px;
    }
}

@media screen and (max-width: 500px) {
    #home-banner-slider .carousel-image-parent {
        min-height: 350px;
        max-height: 400px !important;
    }

    #homeBannerSlider {
        padding-top: 30px;
    }
}

@media screen and (max-width: 400px) {
    #home-banner-slider .carousel-image-parent {
        min-height: 322px;
        max-height: 322px !important;
    }

    #homeBannerSlider {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 1400px) {
    .slide-image .slide-text h1.title,
    .slide-image .slide-text h2.title {
        font-size: 42px !important;
        line-height: 54px !important;
    }

    .slide-image .slide-text p.detail {
        font-size: 22px !important;
        line-height: 36px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .rs-banner .slide-text {
        padding-top: 20px;
    }

    .slide-image .slide-text h1.title,
    .slide-image .slide-text h2.title {
        font-size: 25px !important;
        line-height: 42px !important;
    }

    .slide-image .slide-text p.detail {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .slide-button {
        width: 380px;
    }
}

@media only screen and (max-width: 1348px) {
    .footer_img img {
        width: 100% !important;
    }
}


/**start css for features */

@media screen and (max-width: 1023px) {
    .top-heading-and-description .heading {
        font-weight: 600;
        font-size: 42px;
        line-height: 63px;
    }

    .top-heading-and-description .description {
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
    }

    .feature-section-ltr {
        flex-direction: column !important;
        margin-top: 150px !important;
    }

        .feature-section-ltr .left-part {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100% !important;
            margin-bottom: 100px !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            align-items: center !important;
        }

            .feature-section-ltr .left-part .section-name {
                font-weight: 700;
                font-size: 20px;
                line-height: 26px;
                margin-bottom: 10px;
                text-align: center;
            }

            .feature-section-ltr .left-part .section-short-description {
                text-align: center;
                font-weight: 600;
                font-size: 36px;
                line-height: 54px;
                margin-top: 0;
            }

                .feature-section-ltr .left-part .section-short-description .underline-svg {
                    margin-left: auto;
                    margin-right: auto;
                    height: 15px;
                    width: 205px;
                }

            .feature-section-ltr .left-part .view-all-features-btn {
                font-weight: 600;
                font-size: 18px;
                line-height: 28px;
            }

            .feature-section-ltr .left-part .short-feature-list-card {
                display: none !important;
            }

        .feature-section-ltr .right-part {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100% !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            align-items: center !important;
        }

            .feature-section-ltr .right-part .feature-image {
                margin: 0 auto 100px auto;
            }

                .feature-section-ltr .right-part .feature-image .main-image {
                    width: 100%;
                    margin-left: 0;
                }

                .feature-section-ltr .right-part .feature-image::after {
                    right: 50%;
                    transform: translateX(50%) skewY(-7deg);
                }

            .feature-section-ltr .right-part .short-feature-list-card {
                display: flex !important;
                min-width: calc(100% - 44px) !important;
                width: calc(100% - 44px) !important;
                max-width: calc(100% - 44px) !important;
                height: auto !important;
                margin: 0 auto 37px auto;
                padding: 24px 15px;
            }

                .feature-section-ltr .right-part .short-feature-list-card ul li {
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 28px;
                }

                .feature-section-ltr .right-part .short-feature-list-card img {
                    display: none !important;
                }

    .feature-section-rtl {
        flex-direction: column-reverse !important;
        margin-top: 150px !important;
    }

        .feature-section-rtl .right-part {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100% !important;
            margin-bottom: 100px !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            align-items: center !important;
        }

            .feature-section-rtl .right-part .section-name {
                font-weight: 700;
                font-size: 20px;
                line-height: 26px;
                margin-bottom: 10px;
                text-align: center;
            }

            .feature-section-rtl .right-part .section-short-description {
                text-align: center;
                font-weight: 600;
                font-size: 36px;
                line-height: 54px;
                margin-top: 0;
            }

                .feature-section-rtl .right-part .section-short-description .underline-svg {
                    margin-left: auto;
                    margin-right: auto;
                    height: 15px;
                    width: 205px;
                }

            .feature-section-rtl .right-part .view-all-features-btn {
                font-weight: 600;
                font-size: 18px;
                line-height: 28px;
            }

            .feature-section-rtl .right-part .short-feature-list-card {
                display: none !important;
            }

        .feature-section-rtl .left-part {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100% !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            align-items: center !important;
        }

            .feature-section-rtl .left-part .feature-image {
                margin: 0 auto 100px auto;
            }

                .feature-section-rtl .left-part .feature-image .main-image {
                    width: 100%;
                    margin-left: 0;
                }

                .feature-section-rtl .left-part .feature-image::before {
                    right: 50%;
                    transform: translateX(50%) skewY(-7deg);
                }

            .feature-section-rtl .left-part .short-feature-list-card {
                display: flex !important;
                min-width: calc(100% - 44px) !important;
                width: calc(100% - 44px) !important;
                max-width: calc(100% - 44px) !important;
                height: auto !important;
                margin: 0 auto 37px auto;
                padding: 24px 15px;
            }

                .feature-section-rtl .left-part .short-feature-list-card ul li {
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 28px;
                }

                .feature-section-rtl .left-part .short-feature-list-card img {
                    display: none !important;
                }

    .feature-section-ltr.first {
        margin-top: 40px !important;
    }
}
@media screen and (max-width: 767px) {
    .top-heading-and-description .heading {
        font-weight: 600;
        font-size: 26px;
        line-height: 36px;
    }

    .top-heading-and-description .description {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }

    .feature-section-ltr .left-part {
        margin-bottom: 60px !important;
    }

        .feature-section-ltr .left-part .section-name {
            font-weight: 700;
            font-size: 14px;
            line-height: 16px;
        }

        .feature-section-ltr .left-part .section-short-description {
            font-weight: 600;
            font-size: 22px;
            line-height: 30px;
        }

        .feature-section-ltr .left-part .view-all-features-btn {
            font-weight: 500;
            font-size: 17px;
            line-height: 22px;
        }

    .feature-section-ltr .right-part .feature-image {
        width: calc(100% - 44px);
        max-width: 100%;
        min-width: calc(100% - 44px);
        margin-bottom: 60px !important;
    }

        .feature-section-ltr .right-part .feature-image .main-image {
            border-radius: 6px;
        }

        .feature-section-ltr .right-part .feature-image::after {
            height: calc(100% + 40px);
            top: -20px;
        }

    .feature-section-ltr .right-part .short-feature-list-card ul li {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }

    .feature-section-rtl .left-part .feature-image {
        width: calc(100% - 44px);
        max-width: 100%;
        min-width: calc(100% - 44px);
        margin-bottom: 60px !important;
    }

        .feature-section-rtl .left-part .feature-image .main-image {
            border-radius: 6px;
        }

        .feature-section-rtl .left-part .feature-image::before {
            height: calc(100% + 40px);
            top: -20px;
        }

    .feature-section-rtl .left-part .short-feature-list-card ul li {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }

    .feature-section-rtl .right-part {
        margin-bottom: 60px !important;
    }

        .feature-section-rtl .right-part .section-name {
            font-weight: 700;
            font-size: 14px;
            line-height: 16px;
        }

        .feature-section-rtl .right-part .section-short-description {
            font-weight: 600;
            font-size: 22px;
            line-height: 30px;
        }

        .feature-section-rtl .right-part .view-all-features-btn {
            font-weight: 500;
            font-size: 17px;
            line-height: 22px;
        }

    .feature-section-ltr,
    .feature-section-rtl {
        margin-top: 100px !important;
    }
}
@media screen and (max-width: 579px) {
    .top-heading-and-description .description {
        max-width: calc(100% - 50px);
        margin-left: auto;
        margin-right: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    .feature-section-ltr,
    .feature-section-rtl {
        margin-top: 80px !important;
    }

        .feature-section-ltr .left-part .section-short-description,
        .feature-section-rtl .right-part .section-short-description {
            max-width: calc(100% - 50px);
            margin-left: auto;
            margin-right: auto;
        }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .feature-section-ltr .right-part .short-feature-list-card,
    .feature-section-rtl .left-part .short-feature-list-card {
        display: flex !important;
        min-width: 424px !important;
        width: 424px !important;
        max-width: 424px !important;
        height: auto !important;
        margin: 0 auto;
        padding: 24px 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .top-heading-and-description .heading {
        font-weight: 600;
        font-size: 42px;
        line-height: 63px;
        letter-spacing: 0;
    }

    .top-heading-and-description .description {
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0;
        text-align: center;
    }

    .feature-section-ltr .left-part .section-name,
    .feature-section-rtl .right-part .section-name {
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
    }

    .feature-section-ltr .left-part .section-short-description,
    .feature-section-rtl .right-part .section-short-description {
        max-width: 535px !important;
        line-break: auto;
        font-weight: 600;
        font-size: 26px;
        line-height: 36px;
    }

    .feature-section-ltr .left-part .view-all-features-btn,
    .feature-section-rtl .right-part .view-all-features-btn {
        font-weight: 500;
        font-size: 17px;
        line-height: 22px;
    }

    .feature-section-ltr .right-part .short-feature-list-card,
    .feature-section-rtl .left-part .short-feature-list-card {
        display: flex !important;
        min-width: 424px !important;
        width: 424px !important;
        max-width: 424px !important;
        height: auto !important;
        margin: 0 auto;
        padding: 24px 15px;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .feature-section-ltr .left-part .short-feature-list-card,
    .feature-section-rtl .right-part .short-feature-list-card {
        min-width: unset !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-right: 35px;
    }

        .feature-section-ltr .left-part .short-feature-list-card img,
        .feature-section-rtl .right-part .short-feature-list-card img {
            display: none !important;
        }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {
    #online-vacancies-container .feature-image,
    #online-vacancies-container1 .feature-image,
    #online-vacancies-container2 .feature-image,
    #online-vacancies-container3 .feature-image,
    #online-vacancies-container4 .feature-image,
    #online-vacancies-container5 .feature-image,
    #online-vacancies-container6 .feature-image,
    #online-vacancies-container7 .feature-image,
    #online-vacancies-container8 .feature-image,
    #online-vacancies-container9 .feature-image,
    #online-vacancies-container10 .feature-image {
        display: flex;
        justify-content: center;
    }


        #online-vacancies-container .feature-image img.main-image,
        #online-vacancies-container1 .feature-image img.main-image,
        #online-vacancies-container2 .feature-image img.main-image,
        #online-vacancies-container3 .feature-image img.main-image,
        #online-vacancies-container4 .feature-image img.main-image,
        #online-vacancies-container5 .feature-image img.main-image,
        #online-vacancies-container6 .feature-image img.main-image,
        #online-vacancies-container7 .feature-image img.main-image,
        #online-vacancies-container8 .feature-image img.main-image,
        #online-vacancies-container9 .feature-image img.main-image,
        #online-vacancies-container10 .feature-image img.main-image {
            max-width: 720px;
            height: auto;
        }
}
@media screen and (min-width: 1200px) {
    #online-vacancies-container,
    #online-vacancies-container1,
    #online-vacancies-container2,
    #online-vacancies-container3,
    #online-vacancies-container4,
    #online-vacancies-container5,
    #online-vacancies-container6,
    #online-vacancies-container7,
    #online-vacancies-container8,
    #online-vacancies-container9,
    #online-vacancies-container10 {
        width: 1140px !important;
        max-width: 1140px !important;
    }
}
@media screen and (min-width: 1400px) {
    #online-vacancies-container,
    #online-vacancies-container1,
    #online-vacancies-container2,
    #online-vacancies-container3,
    #online-vacancies-container4,
    #online-vacancies-container5,
    #online-vacancies-container6,
    #online-vacancies-container7,
    #online-vacancies-container8,
    #online-vacancies-container9,
    #online-vacancies-container10 {
        width: 1320px !important;
        max-width: 1320px !important;
    }
}


@media screen and (min-width: 1500px) {
    .feature-section-ltr,
    .feature-section-rtl {
        align-items: center;
    }

        .feature-section-ltr .right-part,
        .feature-section-rtl .left-part {
            height: 100%;
            max-height: 100%;
        }

            .feature-section-ltr .right-part .feature-image,
            .feature-section-rtl .left-part .feature-image {
                /* Uncomment and modify properties as needed */
                /* height: 100%; */
                /* max-height: 100%; */
                /* width: calc(100% + 250px); */
                /* max-width: calc(100% + 250px); */
            }
}

@media screen and (min-width: 1368px) and (max-width: 1499px) {
    .feature-section-ltr,
    .feature-section-rtl {
        align-items: center;
    }

        .feature-section-ltr .right-part,
        .feature-section-rtl .left-part {
            height: 100%;
            max-height: 100%;
        }

            .feature-section-ltr .right-part .feature-image,
            .feature-section-rtl .left-part .feature-image {
                /* Uncomment and modify properties as needed */
                /* height: 100%; */
                /* max-height: 100%; */
                /* width: calc(100% + 100px); */
                /* max-width: calc(100% + 100px); */
            }

    /* Uncomment and modify properties as needed for RTL */
    /* .feature-section-rtl .left-part .feature-image {
    height: 100%;
    max-height: 100%;
    width: calc(100% + 100px);
    max-width: calc(100% + 100px);
    margin-left: -100px;
  } */
}

@media screen and (min-width: 1735px) {
    .feature-section-ltr .left-part .feature-image,
    .feature-section-ltr .right-part .feature-image,
    .feature-section-rtl .left-part .feature-image,
    .feature-section-rtl .right-part .feature-image {
        max-width: 673px;
        /* Uncomment and modify width property as needed */
        /* width: 780px; */
    }
}
@media only screen and (max-width: 480px) {
    .rs-technology .technology-item {
        padding: 20px 24px;
    }
}

/*@media only screen and (max-width: 420px)  {
    .cert-logos {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        list-style: none !important;
    }
    
}*/


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media only screen and (min-width: 992px) {
    .modal-dialog {
        max-width: 650px;
    }
}

@media only screen and (min-width: 420px) {
    .copy-right-swd {
        display: none;
    }
}

@media (min-width: 576px) {
    #signUpModal .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .slide-button {
        width: 380px;
    }
}
@media only screen and (max-width: 410px) {
    .slide-button {
        width: 340px;
    }
}

@media only screen and (max-width: 350px){
    .slide-button {
        width: 280px;
    }
}
@media only screen and (max-width: 600px) {
    .cookie-body {
        top: 73%;
        left: 20px;
        right: 20px;
    }
}