/* =============================================================
   Zyentis WP - WordPress Integration Styles v3.0
   Full site coverage: all pages from HTML template
   Colors:  Primary #4372fc | Navy #041937 | Text #626262
            Light BG #f5f8ff | Ice Blue #a9bcd7 | Yellow #fbc729
   Font: Urbanist (Google Fonts, loaded by style.css)
============================================================= */

/* -------------------------------------------------------
   INNER PAGE HEADER (all non-home pages)
------------------------------------------------------- */
body:not(.home) .header-con {
    position: relative;
    z-index: 5;
    margin-top: 0 !important;
    padding: 18px 0;
    background-color: #041937;
}
body:not(.home) .header-con .navbar {
    background-color: rgba(255,255,255,0.08) !important;
    border-radius: 36px;
}
body:not(.home) .header-con .navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}
body:not(.home) .header-con .navbar-light .navbar-nav .nav-link:hover,
body:not(.home) .header-con .navbar-light .navbar-nav .nav-link.active {
    color: #4372fc !important;
}
body:not(.home) .header-contact .contact-btn {
    background-color: #4372fc;
    color: #fff;
}
body:not(.home) .header-contact .icon img {
    filter: brightness(0) invert(1);
}

/* -------------------------------------------------------
   SUB-BANNER (inner pages)
------------------------------------------------------- */
.sub_banner_outer {
    background-image: url('../images/sub-banner-bg-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 673px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.sub_banner_outer::after {
    content: "";
    height: 289px;
    width: 359px;
    right: 0; bottom: 0;
    background-color: #4372fc;
    position: absolute;
    z-index: 0;
}
.sub-banner-img-vector {
    position: absolute; right: 0; top: 0; z-index: 1;
}
.sub-banner-con {
    padding-top: 144px;
    padding-bottom: 150px;
    position: relative;
    z-index: 2;
    width: 100%;
}
.sub-banner-con h1 {
    font-size: 70px; line-height: 76px; font-weight: 700;
    color: #ffffff; margin-bottom: 30px;
    font-family: 'Urbanist', sans-serif;
}
.sub-banner-con .breadcrumb {
    background-color: transparent; padding: 17px 20px;
    min-width: 213px; border: 1px solid rgba(255,255,255,0.3);
    border-radius: 26.5px; justify-content: center;
    display: inline-flex; margin-bottom: 0;
}
.sub-banner-con .breadcrumb-item {
    font-size: 16px; font-weight: 700; color: #fff;
    font-family: 'Urbanist', sans-serif;
}
.sub-banner-con .breadcrumb-item a { color: #fff; text-decoration: none; }
.sub-banner-con .breadcrumb-item a:hover { color: #4372fc; }
.sub-banner-con .breadcrumb-item + .breadcrumb-item::before {
    color: #fff; content: "/"; padding: 0 16px; font-weight: 700;
}
.sub-banner-con .breadcrumb-item + .breadcrumb-item { padding-left: 0 !important; }

/* -------------------------------------------------------
   CUSTOM LOGO
------------------------------------------------------- */
.navbar-brand .custom-logo-link img { max-height: 55px; width: auto; }
.footer-logo .custom-logo-link img  { max-height: 45px; width: auto; filter: brightness(0) invert(1); }

/* -------------------------------------------------------
   BLOG — List & Grid
------------------------------------------------------- */
.single-blog-outer-con {
    display: grid;
    gap: 40px 30px;
    margin-bottom: 60px;
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
    .single-blog-outer-con { grid-template-columns: 1fr; }
}
.single-blog-box {
    background: #fff;
    box-shadow: 3px 3px 25px rgba(0,0,0,0.07);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.single-blog-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}
.single-blog-box figure img { width: 100%; display: block; }
.single-blog-box:hover h4 a { color: #4372fc; }
.single-blog-details { padding: 28px 28px 24px; }
.single-blog-details ul { margin-bottom: 12px; }
.single-blog-details ul li {
    display: inline-block; margin-right: 16px;
    font-size: 13px; color: #a9bcd7;
    font-family: 'Urbanist', sans-serif;
}
.single-blog-details ul li i { color: #4372fc; margin-right: 4px; }
.single-blog-details h4 {
    font-size: 20px; line-height: 28px; margin-bottom: 12px;
    font-family: 'Urbanist', sans-serif;
}
.single-blog-details h4 a { color: #000; text-decoration: none; }
.single-blog-details p { font-size: 15px; line-height: 24px; color: #626262; margin-bottom: 16px; }
.single-blog-details .generic-btn2 a {
    font-size: 15px; font-weight: 700; color: #4372fc;
    text-decoration: none; position: relative;
    font-family: 'Urbanist', sans-serif;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s;
}
.single-blog-details .generic-btn2 a:hover { border-bottom-color: #4372fc; }

/* -------------------------------------------------------
   BLOG SIDEBAR — box1 / box2 / box3
------------------------------------------------------- */
.box1 {
    border-radius: 0;
    background: #fff;
    padding: 34px 30px;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 3px 3px 25px rgba(0,0,0,0.07);
}
.singleblog-section .box1 h5,
.box1 h5 {
    font-size: 20px; font-weight: 700; text-align: center;
    margin-bottom: 22px; color: #000;
    border-bottom: 1px solid #4372fc;
    padding-bottom: 22px;
    font-family: 'Urbanist', sans-serif;
}
/* Search box */
.box1 .form-control.upper_layer {
    font-size: 15px; color: #626262;
    background: #fff; border: 1px solid #4372fc;
    border-radius: 0; padding: 0 75px 0 18px;
    width: 100%; height: 56px; outline: none;
}
.box1 .form-control.upper_layer:focus {
    box-shadow: 0 0 0 3px rgba(67,114,252,0.15);
    border-color: #4372fc;
}
.box1 .form-button { position: absolute; right: 0; top: 0; }
.box1 .btn.search {
    width: 60px; height: 56px; font-size: 18px;
    background: #4372fc; color: #fff; border: none;
    border-radius: 0; transition: background 0.3s;
}
.box1 .btn.search:hover { background: #041937; }

/* Recent posts in sidebar */
.recent-post-item {
    display: flex; align-items: flex-start;
    margin-bottom: 16px; padding-bottom: 16px;
    border-bottom: 1px solid #dee6f8;
}
.recent-post-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.recent-post-thumb { flex-shrink: 0; margin-right: 12px; }
.recent-post-thumb img { width: 70px; height: 60px; object-fit: cover; }
.recent-post-info a {
    font-size: 14px; font-weight: 600; color: #000;
    text-decoration: none; display: block; margin-bottom: 5px;
    line-height: 1.4; font-family: 'Urbanist', sans-serif;
}
.recent-post-info a:hover { color: #4372fc; }
.recent-post-info .text-size-14 { font-size: 12px; color: #a9bcd7; }
.recent-post-info .text-size-14 i { color: #4372fc; margin-right: 3px; }

/* Categories */
.box2 ul li {
    margin-bottom: 12px;
    font-family: 'Urbanist', sans-serif;
}
.box2 ul li a { color: #000; text-decoration: none; font-size: 15px; }
.box2 ul li a:hover { color: #4372fc; }
.cat-count { color: #a9bcd7; font-size: 12px; margin-left: 5px; }

/* Tags */
.tagcloud-wrap .tag-cloud-link {
    display: inline-block; font-size: 13px !important;
    padding: 5px 14px; margin: 4px 3px;
    background: #f5f8ff; border: 1px solid #dee6f8;
    border-radius: 20px; color: #041937; font-weight: 600;
    text-decoration: none; transition: all 0.3s;
    font-family: 'Urbanist', sans-serif;
}
.tagcloud-wrap .tag-cloud-link:hover {
    background: #4372fc; color: #fff; border-color: #4372fc;
}

/* Social box3 */
.box3 { text-align: center; }
.box3 .social-icons ul {
    display: flex; justify-content: center;
    list-style: none; padding: 0; margin: 0;
}
.box3 .social-icons ul li {
    margin: 0 8px;
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    background: #4372fc; border-radius: 0;
    transition: transform 0.3s, background 0.3s;
}
.box3 .social-icons ul li:hover { transform: translateY(-4px); background: #041937; }
.box3 .social-icons ul li a { color: #fff; font-size: 14px; }

/* -------------------------------------------------------
   SINGLE POST
------------------------------------------------------- */
.single-post-entry { font-family: 'Urbanist', sans-serif; }
.single-post-entry p { font-size: 17px; line-height: 28px; color: #626262; margin-bottom: 20px; }
.single-post-entry h2,.single-post-entry h3,.single-post-entry h4 {
    color: #000; margin: 30px 0 15px; font-family: 'Urbanist', sans-serif;
}
.single-post-entry img { max-width: 100%; height: auto; margin: 16px 0; }
.single-post-entry ul,.single-post-entry ol { padding-left: 24px; margin-bottom: 20px; }
.single-post-entry li { font-size: 16px; line-height: 26px; color: #626262; margin-bottom: 8px; }
.single-post-entry a { color: #4372fc; }
.single-post-entry a:hover { color: #041937; }
.single-post-entry blockquote {
    border-left: 4px solid #4372fc; padding: 18px 28px;
    background: #f5f8ff; margin: 24px 0; border-radius: 0 6px 6px 0;
}
.single-post-entry blockquote p { font-size: 18px; font-style: italic; color: #041937; margin: 0; }

/* Tags on single post */
.tags-wrap { padding: 20px 0; border-top: 1px solid #dee6f8; }
.tags-wrap strong { color: #000; font-family: 'Urbanist', sans-serif; margin-right: 8px; }
.post-tag {
    display: inline-block; padding: 4px 14px; margin: 3px;
    background: #f5f8ff; border: 1px solid #dee6f8;
    border-radius: 20px; color: #041937; font-size: 13px; font-weight: 600;
    text-decoration: none; transition: all 0.3s; font-family: 'Urbanist', sans-serif;
}
.post-tag:hover { background: #4372fc; color: #fff; border-color: #4372fc; }

/* Post navigation */
.post-navigation-wrap { border-top: 1px solid #dee6f8; padding-top: 24px; }
.post-nav-box {
    background: #fff; border-top: 2px solid #4372fc;
    padding: 18px 22px; transition: all 0.3s;
}
.post-nav-box:hover { border-top-color: #041937; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }
.post-nav-box .nav-label {
    display: block; font-size: 12px; color: #4372fc;
    text-transform: uppercase; font-weight: 700; letter-spacing: 1px;
    margin-bottom: 6px; font-family: 'Urbanist', sans-serif;
}
.post-nav-box .nav-title {
    font-size: 15px; font-weight: 600; color: #000;
    text-decoration: none; display: block; line-height: 1.4;
    font-family: 'Urbanist', sans-serif;
}
.post-nav-box .nav-title:hover { color: #4372fc; }

/* -------------------------------------------------------
   COMMENTS
------------------------------------------------------- */
.comments-list-wrap { margin-bottom: 40px; }
.comments-title {
    font-size: 24px; color: #000; margin-bottom: 24px;
    padding-bottom: 16px; border-bottom: 1px solid #dee6f8;
    font-family: 'Urbanist', sans-serif;
}
.comment-list .comment-body { padding: 20px 0; border-bottom: 1px solid #dee6f8; }
.comment-list .comment-author .fn { font-weight: 700; font-size: 16px; font-family: 'Urbanist', sans-serif; }
.comment-metadata a { color: #a9bcd7; font-size: 12px; text-decoration: none; }
.comment-content p { font-size: 15px; line-height: 26px; color: #626262; font-family: 'Urbanist', sans-serif; }
.comment-reply-link { color: #4372fc; font-size: 13px; font-weight: 700; text-decoration: none; }
.comment-reply-link:hover { color: #041937; }

/* Comment form */
.content7 h4 {
    font-size: 24px; color: #000; margin-bottom: 24px; font-family: 'Urbanist', sans-serif;
}
.content7 .form_style {
    width: 100%; background: #f5f8ff; border: 1px solid #dee6f8;
    border-radius: 0; padding: 14px 18px; font-size: 15px;
    color: #626262; outline: none; margin-bottom: 16px;
    font-family: 'Urbanist', sans-serif; transition: border-color 0.3s;
}
.content7 textarea.form_style { height: 130px; resize: none; }
.content7 .form_style:focus { border-color: #4372fc; background: #fff; }
.content7 .post_comment {
    min-width: 188px; height: 56px; padding: 0 30px;
    background: #4372fc; color: #fff; border: none; border-radius: 100px;
    font-size: 16px; font-weight: 700; cursor: pointer;
    font-family: 'Urbanist', sans-serif; transition: background 0.3s;
}
.content7 .post_comment:hover { background: #041937; }

/* -------------------------------------------------------
   CONTACT PAGE
------------------------------------------------------- */
.contact-info-con .contact-box {
    background: #fff; padding: 40px 35px;
    border-top: 2px solid #4372fc; margin-bottom: 30px;
    transition: all 0.4s;
}
.contact-info-con .contact-box:hover {
    transform: translateY(-4px); border-top-color: #041937;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* -------------------------------------------------------
   PAGINATION (Blog)
------------------------------------------------------- */
.zy-pagination { margin-top: 40px; }
.zy-pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.zy-pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; background: #fff; color: #041937;
    border-radius: 50%; text-decoration: none; font-size: 15px; font-weight: 700;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08); border: 2px solid transparent;
    transition: all 0.3s; font-family: 'Urbanist', sans-serif;
}
.zy-pagination .page-numbers:hover,
.zy-pagination .page-numbers.current { background: #4372fc; color: #fff; border-color: #4372fc; }
.zy-pagination .page-numbers.dots { background: transparent; box-shadow: none; border: none; cursor: default; }

/* -------------------------------------------------------
   404 PAGE
------------------------------------------------------- */
.error-section {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    text-align: center; background-image: url('../images/banner-bg-image.jpg');
    background-size: cover; background-position: center; position: relative;
}
.error-section::after {
    content: ''; position: absolute; inset: 0;
    background: rgba(4,25,55,0.75); z-index: 0;
}
.error-con { position: relative; z-index: 2; }
.error-con h2 {
    font-size: 150px; line-height: 150px; color: #fff;
    margin-bottom: 20px; font-family: 'Urbanist', sans-serif;
}
.error-con h2 i { color: #4372fc; font-size: 120px; }
.error-con h4 { font-size: 32px; color: #fff; margin-bottom: 16px; font-family: 'Urbanist', sans-serif; }
.error-con p { font-size: 18px; color: #a9bcd7; margin-bottom: 30px; }

/* -------------------------------------------------------
   RESPONSIVE
------------------------------------------------------- */
@media (max-width: 991px) {
    .sub-banner-con h1 { font-size: 48px; line-height: 56px; }
    .column { margin-top: 40px; }
}
@media (max-width: 767px) {
    .sub_banner_outer { height: auto; padding: 100px 0 60px; }
    .sub-banner-con { padding: 0; }
    .sub-banner-con h1 { font-size: 34px; line-height: 42px; }
    .sub_banner_outer::after { width: 200px; height: 200px; }
    .single-blog-outer-con { grid-template-columns: 1fr; gap: 30px; }
    .error-con h2 { font-size: 90px; line-height: 100px; }
    .error-con h2 i { font-size: 75px; }
}

/* =============================================================
   INNER PAGES — Additional styles for v4 page templates
   Matching: html.designingmedia.com/zyentis/
============================================================= */

/* --- SUB BANNER (all inner pages) --- */
.sub_banner_outer {
    position: relative;
    overflow: hidden;
    background-image: url('../images/sub-banner-bg-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 673px;
    display: flex;
    align-items: center;
}
.sub_banner_outer::after {
    content: "";
    height: 289px;
    width: 359px;
    right: 0;
    bottom: 0;
    background-color: #4372fc;
    position: absolute;
    z-index: 0;
}
.sub-banner-img-vector {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    max-height: 100%;
}
.sub-banner-con {
    position: relative;
    z-index: 2;
    padding: 170px 0 184px;
}
.sub-banner-con .banner-con h1 {
    font-size: 80px;
    line-height: 86px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 28px;
}
.sub-banner-con .breadcrumb {
    background-color: transparent;
    padding: 17px 25px;
    min-width: 213px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 26.5px;
    justify-content: center;
    display: inline-flex;
    margin-bottom: 0;
}
.sub-banner-con .breadcrumb-item,
.sub-banner-con .breadcrumb-item a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    font-family: "Urbanist", sans-serif;
}
.sub-banner-con .breadcrumb-item + .breadcrumb-item::before {
    color: #ffffff;
    content: "/";
    padding: 0 14px;
    font-weight: 700;
}
.sub-banner-con .breadcrumb-item + .breadcrumb-item { padding-left: 0; }
.sub-banner-con .breadcrumb-item.active { color: rgba(255,255,255,0.8); }
.sub-banner-con .breadcrumb-item a:hover { color: #4372fc; }

/* --- CONTACT PAGE --- */
.contact-info-con .contct-info-box {
    background-color: #ffffff;
    border-top: 2px solid #4372fc;
    padding: 35px;
    transition: ease-in-out 0.6s;
    box-shadow: 0 5px 75px rgba(23,132,211,0.05);
}
.contact-info-con .contct-info-box:hover {
    border-top-color: #041937;
    transform: translateY(-4px);
}
.contact-info-con .contct-info-box figure { flex-shrink: 0; }
.contact-info-con .contct-info-box .info-content { margin-left: 28px; }
.contact-info-con .contct-info-box h4 { margin-bottom: 11px; }
.contact-info-con .contct-info-box a {
    color: #626262;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    font-family: "Urbanist", sans-serif;
}
.contact-info-con .contct-info-box a:hover { color: #4372fc; }

/* Contact form */
.contact-form-con form ul li {
    float: left;
    width: 32%;
    margin-right: 28px;
    margin-bottom: 30px;
}
.contact-form-con form ul li:nth-child(3) { margin-right: 0; }
.contact-form-con form ul li:last-child { width: 100%; margin-right: 0; margin-bottom: 45px; }
.contact-form-con form ul li input,
.contact-form-con form ul li textarea {
    width: 100%;
    padding: 13px 19px;
    background: #ffffff;
    border: none;
    color: #626262;
    font-size: 14px;
    font-family: "Urbanist", sans-serif;
    border-radius: 0;
    outline: none;
}
.contact-form-con form ul li input { height: 64px; }
.contact-form-con form ul li textarea { height: 141px; padding: 20px 25px; resize: none; }
.contact-form-con form ul li input::placeholder,
.contact-form-con form ul li textarea::placeholder { color: #626262; }
.contact-form-con form ul li input:focus,
.contact-form-con form ul li textarea:focus {
    border: 1px solid #4372fc;
    box-shadow: 0 1px 8px rgba(67,114,252,0.35);
}
button.primary_btn { border: none; cursor: pointer; }
.contact-map-con iframe {
    height: 547px;
    width: 100%;
    filter: grayscale(100%);
    border-radius: 25px;
    border: none;
    pointer-events: none;
    transition: filter 0.3s;
}
.contact-map-con iframe:hover { filter: none; pointer-events: auto; }

/* Contact success */
.contact-success-msg { animation: fadeSlideIn 0.5s ease; }
@keyframes fadeSlideIn { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }

/* --- FAQ PAGE --- */
.faq-con .accordion-card {
    margin-bottom: 25px;
    background: #ffffff;
    box-shadow: 0 9px 56px rgba(0,0,0,0.03);
    border: 1px solid #ffffff;
}
.faq-con .accordion-card:has(.btn-link:not(.collapsed)) { border-color: #4372fc; }
.faq-con .accordion-card:last-child { margin-bottom: 0; }
.faq-con .accordian-inner .card-header { padding: 0; background: none; border: none; }
.faq-con .accordian-inner .card-header a {
    padding: 23px 37px;
    display: block;
    text-decoration: none;
    text-align: left;
    position: relative;
    border-radius: 0;
    white-space: normal;
    word-break: break-word;
}
.faq-con .accordion-card .btn-link h6 { color: #4372fc; }
.faq-con .accordion-card .collapsed h6 { color: #000000; }
.faq-con .accordion-card h6 {
    font-size: 18px;
    font-weight: 700;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 0;
    padding-right: 30px;
}
.faq-con .accordion-card a.btn-link:before {
    content: "\f068";
    font-size: 18px;
    top: 50%;
    right: 24px;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #041937;
    transform: translateY(-50%);
}
.faq-con .accordion-card .collapsed:before {
    content: "\002b";
    color: #4372fc;
}
.faq-con .accordian-inner .card-body {
    padding: 0 37px 20px;
    color: #626262;
    font-size: 16px;
    line-height: 26px;
    font-family: "Urbanist", sans-serif;
}
.faq-con .accordian-inner .card-body p { margin: 0; }

/* --- ABOUT / TEAM — Statistics boxes --- */
.statistics-con .statistics-box {
    background: #ffffff;
    border-top: 2px solid #4372fc;
    padding: 37px 41px 31px;
    transition: ease-in-out 0.6s;
    text-align: center;
}
.statistics-con .statistics-box:hover {
    box-shadow: 0 5px 75px rgba(23,132,211,0.05);
    transform: translateY(-2px);
    border-top-color: #041937;
}
.statistics-con .statistics-box span {
    display: block;
    font-size: 54px;
    line-height: 60px;
    font-weight: 700;
    color: #4372fc;
    font-family: "Urbanist", sans-serif;
}
.statistics-con .statistics-box sup {
    font-size: 28px;
    color: #4372fc;
    font-weight: 700;
    top: -12px;
    font-family: "Urbanist", sans-serif;
}
.statistics-con .statistics-box span.span-text {
    font-size: 16px;
    color: #626262;
    font-weight: 500;
    margin-top: 8px;
}
.statistics-con .statistics-box:hover span.counter,
.statistics-con .statistics-box:hover sup { color: #041937; }

/* --- TEAM PAGE --- */
.our-team-con .team-box {
    background: #ffffff;
    transition: ease-in-out 0.6s;
    margin-bottom: 30px;
    overflow: hidden;
}
.our-team-con .team-box figure { overflow: hidden; margin-bottom: 0; }
.our-team-con .team-box figure img {
    width: 100%;
    transition: ease-in-out 1s;
}
.our-team-con .team-box:hover figure img {
    transform: scale(1.04);
    opacity: 0.9;
}
.our-team-con .team-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}
.our-team-con .team-box .team-content {
    padding: 25px 30px;
}
.our-team-con .team-box h5 {
    font-size: 22px;
    color: #000000;
    margin-bottom: 4px;
    font-family: "Urbanist", sans-serif;
}
.our-team-con .team-box .designation {
    font-size: 14px;
    color: #4372fc;
    font-weight: 600;
    display: block;
    margin-bottom: 14px;
    font-family: "Urbanist", sans-serif;
}
.our-team-con .team-box ul { list-style: none; padding: 0; margin: 0; }
.our-team-con .team-box ul li { display: inline-block; margin-right: 8px; }
.our-team-con .team-box ul li i {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    color: #041937;
    border: 1px solid rgba(4,25,55,0.15);
    transition: all 0.3s;
}
.our-team-con .team-box ul li i:hover {
    background: #4372fc;
    color: #ffffff;
    border-color: #4372fc;
}

/* --- MISSION SECTION --- */
.pricingmission-con {
    background-color: #041937;
    position: relative;
    overflow: hidden;
}
.pricingmission-con::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(4,25,55,0.4);
}
.pricingmission-con .mission_content { position: relative; z-index: 2; }
.pricingmission-con .mission_content h2 { color: #ffffff; margin-bottom: 20px; }
.pricingmission-con p { color: #a9bcd7; font-size: 16px; line-height: 25px; }
.pricingmission-con .mission-measure .text {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin-bottom: 8px;
    font-family: "Urbanist", sans-serif;
}
.pricingmission-con .mission-measure .progress {
    height: 10px;
    background: rgba(0,0,0,0.15);
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}
.pricingmission-con .mission-measure .progress-bar {
    background: #ffffff;
    border-radius: 5px;
    height: 100%;
    animation: progress-animation 2s ease-in-out;
}
.pricingmission-con .mission-measure .progress-bar1 { width: 60%; }
.pricingmission-con .mission-measure .progress-bar2 { width: 80%; }
.pricingmission-con .mission-measure .progress-bar3 { width: 75%; }
@keyframes progress-animation { from { width: 0%; } }
.pricingmission-con .mission-leftimage {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
}
.pricingmission-con .mission-leftimage img {
    height: 100%;
    width: auto;
    object-fit: cover;
}
.pricingmission-con .zyn-icon {
    position: absolute;
    left: auto;
    right: 45%;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ffffff;
    width: 175px;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 2;
}

/* --- WORK WITH US CTA SECTION --- */
.work-with-us-con {
    background-color: #4372fc;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.work-with-us-con .heading-title-con h2 { color: #ffffff; }
.work-with-us-con .heading-title-con p { color: rgba(255,255,255,0.8); font-size: 18px; }
.work-with-us-con .heading-title-con .special-text { color: rgba(255,255,255,0.7); }
.work-with-us-con .primary_btn {
    background: #ffffff;
    color: #4372fc;
    border: 2px solid #ffffff;
}
.work-with-us-con .primary_btn:hover {
    background: #041937;
    color: #ffffff;
    border-color: #041937;
}
.work-with-us-con .vector6 {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.15;
}

/* --- PROJECTS PAGE --- */
.main-projects-con .case-box { overflow: hidden; }
.main-projects-con .case-box:hover { transform: translateY(-4px); }

/* --- TESTIMONIALS PAGE --- */
.testimonials-con.main-box { background: #f5f8ff; }

/* --- SERVICES PAGE: ADDITIONAL FEATURE ROWS --- */
.our-main-features-con .col-lg-3 { margin-bottom: 30px; }

/* --- MAIN ABOUT IMAGE --- */
.main-about-us-con .main-abt-img-con { position: relative; }
.main-about-us-con .main-abt-img1 { position: relative; z-index: 1; }
.main-about-us-con .vector3 {
    bottom: -20px;
    left: 15px;
    z-index: 0;
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 1199px) {
    .sub_banner_outer { height: auto; }
    .sub-banner-con .banner-con h1 { font-size: 60px; line-height: 68px; }
    .contact-form-con form ul li { width: 48%; }
    .contact-form-con form ul li:nth-child(2) { margin-right: 0; }
    .contact-form-con form ul li:nth-child(3) { width: 100%; }
}
@media (max-width: 991px) {
    .sub-banner-con .banner-con h1 { font-size: 48px; line-height: 56px; }
    .sub-banner-con { padding: 100px 0 80px; }
    .sub_banner_outer::after { width: 200px; height: 160px; }
    .pricingmission-con .mission-leftimage { display: none; }
    .pricingmission-con .zyn-icon { display: none; }
    .contact-form-con form ul li { width: 100%; margin-right: 0; }
    .work-with-us-con { padding: 70px 0; }
}
@media (max-width: 767px) {
    .sub-banner-con .banner-con h1 { font-size: 36px; line-height: 44px; }
    .sub_banner_outer::after { display: none; }
    .contact-info-con .contct-info-box { margin-bottom: 20px; }
}