.fields-layout {
    display: flex;
    row-gap: 40px;
}

.hide_temp {
    display: none;
}

.services p {
    /* font-family: Montserrat,sans-serif;*/

    font-size: 14px;
    text-align: left;
}

p { /*font-family:sans-serif*/
   
    font-size: 16px;
}

.services .feat-top {
    padding: 100px 80px;
    width: 89%;
}

.slider .parallax-slider .caption h1 span {
    text-transform: uppercase;
}

.list-section ul li {
    list-style-type: square;
}

.services .item-bx {
    padding: 60px 40px;
    height: auto;
}

.partner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 24px;
    justify-items: center; /* center content horizontally */
}

    .partner-grid .item {
        text-align: center;
    }

    .partner-grid .p-logo img {
        max-width: 100%;
        height: auto;
        display: block;
    }



.partner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 24px;
    justify-items: center;
    align-items: stretch;
}

    .partner-grid .item {
        display: grid;
        grid-template-rows: auto auto; /* row1: logo, row2: name */
        justify-items: center;
        text-align: center;
    }

    .partner-grid .p-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 95px; /* ensures all logos reserve equal space */
    }

        .partner-grid .p-logo img {
            max-width: 100%;
            max-height: 60px; /* cap logo height for consistency */
            object-fit: contain;
        }

    .partner-grid .partner-name {
        margin-top: 8px;
        font-size: 14px;
        font-weight: 500;
    }


.partner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
    gap: 16px; /* smaller gap between items */
    justify-content: center; /* center whole grid, no wide gaps */
}

    .partner-grid .item {
        display: grid;
        grid-template-rows: auto auto;
        justify-items: center;
        text-align: center;
    }

    .partner-grid .p-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .partner-grid .p-logo img {
            max-height: 60px;
            object-fit: contain;
        }

    .partner-grid .partner-name {
        margin-top: 6px;
        font-size: 14px;
        font-weight: 600;
    }

    .partner-grid .partner-name {
        margin-top: 6px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 15px;
    }

.pages-header h1 {
    text-transform: uppercase;
}

.work-carousel .content .item-img {
    background-size: cover;
    background-position: center;
}


/*proejcts design */

/*.projects {
    padding: 80px 0;
    background: #fff;
}

.section-title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 700;
}

.project-filters {
    text-align: center;
    margin-bottom: 40px;
}

    .project-filters button {
        border: none;
        background: #eee;
        padding: 10px 20px;
        margin: 5px;
        cursor: pointer;
        border-radius: 30px;
        font-size: 14px;
        transition: all 0.3s ease;
    }

        .project-filters button.active,
        .project-filters button:hover {
            background: #222;
            color: #fff;
        }

.project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
}

.project-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

    .project-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .project-card:hover {
        transform: translateY(-5px);
    }

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.project-card:hover .card-overlay {
    opacity: 1;
}

.card-overlay h3 {
    font-size: 20px;
    margin: 0 0 10px;
}

.card-overlay p {
    font-size: 14px;
    margin-bottom: 10px;
}

.view-btn {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.project-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.card-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.9);
    color: #111;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0;
}

.project-card:hover .card-arrow {
    opacity: 1;
    background: #111;
    color: #fff;
}

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.project-card:hover .card-overlay {
    opacity: 1;
}


.card-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.9);
    color: #111;
    font-size: 16px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.card-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    color: #fff;
    padding: 50px 15px 15px; 
    opacity: 0;
    transition: opacity 0.4s ease;
}

.project-card:hover .card-overlay {
    opacity: 1;
}
.project-card{
    height:450px;
}

.project-card {
    position: relative;
    display: block; 
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    height: 450px; 
    text-decoration: none; 
    color: inherit; 
    transition: transform 0.3s ease;
}

    .project-card:hover {
        transform: translateY(-5px); 
    }

    .project-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


.card-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.9);
    color: #111;
    font-size: 16px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; 
}


.card-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 70%);
    color: #fff;
}

    .card-info h3 {
        font-size: 20px;
        margin: 0 0 5px;
    }

    .card-info p {
        font-size: 14px;
        margin: 0;
        line-height: 1.4;
        max-height: 2.8em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    */
/* ================================
   Projects Page Design (Cleaned)
================================ */

