@media screen and (max-width: 600px) {
    .nav-brand-mo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .navbar {
        padding: 26px 24px;
    }
    .nav-brand-mo{
        display: flex;
    }
    header{
        background: transparent;
    }
    .color-header-bg{
        background: url(../media/header-bg-mo.png) no-repeat;
        background-size: cover;
        background-position: top center;
        height: 682px;
    }
    .navbar-brand img {
        width: 40px;
        height: 40px;
        max-width: 100%;
        margin: auto;
    }
    .color-header::after{
        /* content: "";
        background: url(../media/cloude.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        margin: auto;
        z-index: -2;
        width: 100%;
        height: 134px; */
    }
    .navbar-nav {
        flex-direction: column;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        align-items: center;
        gap: 64px;
        padding: 80px 0px;
        margin-top: 40px;
    }
    .p-mo-0{
        padding: 0px;
    }
    .nav-link{
        color: var(--Core-Off-White, #FAFAFA);
        leading-trim: both;
        text-edge: cap;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'Urbanist';
        font-size: 27px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 1px;
        text-transform: capitalize;
        text-align: center;
        padding: 0px 0px;
    }
    .home-banner-main .container-fluid {
        padding: 0px 0px;
    }
    .green-div-box {
        background: var(--Core-Teal, #0D3C3D);
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        flex: 1 0 0;
    }
    .white-div-box {
        display: flex;
        padding: 24px 40px;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        flex: 1 0 0;
        background: var(--Core-Off-White, #FAFAFA);
    }  
    .green-div-box h3 {
        color: var(--Core-Off-White, #FAFAFA);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'Urbanist';
        font-size: 27px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-transform: capitalize;
        text-align: left;
    }
    .white-div-box h3 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-transform: capitalize;
    }
    .green-div-box p {
        color: var(--Base-04, #E9E9E9);
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 0px;
    }
    .white-div-box p {
        color: var(--Base-02, #5E5E5E);
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 0px;
    }
    .opeacation-excellence-div {
        margin-bottom: 32px;
        align-items: end;
    }
    #v-pills-tab-five{
        
    }
    .home-content-box h1 {
        color: var(--Core-Off-White, #FAFAFA);
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: Urbanist;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 16px;
        padding: 0px 7px;
    }
    .home-content-box p {
        color: var(--Base-04, #E9E9E9);
        text-align: center;
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 32px;
    }
    .home-content-box {
        width: 638px;
        max-width: 100%;
        margin: auto;
        padding: 64px 0px 81px;
    }
    .scroll-down {
        background: url(../media/Ellipse-1.png) no-repeat;
        background-size: contain;
        background-position: center center;
        width: 164px;
        height: 82px;
        margin: auto;
        padding: 43px 0px 0px;
    }
    .scroll-down p {
        color: var(--Core-Off-White, #FAFAFA);
        text-align: center;
        font-family: 'Futura PT';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.4px;
        text-transform: capitalize;
    }
    .home-content-box .btn {
        border-radius: 100px;
        background: var(--Core-Maroon, #9E2A2B);
        display: flex;
        padding: 16px 61px;
        justify-content: center;
        align-items: center;
        color: var(--Core-Off-White, #FAFAFA);
        text-align: center;
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.34px;
        text-transform: capitalize;
        width: 210px;
        max-width: 100%;
        margin: auto;
    }
    .home-banner-main::after {
        content: "";
        background: #0f0f0fb3;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: -1;
    }
    .Our-core-service {
        padding: 0px 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%;
        padding: 40px 24px;
        margin: auto;
        background: linear-gradient(160deg, rgba(244, 244, 244, 0.00) -36.93%, #F4F4F4 86.62%);
    }
    .our-care-servies-content h6 {
        color: var(--Core-Maroon, #9E2A2B);
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 158%;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }
    .our-care-servies-content h2 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-transform: capitalize;
        margin-bottom: 24px;
        width: 229px;
    }
    .our-care-servies-content p {
        color: var(--Base-02, #5E5E5E);
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 24px;
    }
    .opeacation-excellence {
        background: #FAFAFA;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px 0px;
    }
    .opeacation-excellence .card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background: linear-gradient(to bottom, #1055AE00, #1055AE);
        border-radius: 6px 0 0 6px;
        display: none;
    }
    .opeacation-excellence-div h2 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-transform: capitalize;
        margin-bottom: 24px;
        text-align: center;
        padding: 0px 21px
    }
    .opeacation-excellence-div p {
        color: var(--Base-02, #5E5E5E);
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 0px;
        text-align: center;
    }
    .opeacation-excellence .card h5 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 16px;
        text-align: center;
    }
    .opeacation-excellence .container-fluid {
        padding: 0px 18px;
    }
    .opeacation-excellence .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        right: 0px;
        margin: auto;
    }
    .opeacation-excellence .card .icon {
        margin-bottom: 24px;
        text-align: center;
    }
    .opeacation-excellence .card svg {
        width: 40px;
        height: 40px;
    }
    .opeacation-excellence .card {
        padding: 0px 0px;
        border: 0px;
        background: transparent;
        margin-bottom: 40px;
    }
    .opeacation-excellence .btn-red {
        width: 232px;
    }
    .opeacation-excellence .card p {
        color: var(--Base-02, #5E5E5E);
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        text-align: center;
        margin-bottom: 0px;
    }
    .we-delvery-content h1 {
        color: var(--Core-Off-Black, #0F0F0F);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-transform: capitalize;
        margin-bottom: 24px;
        padding: 0px 22px;
    }
    .we-delvery-content p {
        color: var(--Base-02, #5E5E5E);
        text-align: center;
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        padding: 0px 15px
    }
    .what-delivery {
        height: 553px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 116px 15px 48px;
    }
    .what-delivery-content h1 {
        color: var(--Core-Off-Black, #FAFAFA);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-transform: capitalize;
        margin-bottom: 24px;
        padding: 0px 39px;
    }
    .what-delivery-content p {
        color: var(--Base-02, #E9E9E9);
        text-align: center;
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 24px;
    }
    .we-delvery {
        height: 495px;
        display: flex;
        justify-content: center;
        padding-top: 3rem;
        /* background: #fff; */
        padding: 40px 0px;
    } 
    .we-delvery-main {
        /* background: #fff; */
    }
    .our-solution {
        height: 640px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 0px;
    }
    .our-solution-content h1 {
        color: var(--Neutral-White, #FFF);
        text-align: center;
        font-family: Urbanist;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.56px;
        text-transform: capitalize;
    }
    .our-solution-content h6 {
        color: #20CDD0;
        text-align: center;
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 158%;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 16px;
    }
    
    .we-delvery-main .bg-image {
        height: 992px;
        top: 10rem;
    }   
    .our-solution .scroll-down {
        position: absolute;
        left: 0px;
        right: 0px;
        height: 82px;
        bottom: 0px;
        padding: 40px 0px 0px;
    }
    .Our-Expertise-content h1 {
        color: var(--Neutral-Near-Black, #0E0E0E);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-transform: capitalize;
        margin-bottom: 24px;
        padding: 0px 13px;
    }
    .Our-Expertise-content h6 {
        color: var(--Core-Maroon, #9E2A2B);
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 158%;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 16px;
    }
    .Our-Expertise-content p {
        color: var(--Base-02, #5E5E5E);
        text-align: center;
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
    }
    .our-experties {
        height: 631px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 40px 7px
    }  
    .flex-column {
        width: 950px;
        max-width: 100%;
        margin: auto;
        flex-direction: row !important;
        display: flex;
        flex-wrap: unset;
    }    
    .tab-serives .nav-link {
        color: var(--Core-Off-Black, #0F0F0F);
        font-family: Urbanist;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0.4px;
        text-transform: capitalize;
        text-align: left;
        opacity: 0.32;
        border-left: 2px solid #9E2A2B;
        border-radius: 0px;
        padding-left: 24px;
        margin-bottom: 32px;
        background: transparent;
        width: 244px;
        max-width: 100%;
    }
    .h-mo-show{
        color: var(--Core-Maroon, #9E2A2B);
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 158%;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 16px;
        margin-left: 24px;
        margin-top: 40px;
    }
    .nav-scroll-wrapper .nav-link.active::after {
        display: none;
    }
    .tab-content img {
        object-fit: cover;
        width: 375px;
        height: 250px;
    }  
    .tab-details p {
        color: var(--Base-02, #5E5E5E);
        font-family: Urbanist;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0.51px;
        margin-bottom: 24px;
    }
    .tab-details h3 {
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .tab-details h6 {
        color: var(--Core-Maroon, #9E2A2B);
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 158%;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }
    .tab-details {
        width: 616px;
        max-width: 100%;
        margin: auto;
        padding: 24px 24px;
    }
    .nav-pills {
        flex-direction: row !important;
        gap: 32px;
    }
    .nav-pills .nav-link {
        display: inline-block;
        white-space: nowrap;
        margin-right: 30px;
        margin-left: 30px;
    }
    .nav-scroll-wrapper {
        overflow-x: auto;
        white-space: nowrap;
    }
    .footer-list {
        display: flex;
        gap: 40px;
        text-align: center;
        margin-bottom: 0px;
        width: 347px;
        margin: auto;
        margin-bottom: 0px;
        padding-left: 0px;
        max-width: 100%;
        flex-wrap: wrap;
        margin: auto;
        max-width: 100%;
    }
    .footer-list li a {
        color: var(--Grayscale-25, #FCFCFD);
        text-align: right;
        font-family: 'Urbanist';
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.34px;
        text-transform: capitalize;
        margin-bottom: 0px;
    }
    .footer-list li {
        width: 43%;
    }
    .copy-p p {
        color: var(--Base-03, #BDBDBD);
        text-align: center;
        font-family: 'Urbanist';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.42px;
        text-align: center;
        margin-bottom: 0px;
        width: 199px;
        margin: auto;
    }
    .footer-content{
        padding: 0px 24px;
    }    
    .footer-list :nth-child(1) {
      text-align:right;
    }
    .footer-list :nth-child(2) {
      text-align:left;
    }
    .footer-list :nth-child(3) {
      text-align:right;
    }
    .footer-list :nth-child(4) {
      text-align:left;
    }
}