.all-service-page-tag,
.career-seyecs-heading span,
.eyebrow,
.learn-more,
.media-seyecs-subtitle,
.news-ltr-detail-page-month,
.press-media-subtitle,
.service-detail-category,
.service-marquee-card a,
.slider-badge {
    text-transform: uppercase
}

.cosmetic-license-section {
    background: #fafafa
}

.cosmetic-license-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06)
}

.cosmetic-license-left {
    background: #67132f;
    color: #fff;
    height: 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px;
    text-align: center;
    position: relative
}

.cosmetic-license-left::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #67132f;
    transform: translateY(-50%) rotate(45deg)
}

.cosmetic-license-left h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px
}

.cosmetic-license-line {
    width: 90px;
    height: 3px;
    background: linear-gradient(90deg, #ffffff03 0, #d4af37 50%, #ffffff03 100%);
    margin-bottom: 30px
}

.cosmetic-license-content {
    padding: 11px 40px
}

.cosmetic-license-content h3 {
    color: #67132f;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 30px
}

.cosmetic-license-content span,
.expert-content h2 span,
.footer-contact strong,
.mv-heading span,
.mv-icon i,
.slider-content a:hover {
    color: #d4af37
}

.cosmetic-license-content p {
    color: #555;
    font-size: 17px;
    line-height: 1.9;
    margin: 0
}

@media(max-width:991px) {
    .cosmetic-license-left {
        min-height: 220px
    }

    .cosmetic-license-left h2 {
        font-size: 42px
    }

    .cosmetic-license-content {
        padding: 30px
    }
}

@media(max-width:767px) {
    .cosmetic-license-left {
        min-height: auto;
        padding: 30px 20px
    }

    .cosmetic-license-left::after {
        display: none
    }

    .cosmetic-license-icon i,
    .cosmetic-license-left h2 {
        font-size: 36px
    }

    .cosmetic-license-icon {
        width: 80px;
        height: 80px
    }

    .cosmetic-license-content {
        padding: 25px
    }

    .cosmetic-license-content h3 {
        font-size: 24px
    }

    .cosmetic-license-content p {
        font-size: 15px;
        line-height: 1.8
    }
}

.career-seyecs-section {
    position: relative;
    padding: 35px 0;
    overflow: hidden;
    background: linear-gradient(90deg, #fff 0, #faf0e7 48%, #fff 100%)
}

.career-seyecs-section::before {
    content: "";
    position: absolute;
    left: -120px;
    top: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(212, 175, 55, .06)
}

.career-seyecs-section::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -180px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(103, 19, 47, .04)
}

.career-seyecs-content,
.journey-content,
.modern-cta-content,
.press-media-gallery-section .container {
    position: relative;
    z-index: 2
}

.career-seyecs-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 22px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid rgba(103, 19, 47, .1);
    color: var(--career-primary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: 0 10px 25px rgba(103, 19, 47, .06)
}

.career-seyecs-subtitle i {
    color: var(--career-gold);
    font-size: 18px
}

.career-seyecs-title {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 1.12;
    font-weight: 500;
    color: #222
}

.career-seyecs-title span {
    display: block;
    color: var(--career-primary)
}

.career-seyecs-description {
    font-size: 19px;
    line-height: 1.4;
    color: var(--career-light);
    max-width: 520px
}

.career-seyecs-image {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(103, 19, 47, .12)
}

.career-seyecs-image img {
    width: 100%;
    display: block;
    border-radius: 28px
}

.career-seyecs-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(103, 19, 47, .08))
}

@media(max-width:991px) {
    .career-seyecs-section {
        padding: 70px 0
    }

    .career-seyecs-content {
        text-align: center;
        margin-bottom: 45px
    }

    .career-seyecs-description {
        margin: auto
    }

    .career-seyecs-title {
        font-size: 48px
    }

    .career-seyecs-counter {
        width: 150px;
        height: 150px;
        right: 20px;
        bottom: 20px
    }

    .career-seyecs-counter h2 {
        font-size: 42px
    }
}

@media(max-width:767px) {
    .career-seyecs-section {
        padding: 55px 0
    }

    .career-seyecs-title {
        font-size: 38px
    }

    .career-seyecs-description {
        font-size: 16px
    }

    .career-seyecs-image,
    .career-seyecs-image img {
        border-radius: 18px
    }

    .career-seyecs-counter {
        width: 120px;
        height: 120px;
        right: 15px;
        bottom: 15px
    }

    .career-seyecs-counter h2 {
        font-size: 32px
    }

    .career-seyecs-counter p {
        font-size: 13px
    }

    .career-seyecs-counter i {
        font-size: 24px
    }
}

.career-seyecs-openings,
.team-section {
    position: relative;
    padding: 90px 0;
    background: #fff;
    overflow: hidden
}

.career-seyecs-heading {
    margin-bottom: 30px
}

.career-seyecs-heading span {
    display: inline-block;
    color: var(--career-gold);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative
}

.career-seyecs-heading span::after,
.career-seyecs-heading span::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 55px;
    height: 2px;
    background: var(--career-gold)
}

.career-seyecs-heading span::before {
    right: calc(100% + 15px)
}

.career-seyecs-heading span::after {
    left: calc(100% + 15px)
}

.career-seyecs-heading h2 {
    font-size: 36px;
    font-weight: 500;
    color: #2d2d2d
}

.career-seyecs-heading p {
    max-width: 700px;
    margin: auto;
    color: #666;
    font-size: 18px;
    line-height: 1.8
}

.career-seyecs-card {
    position: relative;
    background: #fff;
    border-radius: 22px;
    padding: 25px 20px;
    border: 1px solid rgba(103, 19, 47, .08);
    box-shadow: 0 18px 40px rgba(103, 19, 47, .08);
    transition: .35s;
    overflow: hidden;
    height: 100%
}

.career-seyecs-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 28px 60px rgba(103, 19, 47, .16)
}

.career-seyecs-card::before {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -35px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(103, 19, 47, .04)
}

.career-seyecs-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: var(--career-primary);
    transition: .35s
}

.career-seyecs-card:hover::after,
.footer-widget a:hover:after,
.press-media-card:hover::after,
.silvereye-seyecs_footer_menu a:hover::before {
    width: 100%
}

.career-seyecs-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #a12c48;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    border: 2px solid rgba(212, 175, 55, .3)
}

.career-seyecs-icon i {
    font-size: 30px;
    color: #fff
}

.career-seyecs-card h3 {
    font-size: 24px;
    color: var(--career-primary);
    margin-bottom: 10px;
    font-weight: 500
}

.career-seyecs-card p {
    color: #666;
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 10px
}

.career-seyecs-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

.career-seyecs-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1px;
    font-size: 16px;
    color: #333;
    line-height: 1.5
}

.career-seyecs-link,
.press-media-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.career-seyecs-list li i {
    color: #d4af37;
    font-size: 18px;
    margin-top: 2px
}

.career-seyecs-link {
    color: #a12c48;
    text-decoration: none;
    font-weight: 600;
    transition: .35s
}

.career-seyecs-link i,
.contact-hero-icon-circle,
.contact-item,
.gold-curve,
.office-card,
.office-image,
.silvereye-seyecs_disclaimer,
.silvereye-seyecs_disclaimer_icon,
.silvereye-seyecs_footer_menu a,
.silvereye-seyecs_trusted_box,
.silvereye-seyecs_trusted_icon,
.white-curve {
    transition: .35s
}

.career-seyecs-link:hover {
    color: var(--career-gold)
}

.career-seyecs-link:hover i,
.newsletter-web-page-read-btn:hover i {
    transform: translateX(6px)
}

@media(max-width:1199px) {
    .career-seyecs-heading h2 {
        font-size: 48px
    }

    .career-seyecs-card {
        padding: 30px
    }

    .career-seyecs-card h3 {
        font-size: 30px
    }
}

@media(max-width:991px) {
    .career-seyecs-openings {
        padding: 70px 0
    }

    .career-seyecs-heading {
        margin-bottom: 45px
    }

    .career-seyecs-heading h2 {
        font-size: 42px
    }

    .career-seyecs-card {
        padding: 28px
    }
}

@media(max-width:767px) {
    .career-seyecs-openings {
        padding: 55px 0
    }

    .career-seyecs-heading h2 {
        font-size: 34px
    }

    .career-seyecs-heading p {
        font-size: 16px
    }

    .career-seyecs-card {
        padding: 25px
    }

    .career-seyecs-icon {
        width: 72px;
        height: 72px
    }

    .career-seyecs-icon i {
        font-size: 32px
    }

    .career-seyecs-card h3 {
        font-size: 28px
    }

    .career-seyecs-card p,
    .career-seyecs-list li {
        font-size: 15px
    }
}

#pressMediaModal .modal-dialog {
    max-width: 1050px;
    margin: 2rem auto
}

.press-media-modal-content {
    border: none;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .25);
    position: relative
}

#pressMediaModal .modal-body {
    padding: 0;
    background: #fff
}

#pressMediaModalImage {
    width: 100%;
    max-height: 80vh;
    object-fit: contain;
    display: block;
    background: #faf0e7;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .12)
}

.press-media-modal-caption {
    padding: 30px;
    background: #fff;
    border-top: 1px solid rgba(103, 19, 47, .08);
    text-align: center
}

.press-media-modal-caption h4 {
    margin: 0;
    color: #67132f;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4
}

.press-media-modal-caption p {
    margin-top: 12px;
    margin-bottom: 0;
    display: inline-block;
    padding: 8px 22px;
    border-radius: 50px;
    background: #faf0e7;
    color: #67132f;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid rgba(212, 175, 55, .35)
}

.press-media-close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #67132f;
    opacity: 1;
    z-index: 999;
    filter: invert(1);
    transition: .3s
}

.press-media-close-btn:hover {
    background: #d4af37;
    transform: rotate(90deg)
}

.modal-backdrop.show {
    opacity: .88
}

#pressMediaModal.fade .modal-dialog {
    transition: transform .35s ease-out;
    transform: scale(.9)
}

#pressMediaModal.show .modal-dialog {
    transform: scale(1)
}

@media(max-width:991px) {
    #pressMediaModal .modal-dialog {
        max-width: 90%;
        margin: 1.5rem auto
    }

    .press-media-modal-caption {
        padding: 24px
    }

    .press-media-modal-caption h4 {
        font-size: 26px
    }
}

@media(max-width:767px) {
    #pressMediaModal .modal-dialog {
        max-width: 95%;
        margin: 1rem auto
    }

    #pressMediaModalImage {
        max-height: 65vh
    }

    .press-media-modal-caption {
        padding: 20px
    }

    .press-media-modal-caption h4 {
        font-size: 22px
    }

    .press-media-modal-caption p {
        font-size: 14px;
        padding: 7px 18px
    }

    .press-media-close-btn {
        width: 40px;
        height: 40px;
        top: 12px;
        right: 12px
    }
}

@media(max-width:575px) {
    .cosmetic-license-left {
        padding: 25px 15px
    }

    .cosmetic-license-content {
        padding: 20px
    }

    .cosmetic-license-content h3 {
        font-size: 21px
    }

    .career-seyecs-title {
        font-size: 32px
    }

    .career-seyecs-description {
        font-size: 15px;
        line-height: 1.8
    }

    .career-seyecs-subtitle {
        font-size: 12px;
        padding: 8px 18px
    }

    .career-seyecs-counter {
        width: 105px;
        height: 105px
    }

    .career-seyecs-counter h2,
    .career-seyecs-icon i {
        font-size: 28px
    }

    .career-seyecs-heading h2 {
        font-size: 30px
    }

    .career-seyecs-heading span::after,
    .career-seyecs-heading span::before {
        display: none
    }

    .career-seyecs-card {
        padding: 22px
    }

    .career-seyecs-icon {
        width: 65px;
        height: 65px
    }

    .career-seyecs-card h3 {
        font-size: 24px
    }

    #pressMediaModalImage {
        max-height: 55vh
    }

    .press-media-modal-caption {
        padding: 16px
    }

    .press-media-modal-caption h4 {
        font-size: 20px
    }

    .press-media-modal-caption p {
        font-size: 13px
    }
}

.press-media-gallery-section {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0, #faf0e7 100%)
}

.press-media-gallery-section::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(212, 175, 55, .06);
    left: -130px;
    top: -120px
}

.press-media-gallery-section::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(103, 19, 47, .04);
    right: -140px;
    bottom: -140px
}

.press-media-heading::after,
.press-media-heading::before {
    position: absolute;
    top: 10px;
    width: 90px;
    height: 90px;
    background-size: 16px 16px;
    content: ""
}

.press-media-heading::before {
    left: -120px;
    background-image: radial-gradient(var(--press-gold) 1.6px, transparent 1.6px);
    opacity: .35
}

.press-media-heading::after {
    right: -120px;
    background-image: radial-gradient(var(--press-primary) 1.4px, transparent 1.4px);
    opacity: .1
}

.press-media-heading {
    position: relative;
    margin-bottom: 60px;
    z-index: 5
}

.press-media-subtitle {
    justify-content: center;
    padding: 8px 22px;
    background: #fff;
    border: 1px solid rgba(103, 19, 47, .1);
    border-radius: 50px;
    color: var(--press-primary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: 0 5px 20px rgba(103, 19, 47, .06)
}

.press-media-subtitle i {
    font-size: 18px;
    color: var(--press-gold)
}

.press-media-title {
    margin-top: 22px;
    margin-bottom: 18px;
    font-size: 52px;
    line-height: 1.15;
    font-weight: 400;
    color: #67132f
}

.press-media-title span {
    color: var(--press-primary)
}

.press-media-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0
}

.press-media-divider span {
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--press-gold), transparent)
}

.press-media-divider i {
    margin: 0 18px;
    color: var(--press-gold);
    font-size: 20px
}

.press-media-heading p {
    max-width: 760px;
    margin: auto;
    color: var(--press-light);
    font-size: 18px;
    line-height: 1.9
}

@media(max-width:1199px) {
    .press-media-title {
        font-size: 50px
    }

    .press-media-heading p {
        font-size: 17px
    }
}

@media(max-width:991px) {
    .press-media-gallery-section {
        padding: 70px 0
    }

    .press-media-heading {
        margin-bottom: 50px
    }

    .press-media-title {
        font-size: 44px
    }

    .press-media-divider span {
        width: 110px
    }

    .press-media-heading::after,
    .press-media-heading::before {
        display: none
    }
}

@media(max-width:767px) {
    .press-media-gallery-section {
        padding: 60px 0
    }

    .press-media-subtitle {
        font-size: 13px;
        padding: 7px 18px
    }

    .press-media-subtitle i {
        font-size: 16px
    }

    .press-media-title {
        font-size: 34px;
        line-height: 1.3
    }

    .press-media-heading p {
        font-size: 15px;
        line-height: 1.8
    }

    .press-media-divider {
        margin: 18px 0
    }

    .press-media-divider span {
        width: 70px
    }

    .press-media-divider i {
        margin: 0 12px;
        font-size: 16px
    }
}

.press-media-card {
    position: relative;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(103, 19, 47, .08);
    box-shadow: 0 12px 35px rgba(103, 19, 47, .08);
    transition: .35s;
    height: 100%;
    margin-bottom: 5px
}

.press-media-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(103, 19, 47, .15)
}

.press-media-image {
    position: relative;
    overflow: hidden;
    height: 250px;
    background: #f8f8f8;
    cursor: pointer
}

.press-media-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .45s
}

.press-media-card:hover .press-media-image img,
.service-card-grid:hover .service-image img,
.team-card:hover img {
    transform: scale(1.08)
}

.press-media-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(103, 19, 47, .05), rgba(103, 19, 47, .65));
    opacity: 0;
    transition: .35s;
    z-index: 1
}

.press-media-card:hover .press-media-image::before,
.team-card:hover::after,
.timeline-item:hover::before {
    opacity: 1
}

.press-media-popup-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.7);
    width: 65px;
    height: 65px;
    border: none;
    border-radius: 50%;
    background: #67132f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
    transition: .35s;
    box-shadow: 0 12px 25px rgba(0, 0, 0, .2)
}

.press-media-card:hover .press-media-popup-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.press-media-popup-btn:hover {
    background: #d4af37;
    color: #67132f
}

.press-media-content {
    padding: 22px;
    background: #fff;
    text-align: center
}

.press-media-content h5 {
    margin: 0;
    color: #2d2d2d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4
}

.press-media-content p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #666;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    position: relative
}

.press-media-content p::after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    margin: 10px auto 0;
    background: #d4af37
}

#suggestions,
.journey-card .journey-card-icon span {
    display: none
}

.press-media-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #67132f;
    transition: .35s
}

.media-seyecs-gallery-section::after,
.media-seyecs-gallery-section::before {
    position: absolute;
    top: 40px;
    height: 140px;
    background-image: radial-gradient(var(--media-gold) 1.5px, transparent 1.5px);
    background-size: 18px 18px;
    opacity: .45;
    width: 170px;
    content: ""
}

.press-media-image img {
    border-radius: 18px 18px 0 0
}

@media(max-width:1400px) {
    .press-media-image {
        height: 230px
    }

    .press-media-content h5 {
        font-size: 20px
    }
}

@media(max-width:1199px) {
    .press-media-image {
        height: 215px
    }

    .press-media-content {
        padding: 18px
    }

    .press-media-content h5 {
        font-size: 19px
    }
}