/*.projects {
    padding: 80px 0;
    background: #fff;
}

.section-title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 700;
}

.project-filters {
    text-align: center;
    margin-bottom: 40px;
}

    .project-filters button {
        border: none;
        background: #eee;
        padding: 10px 20px;
        margin: 5px;
        cursor: pointer;
        border-radius: 30px;
        font-size: 14px;
        transition: all 0.3s ease;
    }

        .project-filters button.active,
        .project-filters button:hover {
            background: #222;
            color: #fff;
        }

.project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
}*/

/* ---- Card ---- */
/*.project-card {
    position: relative;
    display: block;*/ /* <a> behaves like block */
/*overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    height: 450px;
    text-decoration: none;*/ /* remove underline */
/*color: inherit;*/ /* keep text white */
/*transition: transform 0.3s ease;
}

    .project-card:hover {
        transform: translateY(-5px);*/ /* subtle lift */
/*}

    .project-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }*/

/* ---- Arrow ---- */
/*.card-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.9);
    color: #111;
    font-size: 16px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.9) url("../img/icon_imgs/arrow-up-long-solid-full.svg") no-repeat center;
    background-size: 18px;
    transform: rotate(-130deg);*/ /* rotate up arrow to ↗ */
/*}*/

/* ---- Info ---- */
/*.card-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 70%);
    color: #fff;
    background: rgba(0,0,0,0.4);
    border-radius:15px;
}


    .card-info h3 {
        font-size: 20px;
        margin: 0 0 5px;
    }

    .card-info p {
        font-size: 14px;
        margin: 0;
        line-height: 1.4;
        max-height: 2.8em;*/ /* ~2 lines */
/*overflow: hidden;
        color:white;
        text-overflow: ellipsis;
        font-weight:400;
    }*/

/*.card-arrow svg {
    transform: rotate(-130deg);*/ /* rotate arrow-up to ↗ */
/*width: 18px;
    height: 18px;
}*/

/*.card-project:hover svg {
    transform: rotate(-130deg);
    width: 18px;
    height: 18px;
}
*/

/*.banner-area .parallax-slider .swiper-slide .bg-img {
    background-position: center !important;
}
.slider .parallax-slider .swiper-slide .bg-img {
    background-position: center !important;
}
.bg-p-c{
    background-position:center;
}*/
.services p {
    /* font-family: Montserrat,sans-serif; */
    font-size: 15px;
    text-align: justify;
}

@media(max-width:767px) {
    .slider .parallax-slider .swiper-slide .bg-img {
        background-size: cover;
        background-position: center center !important;
        background-size: cover;
        height: 450px;
    }

    .slider .parallax-slider .swiper-slide {
        position: relative;
        overflow: hidden;
        width: 100%;
        min-height: 450px;
        padding-bottom: 50px;
    }
}

