/* ------------------------media------------------- */
@media only screen and (min-width: 700px) and (max-width:850px) {
    .nav-brand-mo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .navbar {
        padding: 26px 0px;
    }
    .color-header-bg{
        background: #87ceebfa;
    }
    .navbar-nav {
        flex-direction: column;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        align-items: center;
        gap: 30px;
    }
    .nav-brand-mo{
        display: flex;
    }
    .green-div-box {
        background: var(--Core-Teal, #0D3C3D);
        display: flex;
        padding: 80px 80px;
        flex-direction: column;
        justify-content: center;
        gap:0px;
        flex: 1 0 0;
    }
    .white-div-box {
        display: flex;
        padding: 80px 80px;
        flex-direction: column;
        justify-content: center;
        flex: 1 0 0;
        gap: 0px;
        background: var(--Core-Off-White, #FAFAFA);
    }
    .Our-core-service {
        padding: 80px 0px;
        background: none;
        background-position: center center;
        background-size: cover;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .our-care-servies-content {
        width: 524px;
        max-width: 100%;
        margin: auto;
        margin:60px auto;
    }
    .Our-core-service{
        padding: 0px;
    }
    .Our-core-service .container{
        padding: 0px;
    }
    .Our-core-service .container img {
        height: 300px;
        object-fit: cover;
    }
    .opeacation-excellence {
        background: #FAFAFA;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .opeacation-excellence-div .btn-red {
        border-radius: 100px;
        background: var(--Core-Maroon, #9E2A2B);
        display: flex;
        padding: 16px 44px;
    }
    .opeacation-excellence-div h2 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 28px;
    }
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 24px;
    }
    .our-solution {
        height: 695px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nav-pills {
        flex-direction: row !important;
        gap: 10px;
        width: 100%;
    }
    .nav-pills .nav-link {
        display: inline-block;
        white-space: nowrap;
    }
    .nav-scroll-wrapper {
        overflow-x: auto;
        white-space: nowrap;
    }
    .nav-scroll-wrapper .nav-link.active::after {
        display: none;
    }
}
@media only screen and (min-width: 900px) and (max-width:960px) {
    .navbar {
        padding: 20px 0px;
    }
    .green-div-box, .white-div-box{
        padding: 70px 70px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 70px 0px;
    }
    .our-care-servies-content {
        width: 514px;
        max-width: 100%;
    }
    .Our-core-service {
        height: unset;
    }
    .our-solution {
        height: 714px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
  
}
@media only screen and (min-width: 850px) and (max-width:999px) {
    .navbar {
        padding: 20px 0px;
    }
    .green-div-box, .white-div-box{
        padding: 70px 70px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 70px 0px;
    }
    .our-care-servies-content {
        width: 514px;
        max-width: 100%;
    }
    .Our-core-service {
        height: unset;
    }
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 20px;
    }
    .opeacation-excellence .card {
        padding: 0px 25px;
        border: 0px;
        background: transparent;
    }
    .our-solution {
        height: 714px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 1000px) and (max-width:1080px) {
    .navbar {
        padding: 20px 0px;
    }
    .green-div-box, .white-div-box{
        padding: 80px 70px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 80px 0px;
    }
    .our-care-servies-content {
        width: 514px;
        max-width: 100%;
    }
    .Our-core-service {
        height: unset;
    }
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 20px;
    }
    .opeacation-excellence .card {
        padding: 0px 25px;
        border: 0px;
        background: transparent;
    }
    .our-solution {
        height: 714px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (min-width: 1081px) and (max-width:1190px) {
    .navbar {
        padding: 20px 0px;
    }   
    .green-div-box, .white-div-box{
        padding: 90px 90px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 90px 0px;
    }
    .our-care-servies-content {
        width: 514px;
        max-width: 100%;
    }
    
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 22px;
    }
    .opeacation-excellence .card {
        padding: 0px 25px;
        border: 0px;
        background: transparent;
    }
    .our-solution {
        height: 714px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1290px) {
    .navbar {
        padding: 20px 0px;
    }
    .green-div-box, .white-div-box{
        padding: 104px 104px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 108px 0px;
    }
    .our-care-servies-content {
        width: 514px;
        max-width: 100%;
    }
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .our-solution {
        height: 829px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (min-width: 1300px) and (max-width:1390px) {
    .navbar {
        padding: 20px 0px;
    }
    .green-div-box, .white-div-box{
        padding: 104px 104px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 108px 0px;
    }
    .Our-core-service {
        padding: 80px 0px;
        background: url(../media/what-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
        height: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .our-solution {
        height: 829px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1490px) {
    .navbar {
        padding: 25px 0px;
    }
    .green-div-box, .white-div-box{
        padding: 104px 104px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 108px 0px;
    }
    .our-solution {
        height: 900px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

   
}
@media only screen and (min-width: 1600px) and (max-width:1690px) {
    .navbar {
        padding: 30px 0px;
    }
}
@media only screen and (min-width: 1800px) and (max-width:1890px) {
    .navbar {
        padding: 40px 0px;
    }
}
@media only screen and (min-width: 1910px) and (max-width:1990px) {
    .tab-content img{
        transform: translate(22px, 0px);
    }
}
@media only screen and (min-width: 2000px) and (max-width:2190px) {
}