@media(max-width:991px) {
    .press-media-image {
        height: 250px
    }

    .press-media-content {
        padding: 18px
    }
}

@media(max-width:767px) {
    .press-media-card {
        border-radius: 15px
    }

    .press-media-image {
        height: 220px
    }

    .press-media-popup-btn {
        width: 55px;
        height: 55px;
        font-size: 20px
    }

    .press-media-content {
        padding: 18px
    }

    .press-media-content h5 {
        font-size: 18px
    }

    .press-media-content p {
        font-size: 14px
    }
}

@media(max-width:575px) {
    .press-media-gallery-section {
        padding: 50px 0
    }

    .press-media-title {
        font-size: 28px
    }

    .press-media-heading {
        margin-bottom: 35px
    }

    .press-media-heading p {
        font-size: 14px
    }

    .press-media-gallery-section::after,
    .press-media-gallery-section::before {
        display: none
    }

    .press-media-image {
        height: 210px
    }

    .press-media-content {
        padding: 16px
    }

    .press-media-content h5 {
        font-size: 17px
    }

    .press-media-content p {
        font-size: 13px
    }

    .press-media-popup-btn {
        width: 50px;
        height: 50px;
        font-size: 18px
    }
}

@media(max-width:420px) {
    .press-media-modal-caption h4 {
        font-size: 18px
    }

    .press-media-modal-caption p {
        font-size: 12px;
        padding: 6px 15px
    }

    .press-media-close-btn {
        width: 36px;
        height: 36px
    }

    .press-media-image {
        height: 180px
    }

    .press-media-content h5 {
        font-size: 16px
    }

    .press-media-content p {
        font-size: 12px
    }
}

.media-seyecs-gallery-section {
    position: relative;
    padding: 90px 0;
    background: linear-gradient(180deg, #fff 0, #faf0e7 100%);
    overflow: hidden
}

.media-seyecs-gallery-section::before {
    left: 25px
}

.media-seyecs-gallery-section::after {
    right: 25px
}

.media-seyecs-heading {
    margin-bottom: 60px;
    position: relative;
    z-index: 5
}

.media-seyecs-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--media-primary);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px
}

.media-seyecs-subtitle i {
    color: var(--media-gold);
    font-size: 22px
}

.media-seyecs-title {
    margin: 20px 0;
    font-size: 62px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--media-dark);
    font-family: "Playfair Display", serif
}

.media-seyecs-title span {
    color: var(--media-primary)
}

.media-seyecs-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0
}

.media-seyecs-divider span {
    width: 170px;
    height: 2px;
    background: var(--media-gold)
}

.media-seyecs-divider i {
    margin: 0 18px;
    color: var(--media-gold);
    font-size: 20px
}

.media-seyecs-heading p {
    max-width: 720px;
    margin: 0 auto;
    color: var(--media-light);
    font-size: 20px;
    line-height: 1.8
}

.media-seyecs-gallery-section .container {
    position: relative;
    z-index: 10
}

@media(max-width:991px) {
    .media-seyecs-gallery-section {
        padding: 70px 0
    }

    .media-seyecs-heading {
        margin-bottom: 45px
    }

    .media-seyecs-title {
        font-size: 46px
    }

    .media-seyecs-heading p {
        font-size: 17px
    }

    .media-seyecs-divider span {
        width: 120px
    }
}

@media(max-width:767px) {
    .media-seyecs-gallery-section {
        padding: 55px 0
    }

    .media-seyecs-title {
        font-size: 36px;
        line-height: 1.3
    }

    .media-seyecs-subtitle {
        font-size: 14px
    }

    .media-seyecs-subtitle i {
        font-size: 18px
    }

    .media-seyecs-divider {
        margin: 18px 0
    }

    .media-seyecs-divider span {
        width: 70px
    }

    .media-seyecs-divider i {
        font-size: 16px;
        margin: 0 12px
    }

    .media-seyecs-heading p {
        font-size: 15px;
        line-height: 1.7
    }
}

.gallery-web-page-hero-section {
    padding: 50px 0;
    background: #fff;
    overflow: hidden
}

.gallery-web-page-hero-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(250, 240, 231, .98) 0, rgba(255, 255, 255, .96) 45%, rgba(250, 240, 231, .9) 100%);
    min-height: 260px;
    box-shadow: 0 20px 60px rgba(103, 19, 47, .1);
    border: 1px solid rgba(212, 175, 55, .25)
}

.gallery-web-page-bg-pattern {
    position: absolute;
    inset: 0;
    background: url("../Images/world-map.svg") center center/55% no-repeat;
    opacity: .05;
    pointer-events: none
}

.gallery-web-page-shape-one {
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(212, 175, 55, .08)
}

.gallery-web-page-shape-two {
    position: absolute;
    bottom: -130px;
    left: -130px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(103, 19, 47, .05)
}

.gallery-web-page-shape-three {
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
    height: 100%;
    background: #67132f;
    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%)
}

.gallery-web-page-content {
    padding: 55px 45px;
    position: relative;
    z-index: 2
}

.gallery-web-page-subtitle {
    display: inline-block;
    padding: 8px 18px;
    background: #faf0e7;
    color: #67132f;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(212, 175, 55, .35)
}

.gallery-web-page-subtitle i {
    color: #d4af37;
    margin-right: 8px
}

.gallery-web-page-title {
    font-size: 68px;
    font-weight: 800;
    color: #67132f;
    margin: 18px 0;
    line-height: 1
}

.gallery-web-page-divider {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.gallery-web-page-divider span {
    width: 110px;
    height: 2px;
    background: #d4af37
}

.gallery-web-page-divider i {
    color: #d4af37;
    margin: 0 15px
}

.gallery-web-page-breadcrumb {
    margin: 0;
    background: 0 0;
    padding: 0
}

.btn-expert i,
.contact-hero-icon-circle i,
.gallery-web-page-breadcrumb li {
    font-size: 18px
}

.gallery-web-page-breadcrumb a {
    color: #333;
    text-decoration: none
}

.gallery-web-page-breadcrumb .active {
    color: #67132f;
    font-weight: 700
}

.gallery-web-page-photo-area {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.gallery-web-page-photo-grid {
    display: grid;
    grid-template-columns: repeat(2, 130px);
    gap: 18px;
    transform: rotate(-45deg)
}

.gallery-web-page-photo-item {
    overflow: hidden;
    border: 4px solid #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
    background: #fff
}

.gallery-web-page-photo-item img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    transform: rotate(45deg) scale(1.42)
}

@media(max-width:1200px) {
    .gallery-web-page-title {
        font-size: 58px
    }

    .gallery-web-page-photo-grid {
        grid-template-columns: repeat(2, 110px)
    }

    .gallery-web-page-photo-item img {
        height: 110px
    }
}

@media(max-width:991px) {
    .gallery-web-page-hero-wrapper {
        padding: 10px
    }

    .gallery-web-page-content {
        text-align: center;
        padding: 20px
    }

    .gallery-web-page-divider {
        justify-content: center
    }

    .gallery-web-page-photo-area {
        margin-top: 0
    }

    .gallery-web-page-shape-three {
        display: none
    }
}

@media(max-width:767px) {
    .gallery-web-page-title {
        font-size: 48px
    }

    .gallery-web-page-divider span {
        width: 70px
    }

    .gallery-web-page-photo-grid {
        grid-template-columns: repeat(2, 85px);
        gap: 12px
    }

    .gallery-web-page-photo-item img {
        height: 85px
    }
}

.leadeship-img img {
    width: 100%;
    height: 100%;
    border-radius: 40px
}

.g-recaptcha {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    transform-origin: left top;
    -webkit-transform-origin: left top
}

.service-detail-left-area p {
    text-align: justify
}

.news-ltr-detail-page-section {
    position: relative;
    padding: 40px 0;
    background: #fff;
    overflow: hidden
}

.news-ltr-detail-page-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(90deg, #fffdfb 0, #faf0e7 35%, #fffaf5 62%, #67132f 62%, #5b0f29 100%);
    min-height: 220px;
    box-shadow: var(--news-shadow);
    border: 1px solid rgba(212, 175, 55, .25)
}

.news-ltr-detail-page-wrapper .row {
    min-height: 220px;
    position: relative;
    z-index: 5
}

.news-ltr-detail-page-left {
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 55px
}

.news-ltr-detail-page-left-pattern {
    position: absolute;
    left: -130px;
    top: -120px;
    width: 320px;
    height: 420px;
    border-radius: 50%;
    pointer-events: none
}

.news-ltr-detail-page-left-pattern::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, .2)
}

.news-ltr-detail-page-left-pattern::after {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, .12)
}

.journey-section .container,
.news-ltr-detail-page-logo-box,
.newsletter-content,
.newsletter-hero .container {
    position: relative;
    z-index: 5
}

.news-ltr-detail-page-logo {
    width: 100%;
    max-width: 520px;
    display: block
}

.news-ltr-detail-page-logo-divider {
    width: 100%;
    max-width: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 18px 0
}

.news-ltr-detail-page-logo-divider::after,
.news-ltr-detail-page-logo-divider::before {
    content: "";
    flex: 1;
    height: 2px;
    background: var(--news-gold)
}

.news-ltr-detail-page-logo-divider span {
    width: 12px;
    height: 12px;
    background: var(--news-gold);
    transform: rotate(45deg);
    margin: 0 12px;
    border-radius: 2px
}

.news-ltr-detail-page-tagline {
    font-size: 16px;
    letter-spacing: 7px;
    text-transform: uppercase;
    color: var(--news-primary);
    font-weight: 500;
    line-height: 1.4
}

.news-ltr-detail-page-left-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    left: -220px;
    bottom: -240px;
    background: radial-gradient(circle, rgba(212, 175, 55, .1), transparent 70%);
    pointer-events: none
}

@media(min-width:1200px) {
    .news-ltr-detail-page-left {
        padding-left: 60px;
        padding-right: 40px
    }
}

@media(max-width:1399px) {
    .news-ltr-detail-page-left {
        padding: 30px 40px
    }

    .news-ltr-detail-page-logo {
        max-width: 460px
    }

    .news-ltr-detail-page-tagline {
        font-size: 15px;
        letter-spacing: 5px
    }
}

@media(max-width:991px) {
    .news-ltr-detail-page-left {
        height: auto;
        padding: 40px 30px;
        align-items: center;
        text-align: center
    }

    .news-ltr-detail-page-logo,
    .news-ltr-detail-page-logo-divider {
        max-width: 400px
    }

    .news-ltr-detail-page-tagline {
        letter-spacing: 4px;
        font-size: 14px
    }
}

.news-ltr-detail-page-center {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    padding: 0 20px;
    z-index: 10
}

.news-ltr-detail-page-divider-left,
.news-ltr-detail-page-divider-right {
    width: 2px;
    height: 105px;
    flex-shrink: 0;
    background: linear-gradient(to bottom, transparent 0, var(--news-gold) 20%, var(--news-gold) 80%, transparent 100%);
    opacity: .95
}

.news-ltr-detail-page-divider-left {
    margin-right: 35px
}

.news-ltr-detail-page-divider-right {
    margin-left: 35px
}

.news-ltr-detail-page-year {
    position: relative;
    margin: 0;
    font-size: 128px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 4px;
    font-family: inherit;
    user-select: none;
    background: linear-gradient(180deg, #fff2ba 0, #f7d86d 12%, #d4af37 40%, #c7921f 72%, #9c6a09 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 3px 0 rgba(255, 255, 255, .45)
}

.future-slider-section,
.modern-cta-section,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif
}

.news-ltr-detail-page-year::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 70%;
    height: 18px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(212, 175, 55, .35), transparent 70%);
    filter: blur(10px);
    z-index: -1
}

.news-ltr-detail-page-center::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, .08), transparent 70%);
    z-index: -1
}

@media(max-width:1400px) {
    .news-ltr-detail-page-year {
        font-size: 112px
    }
}

@media(max-width:1200px) {
    .news-ltr-detail-page-year {
        font-size: 96px
    }

    .news-ltr-detail-page-divider-left,
    .news-ltr-detail-page-divider-right {
        height: 90px
    }
}

@media(max-width:991px) {
    .news-ltr-detail-page-center {
        height: auto;
        padding: 25px 20px
    }

    .news-ltr-detail-page-divider-left,
    .news-ltr-detail-page-divider-right {
        display: none
    }

    .news-ltr-detail-page-year {
        font-size: 88px;
        letter-spacing: 2px
    }
}

.news-ltr-detail-page-right {
    position: relative;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #7b1437 0, #67132f 35%, #5a0f29 70%, #4b0d22 100%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%)
}

.news-ltr-detail-page-right::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 0;
    width: 22px;
    height: 100%;
    background: var(--news-gold);
    transform: skewX(-28deg);
    z-index: 3
}

.news-ltr-detail-page-world-map {
    position: absolute;
    inset: 0;
    background: url("../images/world-map.png") center center/92% no-repeat;
    opacity: .13;
    pointer-events: none
}

.news-ltr-detail-page-right::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(212, 175, 55, .12), transparent 45%), linear-gradient(rgba(255, 255, 255, .02), rgba(0, 0, 0, .08))
}

.news-ltr-detail-page-content {
    position: relative;
    z-index: 10;
    width: 100%;
    padding: 0 45px;
    text-align: center
}

.news-ltr-detail-page-month {
    margin: 0;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.1;
    color: #fff;
    letter-spacing: 1px
}

.news-ltr-detail-page-title-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 18px auto 20px
}

.news-ltr-detail-page-title-divider::after,
.news-ltr-detail-page-title-divider::before {
    content: "";
    flex: 1;
    max-width: 180px;
    height: 2px;
    background: rgba(212, 175, 55, .85)
}

.news-ltr-detail-page-title-divider span {
    width: 12px;
    height: 12px;
    margin: 0 12px;
    background: #d4af37;
    transform: rotate(45deg);
    border-radius: 2px
}

.news-ltr-detail-page-subtitle {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.35
}

.news-ltr-detail-page-right-glow {
    position: absolute;
    right: -180px;
    top: -150px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, .1), transparent 70%);
    pointer-events: none
}

@media(max-width:1400px) {
    .news-ltr-detail-page-month {
        font-size: 50px
    }

    .news-ltr-detail-page-subtitle {
        font-size: 24px
    }
}

@media(max-width:1199px) {
    .news-ltr-detail-page-month {
        font-size: 42px
    }

    .news-ltr-detail-page-subtitle {
        font-size: 22px
    }
}

@media(max-width:991px) {
    .news-ltr-detail-page-right {
        clip-path: none;
        height: auto;
        min-height: 220px;
        padding: 45px 20px
    }

    .news-ltr-detail-page-right::before {
        display: none
    }

    .news-ltr-detail-page-content {
        padding: 0 20px
    }

    .news-ltr-detail-page-world-map {
        background-size: 80%;
        opacity: .1
    }
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #67132f !important
}

.newsletter-web-page-tabs .nav-link.active,
.newsletter-web-page-tabs .nav-link:hover {
    background: var(--newsletter-web-page-primary);
    border-color: var(--newsletter-web-page-primary)
}

.newsletter-web-page-section {
    padding: 80px 0;
    background: #fff
}

.newsletter-web-page-title {
    font-size: 48px;
    font-weight: 700;
    color: #67132f;
    margin-bottom: 15px
}

.newsletter-web-page-title span {
    color: var(--newsletter-web-page-primary)
}

.newsletter-web-page-subtitle {
    max-width: 700px;
    margin: auto;
    color: #666;
    font-size: 17px;
    line-height: 1.8
}

.newsletter-web-page-date,
.newsletter-web-page-read-btn {
    color: var(--newsletter-web-page-primary);
    display: inline-flex;
    font-weight: 600
}

.newsletter-web-page-tabs {
    gap: 12px
}

.newsletter-web-page-tabs .nav-link {
    border: none;
    background: #fff;
    color: #555;
    border-radius: 50px;
    padding: 12px 22px;
    font-weight: 600;
    border: 1px solid var(--newsletter-web-page-border);
    transition: .35s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.newsletter-web-page-tabs .nav-link:hover {
    color: #000
}

.newsletter-web-page-tabs .nav-link.active {
    color: #fff;
    box-shadow: 0 10px 25px rgba(103, 19, 47, .2)
}

.newsletter-web-page-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--newsletter-web-page-border);
    transition: .35s;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05)
}

.newsletter-web-page-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(103, 19, 47, .15)
}

#search-form::after,
.search-box i {
    transform: translateY(-50%);
    top: 50%
}

.newsletter-web-page-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: .5s
}

.newsletter-web-page-card:hover img {
    transform: scale(1.05)
}

.contact-map-footer,
.newsletter-web-page-card-body,
.service-content {
    padding: 25px
}

.newsletter-web-page-date {
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 15px
}

.newsletter-web-page-date i,
.newsletter-web-page-read-btn:hover {
    color: var(--newsletter-web-page-gold)
}

.newsletter-web-page-card-body h5 {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    line-height: 1.4
}

.newsletter-web-page-card-body p {
    color: var(--newsletter-web-page-text);
    line-height: 1.8;
    margin-bottom: 25px
}

.newsletter-web-page-read-btn {
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: .3s
}

.newsletter-web-page-read-btn i,
.silvereye-seyecs_copyright {
    transition: .3s
}

.journey-nav-icon,
.journey-nav-item {
    transition: var(--journey-transition)
}

