/* Main stylesheet for this CS Website project */

:root {
    --gray-1: #edecf1;
    --gray-2: rgba(255, 255, 255, 0.5);
    --gray-3: #737373; /*#2c2c2c;*/
    --gray-4: #888;
    --gray-5: #E2E2E2;
    --gray-6: #656565;
    --white-1: #ffffff;
    --white-2: #E7E7E7;
    --blue-1: #00AFEF;
    --blue-2: #009ee2;
    --blue-3: #00afef;
    --blue-4: #007bff;
    --orange-1:#FFA500;
    --blue-5-facebook: #3B5898;
    --blue-6-linkedin: #017BAF;
    --blue-7-twitter: #03A4EE;
    --black-1: #909090;
    --black-2: #6c757d;
    --black-3: #333333;
    --black-4: #2c2c2c;
    --black-5: #585858;
    --pink-1: #E63946;
    --red-1-youtube: #EF1B0D;
}

html {
    font-size: 14px;
}

body {
    font-family: sans-serif;
    color: var(--gray-3);
}

p {
    text-align: justify;
}

.bg-gray {
    background-color: var(--gray-5);
}

.bg-blue-2 {
    background-color: var(--blue-2);
}

.bg-white-2 {
    background-color: var(--white-2);
}

.text-black-5 {
    color: var(--black-5);
}

.text-blue-2 {
    color: var(--blue-2);
}
/*.fix-container-padding{padding: 3rem 6rem 0rem 6rem;}*/
.fix-container-margin {
    margin: 3rem 7rem 1rem 7rem;
}

.display-flex {
    display: flex;
}

.row-border-top-2 {
    border-top: 1px solid var(--blue-2);
}

.no-box-shadow {
    box-shadow: none !important;
}

.navbar-other {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    background-color: var(--white-1) !important;
}

    .navbar-other .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1);
    }

    .navbar-other .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }


.navbar-nav .nav-item .nav-link {
    color: var(--gray-6);
    font-weight: 400;
    font-size: 1.1rem;
    padding: 0.7rem 1.2rem;
    margin: 0.8rem 0.8rem;
}

    .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link.active {
        background-color: var(--white-1);
        border-radius: 5px;
        color: var(--blue-2);
    }


.navbar-nav .nav-item .sub-link i {
    padding-left: 0.4rem;
}

.navbar-nav .nav-item .sub-link-level2 i {
    padding-left: 0.4rem;
}

.navbar-nav .nav-item .sub-link .sub-link-level2 i {
    padding-left: 0.4rem;
}

.nav-item ul {
    background-color: var(--gray-1);
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 18rem;
    display: none;
    opacity: 0.99 !important;
    z-index: 1;
}

    .nav-item ul.active, .nav-item ul.active ul {
        border-top: 2px solid var(--blue-2);
    }

.nav-item .level-2 {
    margin-top: -2px;
}


.nav-item li a {
    padding: 0.7rem 2rem;
    min-width: 100%;
    display: inline-block;
    color: var(--gray-6) !important;
}

    .nav-item li a:hover {
        color: var(--font-color-blue-1) !important;
        background-color: var(--white-1);
        text-decoration: none;
        cursor: pointer;
    }

    .nav-item li a.active {
        color: var(--blue-1) !important;
        background-color: var(--white-1);
    }

.nav-item li ul li a {
    padding: 0.7rem 2rem;
    min-width: 100%;
    display: inline-block;
    color: var(--gray-6) !important;
}

    .nav-item li ul li a:hover {
        color: var(--font-color-blue-1) !important;
        background-color: var(--white-1);
        text-decoration: none;
        cursor: pointer;
    }

    .nav-item li ul li a.active {
        color: var(--blue-1) !important;
        background-color: var(--white-1);
    }



.flag-icon {
    margin-right: 0.2rem;
}

.country .dropdown-menu {
    min-width: 0;
}

    .country .dropdown-menu .dropdown-item {
        padding: .25rem 1rem;
    }

.btn-outline-info {
    color: var(--blue-1);
    border-color: var(--blue-1);
}

    .btn-outline-info:hover {
        background-color: var(--blue-1);
        border-color: var(--blue-1);
    }

.show > .btn-outline-info.dropdown-toggle {
    background-color: var(--blue-1);
    border-color: var(--blue-1);
}

    .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--blue-1);
    }

.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--blue-1);
}


#back-button {
    /*display:inline-block;*/
}

#back-button {
    /* background-image: url("../fontawesome-free-5/svgs/solid/angle-left.svg");*/
    /*rgba(0, 0, 0, 0.5);*/
    display: inline-block;
    width: 1em;
    height: 1.5em;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
}

.fa-chevron-left:before {
    color: var(--blue-2);
}

.carousel-caption {
    bottom: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: left;
}

    .carousel-caption h2 {
        font-size: 3rem;
        margin-bottom: 2rem
    }

    .carousel-caption h5 {
        font-size: 2rem;
        line-height: 1.5;
    }

    .carousel-caption button {
        padding: 0.7rem 1.5rem
    }

.carousel-IntgrMigAdopt-caption {
    top: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: left;
}

    .carousel-IntgrMigAdopt-caption h2 {
        font-size: 3vw;
        margin-bottom: 2rem
    }

    .carousel-IntgrMigAdopt-caption h5 {
        font-size: 2vw;
        line-height: 1.5;
    }

    .carousel-IntgrMigAdopt-caption button {
        padding: 0.7rem 1.5rem
    }

