#carouselExampleDark {
    margin-top: -86px;
    max-height: 450px;
    overflow: hidden;
}

.zi-9 {
    z-index: 9;
}

.navbar {
    background: rgb(0 0 0 / 80%) !important;
}

/* li.nav-item {
    position: relative;
}

li.nav-item::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 45px;
    background: #323232;
    top: 0px;
    z-index: -1;
}

li.nav-item:hover::after {
    width: 1000%;
} */

.navbar-dark .navbar-nav .nav-link, .dropdown-menu .dropdown-item {
    color: rgb(255 255 255 / 70%);
    font-weight: bold;
    margin-right: 15px;
}

.carousel-caption {
    background: rgb(0 0 0 / 50%) !important;
    border-radius: 10px;
    /* top: 75% !important; */
}

.why-choose-container {
    min-height: 350px;
    background-color: #d0ddd6;
    background-image: url(../assets/images/home/why-syntel.jpg);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: right;
}

.form-label {
    font-size: 14px;
    font-weight: bold;
    color: #848484;
}

.red {
    color: tomato;
}

.h1 {
    font-size: 32px;
    line-height: 54px;
    position: relative;
    font-family: sans-serif;
}

.h1.dark-bg {
    color: #fff;
    text-shadow: 0 0 3px black;
}
ul.dark-bg {
    color: #fff;
    text-shadow: 0 0 3px black;
}

.h1::after {
    height: 2px;
    left: 0px;
    position: absolute;
    content: "";
    width: 100%;
    z-index: 0;
    bottom: 0px;
    background: #ccc;
}

p.dark-bg {
    color: #fff;
}

h1.career-link .head {
    display: block;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 24px;
}

h1.career-link .main {
    display: block;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 60px;
}

.h1 p {
    position: relative;
    display: inline-block;
    border-bottom: 2px solid #489edc;
    margin-bottom: 0px;
}
.h1 p::after{
    height: 2px;
    left: 0px;
    position: absolute;
    content: "";
    width: 100%;
    z-index: 2;
    bottom: -2px;
    background: #489edc;
}

.dropdown-menu {
    background: rgb(0 0 0 / 80%);
    margin-top: 23px !important;
    border-radius: 0px;
}

.dropdown-menu .dropdown-item {
    color: #cccccc;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: transparent;
}

.home-services-container {
    background: rgb(0 14 45);
}
.home-services-container .services {
    height: 250px;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}
.home-services-container .consulting {
    background-image: url(../assets/images/home/consulting-services.jpg);
}
.home-services-container .outsourcing {
    background-image: url(../assets/images/home/outsourcing-services.jpg);
}
.home-services-container .technology {
    background-image: url(../assets/images/home/technology-services.jpg);
}
.home-services-container .h3 {
    font-size: 16px;
    font-weight: bold;
    background: rgb(0 0 0 / 50%);
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
    color: #fff;
    padding: 5px;
    width: calc(100% - 160px);
    margin: 0px 80px;
    text-align: center;
    cursor: pointer;
}