.tab-pane {
    animation: .4s newsletterFade
}

@keyframes newsletterFade {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

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

@media(max-width:1199px) {
    .newsletter-web-page-title {
        font-size: 42px
    }
}

@media(max-width:991px) {
    .newsletter-web-page-tabs {
        justify-content: flex-start !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
        scrollbar-width: thin
    }

    .newsletter-web-page-tabs::-webkit-scrollbar {
        height: 5px
    }

    .newsletter-web-page-tabs::-webkit-scrollbar-thumb {
        background: var(--newsletter-web-page-primary);
        border-radius: 30px
    }

    .newsletter-web-page-card img {
        height: 220px
    }
}

.journey-card,
.journey-card .journey-card-icon,
.team-slider {
    overflow: hidden
}

@media(max-width:767px) {
    .news-ltr-detail-page-left {
        padding: 35px 20px
    }

    .news-ltr-detail-page-logo,
    .news-ltr-detail-page-logo-divider {
        max-width: 300px
    }

    .news-ltr-detail-page-tagline {
        font-size: 12px;
        letter-spacing: 3px
    }

    .news-ltr-detail-page-left-glow,
    .news-ltr-detail-page-left-pattern {
        display: none
    }

    .news-ltr-detail-page-center {
        padding: 20px 15px
    }

    .news-ltr-detail-page-year {
        font-size: 72px
    }

    .news-ltr-detail-page-right {
        min-height: 190px;
        padding: 35px 15px
    }

    .news-ltr-detail-page-month,
    .newsletter-web-page-title {
        font-size: 34px
    }

    .news-ltr-detail-page-subtitle {
        font-size: 19px
    }

    .news-ltr-detail-page-title-divider::after,
    .news-ltr-detail-page-title-divider::before {
        max-width: 110px
    }

    .newsletter-web-page-section {
        padding: 60px 0
    }

    .newsletter-web-page-subtitle {
        font-size: 15px
    }

    .newsletter-web-page-card-body {
        padding: 20px
    }

    .newsletter-web-page-card-body h5 {
        font-size: 20px
    }

    .newsletter-web-page-card img {
        height: 200px
    }
}

.newsletter-hero {
    padding: 90px 0;
    background: url("https://seyecs.com/assets/Images/newsletter-bg-img.png") center/cover no-repeat
}

.newsletter-hero::after {
    content: "";
    position: absolute;
    right: 0;
    top: -120px;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(212, 175, 55, .14), transparent 70%);
    border-radius: 50%
}

.newsletter-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: #fff;
    border-radius: 60px;
    font-weight: 600;
    font-size: 20px;
    color: var(--primary);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    margin-bottom: 35px
}

.badge-icon,
.newsletter-line::after,
.newsletter-line::before {
    background: var(--gold);
    border-radius: 50%
}

.badge-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px
}

.gold,
.maroon {
    display: block
}

.newsletter-content h1 {
    font-size: 62px;
    font-weight: 500;
    line-height: 1.05;
    margin-bottom: 30px
}

.maroon {
    color: var(--primary)
}

.gold {
    color: var(--gold)
}

.newsletter-line {
    width: 260px;
    height: 4px;
    background: var(--primary);
    border-radius: 20px;
    position: relative;
    margin-bottom: 30px
}

.newsletter-line::before {
    content: "";
    position: absolute;
    right: 35px;
    top: -4px;
    width: 10px;
    height: 10px
}

.newsletter-line::after {
    content: "";
    position: absolute;
    right: 15px;
    top: -2px;
    width: 6px;
    height: 6px
}

.newsletter-content p {
    max-width: 520px;
    font-size: 23px;
    line-height: 1.9;
    color: #4d4d4d
}

.newsletter-image {
    position: relative;
    z-index: 10;
    text-align: center
}

.newsletter-image img {
    max-width: 100%;
    animation: 5s infinite float
}

.newsletter-hero:before {
    pointer-events: none
}

.newsletter-hero {
    border-bottom-left-radius: 120px
}

@keyframes float {

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

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

@media(max-width:1199px) {
    .newsletter-content h1 {
        font-size: 56px
    }

    .newsletter-content p {
        font-size: 19px
    }
}

@media(max-width:991px) {
    .newsletter-hero {
        padding: 70px 0;
        text-align: center
    }

    .newsletter-line {
        margin: 0 auto 30px
    }

    .newsletter-content p {
        margin: auto
    }

    .newsletter-image {
        margin-top: 40px
    }

    .service-detail-pricing-table {
        min-width: 950px
    }
}

@media(max-width:767px) {
    .newsletter-content h1 {
        font-size: 42px
    }

    .newsletter-content p {
        font-size: 16px;
        line-height: 1.7
    }

    .newsletter-badge {
        font-size: 15px;
        padding: 10px 18px
    }

    .badge-icon {
        width: 34px;
        height: 34px;
        font-size: 18px
    }

    .newsletter-line {
        width: 170px
    }

    .newsletter-hero {
        padding: 60px 0
    }
}

.journey-section::before {
    content: "";
    right: -120px
}

.journey-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(103, 19, 47, .08) 0, rgba(255, 255, 255, 0) 70%);
    left: -150px;
    bottom: -120px
}

.journey-left {
    position: sticky;
    top: 120px;
    padding-right: 45px
}

.journey-title {
    font-size: 58px;
    line-height: 1;
    font-weight: 500;
    color: #1b2235
}

.journey-title span {
    display: block;
    color: var(--journey-primary)
}

.journey-description {
    font-size: 18px;
    color: #666;
    max-width: 420px
}

.footer-bottom,
.footer-top,
.journey-right,
.search-box,
.silvereye-seyecs_footer_menu li,
.team-heading {
    position: relative
}

.journey-top-nav {
    position: sticky;
    top: 110px;
    z-index: 999;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 6px;
    margin-bottom: 10px
}

.journey-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    position: relative
}

.journey-card,
.journey-nav-icon {
    align-items: center;
    background: #fff
}

.journey-nav-icon,
.journey-nav-item.active,
.journey-nav-item:hover {
    color: var(--journey-primary)
}

.journey-nav-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 45px;
    background: #ececec
}

.journey-nav-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--journey-border);
    display: flex;
    justify-content: center;
    font-size: 24px
}

.journey-card,
.journey-card-icon {
    transition: .45s;
    position: relative;
    display: flex
}

.journey-nav-item:hover .journey-nav-icon {
    background: var(--journey-primary);
    color: #fff;
    transform: translateY(-4px)
}

.journey-nav-item.active .journey-nav-icon {
    background: var(--journey-primary);
    color: #fff;
    box-shadow: 0 10px 30px rgba(103, 19, 47, .2)
}

.journey-scroll-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.journey-card {
    gap: 30px;
    padding: 15px;
    border-radius: 24px;
    border: 1px solid #ececec;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .06);
    isolation: isolate
}

.journey-card::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -100px;
    top: -100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, .15), transparent 70%);
    transition: .5s
}

.journey-card::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: #67132f;
    transition: .35s
}

.journey-card-icon {
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 50%;
    background: #faf8f6;
    border: 2px solid #d4af37;
    align-items: center;
    justify-content: center;
    animation: 5s ease-in-out infinite floatIcon
}

.journey-card-icon::before {
    content: "";
    position: absolute;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    border: 1px dashed rgba(212, 175, 55, .55);
    animation: 18s linear infinite rotateCircle
}

.journey-card-icon i {
    font-size: 42px;
    color: #67132f;
    transition: .35s
}

.journey-card-content,
.seyecs-cta-content {
    flex: 1
}

.journey-card-content small {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 50px;
    background: #faf8f6;
    color: #67132f;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 18px
}

.journey-card-content h3 {
    font-size: 28px;
    font-weight: 500;
    color: #222;
    transition: .35s
}

.journey-card-content p {
    font-size: 18px;
    color: #666;
    line-height: 1.9;
    margin: 0
}

.journey-card:not(:last-child) {
    margin-bottom: 20px
}

.journey-card:not(:last-child)::marker {
    display: none
}

.journey-card:not(:last-child) .journey-card-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 3px;
    height: 90px;
    background: linear-gradient(to bottom, #d4af37, rgba(212, 175, 55, .1))
}

.journey-card:hover {
    transform: translateY(-12px);
    border-color: #d4af37;
    box-shadow: 0 35px 65px rgba(103, 19, 47, .1)
}

.video-tooltip,
.video-tooltip::after {
    transform: translateX(-50%);
    position: absolute
}

.journey-card:hover::before {
    transform: scale(1.4);
    opacity: .9
}

.journey-card:hover::after {
    width: 8px;
    background: #d4af37
}

.journey-card:hover .journey-card-icon {
    background: #67132f;
    transform: rotate(-8deg);
    box-shadow: 0 18px 40px rgba(103, 19, 47, .22)
}

.col-card:hover .icon-ring i,
.footer-widget .foot-mob-link,
.journey-card:hover .journey-card-icon i,
.seyecs-top-strip a:hover,
.silvereye-seyecs_copyright:hover,
.stat-item {
    color: #fff
}

.availability i,
.journey-card:hover .journey-card-content h3,
.journey-content h2 span,
.li.global-search-item:hover,
.service-feature-content h5,
.silvereye-badge i,
.silvereye-main-title span,
.team-heading h2 span,
.title-tab-nav-link:hover {
    color: #67132f
}

.journey-card:nth-child(2) .journey-card-icon {
    animation-delay: .8s
}

.journey-card:nth-child(3) .journey-card-icon {
    animation-delay: 1.6s
}

.journey-card:nth-child(4) .journey-card-icon {
    animation-delay: 2.4s
}

@keyframes floatIcon {

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

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

@keyframes rotateCircle {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.journey-card:hover .journey-card-icon::after {
    content: "";
    position: absolute;
    left: -120%;
    top: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .65), transparent);
    animation: .8s linear iconShine
}

@keyframes iconShine {
    to {
        left: 170%
    }
}

.s-number {
    width: 8%
}

.service-detail-table-scroll {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: auto;
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .06);
    border: 1px solid #ececec
}

.service-detail-table-scroll::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

.service-detail-table-scroll::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 20px
}

.service-detail-table-scroll::-webkit-scrollbar-thumb {
    background: #67132f;
    border-radius: 20px
}

.service-detail-table-scroll::-webkit-scrollbar-thumb:hover {
    background: #d4af37
}

.service-detail-pricing-table {
    width: 100%;
    table-layout: auto;
    margin: 0
}

.service-detail-pricing-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #67132f;
    color: #fff;
    white-space: nowrap;
    padding: 18px 22px;
    border: none
}

.service-detail-pricing-table tbody td {
    padding: 18px 22px;
    vertical-align: top;
    border-color: #ececec;
    line-height: 1.8
}

.service-detail-pricing-table tbody tr:nth-child(2n) {
    background: #fcfcfc
}

.blog-s-section,
.premium-services-section,
.service-detail-pricing-table tbody tr:hover,
.service-grid .col-card:hover,
.seyecs-trust-section {
    background: #faf0e7
}

.service-detail-pricing-table td:first-child,
.service-detail-pricing-table th:first-child {
    width: 80px;
    text-align: center;
    font-weight: 700
}

.service-detail-pricing-table td:nth-child(2),
.service-detail-pricing-table th:nth-child(2) {
    width: 320px;
    white-space: nowrap;
    font-weight: 600
}

.service-detail-pricing-table td:last-child {
    min-width: 500px
}

.service-detail-process-section .table-responsive tbody::-webkit-scrollbar {
    width: 8px
}

.service-detail-process-section .table-responsive tbody::-webkit-scrollbar-thumb {
    background: #67132f;
    border-radius: 10px
}

.sample-certificate {
    width: 70%;
    height: 70%;
    border: 2px solid #67132f
}

.sidebar-blogs-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05)
}

.footer-widget:hover .silvereye-seyecs-widget-icon,
.seyecs-menu-node.seyecs-active>.seyecs-menu-btn,
.seyecs-menu-node.seyecs-open>.seyecs-menu-btn,
.seyecs-menu-node:hover>.seyecs-menu-btn,
.sidebar-blogs-header,
.silvereye-seyecs-widget:hover .silvereye-seyecs-widget-icon,
.title-tab-nav-btn:hover,
.title-tab-nav-link.active {
    background: #67132f;
    color: #fff
}

.sidebar-blogs-header {
    padding: 8px 25px;
    font-size: 1rem;
    font-weight: 400
}

.sidebar-blogs-marquee {
    height: 350px;
    overflow: hidden;
    position: relative
}

.sidebar-blogs-list {
    list-style: disc;
    margin: 0;
    padding: 20px 40px;
    animation: 20s linear infinite sidebar-blogs-scroll
}

.brand-slider:hover .brand-track,
.footer-scroll:hover ul,
.logo-slider-wrapper:hover .logo-track,
.marquee-wrapper:hover .marquee-track,
.sidebar-blogs-marquee:hover .sidebar-blogs-list,
.testimonial-marquee:hover .testimonial-track {
    animation-play-state: paused
}

.office-info-box li,
.sidebar-blogs-list li {
    margin-bottom: 18px
}

.sidebar-blogs-list li:last-child {
    margin-bottom: 0
}

.sidebar-blogs-list a {
    color: #67132f;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.6;
    transition: .3s
}

.sidebar-blogs-list a:hover {
    color: #a12c48;
    padding-left: 5px
}

@keyframes sidebar-blogs-scroll {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

@media (max-width:991px) {
    .sidebar-blogs-header {
        font-size: 24px
    }

    .sidebar-blogs-marquee {
        height: 300px
    }

    .sidebar-blogs-list a {
        font-size: 17px
    }
}

.title-tab-sticky-nav-wrapper {
    position: sticky;
    top: 63px;
    z-index: 99;
    background: #fff;
    padding: 5px 1px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 74%);
    border-radius: 8px
}

.title-tab-sticky-nav {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px
}

.title-tab-nav-scroll {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.title-tab-nav-scroll::-webkit-scrollbar {
    display: none
}

.title-tab-nav-link {
    flex-shrink: 0;
    padding: 5px 25px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    border-radius: 50px;
    transition: .3s
}

.title-tab-nav-btn,
.video-icon-btn {
    background: #fff;
    color: #67132f;
    display: flex;
    transition: .3s
}

.title-tab-nav-btn {
    width: 20px;
    height: 20px;
    border: 1px solid #67132f;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.title-tab-nav-btn i {
    font-size: 15px
}

.video-icon-btn {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #d4af37;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.service-detail-pdf-btn:hover,
.video-icon-btn:hover {
    background: #4d0d22;
    color: #fff
}

.video-icon-btn i {
    font-size: 22px
}

.video-tooltip {
    top: -45px;
    left: 50%;
    background: #222;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.video-tooltip::after {
    content: '';
    top: 100%;
    left: 50%;
    border-width: 6px;
    border-style: solid;
    border-color: #222 transparent transparent
}

.video-icon-btn:hover .video-tooltip {
    opacity: 1;
    visibility: visible
}

.service-contact-card {
    background: #fff;
    padding: 35px;
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    border: 1px solid #f1f1f1;
    overflow: hidden;
    position: relative
}

.service-contact-card::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -120px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(103, 19, 47, .05)
}

.service-contact-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px
}

.service-contact-header i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #67132f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px
}

.service-contact-header h4 {
    margin: 0;
    color: #67132f;
    font-weight: 700
}

.service-contact-header p {
    margin: 0;
    color: #777;
    font-size: 14px
}

.form-control {
    line-height: 12px !important
}

.service-contact-input {
    height: 40px;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    padding: 8px 18px
}

.service-contact-input:focus {
    border-color: #67132f;
    box-shadow: 0 0 0 .15rem rgba(103, 19, 47, .15)
}

textarea.service-contact-input {
    height: auto;
    resize: none
}

.service-contact-btn {
    width: 100%;
    height: 38px;
    border: none;
    border-radius: 12px;
    background: #67132f;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    transition: .3s
}

.service-contact-btn:hover {
    background: #4d0d22
}

.service-contact-btn i,
.service-marquee-card a i {
    margin-left: 8px
}

.service-detail-pdf-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 4px;
    background: #67132f;
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    transition: .3s
}

.call-card-sibebar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 10px !important;
    font-size: 15px;
    font-weight: 600;
    transition: .3s;
    width: 124px
}

.service-detail-pdf-btn i {
    font-size: 20px
}

.ai-stats-section,
.brand-section,
.contact-info-map-section,
.contact-page-section,
.service-detail-main-section,
input#serviceSearch:focus {
    background: #fff
}

.service-detail-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 22px 0;
    font-size: 14px
}

.service-detail-breadcrumb a {
    text-decoration: none;
    color: #666
}

.service-detail-breadcrumb span {
    color: #999
}

.service-detail-category {
    color: #67132f;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.service-detail-main-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.15;
    color: #222
}

.service-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px
}

.service-detail-author {
    display: flex;
    align-items: center;
    gap: 10px
}

.service-detail-author img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover
}

.service-detail-date,
.service-detail-read-time,
.service-detail-views {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666
}

.expert-stats,
.service-detail-featured-image {
    margin-bottom: 40px
}

.service-detail-featured-image img {
    width: 100%;
    border-radius: 16px;
    display: block
}

.service-detail-content p {
    font-size: 20px;
    line-height: 26px;
    color: #444;
    margin-bottom: 25px
}