.carousel-AtHome-caption {
    bottom: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .carousel-AtHome-caption h2 {
        font-size: 3rem;
        margin-bottom: 2rem
    }

    .carousel-AtHome-caption h5 {
        font-size: 2rem;
        line-height: 1.5;
    }

    .carousel-AtHome-caption button {
        padding: 0.7rem 1.5rem
    }


.content-section {
    padding: 2rem;
}

.content-section-head {
    margin-bottom: 2rem;
    padding: 1rem 0 0 0;
}

    .content-section-head h4 {
        font-size: 2rem;
        margin-bottom: 1rem;
        text-align: center;
        color: var(--blue-2);
    }

    .content-section-head p {
        font-size: 1.1rem;
        text-align: center;
    }

.content-section-body {
    padding: 0 1rem;
}

    .content-section-body .row {
        margin-right: auto;
        margin-left: auto;
    }


.btn-info {
    background-color: var(--blue-1);
    border-color: var(--blue-1);
}

    .btn-info:hover {
        background-color: var(--blue-2);
        border-color: var(--blue-2);
    }

.index-btn-info {
    background-color: var(--blue-1);
    border-color: var(--blue-1);
    border: 1px solid;
    background-image: linear-gradient(to bottom left, #ffffff4f, var(--blue-1));
}

    .index-btn-info:hover {
        background-color: var(--blue-2);
        border-color: var(--blue-2);
        border: 1px solid;
        background-image: linear-gradient(to bottom left, #ffffff4f, var(--blue-1));
    }

.get-in-touch .btn {
    border: 2px solid var(--blue-2);
    border-radius: 0;
    color: var(--blue-2);
    font-size: 1.2rem;
}

    .get-in-touch .btn:hover {
        color: var(--white-1)
    }




.jarallax {
    position: relative;
    z-index: 0;
}

    .jarallax > .jarallax-img {
        position: absolute;
        object-fit: cover;
        /* support for plugin https://github.com/bfred-it/object-fit-images */
        font-family: 'object-fit: cover;';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

/*.IntegrateMigAdopt_heading p{font-size:4vw;color:var(--black-1);padding:0 1rem;}
*/
.IntegrateMigAdopt_heading p {
    font-size: 1vw;
    color: var(--black-1);
    padding: 0 1rem;
}

/* For tablets */
@media (max-width: 992px) {
    .IntegrateMigAdopt_heading p {
        font-size: 6vw; /* adjust as needed */
    }
}

/* For small screens / mobiles */
@media (max-width: 576px) {
    .IntegrateMigAdopt_heading p {
        font-size: 4vw; /* or 13px for readability */
        line-height: 1.5;
    }
}

/* Global page: Technology Partners section — orange gradient background */
.page-global #technology-partners {
    background: linear-gradient(180deg, #ffb077 0%, #fbe4d4 100%);
    padding: 3rem 0;
}

    .page-global #technology-partners .content-section-head h4 {
        color: #2b2b2b;
        text-align: center;
        margin-bottom: 2rem;
    }

    .page-global #technology-partners .card {
        border: 1px solid #f5a35c;
        background: #ffffff;
    }

#about-us-wrapper {
    padding-top: 25%;
    padding-bottom: 5%; /*margin:0 auto 4rem auto; position: absolute; bottom: 0px;left: 0; right: 0;*/
}

.page-global .about-us {
    background: linear-gradient(180deg, #ffffff 0%, #ffe1a1 100%);
    background-clip: padding-box;
    padding: 2rem;
}

.about-us {
    background-color: var(--white-1);
    padding: 2rem;
    opacity: 0.9;
    text-align: center;
}

    .about-us h4 {
        text-align: center;
        font-size: 1.5rem;
        color: var(--blue-2);
        margin: 2rem;
    }

.solution {
    background-color: #fff;
}

.contain-solution {
    padding: 10% 15%;
}

.solution-text {
    color: var(--black-1);
    text-transform: uppercase; /*text-align: center;*/
    font-size: 2rem;
}

.contain-solution .card-title {
    color: var(--gray-3);
    margin-top: 5%;
    font-size: 2rem;
}

.page-global .contain-solution .card-subtitle {
    color: orangered !important;
    margin-top: 10%;
    margin-bottom: 5%;
    font-size: 1.7rem;
}

.text-muted {
    color: var(--black-2);
}

.owl-nav {
    display: none;
}

.zoom {
    transition: transform .3s;
}

    .zoom:hover {
        -ms-transform: scale(1.05); /* IE 9 */
        -webkit-transform: scale(1.05); /* Safari 3-8 */
        transform: scale(1.05);
    }

#home .content-item {
    padding-top: 4%;
}
/*#technology-partners{background: linear-gradient(rgb(206, 203, 203), white, white);}*/
#technology-partners .content-section-head h4 {
    color: var(--black-1);
}

#technology-partners .content-section-head p {
    color: var(--black-1);
}

#technology-partners .content-section-body .card-body img {
    /*max-width: 8rem;
	max-width: 15rem;*/
    max-width: 12vw;
}

#technology-partners .content-section-body .card {
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
    margin-bottom: 2rem;
    border: 0;
}

/* Global page: Services section — green icon circles */
.page-global #particles-js .ring {
    background-color: #6a9c5f;
    border: 2px solid #ffffff;
    box-shadow: 0 0 15px 4px rgba(198, 218, 138, 0.6);
}

.page-global #particles-js .service-box p {
    color: #5a8a4f;
    font-weight: 600;
}

.page-global #particles-js,
.page-global #particles-js canvas {
    background-color: #ffffff !important;
}

.services {
    background-color: white
}

    .services .content-section-head h4 {
        color: var(--white-1);
    }

    .services .content-section-body .service-box {
        padding: 1rem;
        text-align: center;
    }

        .services .content-section-body .service-box a:hover {
            text-decoration: none;
        }

        .services .content-section-body .service-box p {
            color: var(--white-1);
            text-align: center;
            padding-top: 1rem;
            margin-bottom: 0;
        }

    .services .content-section-body .ring { /*width: 12rem;height: 12rem; padding: 2rem; border: 1px solid #fff;border-radius: 50%;*/
        text-align: center;
        margin: 0 auto;
        width: 15rem;
        height: 15rem;
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 10%;
    }

        .services .content-section-body .ring img { /*width:8rem;padding: 8%;*/
            width: 70%;
            margin-top: 1rem;
        }

            .services .content-section-body .ring img:hover { /*width:8rem;padding: 8%; border: 3px solid #fff;*/
            }


/* Global page: Industries section — cream gradient background, white borders */
.page-global #industries {
    background: linear-gradient(180deg, #fffefa 0%, #ffe1a1 100%);
    padding: 3rem 0;
}

    .page-global #industries .content-section-body .industrycards .industrycarditem img {
        border: 3px solid #ffffff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }

        .page-global #industries .content-section-body .industrycards .industrycarditem img:hover {
            box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.9);
        }

#industries {
    background-color: var(--white-1);
}

    #industries .content-section-head h4 {
        color: var(--black-1);
    }

    #industries .content-section-body .industry-box {
        margin: 1.5%;
        text-align: center;
    }

        #industries .content-section-body .industry-box img:hover {
            box-shadow: 0 0 3px 3px var(--blue-1);
        }

        #industries .content-section-body .industry-box img {
            width: 100%;
            border: 2px solid var(--blue-1);
            border-radius: 50%;
        }

        #industries .content-section-body .industry-box p { /*width: 12rem;*/
            text-align: center;
            margin-top: 0.8rem;
        }

#industries {
    background-color: var(--white-1);
}

    #industries .content-section-head h4 {
        color: var(--black-1);
    }

    #industries .content-section-body .industrycards .industrycarditem {
        margin: 0.5%;
        text-align: center;
    }

        #industries .content-section-body .industrycards .industrycarditem img:hover {
            box-shadow: 0 0 3px 3px var(--blue-1);
        }

        #industries .content-section-body .industrycards .industrycarditem img {
            width: 100%;
            border: 2px solid var(--blue-1);
            border-radius: 50%;
        }

        #industries .content-section-body .industrycards .industrycarditem p { /*width: 12rem;*/
            text-align: center;
            margin-top: 0.8rem;
        }


