/* body styles */
body {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
    min-height: 100vh;
}

/* header css start */
.top_detail ul {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.top_detail ul li {
    display        : flex;
    align-items    : center;
    gap            : 15px;
    border-right   : 1px solid #6666664f;
    justify-content: center;
    width          : 100%;
}

.top_detail ul li:first-child {
    justify-content: start;
}

.top_detail ul li:last-child {
    border: 0;
}

.top_detail ul li .icon_top {
    width          : 40px;
    height         : 40px;
    border-radius  : 50%;
    background     : var(--color-primary);
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-size      : 16px;
    color          : #fff;
}

.top_detail ul li .to-numver p {
    margin-bottom: 3px;
    font-family  : Inter;
    font-size    : 13px;
    color        : var(--color-paira);
}

.top_detail ul li .to-numver h4 {
    font-size  : 15px;
    font-weight: 700;
    margin     : 0;
}

.top_header {
    padding   : 15px 0px 20px 0px;
    background: #fff;
}

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

header {
    background: #131313;
    padding   : 10px 0px;
    position  : sticky;
    top       : -1px;
    z-index   : 1000;
}

.logo img {
    width     : 200px;
    object-fit: cover;
}

.main_header ul li:last-child {
    display    : flex;
    align-items: center;
    gap        : 15px;
}

.header_menu {
    position: relative;
}

.header_menu ul {
    display         : block;
    position        : absolute;
    background      : #fff;
    top             : 54px;
    visibility      : hidden;
    opacity         : 0;
    transform       : scaleY(0);
    transform-origin: 0 0 0;
    overflow        : hidden;
    transition      : 0.5s;
}

header .header_menu:hover ul {
    opacity   : 1;
    transform : scaleY(1);
    visibility: visible;
}

.header_menu ul li a {
    color      : #000 !important;
    white-space: nowrap;
    font-size  : 14px !important;
    padding    : 0px !important;
}


.header_menu ul li {
    padding      : 8px 14px;
    border-bottom: 1px solid #80808042;
}

.header_menu ul li:last-child {
    border: 0;
}

.main_header ul li:last-child p {
    margin-bottom: 0px;
    font-size    : 13px;
    color        : #ffffffb8;
    position     : relative;
    width        : fit-content;
}

.main_header ul li:last-child p:before {
    height       : 10px;
    width        : 10px;
    background   : #2f8f00;
    border-radius: 50%;
    display      : flex;
    bottom       : 4px;
    position     : absolute;
    right        : -13px;
    top          : 0;
    content      : '';
}

.main_header ul li:last-child p:after {
    position                         : absolute;
    right                            : -18px;
    content                          : '';
    background                       : #2f8f00;
    z-index                          : 100000;
    -webkit-border-radius            : 30px;
    height                           : 20px;
    width                            : 20px;
    -webkit-animation                : pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    top                              : -5px;
}

.main_header ul li:last-child a {
    font-size  : 16px;
    font-weight: 600;
    color      : #fff;
}

.main_header ul li a {
    font-size  : 15px;
    color      : #fff;
    font-weight: 500;
    position   : relative;
    transition : 0.5s;
    padding    : 30px 0px;
}

.social_media {
    display        : flex;
    justify-content: end;
}

.social_media li a {
    display        : flex;
    margin         : 0px 6px;
    border-radius  : 50%;
    align-items    : center;
    justify-content: center;
    color          : #0e0e0e;
    font-size      : 18px;
    width          : 35px;
    height         : 35px;
    background     : #00000021;
    transition     : 0.5s;
}

.social_media li a:hover {
    background-color: var(--color-primary);
    color           : #fff;
}

/* header css end */



/* hero section start */
.hero_section {
    background     : url(../images/hero-banner.jpg);
    width          : 100%;
    height         : 91vh;
    background-size: cover;
    display        : flex;
    align-items    : center;
}

.hero_content h1 {
    font-size  : 55px;
    color      : #fff;
    font-weight: 700;
}

.hero_content h1 span {
    color: var(--color-primary);
}

.hero_content p {
    font-size  : 16px;
    color      : #fff;
    font-weight: 400;
    line-height: 30px;
    margin-top : 20px;
}



.hero_content h5:before {
    position     : absolute;
    left         : 0;
    top          : 0;
    width        : 10px;
    height       : 10px;
    background   : var(--color-primary);
    content      : '';
    border-radius: 50%;
    bottom       : 0;
    margin       : auto;
}

.hero_content h5 {
    color        : #ffffff;
    font-weight  : 600;
    margin-bottom: 25px;
    position     : relative;
    padding-left : 55px;
    display      : flex;
    align-items  : center;
    font-size    : 18px;
}

.hero_content h5 span {
    width     : 43px;
    height    : 2px;
    background: var(--color-primary);
    display   : flex;
    position  : absolute;
    left      : 0;
}

.hero_content h5:after {
    position                         : absolute;
    left                             : -5px;
    content                          : '';
    background                       : var(--color-primary);
    z-index                          : 1;
    -webkit-border-radius            : 30px;
    height                           : 20px;
    width                            : 20px;
    -webkit-animation                : pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity          : 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity          : 0.0;
    }
}

.hero_img img {
    width: 100%;
}

.hero_img_mobile {
    display   : none;
    margin-top: 30px;
}

.hero_img_mobile img {
    width: 100%;
}

.hero_img {
    position: relative;
}

.hero-img-3 {
    position : absolute;
    left     : 0;
    animation: spin 4s infinite alternate ease-in-out;
}

@keyframes spin {
    0% {
        transform: translate(0px, -30px);
    }

    100% {
        transform: translate(0px, 30px);
    }
}


.top_services {
    margin-top: 30px;
    padding   : 60px 0 50px;
    /* background removed for uniform body color */
}

@keyframes backgroundFloat {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(1deg);
    }
}

@keyframes cardFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
    }
}



.service_tob_box {
    position     : relative;
    z-index      : 1;
    padding      : 40px 30px;
    border-radius: 30px;
    box-shadow   :
        0px 30px 120px -25px rgba(71, 85, 105, 0.15),
        0px 15px 50px -15px rgba(148, 163, 184, 0.1),
        0px 5px 20px rgba(203, 213, 225, 0.08);
    margin-bottom  : 30px;
    background     : linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border         : 1px solid rgba(226, 232, 240, 0.6);
    transition     : all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow       : hidden;
    transform-style: preserve-3d;
    animation      : cardFloat 8s ease-in-out infinite;
    height         : 320px;
    display        : flex;
    flex-direction : column;
    justify-content: flex-start;
}

.service_tob_box:nth-child(1) {
    animation-delay: 0s;
}

.service_tob_box:nth-child(2) {
    animation-delay: 2s;
}

.service_tob_box:nth-child(3) {
    animation-delay: 4s;
}



.service_tob_box h1 {
    font-size              : 20px;
    font-weight            : 800;
    margin-bottom          : 20px;
    flex-flow              : column;
    display                : flex;
    transition             : all 0.4s ease;
    background             : linear-gradient(135deg, #1e293b 0%, #475569 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
    flex                   : 1;
    margin-right           : 15px;
}

.service_tob_box h1 span {
    margin-bottom          : 8px;
    font-size              : 42px;
    background             : linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
    font-weight            : 900;
    transition             : all 0.4s ease;
    text-shadow            : 0 4px 8px rgba(102, 126, 234, 0.3);
    position               : relative;
}

.service_tob_box h1 span::before {
    content                : attr(data-number);
    position               : absolute;
    top                    : 0;
    left                   : 0;
    background             : linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
    opacity                : 0;
    transition             : all 0.4s ease;
}

.service_tob_box img {
    width          : 70px;
    height         : 70px;
    object-fit     : cover;
    margin-bottom  : 0;
    transition     : all 0.4s ease;
    filter         : drop-shadow(0 8px 16px rgba(102, 126, 234, 0.3));
    border-radius  : 15px;
    padding        : 12px;
    background     : linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
    backdrop-filter: blur(10px);
    flex-shrink    : 0;
}

.service_tob_box p {
    font-size     : 15px;
    margin        : 0;
    line-height   : 1.6;
    color         : #475569;
    transition    : all 0.4s ease;
    font-weight   : 400;
    letter-spacing: 0.2px;
    margin-top    : 15px;
    text-align    : justify;
    min-height    : 60px;
}

.service_tob_box::after {
    position     : absolute;
    left         : 0;
    top          : 0;
    content      : "";
    height       : 100%;
    width        : 100%;
    z-index      : -1;
    background   : linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    opacity      : 0;
    transition   : all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 25px;
    transform    : scale(0.8);
}

.service_tob_box:hover::after {
    opacity  : 1;
    transform: scale(1);
}

.service_tob_box:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow:
        0px 40px 150px -30px rgba(71, 85, 105, 0.2),
        0px 20px 80px -20px rgba(148, 163, 184, 0.15),
        0px 10px 30px rgba(203, 213, 225, 0.12);
    border: 1px solid rgba(203, 213, 225, 0.8);
}