.service-detail-section-heading {
    font-size: 30px;
    color: #67132f;
    font-weight: 700;
    margin-top: 28px;
    margin-bottom: 30px;
    position: relative
}

.service-detail-section-heading:after {
    content: '';
    width: 70px;
    height: 4px;
    background: #d4af37;
    display: block;
    margin-top: 10px;
    border-radius: 10px
}

.service-detail-highlight-box {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #faf8f6;
    border-radius: 15px;
    padding: 9px;
    margin: 2px 0
}

.service-detail-highlight-icon {
    width: 60px;
    height: 60px;
    background: #67132f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.service-detail-highlight-text {
    font-size: 18px;
    line-height: 1.7
}

.service-detail-benefit-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    transition: .4s
}

.service-detail-benefit-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08)
}

.service-detail-benefit-card i {
    font-size: 35px;
    color: #67132f;
    margin-bottom: 15px
}

.service-detail-benefit-card h6 {
    font-size: 16px;
    line-height: 1.6;
    margin: 0
}

.service-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.service-detail-tags span {
    padding: 10px 18px;
    border-radius: 30px;
    background: #faf8f6;
    border: 1px solid #eee;
    font-size: 14px
}

.service-detail-process-section {
    margin-top: 60px
}

.accordion-button:not(.collapsed)::after {
    content: "\f286";
    font-family: bootstrap-icons;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(0deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: none
}

.service-detail-process-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 4px 0;
    text-align: justify
}

.service-detail-process-item:last-child {
    border-bottom: none
}

.service-detail-process-item i {
    color: #67132f;
    font-size: 24px;
    min-width: 24px;
    margin-top: 2px
}

.service-detail-process-item span {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
    font-weight: 500
}

.service-detail-right-area {
    align-self: flex-start;
    position: sticky !important;
    top: 80px !important;
    z-index: 10
}

.service-detail-sidebar-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 18px;
    padding: 16px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .04)
}

.service-detail-sidebar-card h4 {
    color: #67132f;
    margin-bottom: 25px;
    font-weight: 700
}

.service-detail-sidebar-author {
    display: flex;
    align-items: center;
    gap: 15px
}

.service-detail-sidebar-author img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover
}

.service-detail-sidebar-author h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 700
}

.service-detail-sidebar-author span {
    color: #67132f;
    font-size: 14px
}

.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: #67132f !important
}

.service-detail-toc {
    margin: 0;
    padding-left: 20px
}

.service-detail-toc li {
    margin-bottom: 15px;
    line-height: 1.6
}

.service-detail-toc li a {
    color: #67132f !important;
    text-decoration: none !important
}

.service-detail-latest-blog {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #67132f
}

.service-detail-latest-blog img {
    width: 90px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover
}

.service-detail-latest-blog h6 {
    margin: 0 0 5px;
    line-height: 1.5
}

.service-detail-latest-blog span {
    color: #777;
    font-size: 13px
}

.service-detail-sidebar-cta {
    background: #67132f;
    color: #fff;
    border-radius: 20px;
    padding: 35px
}

.service-detail-sidebar-cta h3 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 700
}

.service-detail-sidebar-cta p {
    color: #f4f4f4;
    margin-bottom: 25px
}

.service-detail-cta-btn {
    width: 100%;
    display: block;
    text-align: center;
    background: #fff;
    color: #67132f;
    padding: 15px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px
}

.service-detail-phone {
    font-size: 20px;
    font-weight: 700
}

@media(max-width:1199px) {
    .service-detail-main-title {
        font-size: 46px
    }

    .service-detail-right-area {
        position: relative;
        top: auto
    }
}

@media(max-width:991px) {
    .service-detail-left-area {
        padding-right: 0
    }

    .service-detail-main-title {
        font-size: 38px
    }
}

@media(max-width:767px) {
    .service-contact-card {
        padding: 25px
    }

    .service-contact-header,
    .service-detail-highlight-box {
        flex-direction: column;
        text-align: center
    }

    .service-detail-main-title {
        font-size: 30px
    }

    .service-detail-section-heading {
        font-size: 28px
    }

    .service-detail-content p {
        font-size: 17px
    }

    .service-detail-meta {
        gap: 15px
    }
}

@media(max-width:575px) {
    .media-seyecs-gallery-section {
        padding: 45px 0
    }

    .media-seyecs-title {
        font-size: 30px
    }

    .media-seyecs-heading {
        margin-bottom: 35px
    }

    .media-seyecs-heading p {
        font-size: 14px
    }

    .gallery-web-page-shape-one,
    .gallery-web-page-shape-two,
    .media-seyecs-gallery-section::after,
    .media-seyecs-gallery-section::before {
        display: none
    }

    .gallery-web-page-hero-section {
        padding: 30px 0
    }

    .gallery-web-page-hero-wrapper {
        border-radius: 12px
    }

    .gallery-web-page-content {
        padding: 20px 15px
    }

    .gallery-web-page-title {
        font-size: 38px
    }

    .gallery-web-page-subtitle {
        font-size: 12px;
        padding: 6px 14px
    }

    .gallery-web-page-breadcrumb li,
    .newsletter-content p {
        font-size: 15px
    }

    .gallery-web-page-photo-grid {
        transform: none;
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery-web-page-photo-item img {
        transform: none;
        height: 120px
    }

    .newsletter-web-page-tabs {
        gap: 8px
    }

    .newsletter-web-page-tabs .nav-link {
        padding: 10px 18px;
        font-size: 14px;
        white-space: nowrap
    }

    .newsletter-web-page-card img {
        height: 190px
    }

    .newsletter-content h1 {
        font-size: 34px
    }

    .service-detail-main-title {
        font-size: 26px
    }

    .service-detail-sidebar-card,
    .service-detail-sidebar-cta {
        padding: 20px
    }
}

.service-detail-form-card .modern-cta-btn,
.seyecs-service-tab[data-color=blue] i,
.seyecs-service-tab[data-color=cyan] i,
.seyecs-service-tab[data-color=green] i,
.seyecs-service-tab[data-color=orange] i,
.seyecs-service-tab[data-color=pink] i,
.seyecs-service-tab[data-color=purple] i {
    background: #67132f
}

.service-detail-form-card {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    border: 1px solid rgba(103, 19, 47, .12);
    box-shadow: 0 10px 35px rgba(103, 19, 47, .08);
    position: relative;
    overflow: hidden;
    width: 100%
}

.service-detail-form-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 110px;
    background: #faf0e7;
    border-radius: 0 20px 0 100%
}

.service-detail-form-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
    position: relative;
    z-index: 2
}

.service-detail-form-icon {
    width: 40px;
    height: 40px;
    background: #67132f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px
}

.service-detail-form-header h3 {
    color: #67132f;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px
}

.service-detail-form-line {
    width: 70px;
    height: 3px;
    background: #d4af37;
    border-radius: 30px
}

.service-detail-form-input {
    height: 36px;
    border-radius: 12px;
    border: 1px solid #ddd;
    box-shadow: none !important
}

.service-detail-form-input:focus {
    border-color: #67132f
}

.service-detail-country-code {
    background: #fff;
    font-weight: 600;
    border-radius: 12px 0 0 12px
}

.service-detail-whatsapp-text {
    color: #444;
    font-size: 15px
}

.service-detail-whatsapp-switch {
    width: 48px;
    height: 24px
}

.service-detail-whatsapp-switch:checked {
    background-color: #67132f;
    border-color: #67132f
}

.service-detail-submit-btn {
    background: #67132f;
    border: none;
    color: #fff;
    height: 54px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 600
}

.service-detail-submit-btn:hover {
    background: #541027;
    color: #fff
}

.call-back-executive {
    color: #67132f;
    font-size: 20px
}

.call-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 2px solid rgba(103, 19, 47, .12);
    border-radius: 20px;
    padding: 12px;
    max-width: 425px;
    max-height: 180px;
    box-shadow: 0 15px 40px rgba(103, 19, 47, .08);
    position: relative;
    overflow: hidden;
    text-decoration: none
}

.call-icon-wrap {
    min-width: 90px;
    display: flex;
    justify-content: center;
    align-items: center
}

.call-icon {
    width: 60px;
    height: 60px;
    background: #67132f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 42px;
    position: relative
}

.call-icon::after,
.call-icon::before {
    content: "";
    position: absolute;
    border: 2px solid rgba(103, 19, 47, .15);
    border-radius: 50%
}

.call-icon::before {
    width: 80px;
    height: 80px
}

.call-icon::after {
    width: 70px;
    height: 70px
}

.divider {
    background: linear-gradient(to bottom, transparent, #d4af37, transparent)
}

.call-content h3 {
    color: #67132f;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 10px
}

.phone-box {
    background: #faf0e7;
    padding: 10px 20px;
    border-radius: 14px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column
}

.availability,
.service-icon {
    display: flex;
    align-items: center
}

.phone-number {
    font-size: 20px;
    font-weight: 600;
    color: #67132f
}

.person-name {
    font-size: 20px;
    color: #555
}

.availability {
    color: #444;
    font-size: 20px;
    gap: 10px
}

.service-detail-product-img {
    width: 100%;
    height: 100%
}

.service-detail-hero-banner {
    position: absolute;
    top: 0px;
    width: 100%;
    min-height: 563px;
    z-index: -9;
}
@media (max-width:767px) {
    .service-detail-hero-banner {
    position: absolute;
    top: 0px;
    width: 100%;
    min-height: 1778px;
    z-index: -9;
}
}



.service-detail-product-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.services-marquee-section {
    background: #f8f2eb;
    position: relative
}

.marquee-wrapper {
    overflow: hidden;
    width: 100%
}

.marquee-track {
    display: flex;
    gap: 0;
    width: max-content;
    animation: 25s linear infinite marqueeScroll
}

.service-marquee-card {
    width: 320px;
    min-width: 320px;
    margin: 10px 0;
    background: #f8f2eb;
    border: 1px solid rgba(103, 19, 47, .15);
    padding: 40px 30px;
    text-align: center;
    transition: .4s;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05)
}

.service-marquee-card:hover {
    transform: translateY(-8px);
    border-color: #67132f;
    box-shadow: 0 15px 40px rgba(103, 19, 47, .15)
}

.service-icon {
    width: 80px;
    height: 80px;
    margin: auto auto 25px;
    background: #67132f;
    border-radius: 50%;
    justify-content: center;
    color: #fff;
    font-size: 32px
}

.service-marquee-card h3 {
    font-size: 38px;
    font-weight: 400;
    color: #18202b;
    margin-bottom: 20px
}

.service-line {
    width: 70px;
    height: 2px;
    background: #18202b;
    display: block;
    margin: 0 auto 25px
}

.service-marquee-card p {
    font-size: 18px;
    line-height: 1.8;
    color: #18202b;
    min-height: 90px
}

.service-marquee-card a {
    text-decoration: none;
    color: #c0392b;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 600
}

@keyframes marqueeScroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.service-card-link {
    text-decoration: none;
    display: block;
    height: 100%
}

.service-card-grid {
    background: linear-gradient(37deg, #000 0, #67132f 30%, #000 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    transition: .4s
}

.service-card-grid:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .4)
}

.service-image {
    height: 240px;
    overflow: hidden
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s
}

.service-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px
}

.service-tags {
    color: #d4af37;
    font-size: 15px;
    margin-bottom: 15px
}

.service-desc {
    color: #e7e7e7;
    line-height: 1.8;
    min-height: 80px
}

.service-btn {
    color: #d4af37;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.all-service-page-hero-section {
    background: #faf0e7;
    padding: 35px 0;
    overflow: hidden
}

.all-service-page-tag {
    display: inline-block;
    font-size: 54px;
    font-weight: 700;
    color: #67132f;
    letter-spacing: 1px
}

.all-service-page-title {
    font-size: 28px;
    font-weight: 200;
    color: #67132f
}

.all-service-page-feature-item,
.google-review {
    text-decoration: none;
    font-weight: 500;
    display: flex
}

.all-service-page-description {
    font-size: 18px;
    color: #666;
    margin: 26px 0;
    text-align: justify
}

.all-service-page-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.all-service-page-features {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px 0 0
}

.all-service-page-feature-item {
    background: #fff;
    padding: 5px;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #d4af37;
    font-size: 16px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .06);
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px
}

.google-review {
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #67132f;
    font-size: 18px
}

.all-service-page-feature-item i {
    color: #67132f;
    font-size: 35px
}

.all-service-page-visual {
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center
}

.all-service-page-circle {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 2px solid #ead2cb
}

.all-service-page-trademark-ring {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d3a48f, #8a5d4f);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15)
}

.all-service-page-trademark-ring span {
    font-size: 140px;
    font-weight: 800;
    color: #2e1f1a
}

.all-service-page-platform {
    position: absolute;
    width: 340px;
    height: 70px;
    background: #f3dfd8;
    border-radius: 100px;
    bottom: 80px;
    z-index: 1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
}

.btn-expert,
.service-tab {
    align-items: center;
    transition: .3s
}

.expert-team-card {
    position: relative;
    overflow: hidden;
    min-height: 438px;
    background: url(https://seyecs.com/assets/Images/small-team-bg-img.webp) center/cover;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15)
}

.expert-content {
    padding: 40px;
    color: #fff;
    position: relative;
    z-index: 2
}

.team-tag {
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 25px;
    position: relative
}

.btn-expert,
.btn-whatsapp {
    font-weight: 600;
    text-decoration: none
}

.team-tag:after {
    content: '';
    width: 80px;
    height: 2px;
    background: #d4af37;
    display: block;
    margin-top: 15px
}

.expert-content h2 {
    font-size: 42px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 25px
}

.expert-content p {
    font-size: 20px;
    color: #f2f2f2
}

.stat-item i {
    font-size: 28px;
    color: #d4af37;
    margin-bottom: 10px;
    display: block
}

.stat-item h4 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 5px
}

.stat-item span {
    font-size: 15px;
    color: #ddd
}

.btn-expert {
    display: inline-flex;
    gap: 12px;
    background: linear-gradient(135deg, #67132f, #8d173f);
    color: #fff;
    padding: 18px 34px;
    border-radius: 14px
}

.btn-expert:hover {
    color: #fff;
    transform: translateY(-3px)
}

.expert-team-card:before {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%
}

.expert-team-card:after {
    content: '';
    position: absolute;
    top: 50px;
    right: 50px;
    width: 120px;
    height: 120px;
    background: radial-gradient(rgba(212, 175, 55, .25), transparent)
}

@media(max-width:1199px) {
    .expert-content h2 {
        font-size: 52px
    }

    .expert-content {
        padding: 60px
    }
}

.consultation-section {
    background: #faf8f6
}

.consultation-box {
    background: #67132f;
    border-radius: 24px;
    padding: 20px 30px;
    border: 1px solid rgba(103, 19, 47, .08);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .05);
    overflow: hidden;
    position: relative
}

.consultation-box::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 300px;
    height: 300px;
    background: #d4af37;
    border-radius: 50%
}

.badge-custom {
    display: inline-block;
    padding: 8px 18px;
    background: #d4af37;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 15px
}

.consultation-content h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px
}

.consultation-content p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.7
}

.btn-whatsapp {
    background: #25d366;
    color: #fff;
    padding: 14px 28px;
    border-radius: 10px
}

.consultation-img {
    max-height: 280px
}

@media(max-width:991px) {
    .service-marquee-card {
        width: 280px;
        min-width: 280px
    }

    .service-marquee-card h3 {
        font-size: 32px
    }

    .all-service-page-title {
        font-size: 42px;
        text-align: justify
    }

    .all-service-page-visual {
        height: 350px;
        margin-top: 50px
    }

    .all-service-page-circle {
        width: 350px;
        height: 350px
    }

    .all-service-page-trademark-ring {
        width: 200px;
        height: 200px
    }

    .all-service-page-trademark-ring span {
        font-size: 100px
    }

    .expert-team-card {
        min-height: auto;
        background: url(https://seyecs.com/assets/Images/dark-light-bg.webp) center/cover
    }

    .expert-content {
        padding: 50px 35px
    }

    .expert-content h2 {
        font-size: 42px
    }

    .expert-content p {
        font-size: 18px
    }

    .consultation-box {
        padding: 30px;
        text-align: center
    }

    .consultation-content h2 {
        font-size: 30px
    }

    .consultation-img {
        margin-top: 30px
    }
}

.blog-heading-section span,
.product-heading-section span {
    color: #7b112c
}

.review-out-line {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin: 10px 0
}

.blur-box-hero-section {
    padding: 25px 20px
}

.service-directory {
    background: url(https://seyecs.com/assets/Images/contact/contact-location-banner-img.webp) center/cover no-repeat
}

@media (max-width:767px) {
    .all-service-page-title {
        text-align: left
    }

    .service-nav {
        display: inline-flex;
        overflow-y: scroll;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px
    }

    .service-title {
        grid-column: 1/-1;
        margin-bottom: 10px
    }

    .service-tab {
        width: 100%;
        min-height: 70px;
        padding: 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 14px;
        line-height: 1.4;
        border-radius: 12px
    }

    .service-icon-box {
        margin-bottom: 8px
    }

    .about-content.leader-cont_ent_part {
        padding: 40px 0 0
    }
}

#serviceResults {
    overflow-y: scroll;
    height: 370px;
    padding: 0 15px
}

.service-nav {
    background: #ffffffb5;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #67132f
}

.service-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #2d2d2d
}