@media(max-width:991px) {
    .navbar .icon-bar {
        color: #000000;
    }

    .navbar .navbar-nav .nav-link {
        color: white;
    }
    /*    .navbar .navbar-collapse {
        max-height: 340px;
        overflow: auto;
        background: #111;
        text-align: center;
        padding: 10px 15px;
        margin-top: 30px;
    }*/
    .navbar .logo {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    a.logo img {
        width: 130px;
    }
}




















/*responsiveness starts from here*/
@media (min-width: 1200px) {
    .img-service {
        display: none;
    }
}

@media (max-width: 1439px) {
    /* for screen 1366px  */

}

@media (max-width: 1365px) {
    /* for screen 1200px  */
}

@media (max-width: 1199px) {
    /* for screen 992px  */
}





@media (max-width: 992px) {

    /* career page*/

    .margin-top-50 {
        margin-top: 50px;
    }

    .pl-remove.pl-5 {
        padding-left: 0px !important;
    }

    /*   end of-career-page*/


    /* contact-us-page */
    .contact .info .item {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .contact .info .item .cont {
            margin-top: 10px;
        }

    .row-gap-20 {
        row-gap: 20px;
    }
    /*end-of-contact-us*/

    /*    our-journey-aspx*/
    .height-550 {
        height: 550px
    }

    .txt-cont {
        margin-top: 147px;
    }
    /*  End of our-journey-aspx */
    /*    stratergies command approach*/

    .m-top-20
    {
        margin-top:20px;
    }
    .services.halfbg .background {
        height: 50vh;
    }
    /*   end stratergies command approach*/


/*    home page starts*/
    .m-top-30
    {
        margin-top:30px
    }
 /*   end of home page home page starts*/
}




@media (max-width: 768px) {
    /* for screen 576px  */


    /* contact-us-page */

    .contact .form {
        padding: 70px 5%;
    }
    /*end-of-contact-us*/


    /*    service-capabilities*/
    .service-bg1 .service-bg-in .service-content {
        right: -127px;
    }

    .service-bg2 .service-bg-in .service-content {
        left: -127px;
    }
    /* end of   service-capabilities*/


    /*    our-journey*/
    .height-550 {
        height: 450px;
    }

    .txt-cont {
        margin-top: 140px !important;
    }
    /*   end   our-journey*/
}



@media (max-width: 576px) {
    /* for screen mobile  */
    /*    service-capabilities*/
    .service-bg1 .service-bg-in .service-content {
        right: 0px;
    }

    .service-content ul li {
        font-size: 15px;
    }

    .service-bg2 .service-bg-in .service-content {
        left: -33px;
        width: 500px;
    }
    /*  End of  service-capabilities*/



    /*our-journey-aspx*/
    .bg-theme .txt-cont p {
        font-size: 20px !important;
    }
    /* end of our-journey-aspx*/

    /*    home page starts*/

    .about .ab-exp .years-exp {
        margin-top: -251px;
        margin-left: 0px;
        border: none;
    }

    .numbers.mt-50 {
        margin-top: 0px !important;
    }

    .transparent-div p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px !important;
    }

    .line-hieght-50 {
        line-height: 50px;
    }

    .center-text {
        text-align: center;
    }

    .about .ab-exp .years-exp .exp-text h2 {
        font-size: 50px;
        /*    home page ends here */
    }

  
}

/*additional Adjustment  for mobile devices*/


@media(max-width:431px) {

    .pages-header {
        height: 45vh;
    }
    .service-bg1 .service-bg-in .service-content {
        right: 0px !important;
    }
    .img-service
    {
        display:block;
    }
    /*    service-capabilities*/
    .service-bg1 .service-bg-in .service-content {
        width: 92vw;
        top: 0px;
    }

    .bg-2 {
        /*        position: relative !important;*/
        /*        top: 150px !important;*/
    }
    /*
    .bg-2-cont {
        width: 92vw !important;
        left: 0px !important;
        top: -290px !important;
    }*/

    .bg-3 {
        position: relative !important;
        /*        top: 150px !important;*/
/*        height: 450px !important;*/
margin-top:60px;
    }

    .bg-4 {
        position: relative !important;
        /*        top: 150px !important;*/
        height: 200px !important;
    }

    .bg-4-cont {
        top: -137px !important;
        width: 92vw !important;
        left: 0px !important;
    }

    .bg-5 {
        position: relative !important;
        top: -10px !important;
        height: 152px !important;
        /*        margin-bottom: 140px !important;*/
    }

    .service-bg3 {
        height: 318px;
    }
    /*  End of  service-capabilities*/

    /*    our partners */

    .partner-grid > :nth-child(3) {
        grid-column: 1 / -1;
        justify-self: center;
    }
    /*  End of     our partners */

    /* our-journey-starts*/
    .height-550 {
        height: 350px;
    }
    /*our-journey-ends*/

    .contact .info .item {
        height: auto;
        padding: 20px 20px;
    }

    .row-gap-20 {
        row-gap: 0px;
    }

    .font-16 {
        font-size: 16px;
    }

    .skills-sec.pt-80 {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .main-footer .sub-footer {
        padding: 0px 0;
        margin-top: 0px;
    }

    .team.tmgrid .item {
        margin-bottom: 0px;
    }

    .team.tmgrid {
        padding-bottom: 0px;
    }

    .padding-top-50 {
        padding-top: 50px;
    }

    .swiper-container .height-350 {
        height: 350px !important;
    }

    .swiper-container.height-450 {
        height: 470px !important;
    }

    .padding-bottom-0 {
        padding-bottom: 0px !important;
    }

    .bg-theme .txt-cont p, .our-journey p {
        font-size: 16px !important;
    }

    .reverse-row.row {
        flex-wrap: wrap-reverse;
    }

    .services .item-bx {
        padding: 20px 41px;
        height: auto;
    }

    .margin-top-60 {
        margin-top: 60px;
    }

    .services.halfbg .background {
        height: 35vh;
    }

    .valign {
        margin-top: 30px;
    }

    .padding-bottom-30 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .transparent-div p {
        font-size: 16px;
    }

    .remove-padding {
        padding: 0px !important;
    }

    .halfbg {
        padding-bottom: 55px !important;
    }

    .contact .info .item {
        margin-bottom: 40px;
    }

    .skills-sec .content, .about .exp-content {
        margin-top: 0px !important;
    }

    .home-service .col-lg-6 {
        padding: 0px !important;
    }

    .services p {
        text-align: left !important;
    }

    .font-24 {
        font-size: 24px !important;
    }

    .transparent-div {
        padding: 25px !important;
    }

    .p-top-50 {
        padding-top: 50px !important;
    }

    .p-bot-50 {
        padding-bottom: 50px !important;
    }

    .ptop-30 {
        padding-top: 30px !important;
    }

    .bg1, .bg-2, .bg-3, .bg-4, .bg-5 {
        background-image: none !important;
    }

   

    .service-bg-in {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .bg1 {
        height: 295px !important;
/*        margin-top: -120px*/
margin-top:20px !important;
    }

    .img-service img {
        height: 200px;
        width: 100%;
    }

    .bg2-img {
        margin-top: 94px;
    }
/*     .bg2-img img{
         height:400px;
     }*/
    .service-bg2 .service-bg-in .service-content {
        left: 0px;
        width: 91.5vw !important;
    }

    .service-bg2 .service-bg-in .service-content {
        top: 0px !important;
    }
    .service-bg2
    {
        margin-top:0px !important;
    }
    .bg-2 {
        margin-top: 60px !important;
    }
    .service-bg1 .service-bg-in .service-content {
        right: -14px;
    }
    .bg3-img
    {
        margin-top:-9px!important;
    }
    .bg4-img {
        margin-top: 121px !important;
    }
    .bg-4 {
        left: 0px;
        margin-top: 60px !important;
    }
    .bg5-img
    {
        margin-top:14px;
        margin-top:14px;
    }
    .bg-5
    {
        margin-top:70px !important;
    }
    .bg1-img
    {
        margin-top:-2px;
    }
    .bg-1-cont, .bg-2-cont, .bg-3-content, .bg-4-cont, .bg-5-cont {
        border-radius: 0px !important;
    }
    .pbtom-60
    {
        padding-bottom:60px !important;
    }
    .service-bg1 .service-bg-in .service-content 
    {
        padding:24px 35px!important;
    }
    .pt-80-remove-mobile
    {
        padding-top:0px !important;
    }
    .bg-theme 
    {
        padding:30px;
    }
    .numbers.mt-50 {
        margin-top: -30px !important;
    }
}
@media (max-width: 431px) {
    .bg-3 {
        height: 272px;
    }

    .bg-5 {
        height: 97px !important;
    }

    .service-bg1 .service-bg-in .service-content {
        width: 93vw !important;
        top: 0px;
    }
}

@media(max-width:821px)
{
    .pages-header {
        height: 50vh;
    }
    .padding-bottom-30
    {
        padding:0px !important;
    }
    .about .txt-cont {
        margin-top: 150px;
    }
    
}
@media (max-width: 415px) {
    .service-bg3 {
        height: 273px !important;
    }
    .bg-5{
        height:98px !important;
    }
    .service-bg1 .service-bg-in .service-content {
        width: 93vw;
        top: 0px;
        right:0px !important;
    }
}
@media (max-width: 391px) {
    .bg3-img {
        margin-top: 13px !important;
    }
    .service-bg1 .service-bg-in .service-content {
        width: 92.5vw !important;
        top: 0px;
    }
}
 @media (max-width: 376px) {
    .bg5-img {
        /*        margin-top: 14px;*/
        margin-top: -4px;
    }

    .bg-5 {
        height: 152px !important;
    }

    .bg-3 {
        height: 274px !important;
    }
   
        .service-bg1 .service-bg-in .service-content {
            width: 92vw !important;
            top: 0px;
        }
    .bg3-img {
        margin-top: 34px !important;
    }
}
@media (max-width: 361px) {
    .service-bg1 .service-bg-in .service-content {
        width: 92vw !important;
        top: 0px;
    }
    .bg3-img {
        margin-top: 35px !important;
    }
    .bg5-img {
        /* margin-top: 14px; */
        margin-top: 19px;
    }
    }
.margin-left-15 {
    margin-left: 15px;
}