.service_tob_box:hover h1 span {
    background             : linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
    transform              : scale(1.1) translateY(-3px);
    text-shadow            : 0 6px 12px rgba(255, 255, 255, 0.4);
}

.service_tob_box:hover h1 span::before {
    opacity: 1;
}

.service_tob_box:hover h1 {
    background             : linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
    text-shadow            : 0 2px 8px rgba(15, 23, 42, 0.15);
    transform              : translateY(-2px);
}

.service_tob_box:hover img {
    filter   : drop-shadow(0 5px 15px rgba(71, 85, 105, 0.3));
    transform: scale(1.1) translateY(-3px);
    opacity  : 0.9;
}

.service_tob_box:hover p {
    color    : #1e293b;
    transform: translateY(-1px);
}

/* hero section end */



/* about us css start */
/* .mt-5.pt-5 background removed for uniform body color */

/* .mt-100 background removed for uniform body color */

.company_left_wrapper {
    display : flex;
    gap     : 20px;
    position: relative;
}

.company_separate_left {
    display       : flex;
    flex-direction: column;
    gap           : 20px;
}

.company_left_middle {
    position           : absolute;
    top                : 60%;
    left               : 50%;
    transform          : translate(-50%, -50%);
    height             : 150px;
    width              : 150px;
    background-image   : url(../images/about-company-shape.png), url(../images/about-company-circle.png);
    background-position: bottom center, center;
    background-repeat  : no-repeat, no-repeat;
    background-size    : contain, contain;
    display            : flex;
    align-items        : center;
    flex-direction     : column;
    justify-content    : center;
}

.company_left_middle h2 {
    font-size  : 32px;
    font-weight: 700;
    color      : var(--color-primary);
}

.company_left_middle p {
    font-size    : 16px;
    font-weight  : 700;
    color        : #000;
    margin-bottom: 0;
}

.company_separate_right {
    display       : flex;
    flex-direction: column;
    gap           : 20px;
}

.about_content h3 {
    margin: 15px 0px;
}

.mission_box {
    display: flex;
    gap    : 10px;
}

.mission_img img {
    width: 60px;
}

.mission_box h4 {
    font-size    : 17px;
    font-weight  : 700;
    margin-bottom: 4px;
}

.about_content .mission_box p {
    font-size  : 13px;
    line-height: 18px;
    margin     : 0;
    color      : var(--color-paira);
}


/* about us css end */

/* help section start */
.main_heading_box .main_subheading .span_2 {
    right: 0;
    left : auto;
}

.main_heading_box .main_subheading {
    padding-right: 55px;
}

.main_heading_box .main_subheading .span_2:before {
    position                         : absolute;
    content                          : '';
    background                       : var(--color-primary);
    z-index                          : 1;
    -webkit-border-radius            : 30px;
    height                           : 20px;
    width                            : 20px;
    -webkit-animation                : pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    right                            : -5px;
    top                              : -9px;
}

.main_heading_box .main_subheading .span_2:after {
    position     : absolute;
    right        : 0;
    top          : 0;
    width        : 10px;
    height       : 10px;
    background   : var(--color-primary);
    content      : '';
    border-radius: 50%;
    bottom       : 0;
    margin       : auto;
}

.mil-divider {
    width           : 100%;
    height          : 2px;
    background-color: rgba(18, 24, 32, .1);
    position        : relative;
}

.mil-divider:after,
.mil-divider:before {
    content         : "";
    width           : 25px;
    border-right    : 5px solid #fff;
    height          : 100%;
    background-color: var(--color-primary);
    position        : absolute;
    top             : 0;
    left            : 0;
}

.mil-service-item {
    padding        : 30px 0;
    display        : flex;
    justify-content: space-between;
}

.mil-service-item .mil-service-icon {
    width          : 20%;
    /* padding-left: 30px; */
}

.mil-icon-frame.mil-icon-frame-md {
    width : 45px;
    height: 45px;
}

.mil-icon-frame {
    display        : flex;
    justify-content: center;
    align-items    : center;
    position       : relative;
}

.mil-icon-frame.mil-icon-frame-md:before {
    width : 20px;
    height: 20px;
}

.mil-icon-frame:before {
    content         : "";
    background-color: var(--color-primary);
    border-radius   : 50%;
    position        : absolute;
    bottom          : -2px;
    z-index         : -1;
    right           : -3px;
}

.mil-service-item .mil-service-text {
    width: 80%;
}

.mil-service-item .mil-service-text h5 {
    margin-top : 10px;
    font-weight: 600;
}

.mil-mb-30 {
    margin-bottom: 20px !important;
}

.mil-service-item .mil-service-text h5 span {
    margin-right: 15px;
}

.mil-accent {
    color: var(--color-primary);
}

.main_heading_box h3 {
    font-size  : 30px;
    font-weight: 800;
    margin-top : 15px;
}

.main_heading_box h3 span {
    color: var(--color-primary);
}

/* help section end */


/* services section start */

.mil-deep-bg {
    /* background removed for uniform body color */
    z-index : 1;
    position: relative;
}

.mil-deco {
    background-image : url(../images/icons/deco-.svg);
    background-size  : contain;
    background-repeat: no-repeat;
    position         : absolute;
    z-index          : -1;
    width            : 220px;
    height           : 140px;
}

.mil-number-icon {
    position        : relative;
    overflow        : hidden;
    background-color: rgba(18, 24, 32, .05);
    height          : 70px;
    width           : 70px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.mil-number-icon.mil-circle {
    border-radius: 50%;
}

.mil-number-icon span {
    display  : block;
    font-size: 30px;
    color    : #121820;
    z-index  : 2;
}

.mil-number-icon span:before {
    content         : "";
    border-radius   : 50%;
    background-color: var(--color-primary);
    width           : 18px;
    height          : 18px;
    z-index         : -1;
    position        : absolute;
    bottom          : 18px;
    right           : 10px;
}

.mil-number-icon.mil-lines {
    background-color: transparent;
}

.mil-number-icon.mil-lines:after,
.mil-number-icon.mil-lines:before {
    content         : "";
    background-color: rgba(18, 24, 32, .05);
    width           : 100px;
    height          : 30px;
    position        : absolute;
    z-index         : -1;
    transform       : rotate(45deg);
}

.mil-number-icon.mil-lines:before {
    top  : 40px;
    right: -5px;
}

.mil-number-icon.mil-lines:after {
    top  : 0;
    right: -25px;
}

.services_box h3 {
    font-size  : 20px;
    font-weight: 700;
}

/* services section end */




/* our_customer_section start */
.our_customer_section {
    /* background removed for uniform body color */
    width   : 100%;
    overflow: hidden;
}

.our_projects {
    background     : linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius  : 24px;
    padding        : 3rem 2.5rem;
    text-align     : center;
    position       : relative;
    z-index        : 1;
    box-shadow     : 0 12px 40px rgba(0, 0, 0, 0.15), 0 4px 20px rgba(0, 0, 0, 0.1);
    transition     : all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    backdrop-filter: blur(15px);
    border         : 1px solid rgba(255, 255, 255, 0.25);
    opacity        : 0;
    transform      : translateY(30px);
    animation      : fadeInUp 0.6s ease forwards;
    height         : 380px;
    max-width      : 380px;
    width          : 100%;
    margin         : 0 auto;
    overflow       : hidden;
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    align-items    : center;
}

/* Gradientes específicos para cada producto */
.swiper-slide:nth-child(1) .our_projects {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5b4397 100%);
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.25), 0 4px 20px rgba(118, 75, 162, 0.15);
}