.coe-container {
    background-color: rgb(0 14 45);
    background-image: url(../assets/images/home/coe-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.coe-container .coe {
    height: 250px;
    width: 100%;
    /* background-image: url(../assets/images/home/coe-bg.jpg); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* background-size: 100%;
    background-repeat: no-repeat;
    background-position: right; */
    position: relative;
    /* border: 4px solid rgb(45 54 108 / 20%); */
}
.coe-container .coe img{
    width: 50%;
    max-height: 60%;
}
.coe-container .border-4px {
    /* border: 4px solid rgb(45 54 108 / 20%); */
}
/* .coe-container .cust-app {
    background-image: url(../assets/images/home/cust-app.png);
}
.coe-container .erp {
    background-image: url(../assets/images/home/ERP.png);
}
.coe-container .it-infra {
    background-image: url(../assets/images/home/if-infra.png);
}
.coe-container .dw-bi {
    background-image: url(../assets/images/home/dw-bi.png);
}
.coe-container .engineering {
    background-image: url(../assets/images/home/engineering.png);
}
.coe-container .help-desk {
    background-image: url(../assets/images/home/help-desk.png);
} */
.coe-container .h3 {
    font-size: 16px;
    font-weight: normal;
    background: rgb(0 0 0 / 10%);
    border-radius: 5px;
    /* position: absolute; */
    bottom: 20px;
    color: #fff;
    padding: 5px;
    /* width: calc(100% - 160px);
    margin: 0px 80px; */
    /* text-align: center; */
    cursor: pointer;
}

/* .h1 .spl-text {
    color: #489edc;
} */

.career-container {
    min-height: 350px;
    background-color: #d0ddd6;
    background-image: url(../assets/images/home/Contact-Us.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.career-container .contact-us-sec {
    padding: 20px !important;
    border: 2px solid #928eca;
    border-radius: 10px;
    background: rgb(146 142 202 / 40%);
}

.btn-primary {
    background-color: #489edc;
    border-color: #489edc;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #0270be;
    border-color: #0270be;
}


.footer-container {
    background-color: #242424;
    min-height: 200px;
}

.footer-container h4.footer-h4 {
    color: rgb(73 73 73);
    font-size: 14px;
}
.footer-container ul {
    color: rgb(148, 148, 148);
    list-style: none;
    padding: 0px;
}
.footer-container ul li {
    color: rgb(148, 148, 148);
}
.footer-container ul li a {
    font-size: 16px;
    color: rgb(148, 148, 148);
    text-decoration: none;
}

.footer-container ul li a:hover, .footer-container ul li a:focus {
    color: #fff;
}

.footer-container ul li ul{
    padding-left: 15px;
}

.footer-container ul li ul li a {
    font-size: 14px;
    color: rgb(148, 148, 148);
    text-decoration: none;
}

.footer-container ul li ul li a:focus, .footer-container ul li ul li a:hover {
    color: #fff;
}

/* Inner Pages CSS */
.inner-page-top-container {
    min-height: 450px;
    background-color: #d0ddd6;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: -86px;
}

.inner-page-top-container.about-us-bg {
    background-image: url(../assets/images/about-us/header-bg.jpg);
}
.inner-page-top-container.consulting-service-bg {
    background-image: url(../assets/images/services/cunsulting-header-bg.jpg);
}
.inner-page-top-container.featured-service-bg {
    background-image: url(../assets/images/services/featured-header-bg.jpg);
}
.inner-page-top-container.outsourcing-service-bg {
    background-image: url(../assets/images/services/outsourcing-service.jpg);
}
.inner-page-top-container.technology-service-bg {
    background-image: url(../assets/images/services/technology-service-bg.jpg);
}
.inner-page-top-container.center-of-excellence-bg {
    /* background-image: url(../assets/images/core-values-bg.jpg); */
    background-image: url(../assets/images/home/coe-bg.jpg);
    /* background: rgb(14, 34, 32); */
}
.inner-bg-container.center-of-excellence-bg {
    /* background-image: url(../assets/images/core-values-bg.jpg); */
    background-image: url(../assets/images/home/coe-bg.jpg);
        background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.inner-page-top-container .about-us-head {
    margin-top: 160px;
    font-size: 60px;
    text-shadow: 0px 0px 3px #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
} 

.dark-bg-container {
    background: rgb(0 14 45);
}

.inner-page-top-container.plain-container{
    min-height: 100px;
    margin-top: 16px;
}

.inner-page-top-container .about-us-head.plain-head {
    margin-top: 20px;
    margin-bottom: 60px;
}
.inner-page-top-container .coe-head {
    margin-top: 160px;
    font-size: 60px;
    color: #fff;
    text-shadow: 0px 0px 3px #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    margin-top: 90px;
    text-align: center;
}

.inner-page-top-container .coe-head span{
    font-size: 40px;
    color: #fff;
    text-shadow: 0px 0px 3px #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}
.about-why-choose-container {
    min-height: 350px;
    background-color: #f4f5f9;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: right;
} 

.about-why-choose-container .about-h3 {
    font-size: 16px;
    border-bottom: 2px solid #489edc;
    line-height: 36px;
    display: inline-block;
}
.coe-bg-con {
    background-color: rgb(1 1 1 / 50%);
    padding: 20px;
    border-radius: 30px;
}
.gbl-h3 {
    font-size: 16px;
    border-bottom: 2px solid #489edc;
    line-height: 36px;
    display: inline-block;
}
.gbl-h3.dark-bg {
    color: #fff;
}

.about-why-choose-container ul{
    list-style: circle;
}

.about-core-values-container{
    min-height: 350px;
    background-color: rgb(0 14 45);;
    background-image: url(../assets/images/core-values-bg.jpg);
    background-size: 100% 100%;
    text-shadow: 0px 0px 4px black;
    background-repeat: no-repeat;
    background-position: right;
}

.op5-bg{
    background-color: rgb(0 0 0 / 50%);
}

.inner-bg-container.staff-augmentation-bg {
    min-height: 350px;
    background-color: #12202d;
    background-image: url(../assets/images/services/staff-augmentation.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-size: auto;
}
.inner-bg-container.rpo-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/rpo-bg.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
}
.inner-bg-container.executive-search-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/excecutive-search.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
}

.pt-400px{
    padding-top: 300px;
}


.inner-bg-container.tier-rpo-bg {
    min-height: 550px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/3-tire-RPO.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
}

.inner-bg-container.train-deploy-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/train-deploy.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
} 

.inner-bg-container.help-desk-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/hepdesk.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
}

.inner-bg-container.custapp-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/custom-application-bg.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
}  

.inner-bg-container.edm-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/data-integration.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
} 

.inner-bg-container.aap-main-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/application-maintanance.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
} 

