* {
    margin: 0;
    padding: 0;

}

body {
    font-family: "Inter", sans-serif !important;
}

header {
    background-color: #00000021;
    padding: 8px 30px 8px 16px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 2;
}

.nav_bar {
    padding: 0 !important;
}

.nav_bar .navbar-nav .nav-item a {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
}



.contentbtn {
    background: transparent linear-gradient(111deg, #0D539D 0%, #2071B8 51%, #2598D5 100%) 0% 0% no-repeat padding-box;
    color: #fff !important;
    font-size: 20px !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
}

.nav_ul {

    gap: 20px;
}

.custom_btn {
    background: transparent linear-gradient(111deg, #0D539D 0%, #2071B8 51%, #2598D5 100%) 0% 0% no-repeat padding-box;
    color: #fff !important;
    font-size: 20px !important;
    padding: 14px 35px !important;
    border-radius: 12px !important;
    font-style: italic;
    font-weight: 600 !important;
}

.home_sec {
    background-color: #000000;
    padding-top: 150px;
}

.home_img img {
    width: 100%;
    margin-top: -290px;
}

.home_sec .txt_div h1 {
    font-size: 72px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 25px;
}

.txt_div {
    padding: 50px 10px;
}

.home_sec .txt_div h4 {
    font-size: 27px;
    color: #ffffffc9;
    font-weight: 300;
    margin-bottom: 25px;
}

.brand_sec {
    background-color: #000000;
    padding-block: 50px;
    overflow-x: hidden;
    padding-inline: 50px;
}

.brnd_txt h1 {
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin-bottom: 50px;
}

.brnd_txt {
    text-align: center;
}

.brnd_txt h4 {
    font-size: 27px;
    color: #ffffffc9;
    font-weight: 300;
    margin-bottom: 25px;
}

.bank_logo .owl-item img {
    aspect-ratio: 3/2;
    object-fit: contain;
    width: 230px !important;
}

.custom_navtab .nav-link {
    padding: 15px 25px;
    background: transparent linear-gradient(180deg, #535353 0%, #1B1D22 96%, #3F424B 100%) 0% 0% no-repeat padding-box;
    border-radius: 14px !important;
    margin-bottom: 25px;
}

.custom_navtab .nav-link h1 {
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
}

.custom_navtab .nav-link p {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 22px;
}

.custom_navtab .nav-link.active {
    background: #FFFFFF !important;
    border-left: 5px solid #0D539E;
    border-radius: 5px 14px 14px 6px !important;
}

.custom_navtab .nav-link.active h1 {
    font-size: 30px;
    font-weight: 400;
    color: #000000;
}

.custom_navtab .nav-link.active p {
    font-size: 18px;
    font-weight: 400;
    color: #7A7A7A;
    line-height: 22px;
}

.build_sec {
    background-color: #000000;
    padding-block: 50px;
    overflow-x: hidden;
    padding-inline: 50px;
}

.build_sec .brnd_txt h1 {
    margin-bottom: 10px;
}

.build_sec .brnd_txt {
    margin-bottom: 80px;
}

.core_sec {
    background-color: #000000;
}

.core_inerbox {
    background: transparent linear-gradient(136deg, #0D539D 0%, #2071B8 51%, #2598D5 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    padding: 50px 150px;
}

.core_box .headcore {
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

.core_box .cor_P {
    font-size: 27px;
    font-weight: 300;
    text-align: center;
    color: #ffffffc9;
    margin-bottom: 50px;
}

.core_txt h1 {
    font-size: 30px;
    font-weight: 500;
    color: #000000;
}

.core_txt p {
    color: #7A7A7A;
    font-size: 18px;
    font-weight: 300;
}

.core_txt {
    background-color: #FFFFFF;
    border-radius: 14px;
    text-align: center;
    padding: 25px;
}

.mercht_img {
    width: 300px;
}

.why_choose_sec {
    background-color: #000000;
    padding: 150px 50px;
}

.top_whyhead {
    font-size: 28px;
    color: #ffffffe7;
    font-weight: 300;
}

.why_h1 {
    font-size: 54px;
    color: #2491D0;
    font-weight: 400
}

.why_img {
    width: 100%;
    padding-right: 50px;
}

.why_P {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
    font-weight: 300;
}

.first h1 {

    margin: 0;
}

.first .num {
    font-size: 64px;
    color: #ffffff;
    font-weight: 600;

}

.first {
    display: flex;
    align-items: baseline;
    background: transparent linear-gradient(180deg, #535353 0%, #1B1D22 96%, #3F424B 100%) 0% 0% no-repeat padding-box;
    border-radius: 14px;
    padding: 25px 40px;
    margin-bottom: 20px;
}

.first .text {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 300;
    margin: 0;
}

.trust_clientsec h1 {
    font-size: 54px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

.trust_clientsec span {

    color: #2BA9DB;

}


.trust_clientsec {
    background-color: #000000;
    padding: 50px 50px 50px;

}

.client_card {
    display: flex;
    padding-top: 20px;
    gap: 0px 20px;
}

.client_card img {
    width: 80px !important;
    height: 80px;
    border-radius: 50px;
}

.titlename {
    font-size: 24px !important;
    color: #ffffff;
    text-align: left !important;
    margin: 0;
}

.company_name {
    color: #ffffff;
    margin: 0;
    font-size: 14px;
    font-style: italic;
}

.des_p {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
}



.client_txt {
    background: transparent linear-gradient(180deg, #535353 0%, #1B1D22 96%, #3F424B 100%) 0% 0% no-repeat padding-box;
    border-radius: 14px;
    padding: 30px;
    height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.client_slider {
    margin-top: 50px
}

.star_icon i {
    color: #fff;
}

.Financial_sec {
    background-color: #000000;
    padding: 80px 150px;
}

.fin_div {
    background-image: url('../images/Group\ 4881.png');
    border-radius: 30px;
    padding: 100px 50px;
    text-align: center;
}

.fin_div h1 {
    font-size: 64px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 35px;
}

.fin_div p {
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 35px;
}

.custom_btn_get {
    background-color: #fff !important;

    font-size: 20px !important;
    padding: 14px 80px !important;
    border-radius: 12px !important;
    font-style: italic;
    font-weight: 600 !important;
}

.custom_btn_get span {

    background: -webkit-linear-gradient(90deg, #0D539D 0%, #2071B8 47%, #2598D5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.drive_sec {
    padding: 80px 100px;
}

.drive_box {
    padding-left: 100px;
}

footer {
    background-color: #1E293B;
    padding: 50px 0px 0px;
    overflow-x: hidden;
}

.footer_txt {
    text-align: center;
}

.footer_txt .footer_logo {
    width: 400px;
}

.footer_icons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 20px 0px;
}

.footer_icons img {
    width: 60px;

}

.pages_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    margin: 15px 0px;
}

.pages_txt a {
    text-decoration: none;
    color: #fff !important;
    font-size: 24px;
}

footer hr {
    background-color: #fff;
    height: 2px;
    margin-top: 35px;
}

.copy_right {
    font-size: 20px;
    padding: 20px;
}

.about_sec1 {
    background-image: url('../images/Group\ 4883.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_div {
    text-align: center;

}

.about_div h1 {
    font-size: 72px;
    font-weight: 400;
    color: #fff;
}

.about_div p {
    font-size: 27px;
    font-weight: 300;
    color: #ffffffd1;
}

.about_div2txt {
    padding-right: 100px;
}

.abourmi {
    color: #fff;
    font-size: 32px;
}




.core-values {
    text-align: center;
    padding: 20px 80px 80px;
    background-color: #000000;
}

.core-values h2 {
    font-size: 64px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #fff;
}

.values-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}

.value-card {
    background: linear-gradient(145deg, #1a1a1a, #1e1e1e);
    border-radius: 20px;
    padding: 40px 25px;
    width: 500px;
    text-align: center;
    transition: all 0.4s ease;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;

}

.value_car1 {
    clip-path: polygon(0 0, 100% 4%, 100% 95%, 0% 100%);


}

.value_car2 {
    clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%);


}

.value-card img {

    width: 200px;
    margin-bottom: 25px;
    transition: transform 0.4s ease;
}

/* Hover Effects */
.value-card:hover {
    transform: scale(1.08);
    z-index: 10;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
    clip-path: none;
}

.value-card:hover img {
    transform: scale(1.1);
}

.value-card h3 {
    font-size: 36;
    margin-bottom: 15px;
    color: #fff;
}

.value-card p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}



.service_sec1 {
    background-image: url('../images/Group\ 4883.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_sec2 {
    background-color: #000000;
    padding: 100px 80px;
}

.card_ser_box {
    background-image: url('../images/bg.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 35px;
    padding: 50px;
    margin-bottom: 35px;

}

.serimgbox {
    background-image: url('../images/Mask\ Group\ 40.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;

    border-radius: 35px;
}



.ser_h2 {
    font-size: 48px;
    color: #2491D0;
    font-weight: 400;
}

.ser_p,
.card_ser_box li {
    color: #fff;
    font-size: 24px;
}

.serimgbox1 {
    margin-left: 70px !important;
    margin-right: 0px;
}

.serimgbox2 {
    margin-left: 0px !important;
    margin-right: 70px;
}

.serimgbox2 {
    margin-left: 0px !important;
    margin-right: 70px;
    display: flex;
    justify-content: center;
}

.case_stud_sec .ser_p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.ser_h2 {
    margin-bottom: 25px;
}

.expand_img {
    width: 600px;
}

.careers_sec1 {
    background-image: url('../images/Group\ 4882.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px;
}

.car_page_p {
    font-size: 24px;
    color: #fff;
}

.cares_h3 {
    color: #2491D0;
    font-size: 54px;
    font-weight: 400;
}

.car_sec2 {
    background-color: #000000;
    padding: 50px;
}

.location_sec {
    background-color: #000000;
    padding: 100px 0px;
}

.loa_h3 {
    color: #2491D0;
    font-size: 64px;
    font-weight: 400;
}

.locartion_head {
    text-align: center;
}

.loa_carp {
    font-size: 24px;
    color: #ffffffe0;
    font-weight: 300;
}

.loac_icons_card {
    text-align: center;
}

.loctio_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 80px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.job_title {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

.subhead {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    background: #707070 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 28px;
    padding: 8px 25px;
    width: fit-content;
    text-align: center;
}

.carr_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carr_box i {
    color: #fff;
    font-size: 40px
}

.jd_section {
    background-color: #000000;
    padding: 80px 250px;
}

.jd_h1 {
    font-size: 48px;
    color: #2491D0;
    font-weight: 400;
}

.jc_detils_h4 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 30px;
}

.jd_section .ser_p {
    font-weight: 300;
}

.jd_hr {
    height: 5px;
    background: #70706F 0% 0% no-repeat padding-box;
    border-radius: 14px;
    margin: 30px 0px;
}

.jd_section li {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
}

.jd_section ul {
    padding-left: 26px;
}

.conatact_box {
    background-position: bottom;
    margin-top: 80px;
    text-align: left;
    border: 0.5px solid #ffffff23;
}

.contact_form .ser_h2 {
    font-size: 64px;
    color: #fff;
}

.coant_card {
    display: flex;
    flex-direction: column;
    gap: 180px 0px;
}

.contat_txt {
    padding-top: 50px;
}

.contat_txt p {
    color: #fff;
    display: flex;
    align-items: baseline;
    gap: 15px;
    font-size: 20px;
}

.input_group label {
    font-size: 20px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 10px;
}

.input_group {
    margin-bottom: 25px;
}

.input_group .form-control {
    font-size: 18px;
    color: #fff;
    font-weight: 200;
    background-color: #232325;
    padding: 12px 20px;
    border: 0px;

}

.input_group .form-control::placeholder {
    color: #fff;
}

/* Remove white background or outline on click/focus */
.input_group .form-control:focus {
    background-color: #232325;
    outline: none;
    box-shadow: none;
    color: #fff;
}

.unfi_img {
    width: 515px;
}

.unfied_div {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.logo-slider-wrapper {
    height: 150px;
}

.logo-slider {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.logo-slider .swiper-slide {
    position: relative;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}



.logo-slider .swiper-slide img {
    margin: 0 auto;
    max-width: 100% !important;
    height: auto;
}



/* ==========================
   📱 Mobile Responsive (300px–600px)
   ========================== */
@media screen and (min-width: 300px) and (max-width: 600px) {

    /* General */
    body {
        overflow-x: hidden;
    }

    header {
        padding: 8px 0px;
        background-color: #000000;
    }

    .unfi_img {
        width: 100%;
    }

    .core_inerbox .row.mt-4 {
        margin-top: 0px !important;
    }

    .brand_sec {
        padding: 50px 0px;
    }

    .build_sec {
        padding: 50px 0px;
    }

    .core_txt {
        margin-bottom: 20px;
    }

    .nav_log_btnflex {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .navbar-toggler-icon i {
        color: #fff;
        font-size: 30px;
    }



    .core_inerbox,
    .drive_sec {
        padding: 50px 0px;
    }

    .drive_box {
        padding: 20px 0px;
    }

    .trust_clientsec {
        padding: 71px 15px;
    }

    .client_txt {
        height: fit-content;
    }

    .Financial_sec {
        padding: 80px 0px;
    }

    .footer_txt .footer_logo {
        width: 100%;
    }

    .pages_txt {
        flex-direction: column;
    }

    .home_sec .txt_div h1 {
        font-size: 40px;
    }

    .home_sec {
        background-color: #000000;
        padding-top: 100px;
    }



    lottie-player {
        width: 100% !important;
        height: 200px !important;
    }

    .mercht_img {
        width: 40%;
        margin-bottom: 30px;
    }

    .nav_bar .navbar-nav .nav-item a {
        font-size: 16px;
    }

    .custom_btn,
    .contentbtn {
        font-size: 16px !important;
        padding: 10px 20px !important;
    }

    /* Hero Section */
    .home_sec {
        padding-top: 100px;
        text-align: center;
    }

    .home_sec .txt_div h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .home_sec .txt_div h4 {
        font-size: 18px;
    }

    .home_img img {
        width: 100%;
        margin-top: -72px;
    }

    /* Brand Section */
    .brnd_txt h1 {
        font-size: 28px;
    }

    .brnd_txt h4 {
        font-size: 18px;
    }

    .bank_logo .owl-item img {
        width: 140px !important;
    }


    .core_box .headcore {
        font-size: 32px;
    }

    .core_box .cor_P {
        font-size: 18px;
    }

    .core_txt h1 {
        font-size: 22px;
    }

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

    /* Why Choose Section */
    .why_choose_sec {
        padding: 67px 20px 45px;
        text-align: center;
    }

    .drive_sec {
        padding: 22px 20px !important;
        text-align: center;
    }

    .why_txt {
        padding: 50px 0px 27px;
    }

    .why_h1 {
        font-size: 32px;
    }

    br {
        display: none;
    }

    .first {
        padding: 25px 10px;
    }

    .first .num {
        font-size: 38px;
        color: #ffffff;
        font-weight: 600;
    }

    .drive_box h1 {
        width: 100% !important;
        text-align: center;
    }

    .drive_box .first {
        flex-direction: column;
    }

    .first .text {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: 300;
        margin: 0;
        text-align: center;
        width: 100%;
    }



    .why_P {
        font-size: 16px;
    }

    .why_img {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }

    /* Client Section */
    .trust_clientsec h1 {
        font-size: 32px;
    }

    .client_card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .client_card img {
        width: 70px !important;
        height: 70px;
    }

    .client_txt {
        height: auto;
        padding: 20px;
    }

    .des_p {
        font-size: 20px;
    }

    /* Financial Section */
    .Financial_sec {
        padding: 40px 20px;
    }

    .fin_div {
        padding: 60px 20px;
    }

    .fin_div h1 {
        font-size: 32px;
    }

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

    .custom_btn_get {
        padding: 10px 40px !important;
        font-size: 16px !important;
    }

    /* About / Services / Careers */
    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding: 60px 20px;
        background-size: cover;
    }

    .about_div h1,
    .ser_h2,
    .cares_h3 {
        font-size: 32px;
    }

    .about_div p,
    .ser_p,
    .car_page_p {
        font-size: 18px;
    }

    .card_ser_box {
        padding: 25px 0px;
        margin-bottom: 0;
    }

    .serimgbox1,
    .serimgbox2 {
        margin: 0 !important;
    }

    .expand_img {
        width: 100%;
    }

    /* Location Section */
    .locartion_head .loa_h3 {
        font-size: 36px;
    }

    .loa_carp {
        font-size: 18px;
    }

    .loctio_flex {
        flex-direction: column;
        gap: 30px;
    }

    /* Contact Section */
    .contact_form .ser_h2 {
        font-size: 36px;
    }

    .contat_txt p {
        font-size: 16px;

    }

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

    .input_group .form-control {
        font-size: 16px;
        padding: 10px 15px;
    }

    /* Footer */
    .footer_txt .footer_logo {
        width: 250px;
    }

    .pages_txt a {
        font-size: 18px;
    }

    .footer_icons img {
        width: 40px;
    }

    .contat_txt {
        padding: 0px 0px 50px;
    }

    .copy_right {
        font-size: 14px;
    }

    /* Core Values */
    .core-values {
        padding: 50px 0px 40px;
    }

    .core-values h2 {
        font-size: 32px;
    }

    .value-card {
        width: 100%;
        padding: 25px;
    }

    .value-card h3 {
        font-size: 22px;
    }

    .value-card:hover {
        transform: none;
        z-index: unset;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
        clip-path: none;
    }


    .value-card p {
        font-size: 16px;
    }

    .value-card img {
        width: 150px;
    }

    .value_car1,
    .value_car2 {
        clip-path: none;
    }

    #animation-container lottie-player {
        width: 100%;
        height: 300px;
        /* Adjust height for smaller screens */
    }

    .unfi_img {
        width: 80%;
        max-width: 300px;
        transform: rotate(299deg);
    }

    .unfied_div {
        padding: 10px 0;
    }

    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding-top: 150px;
    }

    .about_div2txt {
        padding-top: 0px;
    }

    .service_sec2 {
        background-color: #000000;
        padding: 72px 0px;
    }

    .car_txt2 {
        padding: 30px 0px;
    }

    .car_txt2 ul li {
        font-size: 18px;
    }

    .serimgbox img {
        width: 100%;
    }

    .car_sec2 {
        background-color: #000000;
        padding: 50px 0;
    }

    .serimgbox1 img,
    .serimgbox2 img {
        width: 100%;
        margin-block: 20px;
    }

    .serimgbox2 img {
        width: 40%;
        margin-block: 20px;
    }

    .carreer_jobsec .drive_box .first {
        flex-direction: row;
    }

    .job_title {
        text-align: left;
    }

    .jd_section {
        padding: 80px 0px;
    }

    .jc_detils_h4 {
        font-size: 22px;
    }

    .jd_section li {
        font-size: 18px;
    }

    .coant_card {
        display: block;
    }

    .contact_form {
        padding: 150px 0px 50px;
    }

    .conatact_box {
        padding: 40px 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {

    /* General */
    body {
        overflow-x: hidden;
    }

    header {
        padding: 15px 0px;
        background-color: #000000;
    }

    .nav_log_btnflex {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-toggler-icon i {
        color: #fff;
        font-size: 28px;
    }

    .custom_btn,
    .contentbtn {
        font-size: 18px !important;
        padding: 12px 28px !important;
    }

    /* Home Section */
    .home_sec {
        padding-top: 120px;
        background-color: #000000;
        text-align: center;
    }

    .home_sec .txt_div h1 {
        font-size: 48px;
        line-height: 1.3;
    }

    .home_sec .txt_div h4 {
        font-size: 22px;
    }

    .home_img img {
        width: 90%;
        margin-top: -50px;
    }

    /* Lottie Animation */
    #animation-container lottie-player {
        width: 100%;
        height: 300px !important;
    }

    /* Unified Image Section */
    .unfied_div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
    }

    .unfi_img {
        width: 100%;
        max-width: 400px;
        height: auto;
        transform: rotate(299deg);
    }

    /* Brand Section */
    .brand_sec {
        padding: 80px 20px;
    }

    .brnd_txt h1 {
        font-size: 38px;
    }

    .brnd_txt h4 {
        font-size: 22px;
    }

    .bank_logo .owl-item img {
        width: 160px !important;
    }

    /* Core Values */
    .core-values {
        padding: 80px 0px 60px;
    }

    .core-values h2 {
        font-size: 38px;
    }

    .value-card {
        width: 100%;
        padding: 40px;

    }

    .value-card h3 {
        font-size: 26px;
    }

    .value-card p {
        font-size: 18px;
    }

    .value-card img {
        width: 180px;
    }

    .service_sec2 {
        background-color: #000000;
        padding: 100px 20px;
    }

    .serimgbox {
        margin: 20px 20px !important;

    }

    /* Drive / Why Choose Section */
    .drive_sec,
    .why_choose_sec {
        padding: 80px 20px;

    }

    .drive_box .first {
        flex-direction: row;
        justify-content: center;
        gap: 20px;
    }

    .why_h1 {
        font-size: 30px;
    }

    .first .num {
        font-size: 42px;
    }

    .top_whyhead {
        font-size: 18px;
    }

    .first .text {
        font-size: 22px;
        width: auto;
    }

    /* Client Section */
    .trust_clientsec {
        padding: 90px 40px;
    }

    .trust_clientsec h1 {
        font-size: 40px;
    }

    .client_card {
        flex-direction: row;
        align-items: center;
        text-align: left;
        gap: 20px;
    }

    .client_card img {
        width: 90px !important;
        height: 90px;
    }

    .client_txt {
        padding: 20px;
        font-size: 18px;
        height: fit-content;
    }

    /* Financial Section */
    .Financial_sec {
        padding: 80px 20px;
    }

    .fin_div {
        padding: 80px 40px;
    }

    .fin_div h1 {
        font-size: 38px;
    }

    .fin_div p {
        font-size: 18px;
    }

    /* About / Services / Careers */
    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding: 100px 40px;
        background-size: cover;
    }

    .service_sec1 {
        padding-top: 200px !important;
    }

    .about_div h1,
    .ser_h2,
    .cares_h3 {
        font-size: 38px;
    }

    .about_div p,
    .ser_p,
    .car_page_p {
        font-size: 20px;
    }

    .location_sec {
        background-color: #000000;
        padding: 50px 10px;
    }

    .card_ser_box {
        padding: 30px 20px;
    }

    .serimgbox img {
        width: 55%;
    }

    /* Location Section */
    .locartion_head .loa_h3 {
        font-size: 40px;
    }

    .loa_carp {
        font-size: 20px;
    }

    .loctio_flex {
        flex-direction: row;
        gap: 50px;
    }

    .ser_p,
    .card_ser_box li {
        color: #fff;
        font-size: 18px;
    }

    /* Contact Section */
    .contact_form {
        padding: 120px 40px 80px;
    }

    .contact_form .ser_h2 {
        font-size: 38px;
    }

    .contat_txt p {
        font-size: 18px;
    }

    .input_group label {
        font-size: 18px;
    }

    .input_group .form-control {
        font-size: 18px;
        padding: 12px 18px;
    }

    /* Footer */
    .footer_txt .footer_logo {
        width: 280px;
    }

    .pages_txt a {
        font-size: 18px;
    }

    .footer_icons img {
        width: 45px;
    }

    .copy_right {
        font-size: 15px;
    }

    br {
        display: none;
    }

    .core_txt {
        margin-bottom: 20px;
    }

    .core_inerbox {
        padding-inline: 0px;
    }

    .core_inerbox .row.mt-4 {
        margin-top: 0px !important;
    }

    .why_txt {
        margin-top: 30px;
    }

    .drive_sec .drive_box {
        padding: 40px 0px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2 boxes per row */
        gap: 20px;
    }

    .drive_box .first {
        display: block;
    }

    .core_inerbox .core_txt {
        height: 500px;
    }

    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding-top: 150px;
    }

    .value-card:hover {
        transform: none;
        z-index: unset;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
        clip-path: none;
    }


    .value-card p {
        font-size: 16px;
    }

    .value-card img {
        width: 150px;
    }

    .value_car1,
    .value_car2 {
        clip-path: none;
    }

    .values-container {
        align-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .serimgbox1,
    .serimgbox2 {
        margin: 30px 0px 30px !important;
    }

    .carr_box {
        padding: 20px !important;
        display: flex !important;
    }

    .coant_card {
        display: block;
    }

    .contat_txt {
        padding: 0px 0px 50px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {

    /* General adjustments */
    body {
        overflow-x: hidden;
    }

    header {
        padding: 10px 25px;
    }

    .nav_bar .navbar-nav .nav-item a {
        font-size: 18px;
    }

    .custom_btn,
    .contentbtn {
        font-size: 18px !important;
        padding: 10px 25px !important;
    }

    /* Home Section */
    .home_sec {
        padding-top: 130px;
    }

    .home_sec .txt_div h1 {
        font-size: 56px;
    }

    .home_sec .txt_div h4 {
        font-size: 22px;
    }

    .home_img img {
        width: 100%;
        margin-top: -120px;
    }

    /* Brand Section */
    .brand_sec {
        padding: 60px 40px;
    }

    .brnd_txt h1 {
        font-size: 42px;
    }

    .brnd_txt h4 {
        font-size: 22px;
    }

    .bank_logo .owl-item img {
        width: 180px !important;
    }

    /* Build Section */
    .build_sec {
        padding: 60px 50px;
    }

    .core_box .headcore {
        font-size: 42px;
    }

    .core_box .cor_P {
        font-size: 22px;
    }

    .core_inerbox {
        padding: 40px;
    }

    .core_txt h1 {
        font-size: 26px;
    }

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

    .mercht_img {
        width: 250px;
    }

    /* Why Choose Section */
    .why_choose_sec {
        padding: 100px 60px;
    }

    .why_h1 {
        font-size: 38px;
    }

    .why_P {
        font-size: 16px;
        line-height: 24px;
    }

    .why_img {
        padding-right: 30px;
    }

    .first .num {
        font-size: 36px;
    }

    .first .text {
        font-size: 22px;
    }

    /* Client Section */
    .trust_clientsec {
        padding: 80px 60px;
    }

    .trust_clientsec h1 {
        font-size: 36px;
    }

    .client_txt {
        padding: 25px;
        height: fit-content !important;
    }

    .client_card img {
        width: 70px !important;
        height: 70px;
    }

    .des_p {
        font-size: 18px;
    }

    .top_whyhead {
        font-size: 21px;
    }

    /* Financial Section */
    .Financial_sec {
        padding: 0px 50px 50px;
    }

    .fin_div {
        padding: 80px 40px;
    }

    .fin_div h1 {
        font-size: 54px;
    }

    .fin_div p {
        font-size: 18px;
    }

    /* Core Values */
    .core-values {
        padding: 50px 60px 80px;
    }

    .core-values h2 {
        font-size: 54px;
    }

    .value-card {
        width: 420px;
        height: 430px;
        padding: 30px 20px;
    }

    .value-card img {
        width: 160px;
    }

    .value-card h3 {
        font-size: 28px;
    }

    .value-card p {
        font-size: 16px;
    }

    .value_car1 img {
        width: 200px !important;
    }

    /* Service Section */
    .service_sec1,
    .about_sec1 {
        padding: 80px;
    }

    .titlename {
        font-size: 18px;
    }

    .ser_h2,
    .about_div h1 {
        font-size: 54px;
    }

    .ser_p,
    .about_div p,
    .card_ser_box li {
        font-size: 18px;
    }

    .card_ser_box {
        padding: 40px;
    }

    .expand_img {
        width: 500px;
    }


    /* Careers Section */
    .careers_sec1 {
        padding: 100px;
    }

    .cares_h3 {
        font-size: 46px;
    }

    .car_page_p {
        font-size: 20px;
    }

    .serimgbox img {
        width: 100%;
    }

    /* Location Section */
    .location_sec {
        padding: 80px 0;
    }

    .loa_h3 {
        font-size: 54px;
    }

    .loa_carp {
        font-size: 20px;
    }

    .loctio_flex {
        gap: 60px;
    }

    /* Contact Section */
    .contact_form {
        padding: 100px 100px;
    }

    .contact_form .ser_h2 {
        font-size: 36px;
    }

    .input_group label {
        font-size: 18px;
    }

    .input_group .form-control {
        font-size: 16px;
        padding: 10px 15px;
    }

    /* Footer */
    .footer_txt .footer_logo {
        width: 320px;
    }

    .footer_icons img {
        width: 50px;
    }

    .pages_txt a {
        font-size: 20px;
    }

    .copy_right {
        font-size: 16px;
    }

    /* Unified Image */
    .unfi_img {
        width: 450px;
    }

    #animation-container lottie-player {
        width: 100%;
        height: 270px !important;
        /* Adjust height for smaller screens */
    }

    /* Grid Section (like 2x2 stats boxes) */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        max-width: 800px;
        margin: 0 auto;
    }

    br {
        display: none;
    }

    .core_sec .core_txt {
        height: 440px;
    }

    .drive_box {
        padding-left: 25px;
    }

    .drive_sec .first {
        padding: 25px;
    }

    .drive_sec .first h1 {
        width: 100% !important;
    }

    .drive_sec .first .text {
        width: 100%;
        font-size: 18px;
    }

    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding: 200px 40px 80px;
        background-size: cover;
    }

    .about_div2txt {
        padding-right: 25px;
    }

    .abourmi {
        color: #fff;
        font-size: 18px;
    }

    .value-card:hover {
        transform: none;
        z-index: unset;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
        clip-path: none;
    }


    .value-card p {
        font-size: 16px;
    }

    .value-card img {
        width: 150px;
    }

    .value_car1,
    .value_car2 {
        clip-path: none;
    }

    .values-container {
        align-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service_sec2 {
        padding: 100px 30px;
    }

    .expand_hide {
        padding: 0;
    }

    .ser_h2 {
        font-size: 36px;
    }

    .serimgbox1,
    .serimgbox2 {
        margin-left: 0 !important;
        margin-right: 0px !important;
    }

    .serimgbox1 img,
    .serimgbox2 img {
        width: 100%;
    }

    .case_stud_sec .card_ser_box {
        padding: 0px !important;
    }

    .case_stud_sec {
        padding-bottom: 10px !important;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1439px) {

    /* General adjustments */
    body {
        overflow-x: hidden;
    }

    header {
        padding: 10px 25px;
    }

    .nav_bar .navbar-nav .nav-item a {
        font-size: 18px;
    }

    .custom_btn,
    .contentbtn {
        font-size: 18px !important;
        padding: 10px 25px !important;
    }

    /* Home Section */
    .home_sec {
        padding-top: 130px;
    }

    .home_sec .txt_div h1 {
        font-size: 56px;
    }

    .home_sec .txt_div h4 {
        font-size: 22px;
    }

    .home_img img {
        width: 100%;
        margin-top: -120px;
    }

    /* Brand Section */
    .brand_sec {
        padding: 60px 40px;
    }

    .brnd_txt h1 {
        font-size: 42px;
    }

    .brnd_txt h4 {
        font-size: 22px;
    }

    .bank_logo .owl-item img {
        width: 180px !important;
    }

    /* Build Section */
    .build_sec {
        padding: 60px 50px;
    }

    .core_box .headcore {
        font-size: 42px;
    }

    .core_box .cor_P {
        font-size: 22px;
    }

    .core_inerbox {
        padding: 40px;
    }

    .core_txt h1 {
        font-size: 26px;
    }

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

    .mercht_img {
        width: 250px;
    }

    /* Why Choose Section */
    .why_choose_sec {
        padding: 100px 60px;
    }

    .why_h1 {
        font-size: 38px;
    }

    .why_P {
        font-size: 16px;
        line-height: 24px;
    }

    .why_img {
        padding-right: 30px;
    }

    .first .num {
        font-size: 48px;
    }

    .first .text {
        font-size: 22px;
    }

    /* Client Section */
    .trust_clientsec {
        padding: 80px 60px;
    }

    .trust_clientsec h1 {
        font-size: 36px;
    }

    .client_txt {
        padding: 25px;
        height: fit-content !important;
    }

    .client_card img {
        width: 70px !important;
        height: 70px;
    }

    .des_p {
        font-size: 26px;
    }

    .top_whyhead {
        font-size: 21px;
    }

    /* Financial Section */
    .Financial_sec {
        padding: 0px 50px 50px;
    }

    .fin_div {
        padding: 80px 40px;
    }

    .fin_div h1 {
        font-size: 54px;
    }

    .fin_div p {
        font-size: 18px;
    }

    /* Core Values */
    .core-values {
        padding: 50px 60px 80px;
    }

    .core-values h2 {
        font-size: 54px;
    }

    .value-card {
        width: 350px;

        padding: 30px 20px;
    }

    .value-card img {
        width: 160px;
    }

    .value-card h3 {
        font-size: 28px;
    }

    .value-card p {
        font-size: 16px;
    }

    .value_car1 img {
        width: 200px !important;
    }

    /* Service Section */
    .service_sec1,
    .about_sec1 {
        padding: 80px;
    }

    .titlename {
        font-size: 18px;
    }


    .about_div h1 {
        font-size: 54px;
    }

    /* .ser_p,
    .about_div p,
    .card_ser_box li {
        font-size: 18px;
    } */

    .card_ser_box {
        padding: 40px;
    }

    .expand_img {
        width: 500px;
    }


    /* Careers Section */
    .careers_sec1 {
        padding: 100px;
    }

    .cares_h3 {
        font-size: 46px;
    }

    .car_page_p {
        font-size: 20px;
    }

    .serimgbox img {
        width: 100%;
    }

    /* Location Section */
    .location_sec {
        padding: 80px 0;
    }

    .loa_h3 {
        font-size: 54px;
    }

    .loa_carp {
        font-size: 20px;
    }

    .loctio_flex {
        gap: 60px;
    }

    /* Contact Section */
    .contact_form {
        padding: 100px 100px;
    }

    .contact_form .ser_h2 {
        font-size: 36px;
    }

    .input_group label {
        font-size: 18px;
    }

    .input_group .form-control {
        font-size: 16px;
        padding: 10px 15px;
    }

    /* Footer */
    .footer_txt .footer_logo {
        width: 320px;
    }

    .footer_icons img {
        width: 50px;
    }

    .pages_txt a {
        font-size: 20px;
    }

    .copy_right {
        font-size: 16px;
    }

    /* Unified Image */
    .unfi_img {
        width: 450px;
    }

    .lp_media #animation-container {
        width: 100%;

        /* Adjust height for smaller screens */
    }

    .lp_media img {
        margin-bottom: 80px;
    }

    /* Grid Section (like 2x2 stats boxes) */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        max-width: 800px;
        margin: 0 auto;
    }

    br {
        display: none;
    }



    .drive_box {
        padding-left: 25px;
    }

    .drive_sec .first {
        padding: 25px;
    }


    .drive_sec .first .text {
        width: 100%;

    }

    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding: 200px 40px 80px;
        background-size: cover;
    }

    .about_div2txt {
        padding-right: 25px;
    }

    .abourmi {
        color: #fff;
        font-size: 18px;
    }




    .service_sec2 {
        padding: 100px 30px;
    }

    .expand_hide {
        padding: 0;
    }

    .serimgbox1,
    .serimgbox2 {
        margin-left: 0 !important;
        margin-right: 0px !important;
    }

    .serimgbox1 img,
    .serimgbox2 img {
        width: 100%;
    }

    .case_stud_sec .card_ser_box {
        padding: 0px !important;
    }

    .case_stud_sec {
        padding-bottom: 10px !important;
    }

    .lp_media {
        height: 100%;
    }

    .cust_lp_350px #animation-container {
        height: 340px;
    }

    .last_lot #animation-container {
        height: 800px !important;
    }

}

/* ✅ Responsive for Laptops (1440px to 1600px) */
@media screen and (min-width: 1440px) and (max-width: 1700px) {

    header {
        padding: 8px 20px;
    }

    .nav_bar .navbar-nav .nav-item a {
        font-size: 18px;
    }

    .custom_btn,
    .contentbtn {
        font-size: 18px !important;
        padding: 12px 28px !important;
    }

    .home_sec .txt_div h1 {
        font-size: 60px;
    }

    .home_sec .txt_div h4 {
        font-size: 22px;
    }

    .abourmi {
        font-size: 26px;
    }

    .about_sec1,
    .service_sec1,
    .careers_sec1 {
        padding: 200px 40px 80px;
        background-size: cover;
    }

    .home_img img {
        margin-top: -220px;
    }

    .brnd_txt h1 {
        font-size: 42px;
    }

    .core_inerbox {
        padding: 50px;
    }

    .core_box .headcore {
        font-size: 40px;
    }

    .core_box .cor_P {
        font-size: 22px;
    }

    .why_choose_sec {
        padding: 120px 40px;
    }

    .why_h1 {
        font-size: 46px;
    }

    .first .num {
        font-size: 54px;
    }

    .first .text {
        font-size: 24px;
    }

    .Financial_sec {
        padding: 60px 100px;
    }

    .fin_div h1 {
        font-size: 54px;
    }

    .fin_div p {
        font-size: 18px;
    }

    .custom_btn_get {
        font-size: 18px !important;
        padding: 12px 60px !important;
    }

    footer .footer_logo {
        width: 300px;
    }

    .pages_txt a {
        font-size: 20px;
    }

    .about_div h1 {
        font-size: 60px;
    }

    .about_div p {
        font-size: 22px;
    }

    .value-card {
        width: 400px;
        padding: 30px 20px;
    }

    .value-card h3 {
        font-size: 28px;
    }

    .ser_h2 {
        font-size: 42px;
    }

    .ser_p,
    .card_ser_box li {
        font-size: 20px;
    }

    .jd_section {
        padding: 60px 180px;
    }

    .jd_h1 {
        font-size: 40px;
    }

    .input_group label {
        font-size: 18px;
    }

    .input_group .form-control {
        font-size: 16px;
    }

    .unfi_img {
        width: 420px;
    }

    .lp_media {
        height: 100%;
    }

    .cust_lp_350px #animation-container {
        height: 340px;
    }

    .case_stud_sec .card_ser_box {
        padding: 0px !important;
    }

    .serimgbox1 img,
    .serimgbox2 img {
        width: 100%;
    }

    .service_sec2 {
        padding: 100px 30px;
    }
}

.service_sec2 .card_ser_box {
    margin-bottom: 20px;
}

.about_sec1,
.service_sec1,
.careers_sec1 {
    padding: 200px 40px 80px;
    background-size: cover;
}

.clop_img img {
    width: 70%;
}