.swiper-slide:nth-child(2) .our_projects {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #e91e63 100%);
    box-shadow: 0 12px 40px rgba(240, 147, 251, 0.25), 0 4px 20px rgba(245, 87, 108, 0.15);
}

.swiper-slide:nth-child(3) .our_projects {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 50%, #00bcd4 100%);
    box-shadow: 0 12px 40px rgba(79, 172, 254, 0.25), 0 4px 20px rgba(0, 242, 254, 0.15);
}

.our_projects:hover {
    transform : translateY(-12px) scale(1.02);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25), 0 10px 30px rgba(0, 0, 0, 0.15);
}

.our_projects>img {
    width        : 110px;
    height       : 110px;
    border-radius: 22px;
    object-fit   : cover;
    transition   : all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow   : 0 8px 25px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.15);
    border       : 2px solid rgba(255, 255, 255, 0.3);
    display      : block;
    flex-shrink  : 0;
    order        : 2;
}

.our_projects:hover>img {
    transform : scale(1.15) rotate(2deg);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35), 0 6px 18px rgba(0, 0, 0, 0.2);
}

.our_projects:hover .text_Product {
    transform : scale(1.05);
    background: rgba(255, 255, 255, 0.2);
    border    : 1.5px solid rgba(255, 255, 255, 0.4);
}

/* Removed hover effects for our_projects cards to maintain static appearance */

@keyframes fadeInUp {
    from {
        opacity  : 0;
        transform: translateY(30px);
    }

    to {
        opacity  : 1;
        transform: translateY(0);
    }
}

.swiper-slide:nth-child(1) .our_projects {
    animation-delay: 0.1s;
}

.swiper-slide:nth-child(2) .our_projects {
    animation-delay: 0.2s;
}

.swiper-slide:nth-child(3) .our_projects {
    animation-delay: 0.3s;
}

.our_projects .text_Product {
    font-size      : 22px;
    width          : fit-content;
    color          : rgba(255, 255, 255, 0.98);
    font-weight    : 700;
    text-transform : uppercase;
    margin         : 0 auto;
    letter-spacing : 2px;
    text-shadow    : 0 3px 12px rgba(0, 0, 0, 0.3);
    transition     : all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background     : rgba(255, 255, 255, 0.15);
    padding        : 10px 20px;
    border-radius  : 30px;
    backdrop-filter: blur(15px);
    border         : 1.5px solid rgba(255, 255, 255, 0.3);
    box-shadow     : 0 4px 15px rgba(0, 0, 0, 0.1);
    order          : 1;
}

.our_projects .mt-5 {
    order: 3;
}

.our_customer_section .mySwiper {
    width: 100%;
}


.our_projects h3 {
    font-size      : 18px;
    margin         : 30px 0 0 0;
    font-weight    : 600;
    color          : #fff;
    background     : rgba(255, 255, 255, 0.15);
    padding        : 15px 30px;
    border-radius  : 50px;
    border         : 2px solid rgba(255, 255, 255, 0.2);
    transition     : all 0.3s ease;
    cursor         : pointer;
    position       : relative;
    overflow       : hidden;
    backdrop-filter: blur(10px);
}

/* Removed all hover, active, and focus effects for our_projects h3 buttons to maintain static appearance */

.our_projects p {
    font-size : 14px;
    color     : #858585;
    margin-top: 20px;
    display   : none;
}

.nex_prevBnt {
    width          : 92%;
    display        : flex;
    justify-content: end;
    position       : absolute;
    top            : 0;
    gap            : 60px;
}

.nex_prevBnt .swiper-button-next,
.nex_prevBnt .swiper-button-prev {
    position   : unset;
    margin     : 0;
    gap        : 10px;
    font-size  : 17px;
    color      : #fff;
    font-weight: 300;
}

.nex_prevBnt .swiper-button-next:hover,
.nex_prevBnt .swiper-button-prev:hover {
    color: var(--color-primary);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none !important;
}

.about_content ul li {
    margin: 5px 0px;
}

.choose_img img {
    max-width  : 550px;
    margin-left: auto;
    display    : block;
}

/* our_customer_section end */


/* our companies section start */
.our_companies_section {
    background: #f5f5f5;
    z-index   : 100;
    position  : relative;
}

.modal {
    z-index: 100000;
}


.seo_boxes {
    background   : #ffffff 0% 0% no-repeat padding-box;
    border       : 1px solid #0e353b1f;
    border-radius: 8px;
    transition   : 0.6s all ease;
    padding      : 2rem 1rem;
    position     : relative;
    overflow     : hidden;
    text-align   : center;
}

.seo_boxes:hover {
    background: var(--color-primary) 0% 0% no-repeat padding-box;
    box-shadow: 8px 8px 24px #090e1457;
    border    : 1px solid #0e353b1f;
    transform : translateY(-5px);
    transform : scale(1.03);
    color     : #fff !important;
}

.seo_boxes:hover h4 {
    color: #fff !important;
}

.seo_boxes:before {
    content      : "";
    position     : absolute;
    bottom       : -100%;
    left         : 0%;
    background   : var(--color-primary);
    width        : 100%;
    height       : 100%;
    border-radius: 100%;
    transition   : all ease 0.4s;
    z-index      : -1;
}

.seo_boxes:after {
    content        : '';
    position       : absolute;
    top            : 0;
    left           : 0;
    height         : 70%;
    width          : 100%;
    background     : url(../images/icons/service-bg.png);
    background-size: cover;
    transition     : all ease 0.4s;
    z-index        : -1;
}

.seo_boxes:hover:before {
    bottom       : 0%;
    left         : 0%;
    border-radius: 0%;
}

.seo_boxes img {
    height       : 75px;
    width        : 75px !important;
    transition   : 0.6s all ease;
    padding      : 10px;
    border-radius: 10px;
}

.seo_boxes .img_1 {
    background: #ff7e0330;
    border    : 1px solid #ff7e0329;
}

.seo_boxes .img_2 {
    background: #6f48bf3b;
    border    : 1px solid #6338b92b;
}

.seo_boxes .img_3 {
    background: #00daff2e;
    border    : 1px solid #00daff2e;
}

.seo_boxes .img_6 {
    background: #c80a5030;
    border    : 1px solid #c80a4f5c;
}

.seo_boxes .img_4 {
    background: #05552f57;
    border    : 1px solid #05552f57;
}

.seo_boxes .img_5 {
    background: #283e8945;
    border    : 1px solid #283e8945;
}

.seo_boxes h4 {
    font         : normal normal 700 20px/18px Plus Jakarta Sans;
    transition   : 0.6s all ease;
    margin-bottom: 20px;
}

.seo_type_content p {
    font-size  : 14px;
    font-weight: 400;
    color      : var(--text-color);
}

.seo_boxes p {
    font              : normal normal normal 14px/26px inter;
    display           : -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow          : hidden;
    color             : var(--color-paira);
}

.seo_boxes:hover p {
    color: #fff;
}

.our_companies_section h1 span {
    color: var(--bg-color);
}

.seo_type_content h5::before {
    position        : absolute;
    width           : 130px;
    height          : 2px;
    right           : 0px;
    content         : " ";
    background-color: var(--color-primary);
    top             : 8px;
}

.seo_boxes:hover img {
    filter: invert(100%) sepia(55%) saturate(1%) hue-rotate(289deg) brightness(109%) contrast(101%) !important;
}

.seo_type_content h1::before {
    content: none !important;
}

.companies_logo img {
    width        : 100%;
    max-width    : 230px;
    height       : 70px;
    box-shadow   : rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    object-fit   : cover;
    border-radius: 0px 15px;
    padding      : 10px;
}

.companies_logo .swiper-slide {
    margin: 4px 0;
}


/* our companies section end */



/* faq section start */

/* FAQ Section - Background removed as requested */

/* FAQ Content Styling */
.faq_content {
    position: relative;
    z-index : 2;
}

.faq_content .main_subheading {
    color      : #667eea;
    font-size  : 18px;
    font-weight: 600;
}