.inner-bg-container.infra-manage-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/remote-infrastracture.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
} 

.inner-bg-container.hr-out-bg {
    min-height: 350px;
    background-color: #0e151f;
    background-image: url(../assets/images/services/human-resourcing-management.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;  
}


.core-values-text {
    position: relative;
}
.core-values-text div[class*='cv-'] {
    position: absolute;
    padding: 5px;
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
}

.core-values-text .cv-goal {
    top: 130px;
    left: calc(50% - 65px);
}

.core-values-text .cv-value {
    top: 230px;
    left: 60px;
}

.core-values-text .cv-team {
    top: 230px;
    right: 90px;
}

.core-values-text .cv-acc {
    top: 420px;
    left: 137px;
}

.core-values-text .cv-con-imp {
    top: 400px;
    right: 128px;
}
/* Meadia Queries for responsive design */

@media (max-width: 991.98px) { 
    .navbar {
        position: fixed;
        top: 0px;
        width: 100%;
        background: rgb(0 0 0 / 80%) !important;
    }
    .navbar-nav {
        --bs-scroll-height: 100% !important;
    }
    #carouselExampleDark {
        margin-top: 0px;
    }

    .h1 {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    /* .career-container {
        background-image: none
    } */
}

@media (max-width: 575.98px) { 
    .why-choose-container {
        background-image: none;
    }

    .core-values-text .cv-goal {
        top: 35px;
        font-size: 12px !important;
        left: calc(50% - 53px);
    }

    .core-values-text .cv-team {
        top: 98px;
        right: 34px;
        font-size: 12px !important;
    }

    .core-values-text .cv-value {
        top: 98px;
        left: 10px;
        font-size: 12px !important;
    }

    .core-values-text .cv-con-imp {
        top: 180px;
        right: 50px;
        font-size: 12px !important;
    }

    .core-values-text .cv-acc {
        top: 200px;
        left: 55px;
        font-size: 12px !important;
    }
}