.service-tab {
    display: flex;
    color: #2d2d2d;
    gap: 14px;
    padding: 14px 0;
    cursor: pointer;
    font-weight: 600
}

.service-tab.active {
    color: #d4af37;
    background: linear-gradient(135deg, #1f0a12, #67132f, #a12c48);
    border-radius: 10px;
    padding: 4px 16px;
    border: 1px solid #d4af37
}

.service-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #a12c48
}

.pink {
    background: linear-gradient(135deg, #ec4899, #f472b6)
}

.detail-search-tab {
    border-radius: 10px;
    box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 1px 3px 1px;
    background: #ffffffb5;
    border: 2px solid #67132f
}

.dot,
.search-box i {
    background: #67132f
}

.scroll-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff
}

#search-form::after,
.explore-btn {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 1px 3px 1px
}

.scroll-style::-webkit-scrollbar {
    width: 6px;
    background-color: #000
}

.scroll-style::-webkit-scrollbar-thumb {
    background-color: #081f5c
}

#globalServiceSuggestions {
    display: none;
    position: absolute;
    top: 44px;
    left: 20px;
    background: #fff;
    padding: 18px 50px;
    width: 95%;
    border-radius: 6px;
    border: 1px solid #d4af37;
    overflow-y: scroll;
    max-height: 285px
}

.search-area {
    position: relative;
    margin-bottom: 30px
}

li.global-search-item {
    cursor: pointer;
    color: #d4af37
}

.search-box i {
    position: absolute;
    left: 82%;
    color: #fff !important;
    z-index: 99;
    padding: 4px;
    border-radius: 50px;
    font-size: 19px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-box input {
    width: 100%;
    height: 45px;
    border: none;
    border-bottom: 2px solid #67132f;
    padding-left: 55px;
    font-size: 16px;
    background: 0 0;
    outline: 0
}

#suggestions {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff
}

#suggestions li {
    padding: 14px 20px;
    cursor: pointer
}

#suggestions li:hover {
    background: #f8fafc
}

.sub-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    color: #67132f;
    border-bottom: 2px solid #67132f
}

.sub-service-name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.explore-btn {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, #1f0a12, #67132f, #a12c48);
    font-weight: 600;
    transition: 1s;
    padding: 4px 6px;
    border-radius: 6px
}

.faq-main-title span,
.faq-tag {
    color: #2563eb
}

a.explore-btn:hover {
    box-shadow: rgba(0, 0, 0, .25) 0 14px 28px, rgba(0, 0, 0, .22) 0 10px 10px
}

.faq-premium-section {
    background: #f8fbff
}

.faq-tag {
    background: #eaf2ff;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600
}

.faq-main-title {
    font-size: 48px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 20px
}

.faq-subtitle {
    color: #64748b;
    font-size: 18px
}

.faq-premium-accordion .accordion-item {
    border: none;
    border-radius: 24px !important;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05)
}

.faq-premium-accordion .accordion-button {
    background: #fff;
    padding: 22px 25px;
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
    box-shadow: none
}

.faq-premium-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    color: #2563eb
}

.faq-premium-accordion .accordion-body {
    padding: 0 25px 25px 85px;
    color: #64748b;
    line-height: 1.8
}

.faq-icon-box {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    margin-right: 15px
}

.blue,
.icon-blue {
    background: linear-gradient(135deg, #2563eb, #60a5fa)
}

.green,
.icon-green {
    background: linear-gradient(135deg, #10b981, #34d399)
}

.icon-orange {
    background: linear-gradient(135deg, #f59e0b, #fbbf24)
}

.icon-purple,
.purple {
    background: linear-gradient(135deg, #7c3aed, #a855f7)
}

.icon-red {
    background: linear-gradient(135deg, #ef4444, #f87171)
}

.icon-cyan {
    background: linear-gradient(135deg, #06b6d4, #67e8f9)
}

.accordion-button::after {
    background-size: 1.3rem
}

.modern-cta-buttons .modern-cta-btn,
form .modern-cta-btn {
    background: #d4af37
}

.modern-cta-btn:hover i {
    transition: 1s;
    transform: rotate(-40deg)
}

.modern-cta-btn,
.modern-cta-buttons .modern-cta-btn {
    border: 2px solid #fff
}

.modern-cta-btn:hover {
    transform: translateY(-2px)
}

.modern-cta-section {
    padding: 80px 0;
    background: #fff
}

.modern-cta-wrapper {
    position: relative;
    overflow: hidden;
    padding: 70px;
    border-radius: 40px;
    background: url(https://seyecs.com/assets/Images/contact-section.webp) center/cover;
    box-shadow: 0 25px 80px rgba(15, 23, 42, .2)
}

.modern-cta-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: .25
}

.glow-1 {
    width: 320px;
    height: 320px;
    background: #2563eb;
    top: -100px;
    right: -80px
}

.glow-2 {
    width: 280px;
    height: 280px;
    background: #00ffd2;
    bottom: -120px;
    left: -100px
}

.modern-cta-badge {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #d4af37;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px
}

.modern-cta-content h2 {
    font-size: 58px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px
}

.modern-cta-content h2 span {
    background: #d4af37;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.modern-cta-content p {
    font-size: 20px;
    line-height: 28px;
    color: #cbd5e1;
    max-width: 760px;
    margin-bottom: 35px
}

.modern-cta-buttons {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
    margin: 15px 0
}

.seyecs-footer-top .footer-contact {
    margin: 11px 0
}

.modern-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 10px !important;
    font-size: 17px;
    font-weight: 600;
    transition: .3s
}

modern-cta-btn:hover .bi-arrow-right {
    transform: rotate(90deg)
}

.primary-btn {
    background: #67132f;
    border: 1px solid #fff;
    color: #fff
}

.primary-btn:hover {
    transform: translateY(-3px);
    background: #a12c48;
    color: #fff
}

.secondary-btn {
    background: #07ba24;
    border: 1px solid rgba(255, 255, 255, .12);
    color: #fff
}

.secondary-btn:hover {
    background: #fff;
    color: #208302
}

.modern-cta-icon {
    width: 90px;
    height: 90px;
    margin: auto auto 25px;
    border-radius: 24px;
    background: linear-gradient(135deg, #2563eb, #38bdf8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 42px;
    box-shadow: 0 15px 35px rgba(37, 99, 235, .25)
}

.modern-cta-card p {
    font-size: 16px;
    line-height: 1.8;
    color: #cbd5e1;
    margin-bottom: 30px
}

.modern-cta-mini-box {
    display: flex;
    justify-content: space-between;
    gap: 15px
}

.modern-cta-mini-box div {
    flex: 1;
    background: rgba(255, 255, 255, .06);
    border-radius: 18px;
    padding: 18px
}

.modern-cta-mini-box strong {
    display: block;
    font-size: 30px;
    color: #fff;
    margin-bottom: 6px
}

.modern-cta-mini-box span {
    font-size: 14px;
    color: #cbd5e1
}

@media(max-width:991px) {
    .service-nav {
        padding-right: 0;
        margin-bottom: 30px
    }

    .modern-cta-wrapper {
        padding: 40px 25px;
        border-radius: 28px
    }

    .modern-cta-content h2 {
        font-size: 36px
    }

    .modern-cta-content p {
        font-size: 16px
    }

    .modern-cta-card {
        margin-top: 40px
    }

    .modern-cta-mini-box {
        flex-direction: column
    }
}

.brand-badge {
    display: inline-block;
    padding: 2px 18px;
    background: #7b112c;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px
}

.brand-title {
    font-size: 34px;
    font-weight: 200;
    color: #0f172a
}

.brand-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 60px
}

.brand-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: 30s linear infinite brandScroll
}

.brand-item {
    width: 150px;
    height: 95px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.brand-item:hover {
    transform: translateY(-5px)
}

.brand-item img {
    width: 120px;
    height: 95px;
    object-fit: contain;
    opacity: .75;
    transition: .3s
}

.brand-item:hover img {
    filter: none;
    opacity: 1
}

@keyframes brandScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-232px * 8))
    }
}

.compact-service-section {
    padding: 26px 0;
    margin: 160px 270px 0 0;
    border-radius: 10px
}

.compact-service-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 14px
}

.compact-service-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 2px 22px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #d4af37;
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 500;
    transition: .3s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .03)
}

.compact-service-tag:hover {
    background: #67132f;
    color: #fff;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, .18)
}

.future-single-card:hover,
.seyecs-stat-card:hover,
.slider-card:hover,
.timeline-item:hover {
    transform: translateY(-8px)
}

.future-slider-section {
    background: #f8fbff
}

.future-top-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    gap: 20px;
    flex-wrap: wrap
}

.future-main-heading {
    font-size: 35px;
    font-weight: 200;
    color: #7b112c
}

.all-service-tag-line {
    color: #d4af37;
    font-size: 14px;
    font-weight: 100
}

.future-nav-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap
}

.future-blog-btn,
.future-card-footer a {
    font-size: 24px;
    font-weight: 600;
    color: #2f80ed;
    text-decoration: none
}

.future-blog-btn i {
    margin-left: 6px
}

.future-custom-nav,
.slider-nav {
    display: flex;
    gap: 12px
}

.future-nav-btn {
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 14px;
    background: #edf2f7;
    color: #2f80ed;
    font-size: 22px;
    transition: .3s
}

.future-nav-btn:hover {
    background: #2f80ed;
    color: #fff
}

.future-single-card {
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid #edf2f7;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: .3s;
    height: 100%
}

.future-single-card img {
    width: 100%;
    height: 260px;
    object-fit: cover
}

.future-card-body {
    padding: 30px
}

.future-card-body h3 {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 600;
    color: #081f5c;
    margin-bottom: 20px
}

.future-card-body p {
    font-size: 20px;
    line-height: 1.8;
    color: #667085;
    margin-bottom: 35px
}

.future-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

.future-card-footer a i {
    margin-left: 5px
}

.future-card-footer span {
    color: #94a3b8;
    font-size: 16px
}

.future-slider-indicators {
    position: relative;
    margin-top: 35px;
    margin-bottom: 0
}

.future-slider-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    background: #cbd5e1 !important;
    border: none !important;
    opacity: 1 !important
}

.future-slider-indicators .active {
    background: #2f80ed !important
}

.slider-section {
    padding: 80px 0;
    background: #f8fbff
}

.slider-badge {
    display: inline-block;
    padding: 8px 18px;
    background: #eaf4ff;
    color: #3498db;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px
}

.slider-heading {
    font-size: 56px;
    font-weight: 800;
    margin: 15px 0;
    color: #0f172a
}

.slider-heading span {
    color: #4da6ff
}

.slider-description {
    max-width: 700px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.8
}

.slider-nav button {
    width: 55px;
    height: 55px;
    border: none;
    border-radius: 50%;
    color: #fff;
    background: #7b112c;
    font-size: 18px;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, .25) 0 2px 5px -1px, rgba(0, 0, 0, .3) 0 1px 3px -1px;
    transition: .3s
}

.slider-nav button:hover {
    background: #d4af37;
    color: #fff;
    transform: translateY(-2px)
}

.contact-info-card,
.slider-container {
    overflow: hidden;
    position: relative
}

.slider-track {
    display: flex;
    gap: 24px;
    transition: transform .6s ease-in-out;
    will-change: transform;
    padding: 20px 0
}

.slider-track img {
    border-radius: 8px
}

.slider-card {
    flex: 0 0 calc((100% - 72px)/ 4);
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #d4af37;
    transition: .4s;
    padding: 6px
}

.slider-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12)
}

.slider-card img {
    width: 100%;
    max-height: 152px;
    object-fit: cover;
    display: block
}

.slider-content {
    padding: 24px
}

.slider-content .date {
    display: block;
    color: #94a3b8;
    font-size: 14px;
    margin-bottom: 10px
}

.slider-content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #67132f;
    margin-bottom: 15px
}

.slider-content p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px
}

.slider-content a {
    text-decoration: none;
    color: #67132f;
    font-weight: 700;
    transition: .3s
}

@media (max-width:991px) {
    .slider-card {
        flex: 0 0 calc((100% - 24px)/ 2)
    }

    .slider-heading {
        font-size: 42px
    }
}

@media (max-width:576px) {
    .sidebar-blogs-header {
        font-size: 20px;
        padding: 15px 20px
    }

    .sidebar-blogs-marquee {
        height: 250px
    }

    .sidebar-blogs-list {
        padding: 15px 30px
    }

    .sidebar-blogs-list a,
    .slider-description {
        font-size: 16px
    }

    .slider-card {
        flex: 0 0 100%
    }

    .slider-heading {
        font-size: 32px
    }

    .slider-nav {
        margin-top: 20px
    }
}

.seyecs-main-heading {
    font-size: 48px;
    font-weight: 100;
    color: #2d2d2d
}

.seyecs-main-heading span {
    color: #67132f;
    font-weight: 500;
    border-radius: 10px
}

.seyecs-sub-heading {
    font-size: 20px;
    color: #333;
    max-width: 856px;
    margin: auto
}

.seyecs-feature-box {
    display: flex;
    gap: 18px;
    margin-bottom: 35px
}

.seyecs-feature-icon {
    min-width: 60px;
    height: 60px;
    border-radius: 18px;
    background: #67132f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px
}

.ai-stat-top,
.seyecs-stat-icon {
    align-items: center;
    display: flex
}

.seyecs-feature-content h5 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0;
    color: #67132f
}

.seyecs-feature-content p {
    font-size: 18px;
    line-height: 1.5;
    color: #333
}