.faq_content .main_heading {
    color        : #2d3748;
    font-size    : 36px;
    font-weight  : 800;
    margin-bottom: 0;
    line-height  : 1.2;
}

/* FAQ Box Container */
.faq_box {
    position: relative;
    z-index : 2;
}

/* Accordion Items */
.faq_box .accordion-item {
    margin             : 20px 0;
    border             : none;
    border-radius      : 20px;
    overflow           : hidden;
    background         : rgba(255, 255, 255, 0.95);
    backdrop-filter    : blur(10px);
    box-shadow         : 0 8px 32px rgba(0, 0, 0, 0.1);
    transition         : all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation          : fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

.faq_box .accordion-item:nth-child(1) {
    animation-delay: 0.1s;
}

.faq_box .accordion-item:nth-child(2) {
    animation-delay: 0.2s;
}

.faq_box .accordion-item:nth-child(3) {
    animation-delay: 0.3s;
}

.faq_box .accordion-item:nth-child(4) {
    animation-delay: 0.4s;
}

@keyframes fadeInUp {
    from {
        opacity  : 0;
        transform: translateY(30px);
    }

    to {
        opacity  : 1;
        transform: translateY(0);
    }
}

.faq_box .accordion-item:hover {
    transform : translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
}

/* Accordion Button */
.faq_box .accordion-header .accordion-button {
    display      : flex;
    align-items  : center;
    font-size    : 19px;
    font-weight  : 700;
    padding      : 25px 30px;
    background   : linear-gradient(135deg, #ffffff, #f8f9ff);
    border       : none;
    border-radius: 20px 20px 0 0;
    color        : #2d3748;
    transition   : all 0.4s ease;
    position     : relative;
    overflow     : hidden;
}

.faq_box .accordion-header .accordion-button::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : -100%;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s ease;
}

.faq_box .accordion-header .accordion-button:hover::before {
    left: 100%;
}

.faq_box .accordion-header .accordion-button:hover {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color     : #ffffff;
    transform : scale(1.02);
}

.faq_box .accordion-header .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color     : #ffffff;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

/* Accordion Button Icon styles removed as icons were removed from HTML */

/* Accordion Body */
.faq_box .accordion-item .accordion-body {
    font-size    : 16px;
    color        : #4a5568;
    line-height  : 1.8;
    padding      : 25px 30px;
    background   : linear-gradient(135deg, #ffffff, #f7fafc);
    border-radius: 0 0 20px 20px;
    position     : relative;
}

.faq_box .accordion-item .accordion-body::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 30px;
    right     : 30px;
    height    : 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
}

/* FAQ Image Styling */
.faq_img {
    position       : relative;
    z-index        : 2;
    display        : flex;
    justify-content: center;
    align-items    : center;
    padding        : 20px;
    margin-left    : 30px;
}

.faq_img::before {
    content      : '';
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0;
    background   : linear-gradient(135deg, #667eea20, #764ba220);
    border-radius: 30px;
    z-index      : -1;
    transform    : rotate(-3deg);
    transition   : all 0.4s ease;
}

.faq_img::after {
    content      : '';
    position     : absolute;
    top          : 10px;
    left         : 10px;
    right        : 10px;
    bottom       : 10px;
    background   : linear-gradient(45deg, #ffffff10, #f8f9ff20);
    border-radius: 25px;
    z-index      : -1;
    transform    : rotate(2deg);
    transition   : all 0.4s ease;
}

.faq_img img {
    border-radius: 25px;
    box-shadow   :
        0 20px 60px rgba(102, 126, 234, 0.15),
        0 8px 25px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position  : relative;
    z-index   : 1;
    filter    : brightness(1.05) contrast(1.1);
    animation : floatImage 6s ease-in-out infinite;
}

@keyframes floatImage {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-10px) rotate(1deg);
    }

    50% {
        transform: translateY(-5px) rotate(0deg);
    }

    75% {
        transform: translateY(-15px) rotate(-1deg);
    }
}

.faq_img:hover::before {
    transform : rotate(-6deg) scale(1.05);
    background: linear-gradient(135deg, #667eea30, #764ba230);
}

.faq_img:hover::after {
    transform : rotate(4deg) scale(1.03);
    background: linear-gradient(45deg, #ffffff20, #f8f9ff30);
}

.faq_img:hover img {
    transform: scale(1.08) translateY(-10px);
    box-shadow:
        0 30px 80px rgba(102, 126, 234, 0.25),
        0 15px 35px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    filter              : brightness(1.1) contrast(1.15);
    animation-play-state: paused;
}

/* Responsive adjustments for FAQ image */
@media (max-width: 768px) {
    .faq_img {
        padding   : 15px;
        margin-top: 30px;
    }

    .faq_img img {
        border-radius: 20px;
    }

    .faq_img::before,
    .faq_img::after {
        border-radius: 20px;
    }
}

/* faq section end */


/* teams section start */
.previewShapeRevX {
    animation: previewShapeRevX 3s linear infinite;
}

@keyframes previewShapeRevX {
    0% {
        transform: translateX(25px);
    }

    50% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(25px);
    }
}

.push_animat {
    animation: push_animat 5s linear infinite;
}

@keyframes push_animat {
    0% {
        transform: scale(0.9);
        opacity  : 0.7;
    }

    50% {
        transform: scale(1);
        opacity  : 1;
    }

    100% {
        transform: scale(0.9);
        opacity  : 0.7;
    }
}

.teams_img {
    border       : 2px solid #8080805c;
    border-radius: 10px;
    padding      : 5px;
    position     : relative;
}

.teams_img img {
    width        : 100%;
    border-radius: 10px;
}

.teams_content {
    position     : absolute;
    bottom       : 7px;
    background   : #ffffff80;
    width        : 96%;
    left         : 0;
    right        : 0;
    margin       : auto;
    border-radius: 0px 0px 10px 10px;
    padding      : 13px 10px;
    text-align   : center;
}

.teams_content h2 {
    font-size    : 18px;
    font-weight  : 800;
    margin-bottom: 2px;
}

.teams_content p {
    margin     : 0;
    font-size  : 14px;
    font-weight: 600;
}

.teams_content:before {
    position  : absolute;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 2px;
    content   : '';
    background: linear-gradient(to right, #dddddd, #005ec9, #ffffff);
}

.teams_content p i {
    color        : #015fc9;
    padding-right: 5px;
}

.teams .nex_prevBnt,
.Testimonials .nex_prevBnt {
    width: 98%;
}

.teams .nex_prevBnt .swiper-button-next,
.teams .nex_prevBnt .swiper-button-prev,
.Testimonials .nex_prevBnt .swiper-button-next,
.Testimonials .nex_prevBnt .swiper-button-prev {
    color: #000;
}

/* teams section end */



/* our client section start */
.our_clients_section {
    /* background removed for uniform body color */
    width: 100%;
}

.brand-style-one-items {
    display              : grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow             : hidden;
}

.brand-one-item {
    position: relative;
    z-index : 1;
    padding : 30px;
}

.brand-one-item::before {
    position  : absolute;
    left      : 0;
    bottom    : -1px;
    content   : "";
    height    : 1px;
    width     : 100%;
    background: #cccccc;
}

.brand-one-item::after {
    position  : absolute;
    right     : -1px;
    top       : 0;
    content   : "";
    height    : 100%;
    width     : 1px;
    background: #cccccc;
}

.brand-one-item img {
    width: 100%;
}

/* our client section end */

/* testimonials_section start */


.mil-review .mil-stars {
    display    : flex;
    align-items: center;
}

.mil-review .mil-stars img {
    margin-right: 20px;
}

.mil-review .mil-stars img {
    margin-right: 20px;
}

.mil-review .mil-stars ul {
    display: flex;
}

.mil-review .mil-stars ul li {
    list-style-type: none;
    margin-right   : 5px;
}

.mil-review .mil-stars ul li i {
    color: #f57c00;
}

.mil-review .mil-author {
    display    : flex;
    align-items: center;
}

.mil-review .mil-author img {
    width        : 55px;
    height       : 55px;
    border-radius: 50%;
    transition   : .4s cubic-bezier(0, 0, .3642, 1);
}

.mil-review .mil-author .mil-name {
    padding-left: 20px;
}

.mil-review .mil-author .mil-name .mil-text-sm {
    opacity  : .6;
    font-size: 13px;
}

/* .testimonials_section background removed for uniform body color */

/* testimonials_section end */


/* blog section start */
.blog_section {
    /* background removed for uniform body color */
    width: 100%;
}

.news-seven__single {
    position: relative;
}

.news-seven__single__image {
    position     : relative;
    border-radius: 10px;
    overflow     : hidden;
}

.news-seven__single__image img {
    width : 100%;
    height: auto;
}

.news-seven__single__image__link {
    display         : flex;
    width           : 100%;
    height          : 100%;
    background-color: rgb(33 31 56 / 70%);
    position        : absolute;
    top             : 0;
    left            : 0;
    justify-content : center;
    align-items     : center;
    opacity         : 0;
    transform       : translateY(-20%);
    transition      : opacity 500ms ease, transform 500ms ease;
}

.news-seven__single__image__link::after,
.news-seven__single__image__link::before {
    content         : "";
    width           : 32px;
    height          : 2px;
    background-color: #fff;
    display         : block;
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
}

.news-seven__single__image__link::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.news-seven__single__content {
    position        : relative;
    z-index         : 1;
    margin-right    : 0px;
    margin-top      : -77px;
    background-color: #fff;
    box-shadow      : 4px 0px 30px 0px rgba(0, 0, 0, 0.1);
    padding         : 25px 30px 17px;
}

.news-seven__single__date {
    position        : absolute;
    width           : 71px;
    height          : 82px;
    right           : 0;
    top             : -36px;
    background-color: #fff;
    border-radius   : 36px 36px 0 36px;
    color           : var(--insur-gray);
    text-transform  : uppercase;
    font-size       : 14px;
    font-weight     : 600;
    display         : flex;
    align-items     : center;
    justify-content : center;
    line-height     : 1;
    flex-direction  : column;
    z-index         : 3;
}

.news-seven__single__date__day {
    display      : block;
    color        : var(--text-color);
    font-weight  : 700;
    font-size    : 24px;
    line-height  : 1;
    margin-bottom: 5px;
}

.news-seven__single__comment {
    position   : relative;
    display    : flex;
    align-items: center;
    color      : var(--text-color);
    font-size  : 19px;
    gap        : 6px;
    margin     : 0 0 7px;
}

.news-seven__single__comment a {
    color      : var(--insur-gray);
    font-size  : 14px;
    font-weight: 600;
    display    : inline-block;
    position   : relative;
    transition : all 0.5s ease;
    top        : 2px;
}

.news-seven__single__title {
    font-size  : 24px;
    line-height: 35px;
    font-weight: 700;
    margin     : 0;
}

.news-seven__single__title a {
    color     : inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.news-seven__single__rm {
    width           : calc(100% - 0px);
    height          : 54px;
    background-color: var(--color-primary);
    border-radius   : 0 0 10px 0;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    transition      : all ease 0.4s;
    font-size       : 14px;
    font-weight     : 600;
    text-transform  : capitalize;
    color           : #fff;
    position        : relative;
    z-index         : 2;
    overflow        : hidden;
    padding         : 0 30px;
}

.news-seven__single__rm::before {
    content         : "";
    position        : absolute;
    top             : 0;
    left            : 0;
    bottom          : 0;
    right           : 0;
    background-color: #106ad1;
    transform       : scalex(0);
    transform-style : preserve-3d;
    transition      : transform 0.4s ease-in-out;
    transform-origin: right center;
    z-index         : -1;
}

.news-seven__single__rm:hover::before {
    transform       : scalex(1);
    transform-origin: left center;
}

.news-seven__single__rm:hover {
    color: #fff !important;
}

.news-seven__single__rm::after {
    position        : absolute;
    right           : 73px;
    bottom          : 0;
    top             : 0;
    margin          : auto;
    width           : 44%;
    height          : 1px;
    background-color: #ffffff42;
    content         : "";
}

.news-seven__single__rm span {
    font-size   : 20px;
    position    : relative;
    /* transform: rotate(30deg); */
    display     : inline-block;
}

/* blog section end */



/* footer section start */
footer {
    background-color: #121820;
    position        : relative;
}

.mil-footer-bg {
    position       : absolute;
    top            : 0px;
    left           : 0;
    object-fit     : contain;
    object-position: top;
    width          : 100%;
    height         : 100%;
    opacity        : .05;
    pointer-events : none;
}

.mil-deco.mil-deco-accent {
    background-image: url(../images/deco-2.8cba2eb2.svg);
    z-index         : 1;
}

.footer_first {
    text-align: start;
}

.footer_first img {
    width    : 100%;
    max-width: 241px;
}

.footer_first p {
    color    : #b5b5b5;
    margin   : 30px 0;
    font-size: 15px;
}

.footer_first ul {
    list-style     : none;
    display        : flex;
    gap            : 15px;
    justify-content: start;
}

.footer_first a {
    height         : 35px;
    width          : 35px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    text-decoration: none;
    color          : #fff;
    position       : relative;
    background     : #ffffff1c;
    border-radius  : 50%;
    transition     : .4s all ease-in-out;
    z-index        : 1;
}

.footer_first a:before {
    position     : absolute;
    left         : 0;
    width        : 0%;
    height       : 0%;
    background   : var(--color-primary);
    content      : '';
    border-radius: 50%;
    right        : 0;
    margin       : auto;
    z-index      : -1;
    transition   : .4s all ease-in-out;
}

.footer_first a:hover:before {
    width : 100%;
    height: 100%;
}

.footer_logo {
    display    : flex;
    gap        : 15px;
    align-items: center;
}

.footer_logo h4 {
    font-size    : 25px;
    color        : var(--color-primary);
    font-weight  : 700;
    margin-bottom: 5px;
}

.footer_first .footer_logo p {
    margin   : 0;
    color    : #fff;
    font-size: 14px;
}

.title_style .main_subheading {
    font-size     : 25px;
    margin-bottom : 25px;
    letter-spacing: 0.7px;
    width         : fit-content;
    padding-left  : 0;
    padding-right : 55px;
}

.title_style .main_subheading:before {
    right: 0;
    left : auto;
}

.title_style .main_subheading span {
    right: 0;
    left : auto;
}

.title_style .main_subheading:after {
    right: -5px;
    left : auto;
}

.footer_explore ul {
    display       : flex;
    flex-direction: column;
    gap           : 15px;
    list-style    : none;
}

.footer_explore a {
    text-decoration: none;
    color          : #b5b5b5;
    transition     : .3s all ease-in;
    font-size      : 14px;
}

.footer_contact_wrapper {
    display      : flex;
    align-items  : center;
    gap          : 20px;
    margin-bottom: 23px;
}

.footer_contact_wrapper i {
    font-size: 25px;
    color    : var(--color-primary);
}

.footer_contact_info a {
    color          : #b5b5b5;
    font-weight    : 700;
    display        : inline-block;
    text-decoration: none;
}

.footer__input {
    position      : relative;
    padding-bottom: 0px;
}

.footer__input input {
    width           : 100%;
    background-color: #162b3b;
    border          : 0;
    padding-left    : 20px;
    padding-right   : 70px;
    height          : 55px;
    color           : #fff;
}

.footer__input button {
    height          : 55px;
    width           : 55px;
    background-color: var(--color-primary);
    color           : #fff;
    font-size       : 20px;
    position        : absolute;
    top             : 0;
    right           : 0;
    border          : 0;
}

.footer_news p {
    color    : #b5b5b5;
    font-size: 15px;
}

.footer__input h4 {
    color      : #fff;
    font-size  : 20px;
    font-weight: 600;
    margin-top : 15px;
}

.footer__input p {
    font-size: 14px;
    color    : #b5b5b5;
}

.mil-footer-links {
    position       : relative;
    padding        : 35px 0;
    display        : flex;
    justify-content: space-between;
}

.mil-footer-links ul {
    display: flex;
}

.mil-footer-links ul li {
    list-style-type: none;
    margin-right   : 30px;
}

.mil-footer-links ul li a {
    transition: .2s cubic-bezier(0, 0, .3642, 1);
    color     : #b5b5b5;
    font-size : 15px;
}

.mil-footer-links ul li a:hover {
    color: var(--color-primary);
}

.mil-divider.mil-light {
    background-color: hsla(0, 0%, 100%, .1);
}

.mil-divider.mil-light:after,
.mil-divider.mil-light:before {
    border-color: #121820;
}

.mil-divider.mil-light:after,
.mil-divider.mil-light:before {
    border-color: #121820;
}

.mil-divider:after {
    left        : auto;
    right       : 0;
    border-right: none;
    border-left : 5px solid #fff;
}

.mil-footer-links ul li:last-child {
    margin-right: 0;
}

.footer_explore a i {
    padding-right: 6px;
    color        : var(--color-primary);
    transition   : .3s all ease-in;
}

.footer_explore a:hover {
    color: var(--color-primary);
}

.footer_explore a:hover i {
    color: #b5b5b5;
}

/* Style the active class, and buttons on mouse-over */
/* .main_header ul li.active a {
   color: var(--color-primary) !important;
} */

.main_header ul li a:hover {
    color: var(--color-primary) !important;
}

.faq_box .accordion-button:not(.collapsed)::after {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(319deg) brightness(159%) contrast(101%);
}

/* footer section end */

/* breadcrub section start */
.breadrumb_section {
    background         : linear-gradient(45deg, black, transparent), url(../images/bread-crumb.png);
    width              : 100%;
    padding            : 130px 0px;
    background-position: left;
    background-size    : cover;
}

.breadrumb_content .main_subheading {
    font-size: 40px;
    color    : #fff;
}

.breadrumb_content ul {
    gap       : 10px;
    margin-top: 15px;
}

.breadrumb_content ul li {
    color    : var(--color-primary);
    font-size: 16px;
}

.breadrumb_content ul li a {
    color: #fff;
}

.number_step {
    font-weight: bold;
    font-size  : 85px;
    color      : #005ec97a;
    font-style : italic;
}

.open_account_step_wrapper {
    display    : flex;
    align-items: center;
    gap        : 50px;
}

.softea_iimg img {
    width    : 100%;
    max-width: 300px;
}

.mr_right {
    justify-content: end;
    display        : flex;
}

.open_account_step {
    background         : url("../images/open_acc_step_bg_left.png"), url("../images/open_acc_step_bg_right.png");
    background-position: left top, right top;
    background-repeat  : no-repeat;
}

.open_account_step_wrapper .main_heading {
    font-size: 30px;
}

.mil-skill-frame {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    margin-bottom  : 50px;
}

.mil-skill-frame .mil-skill-track {
    width           : 80%;
    height          : 2px;
    background-color: rgba(18, 24, 32, .2);
}

.mil-skill-frame .mil-skill-track .mil-skill-prog {
    position        : relative;
    background-color: var(--color-primary);
    height          : 2px;
}

.mil-skill-frame .mil-skill-track .mil-skill-prog:after {
    content         : "";
    width           : 14px;
    height          : 14px;
    border          : 2px solid #fff;
    background-color: var(--color-primary);
    position        : absolute;
    right           : 0;
    border-radius   : 50%;
    top             : -6px;
}

.mil-text-sm {
    font-size: 13px;
}


.digital_marketing_content ul li {
    margin   : 9px 0px;
    display  : flex;
    gap      : 12px;
    font-size: 14px;
}

.digital_marketing_content ul li img {
    width : 35px;
    height: 35px;
}

.digital_marketing_content h3 {
    margin   : 15px 0px;
    font-size: 30px;
}


.main_tabs .nav-tabs {
    justify-content: center;
    border         : 0;
}

.main_tabs .nav-tabs .nav-link {
    border       : 0;
    font-size    : 15px;
    padding      : 10px 30px;
    border-radius: 5px;
}

.main_tabs .nav-tabs .nav-link.active {
    color     : #fff;
    background: var(--color-primary);
}

.main_tabs .mil-divider.mil-light {
    background: #d6d6d673;
    margin-top: 15px;
}

.main_tabs .nav-tabs .nav-link i {
    padding-left: 8px;
}

.portfolio_box {
    border-radius: 10px;
    position     : relative;
}

.portfolio_img img {
    width  : 100%;
    border : 1px solid #8080803b;
    padding: 10px;
}

.portfolio_content {
    position       : absolute;
    bottom         : 100px;
    left           : 0px;
    opacity        : 0;
    transition     : 0.5s;
    display        : flex;
    justify-content: space-between;
    width          : 100%;
    right          : 0px;
    padding        : 0px 25px;
    align-items    : center;
}

.portfolio_box:before {
    position     : absolute;
    left         : 0;
    bottom       : 0;
    width        : 100%;
    height       : 0%;
    background   : linear-gradient(1deg, #000000b5, transparent);
    content      : '';
    border-radius: 0px;
    transition   : 0.5s;
}

.portfolio_box:hover .portfolio_content {
    opacity: 1;
    bottom : 20px;
}

.portfolio_box:hover:before {
    height: 100%;
}

.portfolio_content h3 {
    color      : #fff;
    font-size  : 30px;
    font-weight: 700;
    margin     : 0;
}

.portfolio_content h3 a {
    color: #fff;
}

.portfolio_content p {
    color    : #ffffffbd;
    font-size: 14px;
    margin   : 0;
}


.portfolio_content .read_moreS {
    width          : 50px;
    height         : 50px;
    background     : #fff;
    border-radius  : 50%;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.portfolio_content .read_moreS a {
    font-size      : 20px;
    color          : #015fc9;
    width          : 100%;
    height         : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

/* breadcrub section end */

/* career section start */
.career_box {
    background   : #ffffff 0% 0% no-repeat padding-box;
    border       : 1px solid #dfdfdf;
    padding      : 2rem;
    transition   : .5s all ease;
    border-radius: 5px;
}



.career_box h4 {
    font          : normal normal 700 20px/24px Plus Jakarta Sans;
    letter-spacing: -0.48px;
    color         : var(--color-primary);
    position      : relative;
    margin        : 2rem 0;
}

.career_box h4::before {
    position        : absolute;
    width           : 50px;
    height          : 2px;
    left            : 0;
    right           : 0;
    bottom          : -1rem;
    content         : " ";
    margin          : auto;
    background-color: var(--color-primary);
}

.career_box p {
    font : normal normal 500 14px/22px Inter;
    color: var(--color-paira);
}

.career_box .btn {
    margin: auto;
}

.career_box>img {
    width    : 100%;
    max-width: 80px;
}

.Experience_box ul li {
    font-size     : 14px;
    display       : flex;
    padding-bottom: 8px;
}

.Experience_box ul li span {
    color      : var(--color-primary);
    font-weight: 600;
    width      : 33%;
}

.Experience_box ul {
    padding-bottom: 10px;
}

.carrer_heading h3 {
    color      : var(--color-primary);
    font-size  : 17px;
    font-weight: 700;
}

.carrer_heading {
    margin-top: 15px;
}

.carrer_heading ul li {
    display  : flex;
    gap      : 10px;
    font-size: 13px;
    padding  : 4px 0px;
}

.carrer_heading ul li i {
    color      : var(--color-primary);
    padding-top: 3px;
}

.Immediate_warning {
    background   : #ffbe0036;
    border       : 1px solid #ffbe0063;
    padding      : 10px 15px;
    font-size    : 14px;
    margin       : 9px 0px;
    border-radius: 5px;
    font-weight  : 600;
}

.note_job {
    background   : #0562ca4f;
    border       : 1px solid #0562ca4f;
    padding      : 10px 15px;
    font-size    : 13px;
    border-radius: 5px;
    margin-top   : 14px;
}

.note_job span {
    font-weight: 800;
}

.header_jobs {
    font-size  : 30px;
    font-weight: 700;
}

.career_section {
    background     : url(../images/careers/carrer-bg.jpg);
    width          : 100%;
    background-size: cover;
}

.career_form label {
    font-size    : 15px;
    margin-bottom: 7px;
    font-weight  : 500;
}

.career_form .form-control,
.career_form .form-select {
    border-radius: 0px;
    height       : 50px;
    font-size    : 14px;
    border       : 1px solid #015fc930;
}

/* career section end */


/* blog section start */
.blog_details .news-seven__single__image img {
    height    : 400px;
    object-fit: cover;
}

.blog_page_post {
    padding   : 50px 40px;
    background: #F4F5F9;
}

.blog_sidebar h3 {
    font-size    : 30px;
    line-height  : 35px;
    font-weight  : 700;
    text-align   : center;
    margin-bottom: 50px;
}

.post_item_wrapper {
    display   : flex;
    gap       : 20px;
    margin-top: 30px;
}

.post_item_wrapper img {
    height: 80px;
    width : 80px;
}

.post_content a {
    text-decoration: none;
    color          : #212121;
    font-weight    : 700;
}

.post_content span {
    display   : block;
    margin-top: 10px;
    color     : #7A7A7A;
    font-size : 14px;
}

/* blog section end */


/* Premium Contact Section Styles */
.contact_section_premium {
    min-height : 100vh;
    background : linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #667eea 100%);
    position   : relative;
    display    : flex;
    align-items: center;
    padding    : 100px 0;
    overflow   : hidden;
}

.contact_overlay {
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%);
    pointer-events: none;
}

.contact_header_premium {
    text-align   : center;
    margin-bottom: 4rem;
}

.contact_badge {
    display        : inline-flex;
    align-items    : center;
    gap            : 0.5rem;
    background     : rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border         : 1px solid rgba(255, 255, 255, 0.2);
    padding        : 0.75rem 1.5rem;
    border-radius  : 50px;
    color          : #fff;
    font-size      : 0.9rem;
    font-weight    : 500;
    margin-bottom  : 2rem;
    animation      : float 3s ease-in-out infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.contact_main_title {
    font-size              : 3.5rem;
    font-weight            : 800;
    color                  : #fff;
    margin-bottom          : 1.5rem;
    line-height            : 1.2;
    background             : linear-gradient(135deg, #fff 0%, #e0e7ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip        : text;
}

.contact_main_subtitle {
    font-size  : 1.25rem;
    color      : rgba(255, 255, 255, 0.8);
    max-width  : 600px;
    margin     : 0 auto;
    line-height: 1.6;
}

.contact_grid_premium {
    display              : grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap                  : 2rem;
    margin-bottom        : 3rem;
}

.contact_card_premium {
    background     : rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border         : 1px solid rgba(255, 255, 255, 0.1);
    border-radius  : 24px;
    padding        : 2.5rem;
    transition     : all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position       : relative;
    overflow       : hidden;
}

.contact_card_premium::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    right     : 0;
    height    : 4px;
    background: linear-gradient(90deg, #25D366, #128C7E);
    transform : scaleX(0);
    transition: transform 0.4s ease;
}

.email_card::before {
    background: linear-gradient(90deg, #4285f4, #34a853);
}

.contact_card_premium:hover {
    transform : translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.08);
}

.contact_card_premium:hover::before {
    transform: scaleX(1);
}

.card_header {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-bottom  : 2rem;
}

.card_icon_container {
    width          : 60px;
    height         : 60px;
    background     : linear-gradient(135deg, #25D366, #128C7E);
    border-radius  : 16px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 1.8rem;
    color          : white;
    box-shadow     : 0 10px 30px rgba(37, 211, 102, 0.3);
}

.email_card .card_icon_container {
    background: linear-gradient(135deg, #4285f4, #34a853);
    box-shadow: 0 10px 30px rgba(66, 133, 244, 0.3);
}

.card_status {
    display    : flex;
    align-items: center;
    gap        : 0.5rem;
}

.status_dot {
    width        : 8px;
    height       : 8px;
    background   : #25D366;
    border-radius: 50%;
    animation    : pulse-dot 2s infinite;
}

.email_dot {
    background: #4285f4;
}

@keyframes pulse-dot {

    0%,
    100% {
        opacity  : 1;
        transform: scale(1);
    }

    50% {
        opacity  : 0.7;
        transform: scale(1.2);
    }
}

.status_text {
    color      : rgba(255, 255, 255, 0.8);
    font-size  : 0.85rem;
    font-weight: 500;
}

.card_title {
    color        : #fff;
    font-size    : 1.5rem;
    font-weight  : 700;
    margin-bottom: 0.75rem;
}

.card_description {
    color        : rgba(255, 255, 255, 0.7);
    font-size    : 1rem;
    margin-bottom: 1.5rem;
    line-height  : 1.5;
}

.contact_info {
    margin-bottom: 2rem;
}

.contact_number,
.contact_email {
    color        : #fff;
    font-size    : 1.1rem;
    font-weight  : 600;
    background   : rgba(255, 255, 255, 0.1);
    padding      : 0.75rem 1rem;
    border-radius: 12px;
    display      : inline-block;
}

.card_button {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    width          : 100%;
    padding        : 1rem 1.5rem;
    background     : linear-gradient(135deg, #25D366, #128C7E);
    color          : white;
    text-decoration: none;
    border-radius  : 16px;
    font-weight    : 600;
    transition     : all 0.3s ease;
    box-shadow     : 0 8px 25px rgba(37, 211, 102, 0.3);
}

.email_btn {
    background: linear-gradient(135deg, #4285f4, #34a853);
    box-shadow: 0 8px 25px rgba(66, 133, 244, 0.3);
}

.card_button:hover {
    transform : translateY(-2px);
    box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);
    color     : white;
}

.email_btn:hover {
    box-shadow: 0 12px 35px rgba(66, 133, 244, 0.4);
}

.card_button i:last-child {
    transition: transform 0.3s ease;
}

.card_button:hover i:last-child {
    transform: translateX(5px);
}

.contact_footer_premium {
    display        : flex;
    justify-content: center;
    align-items    : center;
    gap            : 3rem;
    padding        : 2rem;
    background     : rgba(255, 255, 255, 0.05);
    border-radius  : 20px;
    backdrop-filter: blur(10px);
    border         : 1px solid rgba(255, 255, 255, 0.1);
}

.response_time,
.satisfaction_rate {
    display    : flex;
    align-items: center;
    gap        : 0.75rem;
    color      : rgba(255, 255, 255, 0.9);
    font-size  : 0.95rem;
}

.response_time i {
    color    : #4ecdc4;
    font-size: 1.1rem;
}

.stars {
    display: flex;
    gap    : 0.25rem;
}

.stars i {
    color    : #ffd700;
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact_section_premium {
        padding: 60px 0;
    }

    .contact_main_title {
        font-size: 2.5rem;
    }

    .contact_main_subtitle {
        font-size: 1.1rem;
    }

    .contact_grid_premium {
        grid-template-columns: 1fr;
        gap                  : 1.5rem;
    }

    .contact_card_premium {
        padding: 2rem;
    }

    .contact_footer_premium {
        flex-direction: column;
        gap           : 1.5rem;
        text-align    : center;
    }

    .card_icon_container {
        width    : 50px;
        height   : 50px;
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .contact_main_title {
        font-size: 2rem;
    }

    .contact_card_premium {
        padding: 1.5rem;
    }

    .contact_grid_premium {
        grid-template-columns: 1fr;
    }
}

.career_form textarea {
    width    : 100%;
    font-size: 14px;
    border   : 1px solid #015fc930;
    padding  : .375rem .75rem;
    outline  : none;
}

.directer_img:before {
    position   : absolute;
    left       : -15px;
    top        : -15px;
    width      : 100px;
    height     : 100px;
    content    : '';
    border-top : 3px solid var(--color-primary);
    border-left: 3px solid var(--color-primary);
}

.directer_box:after {
    border-right : 3px solid var(--color-primary);
    right        : -15px;
    border-bottom: 3px solid var(--color-primary);
    bottom       : 56px;
    border-top   : 0px solid var(--color-primary);
    border-left  : 0px solid var(--color-primary);
    position     : absolute;
    content      : '';
    width        : 100px;
    height       : 100px;
}

.directer_box {
    text-align: center;
    position  : relative;
}

.directer_img {
    position: relative;
}

.directer_box img {
    width: 100%;
}

.directer_box h3 {
    margin-top   : 10px;
    color        : var(--color-primary);
    margin-bottom: 5px;
    font-weight  : 700;
}

/* contact section end */


.logo_text {
    display: none;
}


.social_media li a:hover i {
    animation: toTopFromBottom 0.3s forwards;
}

.social_media li a i {
    display: block;
}


@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity  : 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}



/* -----------------------------------
      Gallery Section
--------------------------------------*/
.portfolio-section {
    padding: 50px 0;
}

.portfolio-section h2 {
    font-size     : 28px;
    font-weight   : 600;
    color         : #fff;
    text-transform: uppercase;
}

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

.control {
    background        : #000;
    color             : #fff;
    padding           : 5px 10px;
    border            : 1px solid #343a40;
    border-radius     : 3px;
    margin            : 5px;
    cursor            : pointer;
    -webkit-transition: all 05s ease;
    -moz-transition   : all 05s ease;
    -ms-transition    : all 05s ease;
    -o-transition     : all 05s ease;
    transition        : all 0.5s ease;
}

.control:hover {
    background: #343a40;
}

.mixitup-control-active {
    color     : #fff;
    background: #343a40;
}

.fancybox-container button:focus {
    outline   : 0;
    box-shadow: none;
}

.portfolio-item {
    padding-top: 30px;
}

.pd {
    padding : 0;
    padding : 10px;
    position: relative;
}

.pd img {
    height         : 300px;
    transition     : all 0.5s;
    width          : 100%;
    object-fit     : cover;
    object-position: 100% 30%;
}

.portfolio-overlay {
    position       : absolute;
    z-index        : 2;
    top            : 0;
    left           : 0;
    background     : #000000ba;
    width          : 100%;
    height         : 100%;
    text-align     : center;
    visibility     : hidden;
    transition     : all 0.5s;
    transform      : scale(0);
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.portfolio-overlay p,
.portfolio-overlay a {
    position: relative;
    z-index : 4;
}

.portfolio-overlay::before {
    content     : "";
    width       : 0;
    height      : 0;
    border-width: 0;
    position    : absolute;
    left        : 10%;
    top         : 10%;
    transition  : 50ms height ease 150ms;
    z-index     : 3;
}

.portfolio-overlay::after {
    content     : "";
    width       : 0;
    height      : 0;
    border-width: 0;
    position    : absolute;
    right       : 10%;
    bottom      : 10%;
    transition  : 100ms width ease 200ms;
    z-index     : 3;
}

.portfolio-item:hover .portfolio-overlay::before {
    width       : 80%;
    height      : 80%;
    border-top  : 1px solid var(--color-primary);
    border-right: 1px solid var(--color-primary);
    transition  : width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.portfolio-item:hover .portfolio-overlay::after {
    width        : 80%;
    height       : 80%;
    border-bottom: 1px solid var(--color-primary);
    border-left  : 1px solid var(--color-primary);
    transition   : width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.portfolio-item li:hover .portfolio-overlay {
    visibility: visible;
    transform : scale(1);
}

.portfolio-overlay .category {
    margin-top   : 70px;
    margin-bottom: 20px;
    font-size    : 16px;
    color        : #fff;
    font-weight  : 500;
}

.portfolio-overlay .magnify-icon {
    height       : 40px;
    width        : 40px;
    border-radius: 20px;
    background   : #015fc9;
    margin       : 0 5px;
    cursor       : pointer;
    display      : inline-block;
    transition   : all 0.25s;
}

.portfolio-overlay .magnify-icon:hover {
    background: #000;
}

.portfolio-overlay .magnify-icon p span i {
    font-size  : 15px;
    color      : #fff;
    line-height: 40px;
    cursor     : pointer;
}

.gogglemap iframe {
    width: 100%;
}

/* Thank You Message Styles */
#thankYouMessage {
    display      : none;
    opacity      : 0;
    background   : linear-gradient(135deg, #28a745, #20c997);
    color        : white;
    padding      : 15px 25px;
    border-radius: 10px;
    margin-top   : 20px;
    text-align   : center;
    font-weight  : 500;
    box-shadow   : 0 4px 15px rgba(40, 167, 69, 0.3);
    transition   : all 0.3s ease;
    border       : none;
    font-size    : 16px;
}

/* Quality Section Styles */
.quality-section {
    padding   : 80px 0;
    position  : relative;
    overflow  : hidden;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
}

.quality-section::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="80" cy="80" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="40" cy="60" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="60" cy="40" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    pointer-events: none;
    z-index   : 1;
}

.section-description {
    font-size  : 18px;
    color      : #666;
    margin-top : 15px;
    font-weight: 400;
}

.quality-card {
    background   : #fff;
    border-radius: 20px;
    padding      : 30px;
    box-shadow   : 0 10px 40px rgba(0, 0, 0, 0.1);
    transition   : all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position     : relative;
    overflow     : hidden;
    height       : 100%;
    border       : 1px solid rgba(255, 255, 255, 0.2);
    z-index      : 2;
}

.quality-card::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : -100%;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s;
}

.quality-card:hover::before {
    left: 100%;
}

.quality-card:hover {
    transform   : translateY(-10px) scale(1.02);
    box-shadow  : 0 20px 60px rgba(0, 0, 0, 0.15);
    border-color: var(--color-primary);
}

.card-header {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-bottom  : 25px;
    position       : relative;
}

.icon-wrapper {
    width          : 70px;
    height         : 70px;
    background     : linear-gradient(135deg, var(--color-primary), #4f46e5);
    border-radius  : 20px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    position       : relative;
    transition     : all 0.3s ease;
    box-shadow     : 0 8px 25px rgba(0, 0, 0, 0.15);
}

.icon-wrapper::after {
    content      : '';
    position     : absolute;
    top          : -2px;
    left         : -2px;
    right        : -2px;
    bottom       : -2px;
    background   : linear-gradient(135deg, var(--color-primary), #4f46e5, #06b6d4);
    border-radius: 22px;
    z-index      : -1;
    opacity      : 0;
    transition   : opacity 0.3s ease;
}

.quality-card:hover .icon-wrapper::after {
    opacity: 1;
}

.quality-card:hover .icon-wrapper {
    transform: rotate(10deg) scale(1.1);
}

.icon-wrapper img {
    width     : 35px;
    height    : 35px;
    filter    : brightness(0) invert(1);
    transition: all 0.3s ease;
}

.card-number {
    font-size  : 24px;
    font-weight: 800;
    color      : var(--color-primary);
    opacity    : 0.3;
    transition : all 0.3s ease;
}

.quality-card:hover .card-number {
    opacity  : 1;
    transform: scale(1.2);
}

.card-body {
    margin-bottom: 25px;
}

.card-title {
    font-size    : 22px;
    font-weight  : 700;
    color        : #2d3748;
    margin-bottom: 15px;
    transition   : color 0.3s ease;
}

.quality-card:hover .card-title {
    color: var(--color-primary);
}

.card-description {
    font-size  : 15px;
    line-height: 1.6;
    color      : #64748b;
    margin     : 0;
}

.card-footer {
    border-top : 1px solid #e2e8f0;
    padding-top: 20px;
}

.progress-bar {
    width        : 100%;
    height       : 8px;
    background   : #e2e8f0;
    border-radius: 10px;
    overflow     : hidden;
    margin-bottom: 10px;
    position     : relative;
}

.progress-fill {
    height       : 100%;
    background   : linear-gradient(90deg, var(--color-primary), #4f46e5);
    border-radius: 10px;
    width        : 0;
    transition   : width 2s cubic-bezier(0.4, 0, 0.2, 1);
    position     : relative;
}

.progress-fill::after {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation : shimmer 2s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.progress-text {
    font-size  : 13px;
    font-weight: 600;
    color      : var(--color-primary);
    display    : flex;
    align-items: center;
    gap        : 5px;
}

.progress-text::before {
    content    : '✓';
    color      : #10b981;
    font-weight: bold;
}

/* Animation keyframes */
@keyframes fadeInUp {
    to {
        opacity  : 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .quality-card {
        padding      : 25px;
        margin-bottom: 20px;
    }

    .icon-wrapper {
        width : 60px;
        height: 60px;
    }

    .icon-wrapper img {
        width : 30px;
        height: 30px;
    }

    .card-title {
        font-size: 20px;
    }

    .card-number {
        font-size: 20px;
    }
}

/*******Responsive media query******/

/* Extra small devices (portrait phones, less than 576px)*/