#leaders-wrapper {
    margin: 0 auto;
    padding: 10% 2% 5% 2%; /*margin:0 auto 6rem auto; position:absolute;left:0;right:0;bottom:0;*/
}

.leaders {
    background-color: var(--white-1);
    padding-bottom: 3rem;
    opacity: 0.92 !important;
}

.leaders-heading {
}

    .leaders-heading h4 {
        text-align: center;
        font-size: 2rem;
        color: var(--black-1);
        margin-bottom: 1rem;
    }

    .leaders-heading p {
        font-size: 1.2rem;
        color: var(--black-1);
        padding: 0 1rem;
    }

.leaders .leaders-box {
    padding: 0 0.8rem;
}

.leaders-box .card {
    border: 0;
    padding: 0.5rem;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
}

    .leaders-box .card h5 {
        font-size: 1.1rem;
        text-align: center;
        margin: 0.3rem 0;
        color: var(--blue-2);
    }

    .leaders-box .card p {
        text-align: center;
        font-size: 0.9rem;
    }

    .leaders-box .card .card-body {
        padding: 0.5rem 0 0.1rem 0;
    }

.leaders .leader-details {
    display: none;
    border: 2px solid var(--gray-5);
    border-radius: 10px;
    padding: 2rem 1rem;
    box-shadow: var(--gray-5) 0px 0px 15px;
}

    .leaders .leader-details .leaders-box .card-img-top {
        border-radius: 50%;
    }

.leaders-box .card .card-img-top {
    border-radius: 50%;
}

.close { /*border:2px solid var(--black-1);border-radius: 50%; padding: 0.2rem 0.6rem;    margin: 1rem 1rem 0.5rem 1rem;*/
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    pointer: cursor;
}



#contact-map {
    height: 415px;
}

    #contact-map .row {
        margin: 0;
    }

    #contact-map iframe {
        margin-left: auto;
    }

/* Global page: Footer sections — continuous cream gradient */
.page-global #contact-details {
    background: linear-gradient(180deg, #ffffff 0%, #ffe1a1 100%);
    margin-bottom: 0;
}

.page-global #footer-details {
    background: linear-gradient(180deg, #ffe1a1 0%, #ffffff 100%);
    margin-top: 0;
}

.page-global #contact-details h3 {
    color: #2b2b2b;
    font-weight: 600;
}

.page-global #contact-details h4,
.page-global #footer-details h4 {
    color: #2b2b2b;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.page-global #contact-details .left-icon,
.page-global #footer-details .left-icon {
    color: #f5821f;
}

.page-global #contact-details .show-in-map,
.page-global #contact-details .show-in-map i {
    color: #f5821f;
}

    .page-global #contact-details .show-in-map:hover {
        text-decoration: underline;
    }

.page-global #contact-details .display-flex > div:first-child img,
.page-global #footer-details .display-flex > div:first-child img {
    margin-right: 0.8rem;
}

.footer-wrapper {
    background-color: #fff;
}

#contact-details {
    padding-top: 2rem;
}

    #contact-details row {
        margin:0;
    }

    #contact-details h5 {   
        font-size: 1.5rem;
        color: var(--black-3)
    }

    #contact-details h3 {
        font-size: 1.5rem;
        color: var(--blue-2)
    }

    #contact-details .contact-number {
        margin-bottom: 0.1rem;
    }

    #contact-details i {
        color: var(--blue-2);
        font-size: 1.5rem; /*float:left;*/
        width: 2rem;
        padding-top: 0.3rem;
        cursor: pointer;
    }

    #contact-details .icon-connect {
        margin-top: 0rem;
    }

        #contact-details .icon-connect i {
            font-size: 2.5rem;
            margin: 0 0.5rem;
        }

            #contact-details .icon-connect i:hover {
                font-size: 2.6rem;
            }

            #contact-details .icon-connect i:first-child {
                margin-left: 0;
            }

    #contact-details .show-in-map i {
        float: none;
        font-size: 0.8rem;
    }

    #contact-details .icon-connect i.fa-linkedin {
        color: var(--blue-6-linkedin);
    }

    #contact-details .icon-connect i.fa-twitter-square {
        color: var(--blue-7-twitter);
    }

    #contact-details .icon-connect i.fa-facebook-square {
        color: var(--blue-5-facebook);
    }

    #contact-details .icon-connect i.fa-youtube {
        color: var(--red-1-youtube);
    }

    #contact-details h4 {
        margin-bottom: 0;
    }

    #contact-details .contact-box h5 {
        margin-bottom: 0;
    }

    #contact-details .contact-box {
        word-break: break-all;
    }



#footer-details {
    padding-top: 2rem;
}

    #footer-details row {
        maring: 0;
    }

    #footer-details h5 {
        font-size: 1.5rem;
        color: var(--black-3)
    }

    #footer-details h3 {
        font-size: 1.5rem;
        color: var(--blue-2)
    }

    #footer-details .contact-number {
        margin-bottom: 0.1rem;
    }

    #footer-details i {
        color: var(--blue-2);
        font-size: 1.5rem; /*float:left;*/
        width: 2rem;
        padding-top: 0.3rem;
    }

    #footer-details .icon-connect {
        margin-top: 0rem;
    }

        #footer-details .icon-connect i {
            font-size: 2.5rem;
            margin: 0 0.5rem;
        }

            #footer-details .icon-connect i:hover {
                font-size: 2.6rem;
            }

            #footer-details .icon-connect i:first-child {
                margin-left: 0;
            }

    #footer-details .show-in-map i {
        float: none;
        font-size: 0.8rem;
    }

    #footer-details .icon-connect i.fa-linkedin {
        color: var(--blue-6-linkedin);
    }

    #footer-details .icon-connect i.fa-twitter-square {
        color: var(--blue-7-twitter);
    }

    #footer-details .icon-connect i.fa-facebook-square {
        color: var(--blue-5-facebook);
    }

    #footer-details .icon-connect i.fa-youtube {
        color: var(--red-1-youtube);
    }

    #footer-details h4 {
        margin-bottom: 0;
    }

    #footer-details .contact-box h5 {
        margin-bottom: 0;
    }

    #footer-details .contact-box {
        word-break: break-all;
    }


#min-1250px-sales {
    display: none;
}

#max-1250px-sales {
    display: none;
}

.contact-form .input-group {
    margin: 1rem 0;
}

.contact-form .form-control {
    border: hidden;
    background-color: #f6f6f6;
    border-radius: 9px;
}

.contact-form button {
    background-color: var(--blue-1);
    padding: 0.8rem 2.5rem;
    border: 0;
}



.chat-box {
    display: none;
}

    .chat-box .form-control {
        border: hidden;
        background-color: #f6f6f6;
        border-radius: 9px;
        margin: 0.7rem;
    }