.experience-bg-card {
    background: url(https://seyecs.com/assets/Images/experience-bg-cards.webp) 0 0/cover no-repeat
}

.support-bg-card {
    background: url(https://seyecs.com/assets/Images/support.webp) 0 0/cover no-repeat
}

.pricing-bg-card {
    background: url(https://seyecs.com/assets/Images/pricing-card.webp) 0 0/cover no-repeat
}

.google-review-seyecs {
    background: url(https://seyecs.com/assets/Images/google-review.webp) 0 0/cover no-repeat
}

.seyecs-stat-card {
    border-radius: 28px;
    padding: 10px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .1) 0 0 5px 0, rgba(0, 0, 0, .1) 0 0 1px 0;
    height: 100%;
    transition: .3s;
    border: 2px solid #d4af37;
    align-content: center
}

.seyecs-stat-card:hover {
    border: 2px solid #67132f
}

.seyecs-stat-icon {
    width: 75px;
    height: 75px;
    border-radius: 50px;
    justify-content: center;
    margin: auto auto 25px;
    background-color: #67132f
}

.ai-stat-card,
.logo-item img {
    background: #fff;
    transition: .35s
}

.seyecs-stat-icon i {
    font-size: 42px;
    color: #fff
}

.seyecs-stat-card h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2d2d2d
}

.seyecs-stat-card p {
    font-size: 18px;
    color: #4b5563;
    line-height: 1.7
}

.seyecs-google-card img {
    width: 80px;
    margin-bottom: 25px
}

.seyecs-stars {
    color: #f59e0b;
    font-size: 28px;
    margin-bottom: 15px
}

.ai-stat-card {
    border-radius: 24px;
    padding: 18px;
    height: 100%;
    transform: translateY(12px) !important
}

.ai-stat-card:hover {
    transform: translateY(-7px) !important
}

.ai-stat-card::after,
.ai-stat-card::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: ""
}

.ai-stat-card:hover .logo-slider-wrapper {
    border: 1px solid #009eff8c;
    transform: translateY(-5px)
}

.ai-stat-top {
    background: #faf0e7;
    border: 1px solid #e5edf5;
    border-radius: 18px;
    padding: 22px;
    justify-content: center;
    gap: 18px;
    min-height: 120px
}

.ai-stat-number {
    font-size: 60px;
    line-height: 1;
    font-weight: 800;
    color: #67132f
}

.ai-stat-number span {
    font-size: 34px
}

.ai-stat-label {
    color: #667085;
    font-size: 18px;
    font-weight: 500
}

.ai-stat-content {
    margin-top: 10px;
    color: #a12c48;
    font-size: 20px;
    line-height: 1.6
}

.ai-stat-content a {
    color: #2d8cff;
    text-decoration: none;
    font-weight: 600
}

.ai-stat-card::after {
    bottom: -3px;
    width: 271px;
    height: 4px;
    border-radius: 50px;
    background: linear-gradient(90deg, #ff035700, #d4af37, #ffe07c, #d4af37, #ffffff00)
}

.ai-stat-card::before {
    bottom: -18px;
    width: 180px;
    height: 24px;
    background: #67132f;
    border-radius: 50%;
    filter: blur(50px);
    opacity: .6
}

.ai-stat-card {
    border: 2px solid #d4af37;
    box-shadow: inset 0 0 20px rgba(103, 19, 47, .15), 0 10px 25px rgba(0, 0, 0, .25)
}

.logo-slider-wrapper {
    background: #f8fbff;
    border: 1px solid #e5edf5;
    border-radius: 18px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    transition: .35s
}

#search-form::after,
.num-tag {
    position: absolute;
    color: #fff
}

.logo-track {
    display: flex;
    align-items: center;
    gap: 18px;
    width: max-content;
    animation: 15s linear infinite logoSlide
}

.logo-item,
.seyecs-cta-icon {
    flex-shrink: 0
}

.logo-item img {
    width: 62px;
    height: 62px;
    object-fit: contain;
    border: 1px solid #e7eef5;
    border-radius: 50%;
    padding: 12px
}

.logo-item img:hover {
    transform: scale(1.12)
}

@keyframes logoSlide {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.icon-ring,
.learn-more {
    display: inline-flex;
    align-items: center
}

.action-link {
    background: #67132f;
    color: #fff;
    padding: 1px 10px;
    border-radius: 23px;
    text-decoration: none;
    border: 1px solid #b3b3b3
}

:root {
    --bg: #ffffff;
    --fg: #0b1220;
    --muted: #6b7280;
    --border: #e6e8ec;
    --accent: #f6f7f9;
    --primary: #111827
}

body {
    background: var(--bg);
    color: var(--fg)
}

.eyebrow {
    letter-spacing: .2em;
    font-size: .75rem;
    font-weight: 500;
    color: var(--muted)
}

.display-title {
    font-weight: 200;
    letter-spacing: -.02em;
    font-size: clamp(2rem, 4vw, 3rem);
    color: #081f5c
}

.display-title .italic {
    font-style: italic;
    color: #a12c48;
    font-weight: 200
}

.col-card:hover .icon-ring {
    background: #67132f;
    border-color: #fff;
    transform: rotate(-8deg)
}

.list-items-box,
.searchKey:focus,
.seyecs-cta-buttons .btn:hover {
    transform: translateY(-2px)
}

.service-grid {
    border: 1px solid var(--border);
    border-radius: 1rem;
    overflow: hidden;
    background: var(--border);
    box-shadow: rgba(0, 0, 0, .1) 0 0 5px 0, rgba(0, 0, 0, .1) 0 0 1px 0
}

.service-grid .col-card {
    background: var(--bg);
    padding: 20px 40px;
    position: relative;
    transition: background-color .5s;
    border: .5px solid #2b95FF4D
}

@media (min-width:768px) {
    .service-grid .row {
        margin: 0
    }

    .service-grid .col-card {
        border: 0
    }

    .service-grid .col-card:not(:last-child) {
        box-shadow: 1px 0 0 0 var(--border)
    }
}

.num-tag {
    top: 1.75rem;
    right: 1.75rem;
    font-size: 1rem;
    letter-spacing: .2em;
    font-weight: 500;
    background: linear-gradient(135deg, rgb(0 65 255 / 42%), rgb(36 85 195 / 79%));
    padding: 4px;
    border-radius: 55px
}

.icon-ring {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    justify-content: center;
    transition: transform .5s, border-color .5s;
    margin-bottom: 1rem;
    background: #7b112c
}

.icon-ring i {
    font-size: 25px;
    color: #fff;
    transition: color .5s
}

.card-title {
    font-size: 1.5rem;
    font-weight: 200;
    letter-spacing: -.01em;
    margin-bottom: .75rem;
    color: #2d2d2d
}

.rule {
    height: 1px;
    width: 40px;
    background: rgba(11, 18, 32, .4);
    margin-bottom: 1.25rem;
    transition: width .5s, background-color .5s
}

#search-form,
.hero-bg {
    width: 100%;
    position: relative
}

.col-card:hover .rule {
    width: 80px;
    background: var(--primary)
}

.desc {
    color: #333;
    font-size: .9rem;
    line-height: 1.65;
    margin: 0
}

.learn-more {
    margin-top: 26px;
    font-size: .72rem;
    letter-spacing: .2em;
    font-weight: 500;
    color: #a12c48;
    opacity: 1;
    transition: opacity .5s;
    gap: .5rem;
    text-decoration: none
}

.learn-more span {
    transition: transform .5s
}

.col-card:hover .learn-more span {
    transform: translateX(4px)
}

.v-line-seprate {
    border-right: 1px solid #c8c9cb
}

.bnnr-icon-bg {
    background: #faf8f6;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #67132f
}

.search-hero-banner {
    padding: 50px 10px 0;
    background-size: 100% 100%;
    position: relative
}

@media(max-width:768px) {
    .title-tab-sticky-nav-wrapper {
        top: 70px
    }

    .title-tab-nav-link {
        padding: 2px 8px;
        font-size: 14px
    }

    .title-tab-nav-btn {
        width: 25px;
        height: 25px
    }

    .call-card {
        flex-direction: column;
        text-align: center;
        max-width: 425px;
        max-height: 300px
    }

    .divider {
        width: 100%;
        height: 1px
    }

    .call-content h3,
    .phone-number {
        font-size: 28px
    }

    .service-detail-product-img {
        width: 100%;
        height: 100%
    }

    .service-nav .service-title {
        display: none
    }

    .search-box i {
        left: 78%
    }

    .faq-main-title,
    .modern-cta-content h2 {
        font-size: 30px
    }

    .faq-premium-accordion .accordion-button {
        font-size: 15px;
        padding: 18px
    }

    .faq-icon-box {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 18px
    }

    .faq-premium-accordion .accordion-body {
        padding: 0 18px 18px;
        font-size: 14px
    }

    .service-directory {
        background: url(https://seyecs.com/assets/Images/office-service-img.webp) right/cover no-repeat
    }

    .modern-cta-section {
        padding: 50px 0
    }

    .modern-cta-btn {
        width: 100%;
        justify-content: center
    }

    .compact-service-section {
        padding: 0;
        margin: 15px 0;
        border-radius: 10px;
        display: none
    }

    .compact-service-wrapper {
        justify-content: space-between;
        gap: 10px
    }

    .compact-service-tag {
        font-size: 13px;
        padding: 10px 16px
    }

    .seyecs-main-heading {
        font-size: 34px
    }

    .seyecs-feature-content h5 {
        font-size: 22px
    }

    .seyecs-feature-content p {
        font-size: 17px
    }

    .seyecs-stat-card h2 {
        font-size: 24px
    }

    .seyecs-stat-card p {
        font-size: 18px
    }

    .v-line-seprate {
        border: none
    }

    .hero-bg {
        padding: 30px 0
    }
}

@media (max-width:1280px) {
    .hero-bg {
        background-position: 88% center !important
    }
}

@media (max-width:991px) {
    .hero-bg {
        background-position: 5% center !important
    }
}

.hero-bg {
    overflow: hidden;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 0;
    background: url(https://seyecs.com/assets/Images/banner-image.webp);
    max-height: 900px
}

.list-items-box {
    text-decoration: none;
    border-radius: 50px;
    margin-bottom: 8px;
    text-align: center;
    padding: 4px 10px;
    border: 1px solid #3b82f6 !important
}

.list-items-box a {
    list-style: none;
    text-decoration: none;
    color: #000
}

.twitter-typeahead {
    width: 85% !important;
    position: relative
}

.searchKey {
    width: 90% !important;
    height: 55px;
    outline: 0 !important;
    border-radius: 100px !important;
    padding-left: 35px !important;
    padding-right: 95px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    background: linear-gradient(145deg, #fff, #f8fbff) !important;
    border: 1px solid #d4af37 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .08), inset 0 1px 1px rgba(255, 255, 255, .8);
    transition: .4s
}

.searchKey::placeholder {
    color: #67132f !important;
    font-weight: 200;
    letter-spacing: .3px
}

.searchKey:focus {
    border: 1px solid #5c0016 !important;
    box-shadow: 0 18px 45px rgba(59, 130, 246, .18), 0 4px 15px rgba(0, 0, 0, .04)
}

#search-form::after {
    content: "\F52A";
    font-family: bootstrap-icons;
    right: 18px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #67132f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    z-index: 99;
    transition: .3s;
    cursor: pointer
}

#search-form:hover::after {
    transform: translateY(-50%) scale(1.05)
}

.tt-menu,
.tt-open {
    width: 100% !important;
    margin-top: 18px !important;
    background: #fff !important;
    border-radius: 28px !important;
    overflow: hidden;
    border: 1px solid #eef2f7 !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .08);
    padding: 12px 0
}

.tt-selectable,
.tt-suggestion {
    padding: 18px 28px;
    font-size: 18px;
    color: #334155;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: .3s;
    cursor: pointer
}

.tt-selectable:hover,
.tt-suggestion:hover {
    background: #eff6ff !important;
    color: #2563eb !important;
    padding-left: 35px
}

.tt-suggestion:last-child {
    border-bottom: none !important
}

span.ui-helper-hidden-accessible {
    display: none !important
}

.seyecs-cta-card {
    width: 100%;
    background: #67132f;
    border-radius: 20px;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
    border: 1px solid #e8eef5
}

.seyecs-icon-circle {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #a12c48;
    border: 2px solid #ddd;
    color: #fff;
    font-size: 34px;
    box-shadow: 0 10px 25px rgba(13, 110, 253, .25)
}

.seyecs-cta-content h3 {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 700;
    color: #1f2937
}

.seyecs-cta-content p {
    margin: 0;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.7
}

.seyecs-cta-buttons {
    display: flex;
    gap: 12px;
    flex-shrink: 0
}

.seyecs-cta-buttons .btn {
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 600;
    border: 1px solid #fff;
    transition: .3s;
    color: #fff
}

.seyecs-cta-buttons .btn-primary,
.seyecs-cta-buttons .btn:hover {
    box-shadow: 0 8px 20px #a12c48;
    background: #a12c48;
    border: 1px solid #fff
}

.seyecs-logo,
.testimonial-icon {
    align-items: center;
    display: flex
}

.check-flower-testimonie {
    font-size: 26px;
    color: #d4af37
}

.seye-testimonials {
    background: #faf0e7;
    overflow: hidden
}

.testimonial-badge {
    display: inline-block;
    padding: 8px 18px;
    background: #67132f;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600
}

.testimonial-heading {
    font-size: 46px;
    font-weight: 700;
    color: #67132f;
    margin-top: 20px
}

.testimonial-subheading {
    color: #64748b;
    max-width: 700px;
    margin: auto
}

.quote-icon-testimonie {
    font-size: 35px;
    color: #7b112c
}

.testimonial-marquee {
    width: 100%;
    overflow: hidden;
    position: relative
}

.testimonial-track {
    display: flex;
    gap: 25px;
    width: max-content;
    animation: 35s linear infinite scrollLeft
}

.testimonial-card {
    width: 380px;
    background: #fff;
    border: 2px solid #a12c48;
    border-radius: 24px;
    padding: 20px 30px;
    transition: .35s;
    margin: 20px 5px
}

.testimonial-card:hover {
    transform: translateY(-8px);
    border-color: #cbd5e1;
    background: #fff
}

.testimonial-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px
}

.orange {
    background: linear-gradient(135deg, #f97316, #fdba74)
}

.stars {
    color: #f59e0b;
    font-size: 18px;
    margin-bottom: 8px
}

.testimonial-card p {
    color: #475569;
    margin-bottom: 11px
}

.testimonial-card h6 {
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 5px
}

.testimonial-card span {
    color: #64748b;
    font-size: 14px
}

@keyframes scrollLeft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.seyecs-top-strip {
    background: #67132f;
    color: #fff;
    font-size: .78rem;
    padding: .46rem 0
}

.seyecs-top-strip a {
    color: #fff;
    text-decoration: none;
    margin-left: 1rem;
    white-space: nowrap
}

.seyecs-top-strip i {
    color: #fffffff;
    margin-right: .35rem
}

.seyecs-navbar {
    position: sticky;
    top: 0;
    z-index: 999;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--seyecs-line)
}

.seyecs-navbar-inner {
    min-height: 62px;
    max-width: 1513px !important
}

.seyecs-logo {
    gap: .68rem;
    text-decoration: none;
    color: var(--seyecs-ink);
    min-width: max-content
}

.seyecs-logo-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, var(--seyecs-blue), var(--seyecs-blue-2))
}

.seyecs-logo-text {
    font-weight: 800;
    font-size: 1.26rem;
    line-height: 1;
    letter-spacing: 0
}

.seyecs-logo-sub,
.seyecs-mega-title {
    letter-spacing: .16em;
    text-transform: uppercase
}

.seyecs-logo-text span {
    color: var(--seyecs-blue)
}

.seyecs-logo-sub {
    display: block;
    margin-top: .22rem;
    color: var(--seyecs-muted);
    font-size: .64rem;
    font-weight: 700
}

.seyecs-menu-list {
    display: flex;
    align-items: center;
    gap: .18rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.seyecs-menu-node {
    position: static
}

.seyecs-menu-btn {
    appearance: none;
    border: 0;
    background: 0 0;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .7rem .92rem;
    border-radius: 10px;
    color: var(--seyecs-soft-ink);
    font-weight: 700;
    font-size: .92rem;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s, color .2s;
    white-space: nowrap
}

.seyecs-menu-btn i.bi-chevron-down {
    font-size: .72rem;
    opacity: .62;
    transition: transform .22s
}

.seyecs-menu-node.seyecs-open>.seyecs-menu-btn i.bi-chevron-down,
.seyecs-menu-node:hover>.seyecs-menu-btn i.bi-chevron-down {
    transform: rotate(180deg)
}

.seyecs-mobile-trigger {
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid var(--seyecs-line);
    border-radius: 10px;
    background: #fff;
    color: var(--seyecs-ink);
    align-items: center;
    justify-content: center;
    font-size: 1.28rem
}

.seyecs-mega-panel {
    position: absolute;
    top: 79%;
    left: 0;
    right: 0;
    background: radial-gradient(720px 340px at 6% 0, #eaf2ff 0, transparent 64%), radial-gradient(640px 320px at 92% 100%, #fff2f7 0, transparent 62%), linear-gradient(180deg, #fff 0, #f8fbff 100%);
    border-top: 1px solid var(--seyecs-line);
    border-bottom: 1px solid var(--seyecs-line);
    padding: 34px 0 42px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity .22s, transform .22s, visibility .22s
}

.seyecs-menu-node.seyecs-open>.seyecs-mega-panel,
.seyecs-menu-node:hover>.seyecs-mega-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0)
}

.seyecs-mega-shell {
    position: relative;
    z-index: 1
}

.seyecs-mega-title {
    color: #67132f;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 1rem
}

.seyecs-simple-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px
}

.seyecs-service-layout {
    display: grid;
    grid-template-columns: 290px 1fr;
    gap: 34px;
    align-items: start
}

.seyecs-tab-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.seyecs-service-tab {
    border: 1px solid transparent;
    background: 0 0;
    color: var(--seyecs-soft-ink);
    border-radius: 12px;
    padding: .78rem .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    transition: background .2s, color .2s, border-color .2s
}

.seyecs-service-tab i {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: .92rem;
    flex: 0 0 auto
}

.seyecs-service-tab.seyecs-tab-on,
.seyecs-service-tab:hover {
    background: #fff;
    border-color: #dfe8f6;
    color: var(--seyecs-blue)
}

.seyecs-tab-content-wrap {
    min-height: 330px
}

.seyecs-service-content {
    display: none;
    animation: .18s both seyecsFade
}

.seyecs-service-content.seyecs-content-on {
    display: block
}

@keyframes seyecsFade {
    from {
        opacity: 0;
        transform: translateY(5px)
    }

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

.seyecs-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

.seyecs-cardless-block {
    min-width: 0
}

.seyecs-head-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 100%;
    color: #fff;
    background: #67132f;
    border-radius: 8px;
    padding: .62rem .8rem;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.25
}

.seyecs-head-chip i {
    font-size: .95rem;
    color: #fff
}

.seyecs-link-list {
    list-style: none;
    padding: 0;
    margin: .92rem 0 0;
    display: flex;
    flex-direction: column;
    gap: .56rem
}

.seyecs-link-list a {
    display: inline-flex;
    align-items: center;
    gap: .44rem;
    color: var(--seyecs-soft-ink);
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.35;
    transition: color .18s, transform .18s
}

.seyecs-link-list a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b8c7dd;
    flex: 0 0 auto
}

.seyecs-link-list a:hover {
    color: #67132f;
    transform: translateX(2px)
}

.seyecs-link-list a:hover::before {
    background: var(--seyecs-blue)
}

@media (max-width:1199px) {
    .seyecs-columns {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:991px) {
    .seyecs-mobile-trigger {
        display: inline-flex
    }

    .seyecs-menu-list {
        display: none;
        position: absolute;
        top: 100%;
        left: 12px;
        right: 12px;
        background: #fff;
        border: 1px solid var(--seyecs-line);
        border-radius: 14px;
        padding: 10px;
        align-items: stretch;
        flex-direction: column
    }

    .seyecs-menu-list.seyecs-mobile-show {
        display: flex
    }

    .seyecs-menu-node {
        position: relative;
        width: 100%
    }

    .seyecs-menu-btn {
        width: 100%;
        justify-content: space-between
    }

    .seyecs-mega-panel {
        position: static;
        padding: 18px;
        border: 1px solid var(--seyecs-line);
        border-radius: 14px;
        margin: 6px 0 10px;
        display: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none
    }

    .seyecs-menu-node:hover>.seyecs-mega-panel,
    .seyecs-top-strip .seyecs-hide-sm {
        display: none
    }

    .seyecs-menu-node.seyecs-open>.seyecs-mega-panel {
        display: block
    }

    .seyecs-service-layout,
    .seyecs-simple-grid {
        grid-template-columns: 1fr;
        gap: 18px
    }

    .seyecs-columns {
        grid-template-columns: 1fr
    }
}

.mv-section {
    padding: 90px 0;
    background: url(https://seyecs.com/assets/Images/dark-light-bg.webp) 0 0/cover no-repeat
}

.happy-customer-badge,
.mv-badge {
    display: inline-block;
    padding: 2px 18px
}

.mv-badge {
    border-radius: 50px;
    border: 1px solid #7b112c;
    background: #fff;
    color: #7b112c;
    font-size: 14px;
    font-weight: 600
}

.happy-client-head {
    font-size: 48px;
    font-weight: 700;
    margin-top: 18px;
    color: #67132f
}

.happy-customer-badge {
    border-radius: 50px;
    background: #7b112c;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.mv-heading {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-top: 18px
}

.mv-subheading {
    max-width: 700px;
    margin: 15px auto 0;
    color: #fff;
    font-size: 18px
}

.mv-card {
    background: #ffffffd6;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 10px 20px;
    height: 100%;
    transition: .35s;
    position: relative;
    overflow: hidden
}

.mv-card:hover {
    transform: translateY(-6px);
    border-color: #cbd5e1
}

.mv-icon {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    color: #fff;
    font-size: 30px
}

.mission-icon,
.vision-icon {
    background: #7b112c
}

.mv-card h3 {
    font-size: 30px;
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 5px
}

.mv-card p {
    color: #333;
    line-height: 1.9;
    margin: 0;
    font-size: 16px
}

.mission-card::before,
.vision-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1%;
    height: 100%;
    background: #7b112c
}

.brand-heading {
    font-size: 42px;
    font-weight: 500;
    color: #081f5c
}

.brand-card {
    height: 95px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s
}

.brand-card:hover {
    transform: translateY(-4px);
    border-color: #93c5fd
}

.brand-card img {
    max-width: 170px;
    max-height: 80px;
    object-fit: contain
}

.brand-navigation {
    display: flex;
    justify-content: end;
    gap: 10px
}

.brand-navigation button {
    width: 50px;
    height: 50px;
    border: 1px solid #dbeafe;
    border-radius: 50%;
    background: #fff;
    color: #2563eb;
    transition: .3s
}

.brand-navigation button:hover {
    background: #2563eb;
    color: #fff
}

.footer-bottom a:hover,
.footer-widget a:hover {
    color: #d4af37 !important
}

@media only screen and (max-width:768px) {
    .footer-social {
        display: flex;
        gap: 12px;
        justify-content: center
    }
}

.seye-footer {
    background: url(https://seyecs.com/assets/Images/footer-background-img.webp) center/cover no-repeat
}

.footer-logo-box {
    display: inline-block;
    transition: .3s
}

.footer-logo-box:hover {
    border-color: #60a5fa;
    transform: translateY(-3px)
}

.footer-top {
    border-bottom: 1px solid #d4af37;
    border-top: 1px solid #d4af37
}

.footer-social {
    display: flex;
    gap: 12px;
    justify-content: end
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #67132f
}

.footer-social a:hover {
    border: none
}

.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-widget a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: #d4af37;
    transition: .3s
}

.footer-widget a:hover {
    padding-left: 8px
}

.footer-scroll {
    height: 215px;
    overflow: hidden;
    position: relative
}

.footer-scroll ul {
    animation: 18s linear infinite footerScroll
}

@keyframes footerScroll {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-50%)
    }
}

.newsletter-input input {
    border: none;
    flex: 1;
    outline: 0;
    padding: 7px 6px
}

.newsletter-input button {
    border: none;
    width: 55px;
    background: #67132f;
    color: #fff
}

.footer-disclaimer {
    margin-top: 0;
    border-top: 1px solid #d4af37;
    color: #67132f;
    font-size: 14px
}

.footer-bottom {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap
}

.copyright {
    text-align: center;
    color: #fff;
    margin-top: 15px;
    font-size: 15px
}

.seye-footer:before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, .1), transparent 70%);
    top: -250px;
    right: -150px;
    pointer-events: none
}

.seye-footer:after {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(103, 19, 47, .05), transparent 75%);
    bottom: -250px;
    left: -180px;
    pointer-events: none
}

.footer-logo-box {
    background: #fff;
    border-radius: 20px;
    padding: 2px 20px;
    border: 1px solid rgba(212, 175, 55, .35);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .05)
}

.footer-social a {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(103, 19, 47, .15);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
    transition: .35s
}

.footer-social {
    display: flex;
    gap: 4px;
    justify-content: start
}

.footer-social a:hover {
    background: #67132f;
    color: #fff;
    border-color: #67132f;
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(103, 19, 47, .35)
}

.footer-widget h5,
.newsletter-card h5 {
    position: relative;
    font-weight: 700;
    margin-bottom: 28px;
    color: #67132f
}

.footer-widget h5:after,
.newsletter-card h5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 55px;
    height: 3px;
    border-radius: 50px;
    background: #d4af37
}

.footer-widget li {
    margin-bottom: 14px
}

.footer-widget a {
    text-decoration: none;
    position: relative;
    font-size: 15px;
    color: #67132f;
    transition: .3s
}

.footer-contact p {
    color: #fff;
    margin-bottom: 8px
}

.newsletter-card {
    background: #fff;
    border: 1px solid #67132f;
    border-radius: 18px;
    padding: 25px;
    box-shadow: #67132f 0 0 4px !important
}

.newsletter-card h5 {
    color: #67132f;
    font-weight: 400;
    margin-bottom: 20px
}

.newsletter-input {
    display: flex;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    overflow: hidden
}

.newsletter-input button {
    background: linear-gradient(135deg, #67132f, #8d2343)
}

.footer-top {
    padding: 25px 0
}

.seyecs-footer-top {
    padding: 8px 0
}

.footer-bottom {
    border-top: 1px solid rgba(212, 175, 55, .3);
    padding: 6px 0
}

.footer-disclaimer {
    background: #fff;
    backdrop-filter: blur(10px);
    padding: 14px 18px;
    border-radius: 12px;
    border: 1px solid rgba(212, 175, 55, .2)
}

.footer-bottom:after,
.footer-top:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent)
}

.footer-bottom a {
    text-decoration: none;
    color: #fff
}

.seye-top-bottom-footer {
    padding: 0;
    background: #67132f
}

.seye-footer {
    position: relative;
    overflow: hidden;
    padding: 8px 0 30px
}

.silvereye-seyecs_footer_divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .12);
    margin: 15px 0
}

.silvereye-seyecs_bottom_footer {
    position: relative;
    background: linear-gradient(180deg, #67132f 0, #5b102a 100%);
    padding: 15px 0 22px;
    overflow: hidden;
    animation: .8s silvereyeFadeUp
}

.silvereye-seyecs_disclaimer {
    display: flex;
    align-items: center;
    gap: 18px
}

.silvereye-seyecs_trusted_box {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end
}

.silvereye-seyecs_disclaimer_content h5 {
    color: #f2c861;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0
}

.silvereye-seyecs_disclaimer_content p {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    margin: 0
}

.silvereye-seyecs_trusted_content h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 8px
}

.silvereye-seyecs_bottom_top::after {
    content: "";
    position: absolute;
    right: 36.33%;
    width: 1px;
    height: 48px;
    background: rgba(255, 255, 255, .18)
}

.silvereye-seyecs_bottom_footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/world-map.png") center center/70% no-repeat;
    opacity: .04;
    pointer-events: none
}

.silvereye-seyecs_disclaimer_icon {
    width: 72px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, .35);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d4af37;
    font-size: 28px;
    transition: var(--silvereye-transition)
}

.silvereye-seyecs_disclaimer:hover .silvereye-seyecs_disclaimer_icon {
    background: rgba(212, 175, 55, .08);
    transform: rotate(8deg)
}

@media (max-width:767px) {
    .silvereye-seyecs_bottom_footer {
        padding: 40px 0 20px
    }

    .silvereye-seyecs_disclaimer {
        flex-direction: column;
        text-align: center
    }

    .silvereye-seyecs_trusted_box {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        margin-top: 15px
    }

    .silvereye-seyecs_disclaimer_icon,
    .silvereye-seyecs_trusted_icon {
        width: 65px;
        height: 65px;
        min-width: 65px;
        font-size: 24px
    }

    .silvereye-seyecs_disclaimer_content h5,
    .silvereye-seyecs_trusted_content h5 {
        font-size: 19px
    }

    .silvereye-seyecs_copyright,
    .silvereye-seyecs_disclaimer_content p,
    .silvereye-seyecs_trusted_content p {
        font-size: 15px;
        line-height: 28px
    }

    .silvereye-seyecs_footer_menu li::after {
        display: none
    }

    .silvereye-seyecs_footer_menu a {
        font-size: 17px
    }
}

@media (max-width:480px) {
    .silvereye-seyecs_bottom_footer {
        padding: 35px 0 15px
    }

    .silvereye-seyecs_disclaimer_icon,
    .silvereye-seyecs_trusted_icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        font-size: 22px
    }

    .silvereye-seyecs_disclaimer_content h5,
    .silvereye-seyecs_trusted_content h5 {
        font-size: 18px
    }

    .silvereye-seyecs_disclaimer_content p,
    .silvereye-seyecs_trusted_content p {
        font-size: 14px;
        line-height: 26px
    }

    .silvereye-seyecs_footer_menu {
        gap: 14px
    }

    .silvereye-seyecs_footer_menu a {
        font-size: 16px
    }

    .silvereye-seyecs_copyright {
        font-size: 14px
    }
}

.silvereye-seyecs_bottom_footer *,
.silvereye-seyecs_bottom_footer ::after,
.silvereye-seyecs_bottom_footer ::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.silvereye-seyecs_bottom_footer ::selection {
    background: #d4af37;
    color: #67132f
}

.silvereye-seyecs_footer_menu a:hover,
.silvereye-seyecs_trusted_content strong {
    color: #f2c861
}

.silvereye-seyecs_trusted_content p {
    color: #fff;
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

.silvereye-seyecs_footer_menu a {
    color: #fff;
    font-size: 15px;
    font-weight: 200;
    text-decoration: none;
    position: relative
}

.silvereye-seyecs_copyright {
    color: rgba(255, 255, 255, .82);
    text-align: center;
    font-size: 12px
}

.silvereye-seyecs-newsletter-icon,
.silvereye-seyecs-widget-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #dbc6cd;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #67132f;
    font-size: 24px;
    background: #fff;
    transition: .35s;
    flex-shrink: 0
}

.silvereye-seyecs-widget-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.silvereye-seyecs_footer_menu a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: #d4af37;
    transition: .35s;
    transform: translateX(-50%)
}

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

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

.silvereye-seyecs_trusted_icon {
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, .35);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d4af37;
    font-size: 30px;
    transition: var(--silvereye-transition)
}

.silvereye-seyecs_trusted_box:hover .silvereye-seyecs_trusted_icon {
    transform: scale(1.08);
    background: rgba(212, 175, 55, .08)
}

.silvereye-seyecs_copyright span {
    color: #f2c861;
    font-weight: 600
}

.silvereye-seyecs_disclaimer:hover,
.silvereye-seyecs_trusted_box:hover {
    transform: translateY(-4px)
}

.silvereye-seyecs_trusted_box:hover .silvereye-seyecs_trusted_content h5 {
    color: #f4d27b
}

.silvereye-seyecs_disclaimer_icon,
.silvereye-seyecs_trusted_icon {
    box-shadow: 0 0 0 rgba(212, 175, 55, 0)
}

.silvereye-seyecs_disclaimer:hover .silvereye-seyecs_disclaimer_icon,
.silvereye-seyecs_trusted_box:hover .silvereye-seyecs_trusted_icon {
    box-shadow: 0 0 25px rgba(212, 175, 55, .18)
}

.silvereye-seyecs_trusted_box {
    justify-content: flex-start
}

.silvereye-seyecs_footer_menu {
    gap: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

.silvereye-seyecs_footer_menu li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, .35)
}

.contact-info-card:before {
    content: '';
    position: absolute;
    top: -75px;
    right: -81px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(103, 19, 47, .05)
}

.contact-info-card,
.office-image-box {
    background: #faf0e7;
    border-radius: 24px;
    padding: 25px;
    border: 1px solid #f2e4dd;
    transition: .4s;
    height: 100%
}

.contact-info-card:hover,
.office-info-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(103, 19, 47, .12)
}

.contact-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #67132f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 15px
}

.contact-pge-4card-linking,
.office-contact a {
    text-decoration: none;
    color: #000
}

.contact-pge-4card-linking:hover {
    color: #a12c48
}

.why-choose-silvereye-section {
    position: relative;
    overflow: hidden;
    background: #fffaf7;
    border-radius: 40px;
    padding: 80px 30px;
    box-shadow: 0 15px 60px rgba(103, 19, 47, .08)
}

.why-choose-silvereye-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://www.transparenttextures.com/patterns/dots.png");
    opacity: .05;
    pointer-events: none
}

.silvereye-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 50px;
    background: #fff;
    color: #67132f;
    font-weight: 700;
    letter-spacing: 2px;
    box-shadow: 0 10px 25px rgba(103, 19, 47, .08)
}

.silvereye-contact-main-title {
    font-size: 42px;
    font-weight: 400;
    margin-top: 30px;
    color: #111
}

.silvereye-title-line {
    width: 120px;
    height: 6px;
    background: #67132f;
    border-radius: 50px;
    margin: 25px auto;
    position: relative
}

.silvereye-title-line::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #67132f;
    border-radius: 50%;
    position: absolute;
    right: -18px;
    top: -3px
}

.silvereye-subtitle {
    font-size: 18px;
    color: #666;
    margin-bottom: 2px
}

.silvereye-feature-card {
    background: #fff;
    border-radius: 30px;
    text-align: center;
    padding: 24px 25px;
    height: 100%;
    transition: .4s;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(103, 19, 47, .08)
}

.silvereye-feature-card::before {
    content: '';
    position: absolute;
    top: -120px;
    left: -120px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(103, 19, 47, .12), transparent);
    transition: .5s
}

.silvereye-feature-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 60px rgba(103, 19, 47, .15)
}

.silvereye-feature-card:hover::before {
    transform: scale(1.4)
}

.silvereye-icon-wrap {
    width: 65px;
    height: 65px;
    margin: auto auto 25px;
    border-radius: 50%;
    background: #67132f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #fff;
    position: relative;
    animation: 4s ease-in-out infinite silvereyeFloat
}

.silvereye-icon-wrap::before {
    content: '';
    position: absolute;
    inset: -10px;
    border: 2px solid rgba(103, 19, 47, .15);
    border-radius: 50%
}

.silvereye-feature-card h3 {
    color: #111
}

.silvereye-feature-card h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.silvereye-divider {
    width: 60px;
    height: 4px;
    background: #67132f;
    border-radius: 20px;
    display: block;
    margin: 20px auto
}

.silvereye-feature-card p {
    font-size: 17px;
    color: #666;
    line-height: 1.8
}

@keyframes silvereyeFloat {

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

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

@media(max-width:991px) {
    .brand-title {
        font-size: 32px
    }

    .brand-item {
        width: 180px;
        height: 100px
    }

    .future-main-heading {
        font-size: 36px
    }

    .ai-stat-content,
    .future-blog-btn,
    .future-card-footer a,
    .silvereye-subtitle {
        font-size: 18px
    }

    .future-card-body h3 {
        font-size: 24px
    }

    .future-card-body p {
        font-size: 17px
    }

    .future-single-card img {
        height: 220px
    }

    .future-nav-btn {
        width: 45px;
        height: 45px;
        font-size: 18px
    }

    .future-top-area {
        align-items: flex-start
    }

    .ai-stat-number {
        font-size: 48px
    }

    .seyecs-cta-card {
        flex-direction: column;
        text-align: center
    }

    .seyecs-cta-buttons {
        justify-content: center;
        flex-wrap: wrap
    }

    .silvereye-main-title {
        font-size: 42px
    }

    .why-us-section {
        padding: 30px 20px
    }

    .contact-form-box {
        margin-top: 10px
    }
}

.office-image-box img,
.office-map-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.office-info-box ul {
    list-style: none;
    padding: 0
}

.office-info-box i {
    color: var(--primary);
    margin-right: 10px
}

.office-banner-image {
    height: 100%;
    overflow: hidden;
    position: relative
}

.office-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s
}

@media(max-width:991px) {
    .office-banner-list li {
        font-size: 18px;
        margin-bottom: 25px
    }

    .office-banner-image {
        height: 320px
    }
}

.contact-map-card {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, .08);
    border: 1px solid rgba(212, 175, 55, .15);
    transition: .4s
}

.contact-map-card:hover {
    transform: translateY(-6px)
}

.contact-map-frame iframe {
    width: 100%;
    height: 320px;
    border: 0;
    display: block
}

.contact-map-footer h5 {
    color: #67132f;
    font-weight: 700;
    margin-bottom: 10px
}

.contact-map-footer p {
    color: #555;
    margin-bottom: 20px
}

.contact-map-direction-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background: #67132f;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    transition: .3s
}

.contact-map-direction-btn:hover {
    background: #d4af37;
    color: #fff
}

.contact-detail-card {
    background: #faf0e7;
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    transition: .4s;
    border: 1px solid rgba(212, 175, 55, .15)
}

.contact-detail-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08)
}

.contact-detail-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #67132f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px
}

.contact-detail-card h4 {
    color: #111;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 15px
}

.contact-detail-card p {
    font-size: 24px;
    color: #222;
    margin-bottom: 12px
}

.contact-detail-card span {
    color: #666;
    font-size: 18px
}

@media(max-width:991px) {
    .contact-map-frame iframe {
        height: 400px
    }
}