.chat-box-icon {
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 75px;
    z-index: 999;
}

.chat-box .card {
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 23px;
    right: 28px;
    margin-bottom: 0px;
    z-index: 999;
    width: 300px;
    background-color: #fff;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

    .chat-box .card .card-center {
        text-align: center;
    }

.chat-box .txt-chat-box {
    color: var(--blue-1);
    font-size: 1.2rem;
    display: inline;
}

.chat-box #remove-card {
    float: right;
}

#return-to-top {
    background: lightgray;
    position: fixed;
    bottom: 20px;
    margin-left: 18px;
    width: 48px;
    height: 48px;
    border-radius: 35px;
    display: none;
    z-index: 9999;
    opacity: 0.7;
}

    #return-to-top:hover {
        background: gray;
    }

    #return-to-top i {
        color: #fff;
        padding: 1rem 1.2rem;
        font-size: 1.5rem;
    }





/* START - BFSI Page */

#breadcrum .content-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#breadcrum a {
    text-decoration: none;
    color: var(--black-2)
}

    #breadcrum a.active {
        text-decoration: none;
        color: var(--blue-4);
    }


#bfsi-tabs {
    margin-bottom: 3rem;
}

    #bfsi-tabs .content-section-head {
        padding-top: 0;
    }

    #bfsi-tabs .nav-tabs {
        background-image: linear-gradient(#fffdfd, #e9e9e9);
        text-align: center;
        padding: 1rem;
        background-color: #e9e9e9;
        border-bottom: 1px solid #dee2e6;
    }

    #bfsi-tabs .nav-tabs-separator {
        height: 2vh;
        background-color: #ffffff;
    }

    #bfsi-tabs .nav-tabs a.active {
        color: var(--blue-1);
        background-color: #fff;
        margin-bottom: -1px;
        padding-bottom: calc(1rem + 0.4rem);
        border: 1px solid transparent;
        border-color: #dee2e6 #dee2e6 #fff;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    #bfsi-tabs .nav-tabs a {
        text-decoration: none;
        color: var(--black-1);
        font-size: 1.4rem;
        padding: 1rem 8rem;
        cursor: pointer;
    }

    #bfsi-tabs .tab-item {
        display: none !important;
    }

        #bfsi-tabs .tab-item.active {
            display: block !important;
        }

    #bfsi-tabs h5 {
        color: var(--blue-1);
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 1rem;
    }

    #bfsi-tabs p {
        color: var(--black-4);
        font-size: 1.1rem;
        text-align: center;
        margin: 0.5rem 0;
    }

    #bfsi-tabs .owl-carousel .owl-item img {
        width: 99%;
        margin: 0 auto;
    }


.technology-solutions .card {
    padding: 1.5rem;
    border: 0;
    border-radius: 0.1875rem;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

.technology-solutions .card-title {
    font-size: 1.3rem;
    text-align: center;
    color: var(--blue-2);
}

.technology-solutions .card-body p {
    font-size: 1.1rem;
    text-align: center;
    padding-top: 1rem;
}


.case-study .card {
    padding: 1.5rem;
    border: 0;
    border-radius: 0.1875rem;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

.case-study .card-title {
    font-size: 1.3rem;
    text-align: center;
    color: var(--blue-2);
    font-weight: 600;
}

.case-study .card-body p {
    font-size: 1.1rem;
    text-align: center;
    padding-top: 1rem;
}


.banking-border {
    border: 1px solid #000;
}




/* END - BFSI Page */


/* START - SERVICES Page */
.services-page .banner img { /*border: 1px solid #ddd;border-radius: 0.5rem;padding: 5px;*/
}

.banner-text-wrapper {
}

.banner-text-right {
    margin-left: 50%;
    padding: 3%;
    color: var(--white-1);
    text-align: justify;
}

.banner-text-left {
    margin-right: 50%;
    padding: 3%;
    color: var(--white-1);
    text-align: justify;
}

.banner-text h1 {
    font-size: 2.5rem;
}

.banner-text h3 {
    font-size: 1.3rem;
}

.careers-question-mark {
    font-size: 7rem;
    color: var(--gray-2) !important;
}

.services-page .card {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0 10px 5px rgba(39, 39, 39, 0.1);
}

.services-page .card-title {
    font-size: 1.3rem;
    text-align: center;
    color: var(--blue-2);
}

.services-page .card-body p {
    font-size: 1.1rem;
    padding-top: 1rem;
}

.card.border-top-custom {
    border-top: 10px solid var(--blue-2) !important;
}

.mission-vision-wrapper p {
    font-size: 1.1rem;
}

.mission-vision-wrapper img {
    width: 100%;
    height: 100%;
}

.services-page h5 {
    color: var(--blue-1);
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.services-content-list li {
    margin: 1rem 0;
    list-style: none;
}

    .services-content-list li::before {
        content: "\1F5F9";
        color: var(--blue-1);
        font-weight: 400;
        font-size: 1.5rem;
        padding: 0.5rem;
    }

.services-list {
    margin: 0;
    padding: 0;
}

    .services-list li {
        margin: 0.5rem 0;
        list-style: none;
        border-bottom: 1px solid var(--blue-1);
        padding-bottom: 0.3rem;
    }

.sidebar-link {
    color: var(--gray-3)
}

    .sidebar-link:hover {
        font-weight: 600;
        font-size: 1rem;
        cursor: pointer;
        padding-left: 0.3rem;
        text-decoration: none;
        color: var(--gray-3)
    }

.img-keysteps {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.band {
    background-color: lightgray;
}

#services-footer h4 {
    color: var(--blue-1);
}

#services-footer ul {
    padding: 0;
}

    #services-footer ul li {
        list-style: none;
        margin: 0.4rem 0;
    }

        #services-footer ul li a {
            color: var(--blue-1);
            cursor: pointer
        }


#contact-details.service-contact h5 {
    margin-bottom: 0;
}

#contact-details.service-contact .icon-connect {
    margin-top: 0;
}
/* END - BFSI Page */


/* START - QUICK LINK Page */
#quick-link {
    color: var(--blue-4);
}

    #quick-link col {
        text-align: center;
    }

    #quick-link ul {
        margin: 0;
        padding: 0;
    }

    #quick-link li {
        list-style: none;
        padding: 0.2rem 0.5rem;
    }

    #quick-link h3 {
        color: var(--blue-3);
        margin-bottom: 1rem;
        padding-left: 0.5rem;
    }

    #quick-link a:hover {
        text-decoration: underline;
        line-height: 1.5;
        cursor: pointer;
    }

    #quick-link a {
        color: var(--blue-3);
    }

        #quick-link a:visited {
            color: var(--pink-1);
        }

    #quick-link li ul li a {
        color: var(--gray-4);
    }

    #quick-link li ul {
        color: var(--black-1);
        padding-left: 2rem;
        margin-top: 0.2rem;
    }

        #quick-link li ul li {
            list-style: disc;
        }