.office-section {
    padding: 18px 0
}

.office-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition)
}

.office-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12)
}

.office-content {
    height: 215px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px 55px;
    background: radial-gradient(circle at left, #faf5ef 0, #fff 75%)
}

.office-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--primary);
    line-height: 1;
    margin-bottom: 20px
}

.office-line {
    width: 260px;
    margin-bottom: 34px;
    position: relative
}

.office-line span {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--gold)
}

.office-line::after {
    content: "";
    position: absolute;
    right: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--gold);
    border-right: 2px solid var(--gold);
    transform: rotate(45deg)
}

.office-contact {
    display: flex;
    align-items: center;
    gap: 22px
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px
}

.contact-item:hover {
    transform: translateY(-3px)
}

.contact-hero-icon-circle {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border: 2px solid #d4af37;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--gold);
    background: #fff
}

.contact-item:hover .contact-hero-icon-circle {
    background: var(--gold);
    color: #d4af37
}

.contact-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    white-space: nowrap;
    font-weight: 500
}

.divider {
    width: 1px;
    height: 42px;
    background: var(--divider);
    flex-shrink: 0
}

.office-card:hover .office-title {
    letter-spacing: .5px
}

.office-card:hover .office-line {
    width: 285px
}

.office-image-box {
    position: relative;
    height: 215px;
    overflow: hidden
}

.gold-curve,
.white-curve {
    position: absolute;
    transform: rotate(-18deg)
}

.office-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.gold-curve {
    left: -72px;
    top: -35px;
    width: 120px;
    height: 320px;
    background: var(--gold);
    border-radius: 0 180px 180px 0;
    z-index: 3
}

.white-curve {
    left: -95px;
    top: -20px;
    width: 169px;
    height: 223px;
    background: #fff;
    border-radius: 0 170px 170px 0;
    z-index: 4
}

.office-card:hover .office-image {
    transform: scale(1.06)
}

.office-card:hover .gold-curve {
    left: -68px
}

@media (min-width:1400px) {
    .office-card {
        min-height: 230px
    }

    .office-content {
        height: 230px;
        padding: 40px 60px
    }

    .office-image-box {
        height: 230px
    }

    .office-title {
        font-size: 64px
    }
}

@media (max-width:991.98px) {
    .office-content {
        height: auto;
        padding: 40px 35px
    }

    .office-title {
        font-size: 48px
    }

    .office-line {
        width: 220px
    }

    .office-contact {
        flex-wrap: wrap;
        gap: 18px
    }

    .divider {
        display: none
    }

    .office-image-box {
        height: 280px;
        border-radius: 0 0 20px 20px
    }

    .gold-curve {
        left: -65px;
        height: 360px
    }

    .white-curve {
        left: -88px;
        height: 340px
    }
}

@media (max-width:767.98px) {
    .office-content {
        text-align: center;
        padding: 35px 25px
    }

    .office-title {
        font-size: 42px
    }

    .office-line {
        margin-left: auto;
        margin-right: auto
    }

    .office-contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px
    }

    .contact-item {
        width: 100%
    }

    .contact-text p {
        white-space: normal
    }

    .office-image-box {
        height: 250px;
        border-radius: 0 0 20px 20px
    }

    .gold-curve {
        width: 95px;
        left: -52px
    }

    .white-curve {
        width: 95px;
        left: -73px
    }
}

.pin,
.team-social {
    justify-content: center
}

@media (max-width:575px) {
    .office-content {
        padding: 30px 20px
    }

    .office-title {
        font-size: 36px
    }

    .office-line {
        width: 180px
    }

    .contact-hero-icon-circle {
        width: 40px;
        height: 40px;
        min-width: 40px
    }

    .contact-hero-icon-circle i {
        font-size: 16px
    }

    .contact-text p {
        font-size: 13px
    }

    .office-image-box {
        height: 220px
    }
}

.about-hero {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: url(https://seyecs.com/assets/Images/demo-all-service-image/detail-service-hero-img.webp) center/cover no-repeat
}

.about-tag {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #8c1b40;
    letter-spacing: 1px
}

.about-content h1 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.15;
    color: #1f1f1f
}

.about-content p {
    color: #666;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 22px;
    text-align: justify
}

.about-image {
    width: 100%;
    padding-right: 10px;
    overflow: hidden
}

.about-image img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    display: block;
    border-radius: 120px 0
}

.circle {
    position: absolute;
    border: 2px solid rgba(215, 188, 157, .35);
    border-radius: 50%;
    pointer-events: none
}

.circle-1 {
    width: 550px;
    height: 550px;
    right: -260px;
    bottom: -250px
}

.circle-2 {
    width: 420px;
    height: 420px;
    right: -190px;
    bottom: -180px
}

.circle-3 {
    width: 300px;
    height: 300px;
    right: -120px;
    bottom: -110px
}

@media(min-width:992px) {
    .about-img {
        padding-right: 35px
    }
}

@media(max-width:991px) {
    .about-content {
        text-align: center
    }

    .about-content p {
        margin: auto auto 35px
    }

    .about-content h1 {
        font-size: 42px
    }

    .about-img {
        margin-top: 50px
    }

    .about-img img {
        height: 420px
    }
}

@media(max-width:767px) {
    .service-image {
        height: 200px
    }

    .contact-detail-card h4,
    .service-content h3 {
        font-size: 26px
    }

    .brand-heading {
        font-size: 30px
    }

    .brand-navigation {
        justify-content: center
    }

    .brand-card {
        height: 90px
    }

    .brand-card img {
        max-width: 90px
    }

    .why-choose-silvereye-section {
        padding: 60px 20px;
        border-radius: 25px
    }

    .silvereye-main-title {
        font-size: 32px;
        line-height: 1.3
    }

    .silvereye-feature-card h3 {
        font-size: 32px
    }

    .silvereye-feature-card h5 {
        font-size: 20px;
        min-height: auto
    }

    .silvereye-icon-wrap {
        width: 85px;
        height: 85px;
        font-size: 35px
    }

    .silvereye-subtitle {
        font-size: 16px
    }

    .office-banner-list li {
        font-size: 16px;
        gap: 15px
    }

    .office-banner-image {
        height: 250px
    }

    .contact-detail-card {
        padding: 25px
    }

    .contact-detail-card p {
        font-size: 18px
    }

    .contact-map-frame iframe {
        height: 300px
    }

    .about-hero {
        padding: 60px 0
    }

    .about-content {
        text-align: left
    }

    .about-content h1 {
        font-size: 38px
    }

    .about-content p {
        font-size: 16px;
        line-height: 30px
    }

    .about-img img {
        height: 260px;
        border-radius: 0 0 140px 140px/0 0 70px 70px
    }

    .circle-1 {
        width: 320px;
        height: 320px
    }

    .circle-2 {
        width: 250px;
        height: 250px
    }

    .circle-3 {
        width: 170px;
        height: 170px
    }
}

.team-heading h2 {
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 18px;
    color: #212529
}

.heading-line {
    width: 70px;
    height: 4px;
    background: #67132f;
    border-radius: 50px;
    margin-bottom: 25px;
    position: relative
}

.heading-line::after {
    content: '';
    position: absolute;
    right: -10px;
    top: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #67132f
}

.team-heading p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin: 0
}

.team-slider-wrapper {
    position: relative;
    width: 100%
}

.team-track {
    display: flex;
    gap: 25px;
    transition: .5s
}

.team-card {
    min-width: 292px;
    background: #fff;
    border-radius: 22px;
    padding: 18px;
    text-align: center;
    transition: .4s;
    border: 1px solid #efefef;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);
    position: relative;
    overflow: hidden
}

.team-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 22px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(103, 19, 47, .15), rgba(103, 19, 47, .05));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none
}

.team-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 18px 45px rgba(103, 19, 47, .18)
}

.team-image {
    overflow: hidden;
    border-radius: 18px;
    margin-bottom: 18px
}

.team-image img {
    width: 100%;
    display: block;
    border-radius: 18px;
    transition: .5s
}

.slider-btn,
.team-social a {
    border-radius: 50%;
    background: #fff
}

.team-content h4 {
    font-size: 22px;
    margin-bottom: 6px;
    color: #67132f;
    font-weight: 700
}

.team-content span {
    display: block;
    font-size: 15px;
    color: #666;
    margin-bottom: 18px
}

.team-social {
    display: flex;
    gap: 12px
}

.team-social a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8d8d8;
    color: #67132f;
    text-decoration: none;
    transition: .35s
}

.team-social a:hover {
    background: #67132f;
    color: #fff;
    border-color: #67132f;
    transform: translateY(-4px)
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border: none;
    color: #67132f;
    font-size: 18px;
    cursor: pointer;
    z-index: 50;
    transition: .35s;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1)
}

.slider-btn:hover {
    background: #67132f;
    color: #fff;
    transform: translateY(-50%) scale(1.08)
}

.prev-btn {
    left: -22px
}

.next-btn {
    right: -22px
}

.team-card::after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -20px;
    height: 25px;
    background: rgba(103, 19, 47, .12);
    filter: blur(22px);
    opacity: 0;
    transition: .35s;
    border-radius: 50%
}

.pin-icon::after,
.pin::before,
.timeline-item::before {
    content: "";
    position: absolute
}

@media(max-width:1400px) {
    .team-card {
        min-width: 230px
    }
}

@media(max-width:1200px) {
    .team-heading h2 {
        font-size: 38px
    }

    .team-card {
        min-width: 220px
    }
}

@media(max-width:992px) {
    .team-heading {
        text-align: center;
        margin-bottom: 40px
    }

    .heading-line {
        margin: auto auto 25px
    }

    .team-track {
        gap: 20px
    }

    .slider-btn {
        display: none
    }

    .team-card {
        min-width: 280px
    }
}

@media(max-width:768px) {
    .searchKey {
        height: 65px;
        font-size: 16px !important;
        padding-left: 22px !important;
        padding-right: 75px !important;
        border-radius: 22px !important
    }

    #search-form::after {
        width: 46px;
        height: 46px;
        right: 12px;
        font-size: 18px
    }

    .tt-menu,
    .tt-open {
        border-radius: 20px !important
    }

    .tt-selectable,
    .tt-suggestion {
        font-size: 15px;
        padding: 14px 18px
    }

    .testimonial-card {
        width: 300px;
        padding: 25px
    }

    .testimonial-heading {
        font-size: 32px
    }

    .seyecs-mega-panel .seyecs-mega-shell {
        overflow-y: scroll;
        height: 300px
    }

    .mv-section {
        padding: 70px 0
    }

    .mv-heading,
    .team-heading h2 {
        font-size: 34px
    }

    .mv-card {
        padding: 30px
    }

    .mv-card h3 {
        font-size: 24px
    }

    .team-card {
        min-width: 260px
    }
}

.journey-section {
    position: relative;
    padding: 100px 0;
    background: #fff;
    overflow: hidden
}

.journey-section::before {
    content: "";
    position: absolute;
    left: -150px;
    top: -120px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #f7f0ec 2px, transparent 2px);
    background-size: 20px 20px;
    opacity: .45;
    z-index: 0
}

.section-tag {
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #67132f;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px
}

.journey-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px
}

.title-divider {
    position: relative;
    width: 80px;
    height: 4px;
    background: #67132f;
    border-radius: 20px;
    margin-bottom: 25px
}

.pin-icon,
.title-divider span {
    border-radius: 50%;
    background: #67132f
}

.title-divider span {
    position: absolute;
    right: -8px;
    top: -3px;
    width: 10px;
    height: 10px
}

.journey-content p {
    font-size: 17px;
    color: #666;
    line-height: 32px
}

.journey-wrapper {
    position: relative;
    padding-top: 20px
}

.road-svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    z-index: 1
}

.pin,
.pin-icon,
.timeline-item,
.timeline-items {
    position: relative
}

.road-svg svg {
    width: 100%;
    height: 210px
}

.road-shadow {
    fill: none;
    stroke: #999;
    stroke-width: 24;
    stroke-linecap: round;
    opacity: .2
}

.road-line {
    fill: none;
    stroke: #2e2e2e;
    stroke-width: 18;
    stroke-linecap: round;
    stroke-dasharray: 8 14
}

.timeline-items {
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.timeline-item {
    width: 16%;
    text-align: center;
    transition: .4s
}

.year {
    font-size: 34px;
    font-weight: 700;
    color: #67132f;
    margin-bottom: 15px
}

.timeline-item p {
    font-size: 15px;
    color: #555;
    line-height: 26px;
    min-height: 70px;
    margin-bottom: 55px
}

.pin {
    display: flex
}

.pin-icon {
    width: 72px;
    height: 72px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    box-shadow: 0 15px 30px rgba(103, 19, 47, .25);
    transition: .35s;
    animation: 3s ease-in-out infinite pinFloat
}

.pin-icon::after {
    width: 90px;
    height: 90px;
    border: 2px solid rgba(103, 19, 47, .12);
    border-radius: 50%
}

.timeline-item:hover .pin-icon {
    transform: scale(1.08);
    background: #8a2044
}

.pin::before {
    width: 2px;
    height: 55px;
    background: #67132f;
    top: -55px
}

.timeline-item::before {
    left: 50%;
    transform: translateX(-50%);
    bottom: 90px;
    width: 110px;
    height: 150px;
    background: #fff;
    border-radius: 20px;
    z-index: -1;
    opacity: 0;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    transition: .35s
}

@keyframes floatPin {

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

    50% {
        transform: translateY(-8px)
    }
}

@media(max-width:1199px) {
    .year {
        font-size: 30px
    }

    .timeline-item {
        width: 16%
    }
}

@media(max-width:991px) {
    .journey-content {
        text-align: center;
        margin-bottom: 60px
    }

    .title-divider {
        margin: auto auto 25px
    }

    .timeline-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px
    }

    .timeline-item {
        width: 100%
    }

    .pin::before,
    .road-svg {
        display: none
    }

    .timeline-item p {
        margin-bottom: 25px
    }
}

@media(max-width:576px) {
    .news-ltr-detail-page-year {
        font-size: 58px;
        letter-spacing: 1px
    }

    .news-ltr-detail-page-right {
        min-height: 170px
    }

    .news-ltr-detail-page-content {
        padding: 0 10px
    }

    .news-ltr-detail-page-month,
    .service-marquee-card h3,
    .stat-item h4,
    .year {
        font-size: 28px
    }

    .all-service-page-description,
    .expert-content p,
    .news-ltr-detail-page-subtitle {
        font-size: 16px
    }

    .news-ltr-detail-page-title-divider {
        margin: 14px auto 16px
    }

    .news-ltr-detail-page-title-divider::after,
    .news-ltr-detail-page-title-divider::before {
        max-width: 70px
    }

    .news-ltr-detail-page-right-glow {
        display: none
    }

    .service-detail-form-card,
    .seyecs-cta-card {
        padding: 20px
    }

    .service-detail-form-header h3,
    .seyecs-cta-content h3 {
        font-size: 22px
    }

    .service-detail-form-icon {
        width: 50px;
        height: 50px;
        font-size: 18px
    }

    .service-marquee-card {
        width: 250px;
        min-width: 250px;
        padding: 30px 20px
    }

    .service-icon {
        width: 65px;
        height: 65px;
        font-size: 26px
    }

    .service-marquee-card p {
        font-size: 15px
    }

    .all-service-page-title,
    .expert-content h2 {
        font-size: 34px
    }

    .all-service-page-tag {
        font-size: 45px
    }

    .all-service-page-buttons,
    .all-service-page-features {
        flex-direction: column
    }

    .expert-content {
        padding: 35px 25px
    }

    .btn-expert {
        width: 100%;
        justify-content: center
    }

    .brand-title {
        font-size: 26px
    }

    .brand-item {
        width: 90px;
        height: 90px;
        margin: 0 8px
    }

    .brand-item img {
        max-width: 100px;
        max-height: 40px
    }

    .service-directory {
        background: url(https://seyecs.com/assets/Images/office-service-img.webp) right/cover no-repeat
    }

    .ai-stat-top {
        flex-direction: column;
        text-align: center
    }

    .logo-slide {
        gap: 10px;
        flex-wrap: wrap
    }

    .logo-slide img {
        width: 55px;
        height: 55px
    }

    .ai-stat-content {
        font-size: 17px
    }

    .seyecs-icon-circle {
        width: 65px;
        height: 65px;
        font-size: 28px
    }

    .seyecs-cta-content p {
        font-size: 14px
    }

    .seyecs-cta-buttons {
        width: 100%;
        flex-direction: column
    }

    .seyecs-cta-buttons .btn {
        width: 100%
    }

    .journey-section,
    .team-section {
        padding: 70px 0
    }

    .team-heading h2 {
        font-size: 30px
    }

    .team-card {
        min-width: 100%
    }

    .team-content h4 {
        font-size: 20px
    }

    .team-social a {
        width: 40px;
        height: 40px
    }

    .journey-content h2 {
        font-size: 36px
    }

    .timeline-items {
        grid-template-columns: 1fr
    }

    .pin-icon {
        width: 65px;
        height: 65px;
        font-size: 22px
    }
}

.timeline-item.active .pin-icon {
    background: #8d2046;
    transform: scale(1.15)
}

.timeline-item.active .year {
    color: #a22049
}

.timeline-item.active p {
    color: #222
}

@keyframes pinFloat {

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

    50% {
        transform: translateY(-8px)
    }
}