/*#quick-link li ul > li:before {
  content: "-";
  text-indent: -5px;
}*/

.quick-link-box {
    border: 1px solid var(--blue-2);
    border-radius: 7px;
    box-shadow: 0 0 10px 5px rgba(39, 39, 39, 0.1);
    padding: 1rem 0.5rem 1rem 0.5rem;
    margin-right: 0.8rem;
}
/* END - QUICK LINK Page */



/* START - Careers */
.career-form-heading {
    font-size: 1.2rem;
}

.career-submit {
    background-color: var(--blue-2);
    border-color: var(--blue-2);
}

.seprator-bottom {
    margin-top: 0rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgba(0,0,0,.1);
}
/* END - Careers */

/* START - Bootstrap core */

.navbar {
    padding-bottom: 0;
    opacity: 0.9;
}

@media (min-width: 320px) {
    .industrycards {
        max-width: 1350px;
        margin: 0 auto;
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .btncompanyCardJoinus {
        margin-top: 2rem;
        font-size: 1.5rem;
    }

    .cardImage img {
        width: 50%;
    }

    .companyCardTitle {
        font-size: 5vw;
    }

    .companyCardTitleVal {
        font-size: 2rem;
    }

    .companyCardContent {
        font-size: 2rem;
    }

    .joinus-titlecontent-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinussubstitle {
        font-size: 1.5rem;
    }

    .mainTemplatepadding {
        margin: 0 0.5rem;
    }

    .banner-icontitlecontent-caption {
        top: 5vh;
    }

    .banner-icontitlecontent-caption {
        top: 6vh;
    }

    #technology-partners .content-section-body .card-body img {
        max-width: 40vw;
    }
}

@media (min-width: 480px) {
    .industrycards {
        max-width: 1350px;
        margin: 0 auto;
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .btncompanyCardJoinus {
        margin-top: 2rem;
        font-size: 2rem;
    }

    .cardImage img {
        width: 100%;
    }

    .companyCardTitle {
        font-size: 5vw;
    }

    .companyCardTitleVal {
        font-size: 2rem;
    }

    .companyCardContent {
        font-size: 2rem;
    }

    .joinus-titlecontent-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinussubstitle {
        font-size: 1.5rem;
    }

    .mainTemplatepadding {
        margin: 0 0.5rem;
    }

    #technology-partners .content-section-body .card-body img {
        max-width: 12vw;
    }
}

@media (min-width: 576px) {
    .industrycards {
        max-width: 1350px;
        margin: 0 auto;
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .btncompanyCardJoinus {
        margin-top: 2rem;
        font-size: 2rem;
    }
    /*.cardImage img {
		width: 25%;
	}
	.companyCardcontainer .card-body p {
		font-size: 1.8vw;
		margin-top: 1.5rem;
	}
	.companyCardTitle {
		font-size: 4vw;
	}

	.companyCardTitleVal {
		font-size: 2rem;
	}*/

    .companyCardContent {
        font-size: 2rem;
    }

    .joinus-titlecontent-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinussubstitle {
        font-size: 1.5rem;
    }

    .mainTemplatepadding {
        margin: 0 0.5rem;
    }

    #technology-partners .content-section-body .card-body img {
        max-width: 12vw;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav {
        margin-left: 2rem;
        margin-top: 0.3rem;
    }

    .fix-container-padding {
        padding: 3rem 3rem 2rem 3rem;
    }

    .container.career-container {
        padding-right: 0;
        margin-right: 0;
    }

    .get-in-touch {
        text-align: center;
        padding-top: 1rem;
    }

    #contact-details .icon-connect {
        text-align: center;
        padding-top: 1rem;
    }

    .industrycards {
        max-width: 1350px;
        margin: 0 auto;
        display: grid;
        gap: 4rem;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .btncompanyCardJoinus {
        margin-top: 2rem;
        font-size: 2rem;
    }
    /*.cardImage img {
		width: 100%;
	}
	.companyCardcontainer .card-body p {
		font-size: 1.6vw;
		margin-top: 1.5rem;
	}
	.companyCardTitle {
		font-size: 3vw;
	}

	.companyCardTitleVal {
		font-size: 2rem;
	}*/

    .companyCardContent {
        font-size: 2rem;
    }

    .joinus-titlecontent-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinussubstitle {
        font-size: 1.5rem;
    }

    .mainTemplatepadding {
        margin: 0 10vw;
    }

    #technology-partners .content-section-body .card-body img {
        max-width: 12vw;
    }


    .banner-title-caption {
        right: 11vw;
        top: 30vh;
        /*left: 35vw;*/
    }

    .banner-titlecontent-caption {
        right: 11vw;
        top: 20vh;
        /*left: 35vw;*/
    }

    .banner-titlesubtitlecontent-caption {
        right: 11vw;
        top: 20vh;
        /*left: 35vw;*/
    }

    /*.banner-titlesubtitlecontent-left-caption {
	right: 11vw;
	top: 20vh;
	left: 45vw;
	text-align: right;
}*/

    .banner-icontitlecontent-caption {
        right: 11vw;
        top: 35vh;
        /*left: 35vw;*/
    }

    .banner-icontitlesubtitlecontent-caption {
        right: 11vw;
        top: 30vh;
        /*left: 35vw;*/
    }


    /*Joinus content css - title-subtitle-content */
    .joinus-titlesubtitlecontent-caption {
        padding-left: 0.5rem;
    }

        .joinus-titlesubtitlecontent-caption .joinustitle {
            font-size: 2.6rem;
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlesubtitlecontent-caption .joinussubtitle {
            font-size: 2rem;
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlesubtitlecontent-caption .joinuscontent {
            font-size: 1.4rem;
        }

    /*Joinus content css - title-subtitle*/
    .joinus-titlesubtitle-caption {
        /*padding-left: 0.5rem;*/
    }

        .joinus-titlesubtitle-caption .joinustitle {
            /*font-size: 3.5rem;*/
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlesubtitle-caption .joinussubtitle {
            /*font-size: 2rem;*/
            /*margin-bottom: 1.5rem;*/
        }

    /*Joinus content css - title-content*/
    .joinus-titlecontent-caption { /*padding-left:0.5rem;*/
    }

        .joinus-titlecontent-caption .joinustitle {
            /*font-size: 3.5rem;*/
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlecontent-caption .joinuscontent {
            font-size: 1.4rem;
        }
}

@media (min-width: 992px) {
    .px-5-custom {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .px-4-custom {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #carouselExampleIndicators {
        padding-top: 0;
    }

    .industrycards {
        max-width: 1350px;
        margin: 0 auto;
        display: grid;
        gap: 4rem;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .btncompanyCardJoinus {
        margin-top: 2rem;
        font-size: 2rem;
    }

    /*.cardImage img {
		width: 100%;
	}
	.companyCardcontainer .card-body p {
		font-size: 1.2vw;
		margin-top: 1.5rem;
	}

	.companyCardTitle {
		font-size: 2.4vw;
	}

	.companyCardTitleVal {
		font-size: 2rem;
	}*/

    .companyCardContent {
        font-size: 2rem;
    }

    .joinus-titlecontent-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinustitle {
        font-size: 2rem;
    }

    .joinus-titlesubtitle-caption .joinussubstitle {
        font-size: 1.5rem;
    }

    .mainTemplatepadding {
        margin: margin:0 10vw;
    }

    #technology-partners .content-section-body .card-body img {
        /*max-width: 8rem;
	max-width: 15rem;*/
        max-width: 12vw;
    }
}

@media (min-width: 1200px) {
    .container-half {
        max-width: 688px;
        padding-top: 15% !important;
    }

    .container {
        max-width: 1366px;
    }

    .container-2 {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto; /*background-color:#fff;*/
    }

    .container.career-container {
        padding-right: 0;
        margin-right: auto;
    }

    .btncompanyCardJoinus {
        margin-top: 2rem;
        font-size: 2rem;
    }

    .btncompanyCardJoinusnew1 {
        margin-top: 2rem;
        font-size: 1.4vw;
    }

    .btncompanyCardJoinusnew2 {
        margin-top: 2rem;
        font-size: 1.5vw;
    }

    .companyCardcontainer .card-body p {
        font-size: 1.1rem;
        margin-top: 1.5rem;
    }


    .cardImage img {
        width: 100%;
    }

    .companyCardTitle {
        font-size: 2rem;
    }

    .companyCardTitleVal {
        font-size: 2rem;
    }

    .companyCardContent {
        font-size: 2rem;
    }

    .joinus-titlecontent-caption .joinustitle {
        font-size: 3.5rem;
    }

    .joinus-titlesubtitle-caption .joinustitle {
        font-size: 3.5rem;
    }

    .joinus-titlesubtitle-caption .joinussubstitle {
        font-size: 2rem;
    }

    .mainTemplatepadding {
        margin: 0 10vw;
    }

    #technology-partners .content-section-body .card-body img {
        max-width: 12vw;
    }
}

@media (min-width: 1250px) {
    #min-1250px-sales {
        display: block;
    }
}


@media (max-width: 1250px) {
    #max-1250px-sales {
        display: block;
    }
}

@media (max-width: 1200px) {
}

@media (min-width: 1920px) {
    .mainTemplatepadding {
        margin: 0 15vw;
    }

    .banner-title-caption {
        /*position: absolute;*/
        right: 15vw;
        top: 15vh;
        /*left: 35vw;
		z-index: 10;
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
		text-align: right;*/
    }

    .banner-titlecontent-caption {
        /*position: absolute;*/
        right: 15vw;
        top: 15vh;
        /*left: 35vw;
		z-index: 10;
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
		text-align: right;*/
    }

    .banner-titlesubtitlecontent-caption {
        /*position: absolute;*/
        right: 15vw;
        top: 15vh;
        /*left: 35vw;
		z-index: 10;
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
		text-align: right;*/
    }

    .banner-titlesubtitlecontent-left-caption {
        /*position: absolute;
		right: 11vw;*/
        top: 15vh;
        left: 45vw;
        /*z-index: 10;
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
		text-align: right;*/
    }

    .banner-icontitlecontent-caption {
        /*position: absolute;*/
        right: 15vw;
        top: 25vh;
        /*left: 35vw;
		z-index: 10;
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
		text-align: right;*/
    }

    .banner-icontitlesubtitlecontent-caption {
        /*position: absolute;*/
        right: 15vw;
        top: 25vh;
        /*left: 35vw;
		z-index: 10;
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
		text-align: right;*/
    }



    /*Joinus content css - title-subtitle-content */
    .joinus-titlesubtitlecontent-caption {
        padding-left: 0.5rem;
    }

        .joinus-titlesubtitlecontent-caption .joinustitle {
            font-size: 3.6rem;
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlesubtitlecontent-caption .joinussubtitle {
            font-size: 3rem;
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlesubtitlecontent-caption .joinuscontent {
            font-size: 2.4rem;
        }

    /*Joinus content css - title-subtitle*/
    .joinus-titlesubtitle-caption {
        /*padding-left: 0.5rem;*/
    }

        .joinus-titlesubtitle-caption .joinustitle {
            /*font-size: 3.5rem;*/
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlesubtitle-caption .joinussubtitle {
            /*font-size: 2rem;*/
            /*margin-bottom: 1.5rem;*/
        }

    /*Joinus content css - title-content*/
    .joinus-titlecontent-caption { /*padding-left:0.5rem;*/
    }

        .joinus-titlecontent-caption .joinustitle {
            /*font-size: 3.5rem;*/
            /*margin-bottom: 1.5rem;*/
        }

        .joinus-titlecontent-caption .joinuscontent {
            font-size: 2.4rem;
        }
}

@media (max-width: 991px) {
    #contact-details .icon-connect i { /*margin: 0 1rem;*/
    }

    .nav-item .nav-link.active {
        font-size: 1.2rem;
        color: var(--black-3);
        display: inline-block;
    }

    .nav-item ul.active ul {
        border: 0
    }

    .navbar {
        background-color: #fff !important;
        opacity: 1;
    }

        .navbar form {
            padding-bottom: 1rem;
        }

    .navbar-nav .nav-item .nav-link.active {
        margin-left: 0;
        padding-left: 0;
    }

    .banner-text h1 {
        font-size: 2rem;
    }

    .banner-text h3 {
        font-size: 1.1rem;
    }

    .banner-text-right {
        margin-left: 30%;
        padding: 4%;
        color: var(--white-1)
    }

    .banner-text-left {
        margin-right: 30%;
        padding: 4%;
        color: var(--white-1)
    }
}

@media (max-width: 767px) {
    .pl-0-custom {
        padding-left: 0 !important;
    }

    .fix-container-padding {
        padding: 2rem 1rem 2rem 1rem;
    }

    .careers-question-mark {
        font-size: 5rem;
    }

    .services .content-section-body .service-box {
        margin-bottom: 15%;
    }

    #industries .content-section-body .industry-box img {
        width: 80%;
    }

    #industries .content-section-body .industry-box {
        margin-bottom: 15%;
    }

    .leaders .leaders-box {
        margin-bottom: 15%;
    }

        .leaders .leaders-box:last-child {
            margin-bottom: 0;
        }


    .company-carousel-caption {
        position: absolute;
        right: 15%;
        top: 30%;
        left: 45%;
        z-index: 10;
        padding-top: 0;
        padding-bottom: 0;
        color: #fff;
        text-align: left;
    }

    .company-carousel-captionSubContent {
        position: absolute;
        right: 10% !important;
        top: 60%;
        left: 10% !important;
        z-index: 10;
        padding-top: 0;
        padding-bottom: 0;
        color: #fff;
        text-align: left;
    }

    .companybannerSubTitle {
        font-size: 1rem !important;
    }


    .company-carousel-caption-title {
        color: #ffff;
        font-size: 1.5rem !important;
    }

    .company-carousel-caption-subtitle {
        color: #ffff;
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important
    }

    .company-carousel-caption h5 {
        font-size: 2rem;
        line-height: 1.5;
    }

    .companyCardJoinusTitle {
        color: #ffff;
        font-size: 1.5rem !important;
        margin-top: 2rem !important;
    }

    .companyCardJoinusSubTitle {
        color: #ffff;
        font-size: 1.2rem !important;
    }
}

@media (max-width: 575px) {
    .banner-text h1 {
        font-size: 1.2rem;
    }

    .banner-text h3 {
        font-size: 1rem;
    }

    .banner-text-right {
        margin-left: 20%;
        padding: 4%;
        color: var(--white-1)
    }

    .banner-text-left {
        margin-right: 20%;
        padding: 4%;
        color: var(--white-1)
    }

    .careers-question-mark {
        font-size: 3rem;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #contact-details .icon-connect i {
        margin: 0 0.5rem;
    }

    #contact-details .icon-connect a {
        display: block;
    }
}
/* END - Bootstrap core */

.industrycarditem {
    /*height: 15rem;
	width: 12rem;*/
}

/*.industrycards {
	max-width: 1350px;
	margin: 0 auto;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}*/
.TechPartnerbodyContent {
    text-align: center;
    border: 1px solid lightgray;
}

.csi_device_footer_menu {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    list-style: none;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0px 0px 3px 1px #00000038;
    z-index: 9999;
}

    .csi_device_footer_menu > li {
        padding: 5px;
        /* text-align: center; */
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #007bff;
        color: white;
        font-size: 26px;
    }

.cardItems {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}

.companybannerSubTitle {
    font-size: 1.2rem;
}



.company-carousel-caption {
    position: absolute;
    right: 15%;
    top: 30%;
    left: 45%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: left;
}

.company-carousel-captionSubContent {
    position: absolute;
    right: 15%;
    top: 60%;
    left: 45%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: left;
}

.company-carousel-caption-ralign {
    position: absolute;
    right: 11%;
    top: 30%;
    left: 45%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

.company-carousel-captionSubContent-ralign {
    position: absolute;
    right: 11%;
    top: 60%;
    left: 45%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

.company-carousel-caption-title {
    color: #ffff;
    font-size: 4rem;
}

.company-carousel-caption-subtitle {
    color: #ffff;
    font-size: 2.5rem;
    margin-bottom: 2rem
}

.company-carousel-caption h5 {
    font-size: 2rem;
    line-height: 1.5;
}


.company-carousel-caption-title-ralign {
    color: #ffff;
    font-size: 3.5rem;
    text-align: right;
    margin-bottom: 1.8rem
}

.company-carousel-caption-subtitle-ralign {
    color: #ffff;
    font-size: 2.4rem;
    margin-bottom: 2rem
}

.companyCardcontainer {
    padding: 0.5rem;
    margin: 2rem 0 0 0;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}
    /*.companyCardcontainer .card-body p{font-size:1.2vw;margin-top:1.5rem;}*/
    .companyCardcontainer .card-body p {
        text-align: left;
    }

.companyCardCol12container {
    height: 100%;
    margin: 1.5rem 0;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

    .companyCardCol12container .card-body p {
        font-size: 1vw;
        margin-top: 0.5rem;
    }
/*
.companyCardTitle {color: #3082c3;font-size: 2.2rem;}
.companyCardTitleVal{color:#00447a;font-size: 2rem;}
.companyCardContent{color:#868585;font-size: 2rem;}
*/

.companyCardTitle {
    color: #3082c3;
    font-size: 2rem;
}

.companyCardTitleVal {
    color: #00447a;
    font-size: 1.5rem;
}

.companyCardContent {
    color: #868585;
    font-size: 1.2rem;
}

.companyCardTitleNew {
    color: #3082c3;
    font-size: 2rem;
}

.companyCardTitleNewVal {
    color: #00447a;
    font-size: 1.5rem;
}

.companyCardContentNew {
    color: #868585;
    font-size: 1.2rem;
}

.companyCard > p {
    text-align: left;
}

.cardImage img {
    margin-bottom: 1rem;
    /*width: 7rem;
	height: 7rem;*/
}

.cardcloudImage {
    text-align: center;
}

    .cardcloudImage img {
        margin-bottom: 1rem;
        width: 30rem;
        height: 17rem;
    }

.cardImageHr img {
    margin-bottom: 1rem;
    width: 7rem;
    height: 7rem;
}

.companyCard .content-section-body .joinus {
    background-color: var(--blue-3);
    margin: 1.5rem 0;
}

.companyCardJoinusTitle {
    color: #ffff;
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
}

.companyCardJoinusSubTitle {
    color: #ffff;
    font-size: 2.8rem;
    margin-bottom: 1rem;
}

.companyCardJoinusSubTitleSm {
    color: #ffff;
    font-size: 2rem;
    margin-bottom: 1rem;
}

.companyCardJoinusContent {
    color: #ffff;
    font-size: 1.8rem;
}

.companyCardJoinusContentP {
    color: #ffff;
    text-align: left;
    font-size: 1.4rem;
}

.companyCardJoinusImg {
    border: 3px solid #ffff;
    width: 100%;
}

.btncompanyCardJoinus {
    margin-top: 2rem;
    width: 100%;
    border: 3px solid #ffff;
    background-color: #036db7;
    background-image: linear-gradient(to bottom left, var(--blue-1), #036db7);
}

    .btncompanyCardJoinus:hover {
        border: 3px solid #ffff;
        background-image: linear-gradient(to bottom left, #036db7, var(--blue-1));
    }


.btncompanyCardJoinusnew1, .btncompanyCardJoinusnew2 {
    margin-top: 1.4rem;
    width: 100%;
    border: 3px solid #ffff;
    background-color: #036db7;
    background-image: linear-gradient(to bottom left, var(--blue-1), #036db7);
}

    .btncompanyCardJoinusnew1:hover {
        border: 3px solid #ffff;
        background-image: linear-gradient(to bottom left, #036db7, var(--blue-1));
    }

    .btncompanyCardJoinusnew2:hover {
        border: 3px solid #ffff;
        background-image: linear-gradient(to bottom left, #036db7, var(--blue-1));
    }

.campanyCardKnowMore {
    background-color: #036db7;
    font-size: 1rem;
    margin-top: 1rem;
}

.companycol12CardImg {
    width: 98%;
    height: auto; /* This keeps the image’s original aspect ratio */
    display: block; /* removes any inline gaps */
}


.overviewCard p {
    /*font-size: 1.4vw !important;*/
    margin-top: 0rem !important;
    text-align: justify !important;
}

/* lineup class and keyframes */
.lineUp {
    animation: 3s anim-lineUp ease-out;
}

@keyframes anim-lineUp {
    0% {
        opacity: 0;
        transform: translateY(80%);
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: translateY(0%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

/* banner title css without icon*/

.banner-title-caption {
    position: absolute;
    right: 11vw;
    /*top: 30vh;
	left: 35vw;*/
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .banner-title-caption .banner-title {
        color: #ffff;
        font-size: 2.6vw;
        text-align: right;
        margin-bottom: 4vh;
    }
/* banner title css without icon*/

.banner-titlecontent-caption {
    position: absolute;
    /*right: 11vw;
	top: 20vh;*/
    left: 35vw;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .banner-titlecontent-caption .banner-title {
        color: #ffff;
        font-size: 2.6vw;
        text-align: right;
        margin-bottom: 4vh;
    }

    .banner-titlecontent-caption .banner-content {
        color: #ffff;
        font-size: 1.5vw;
        text-align: right;
        margin-bottom: 3vh;
    }

.banner-titlesubtitlecontent-caption {
    position: absolute;
    /*right: 11vw;
	top: 20vh;*/
    left: 35vw;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .banner-titlesubtitlecontent-caption .banner-title {
        color: #ffff;
        font-size: 3.5vw;
        text-align: right;
        margin-bottom: 1.8rem;
    }

    .banner-titlesubtitlecontent-caption .banner-subtitle {
        color: #ffff;
        font-size: 2.5vw;
        text-align: right;
    }

    .banner-titlesubtitlecontent-caption .banner-content {
        font-size: 1.5vw;
    }

/* left aligh */
.banner-titlesubtitlecontent-left-caption {
    position: absolute;
    right: 11vw;
    top: 20vh;
    left: 45vw;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .banner-titlesubtitlecontent-left-caption .banner-title {
        color: #ffff;
        font-size: 3.5vw;
        text-align: left;
        margin-bottom: 1.8rem;
    }

    .banner-titlesubtitlecontent-left-caption .banner-subtitle {
        color: #ffff;
        font-size: 2.5vw;
        text-align: left;
    }

    .banner-titlesubtitlecontent-left-caption .banner-content {
        font-size: 1.5rem;
    }

/* banner title css with icon */
.banner-icontitlecontent-caption {
    position: absolute;
    /*right: 11vw;
	top: 35vh;*/
    left: 35vw;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .banner-icontitlecontent-caption .banner-title {
        color: #ffff;
        font-size: 2.6vw;
        text-align: right;
        margin-bottom: 4vh;
    }

    .banner-icontitlecontent-caption .banner-content {
        color: #ffff;
        font-size: 1.5vw;
        text-align: right;
        margin-bottom: 3vh;
    }

.banner-icontitlesubtitlecontent-caption {
    position: absolute;
    right: 11vw;
    top: 30vh;
    left: 35vw;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

    .banner-icontitlesubtitlecontent-caption .banner-title {
        color: #ffff;
        font-size: 2.6vw;
        text-align: right;
        margin-bottom: 1.8rem
    }

    .banner-icontitlesubtitlecontent-caption .banner-subtitle {
        color: #ffff;
        font-size: 1.8vw;
        text-align: right;
        margin-bottom: 2rem
    }

    .banner-icontitlesubtitlecontent-caption .banner-content {
        font-size: 1.5rem;
    }

/*Joinus content css - title-subtitle-content */
.joinus-titlesubtitlecontent-caption {
    padding-left: 0.5rem;
}

    .joinus-titlesubtitlecontent-caption .joinustitle {
        color: #ffff;
        /*font-size: 2.6rem;*/
        margin-bottom: 1.5rem;
    }

    .joinus-titlesubtitlecontent-caption .joinussubtitle {
        color: #ffff;
        /*font-size: 2rem;*/
        margin-bottom: 1.5rem;
    }

    .joinus-titlesubtitlecontent-caption .joinuscontent {
        color: #ffff;
        text-align: left;
        /*font-size: 1.4rem;*/
    }

/*Joinus content css - title-subtitle*/
.joinus-titlesubtitle-caption {
    padding-left: 0.5rem;
}

    .joinus-titlesubtitle-caption .joinustitle {
        color: #ffff;
        /*font-size: 3.5rem;*/
        margin-bottom: 1.5rem;
    }

    .joinus-titlesubtitle-caption .joinussubtitle {
        color: #ffff;
        /*font-size: 2rem;*/
        margin-bottom: 1.5rem;
    }

/*Joinus content css - title-content*/
.joinus-titlecontent-caption { /*padding-left:0.5rem;*/
}

    .joinus-titlecontent-caption .joinustitle {
        color: #ffff;
        /*font-size: 3.5rem;*/
        margin-bottom: 1.5rem;
    }

    .joinus-titlecontent-caption .joinuscontent {
        color: #ffff;
        text-align: left;
        /*font-size: 1.4rem;*/
    }

.LfRg_padzero {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.leftpadzero {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.clsdisable {
    display: none !important;
}

.companyCardbluetitle {
    color: #3082c3;
    font-size: 1.5rem;
    margin: 2rem 1rem 1rem 1rem;
}

.TechPartnerbodyContent1 div {
    padding: 1rem;
}

.TechPartnerCardbody {
    text-align: center;
    /*border: 1px solid lightgray;
	width: 23rem;*/
    height: 8rem;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .TechPartnerCardbody img {
        width: 16rem;
        height: 5rem;
    }

.TechPartnerCard {
    text-align: center;
    border: 1px solid lightgray;
    width: 24rem;
    height: 15rem;
}

#formHandlerModal .modal-dialog .modal-content .modal-body .inputsubmit {
    justify-content: center;
}

@media (min-width: 1200px) {
    .section-padding {
        padding: 70px 0
    }
}

@media only screen and (min-device-width: 1600px) and (max-device-width:2560px) {
    .section-padding {
        padding: 70px 0
    }
}

@media only screen and (max-width: 991px) {
    .section-padding {
        padding: 40px 0
    }
}

.privacypol .list ul li:before, ul.list li:before {
    content: "";
    position: absolute;
    left: 15px;
    width: 26px;
    height: 26px;
    background: #f7f7f7 url(../../assets/img/icon/icon_arrow_black.svg)50% no-repeat;
    background-size: 14px;
    border-radius: 50%
}

.privacypol ul li {
    list-style: none;
}