@charset "UTF-8";
.about p {text-align: justify;}
/* ***** Banner ***** */
.banner .btn {
	--icon-font-size: 16px;
}

/* Dynamic about page timeline */
.about-timeline-section .about-timeline-head {
    max-width: 760px;
    margin: 0 auto 60px;
}

.about-timeline {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding-top: 20px;
    direction: ltr;
}

.about-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: rgba(0, 82, 155, 0.18);
    transform: translateX(-50%);
}

.about-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
    column-gap: 36px;
    align-items: center;
    margin-bottom: 54px;
}

.about-timeline-item:last-child {
    margin-bottom: 0;
}

.about-timeline-card {
    position: relative;
    grid-row: 1;
    width: 100%;
    max-width: 450px;
    padding: 30px;
    background: #fff;
    border: 1px solid rgba(0, 82, 155, 0.12);
    border-radius: 8px;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.08);
    text-align: start;
}

.about-timeline:not(.is-rtl) .about-timeline-item:nth-child(odd) .about-timeline-card,
.about-timeline.is-rtl .about-timeline-item:nth-child(even) .about-timeline-card {
    grid-column: 1;
    justify-self: end;
}

.about-timeline:not(.is-rtl) .about-timeline-item:nth-child(even) .about-timeline-card,
.about-timeline.is-rtl .about-timeline-item:nth-child(odd) .about-timeline-card {
    grid-column: 3;
    justify-self: start;
}

.about-timeline-card::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 36px;
    height: 2px;
    background: rgba(0, 82, 155, 0.18);
    transform: translateY(-50%);
}

.about-timeline:not(.is-rtl) .about-timeline-item:nth-child(odd) .about-timeline-card::before,
.about-timeline.is-rtl .about-timeline-item:nth-child(even) .about-timeline-card::before {
    right: -36px;
}

.about-timeline:not(.is-rtl) .about-timeline-item:nth-child(even) .about-timeline-card::before,
.about-timeline.is-rtl .about-timeline-item:nth-child(odd) .about-timeline-card::before {
    left: -36px;
}

.about-timeline-year {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    border-radius: 50%;
    background: #00529b;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 16px 35px rgba(0, 82, 155, 0.28);
}

.about-timeline-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 8px;
    background: rgba(0, 82, 155, 0.08);
}

.about-timeline-icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.about-timeline-card h3 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.25;
    text-align: inherit;
}

.about-timeline-card .rich-text-content {
    color: #5d6678;
    font-size: 16px;
    line-height: 1.8;
    text-align: inherit;
}

.about-timeline-card .rich-text-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .about-timeline {
        padding-top: 0;
    }

    .about-timeline::before {
        left: 37px;
    }

    .about-timeline-item {
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
        margin-bottom: 34px;
    }

    .about-timeline-year {
        grid-column: 1;
        width: 74px;
        height: 74px;
        font-size: 17px;
    }

    .about-timeline-item:nth-child(odd) .about-timeline-card,
    .about-timeline-item:nth-child(even) .about-timeline-card {
        grid-column: 2;
        justify-self: stretch;
        max-width: none;
    }

    .about-timeline-card::before {
        display: none;
    }
}

/* Team page grouped layout */
.team-page-section .team-group-divider {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 32px;
}

.team-page-section .team-group-divider::before,
.team-page-section .team-group-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(35, 61, 98, 0.14);
}

.team-page-section .team-group-divider span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 24px;
    border-radius: 999px;
    background: #fff;
    color: #00529b;
    border: 1px solid rgba(0, 82, 155, 0.14);
    font-weight: 800;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
}

.team-featured-member {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 42px;
    align-items: center;
    max-width: 920px;
    margin: 0 auto 28px;
    padding: 28px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(35, 61, 98, 0.1);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

html[dir="rtl"] .team-featured-member {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
}

html[dir="rtl"] .team-featured-image {
    grid-column: 2;
}

html[dir="rtl"] .team-featured-content {
    grid-column: 1;
    grid-row: 1;
}

.team-featured-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: 10px;
}

.team-featured-content {
    text-align: start;
}

.team-featured-type {
    display: inline-flex;
    margin-bottom: 14px;
    color: #00529b;
    font-weight: 800;
}

.team-featured-content h3 {
    margin: 0 0 12px;
    color: #233d62;
    font-size: clamp(30px, 4vw, 54px);
    line-height: 1.15;
}

.team-featured-content p {
    margin: 0;
    color: #5d6678;
    font-size: 18px;
    line-height: 1.8;
}

.team-member-card .lqd-tm-img img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.team-page-section .team-member-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 42px;
}

.team-page-section .team-member-card .lqd-tm-img {
    flex: 0 0 auto;
}

.team-page-section .team-member-card .lqd-tm-details {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    min-height: 112px;
    padding-top: 22px;
    padding-bottom: 0;
    text-align: center;
    background: transparent;
}

.team-page-section .team-member-card .lqd-tm-details h3 {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    display: block;
    margin-bottom: 8px;
    color: #233d62;
    font-size: 24px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.team-page-section .team-member-card .lqd-tm-details p {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.team-page-section .row > .animation-element {
    margin-bottom: 34px;
}

.team-page-section .team-members-grid {
    justify-content: flex-start;
}

html[dir="rtl"] .team-page-section .team-members-grid {
    justify-content: flex-start;
}

@media (max-width: 767px) {
    .team-featured-member,
    html[dir="rtl"] .team-featured-member {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 18px;
    }

    html[dir="rtl"] .team-featured-image,
    html[dir="rtl"] .team-featured-content {
        grid-column: auto;
        grid-row: auto;
    }

    .team-page-section .team-group-divider {
        gap: 12px;
        margin-bottom: 24px;
    }

    .team-page-section .team-group-divider span {
        padding-inline: 16px;
    }

    .team-page-section .team-member-card .lqd-tm-details {
        min-height: auto;
    }
}

/* Dynamic jobs section */
.dynamic-jobs-section {
    background: #f6f9fc;
}

.dynamic-job-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(35, 61, 98, 0.1);
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);
}

.dynamic-job-meta {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: 14px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(0, 82, 155, 0.08);
    color: #00529b;
    font-size: 13px;
    font-weight: 800;
}

.dynamic-job-card h3 {
    margin: 0 0 14px;
    color: #233d62;
    font-size: 24px;
    line-height: 1.35;
}

.dynamic-job-card .rich-text-content {
    color: #5d6678;
    line-height: 1.8;
}

.dynamic-job-card .rich-text-content p:last-child {
    margin-bottom: 0;
}

.dynamic-job-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 24px;
}

.dynamic-job-footer span {
    color: #5d6678;
    font-size: 14px;
}

.dynamic-job-footer a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #00529b;
    color: #fff;
    font-weight: 800;
}

.dynamic-job-footer a:hover {
    background: #233d62;
    color: #fff;
}

@media (max-width: 767px) {
    .dynamic-job-footer {
        align-items: stretch;
        flex-direction: column;
    }
}

.banner .btn-solid {
        background-color: var(--lqd-color-white-smoke);

	/* background-image: linear-gradient(90deg, var(--lqd-color-gradient-start) 0%, var(--lqd-color-gradient-stop) 100%); */
}

.banner .btn-solid:hover,
.banner .btn-solid:focus {
        background-color: var(--lqd-color-primary);
color:var(--lqd-color-white-smoke);
	/* background-image: linear-gradient(90deg, var(--lqd-color-gradient-stop) 0%, var(--lqd-color-gradient-start) 100%); */
}

.ld-masked-image .clip-svg {
	clip-path: url(#banner-masked-svg);
	-webkit-clip-path: url(#banner-masked-svg);
	background-size: cover;
	background-position-x: 50%;
	background-position-y: 50%;
}

@media (max-width: 1199px) {
	.banner {
		padding: 100px 30px 0px 30px;
	}

	.banner .ld-fancy-heading h2 {
		font-size: 58px;
	}

	.banner .module-btn {
		margin-right: 10px;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 120px 10px 0px 10px;
	}

	.banner .ld-fancy-heading h2 {
		font-size: 14vw;
	}

	.banner .module-btn {
		margin: 0 0 10px 0;
	}
        .py-100 {padding:0px !important;} .pt-200{padding-top:30px !important;}
    .ml-15, .mx-15 {
    margin-left: 5px;
    margin-right:5px;
}

.pl-30, .px-30 {
    padding-left: 15px;
    padding-right: 15px;
}
}

/* ***** services ***** */
/* .bg-color{background-color: #f0f6fc !important;} */
.bg-color{ background: linear-gradient(
    to bottom,
    rgba(255,255,255,1) 0%,
    #f0f6fc 25%,
    #f0f6fc 75%,
    rgba(255,255,255,1) 100%
) !important;}
@media (max-width: 1199px) {
	.services {
		padding: 0 30px;
	}
}

@media (max-width: 767px) {
	.services {
		padding: 70px 0 20px 10px;
	}
}

/* ***** Portfoilo ***** */
@media (max-width: 1199px) {
	.portfolio {
		padding: 50px 0 50px 0;
	}

	.portfolio .module h2 {
		font-size: 23px;
	}
}

@media (max-width: 767px) {
	.portfolio {
		padding: 20px 10px 30px 10px;
	}

	.portfolio .module-content {
		padding: 15px;
	}
}

/* ***** Marketing ***** */
.marketing .module-content {
	padding-left: 18%;
}

.marketing .module-content .lqd-highlight-inner {
	background: #D3FFF8;
	bottom: 4px;
	left: 0em;
}

.carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
	margin-top: 2.5em;
}

.marketing .carousel-nav {
	left: -17px;
}

.marketing .carousel-nav .flickity-button {
	font-size: 26px;
	width: 50px;
	height: 50px;
}

.marketing .flickity-button,
.marketing .flickity-button:focus,
.marketing .flickity-button:hover {
	background-color: transparent;
	color: #000;
}

@media (max-width: 1199px) {
	.marketing {
		padding: 50px 30px 60px 30px;
	}

	.marketing .carousel-dots-mobile {
		display: block;
	}

	.marketing .carousel-dots-mobile-inside .carousel-dots-mobile {
		opacity: 0;
	}

	.marketing .module-content {
		padding: 0 10px;
	}
}

@media(max-width:767px) {
	.marketing {
		padding: 40px 10px 50px 10px;
	}

	.marketing .module-image {
		margin: 0 0 10px 0;
	}

	.marketing .module-content {
		padding: 0 15px;
	}

	.marketing .module-content .ld-fancy-heading h2 {
		font-size: 15vw;
	}
}

/* ***** case Study Carousel ***** */
.case-study-carousel .carousel-nav .flickity-button {
	width: 20px;
	height: 20px;
}

.case-study-carousel .flickity-button {
	padding: 0;
	border-radius: 0;
}

.case-study-carousel .flickity-button,
.case-study-carousel .flickity-button:focus,
.case-study-carousel .flickity-button:hover {
	background-color: transparent;
	color: #000;
}

@media (max-width: 1199px) {
	.case-study-carousel {
		padding: 45px 40px 25px 40px;
	}

	.case-study-carousel .carousel-items {
		overflow-x: hidden;
	}
}

@media (max-width: 767px) {
	.case-study-carousel {
		padding: 45px 25px 55px 25px;
	}

	.case-study-carousel .ld-fancy-heading {
		margin: 0 0 10px 0;
	}
}

/* ***** Case Study ***** */
.case-study .icon-box-module {
	box-shadow: -5px 18px 60px 0px rgba(210, 210, 234, 0.4);
}

.case-study .module-1 .iconbox-icon-container {
	box-shadow: 6px 15px 30px 0px rgb(188 0 50 / 12%);
}

.case-study .module-2 .iconbox-icon-container {
	box-shadow: 6px 15px 30px 0px rgb(103 200 216 / 23%);
}

.case-study .module-3 .iconbox-icon-container {
	box-shadow: 6px 15px 30px 0px rgb(80 207 128 / 18%);
}

.case-study .module-4 .iconbox-icon-container {
	box-shadow: 6px 15px 30px 0px rgb(221 116 195 / 19%);
}

@media (max-width: 1199px) {
	.case-study {
		padding: 50px 30px 25px 30px;
	}

	.case-study .title-module {
		padding: 0 15%;
	}

	.case-study .module-1,
	.case-study .module-3 {
		padding: 10px 25px 10px 10px;
	}

	.case-study .module-2,
	.case-study .module-4 {
		padding: 10px 10px 10px 25px;
	}

	.case-study .icon-box-module {
		padding: 30px 20px;
	}
}

@media (max-width: 767px) {
	.case-study {
		padding: 30px 25px 35px 25px;
	}

	.case-study .title-module {
		padding: 0 0 30px 0;
	}

	.case-study .title-module .ld-fancy-heading p {
		font-size: 18px;
	}

	.case-study .module-content {
		margin-bottom: 20px;
		padding: 0;
	}

	.case-study .icon-box-module {
		margin: 0;
	}
}

/* ***** Team ***** */
.team .lqd-tm-details svg stop:first-child {
	stop-color: #F8F9FFE6;
}

.team .lqd-tm-details svg stop:last-child {
	stop-color: #F8F9FF;
}

@media (max-width: 1199px) {
	.team {
		padding: 25px 30px 50px 30px;
	}

	.team .module-2,
	.team .module-3 {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.team {
		padding: 25px 10px 50px 10px;
	}

	.team .module-title {
		margin: 0 0 10px 0;
	}

	.team .module-btn {
		padding: 0 15px 20px 15px;
	}

	.team .module-1,
	.team .module-2 {
		margin-bottom: 35px;
	}
}

/* ***** counters ***** */
.counters .ld-fancy-heading .h2 {
	font-size: 50px;
}

@media (max-width: 767px) {
	.counters {
		padding: 50px 0;
	}

	.counters .title-container {
		margin: 0 0 15px 0;
	}

	.counters .data-container {
		margin: 0 0 10px 0;
	}

	.counters .module-number p {
		font-size: 52px;
		line-height: 1em;
	}
}

/* ***** Testimonial ***** */
.testimonial .carousel-nav .flickity-button:hover {
	color: #FFFFFF;
	background: #000000;
}

.testimonial .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
	margin-top: 1.5em;
}

.carousel-dots-mobile .flickity-page-dots .dot:first-child {
	margin-inline-start: 0;
}

@media (max-width: 1199px) {
	.testimonial {
		padding: 170px 30px 85px 30px;
	}

	.testimonial .image-container {
		width: 100%;
		max-width: 100%;
	}

	.testimonial .lqd-imggrp-img-container {
		width: 50%;
		margin: auto;
	}

	.testimonial .carousel-item {
		padding-inline-start: 0;
		padding-inline-end: 0;
	}
}

@media (max-width: 767px) {
	.testimonial {
		padding: 70px 10px;
	}
}

/* ***** Clients ***** */
@media (max-width: 1199px) {
	.clients .module-img {
		margin: 20px 0;
	}
}

@media (max-width: 767px) {
	.clients .lqd-imggrp-single {
		margin: 0 0 20px 0;
	}
}

/* ***** Contact ***** */
@media (max-width: 1199px) {
	.contact {
		padding-right: 35px;
		padding-left: 35px;
	}

	.contact .ld-fancy-heading h2 {
		font-size: 38px;
	}

	.contact .module-white {
		padding: 30px 20px;
	}
}

@media (max-width: 767px) {
	.contact {
		padding: 70px 15px;
	}

	.contact .ld-fancy-heading h2 {
		font-size: 11vw;
	}

	.contact .module-white {
		padding: 30px 20px 15px 20px;
	}
}

/* **** about us **** */
.about .btn {
	--icon-font-size: 16px;
}
.about .btn-solid {
	background-image: linear-gradient(-90deg, var(--lqd-color-gradient-start) 0%, var(--lqd-color-gradient-stop) 100%) !important;
}

.about .btn-solid:hover,
.about .btn-solid:focus {
	background-image: linear-gradient(-90deg, var(--lqd-color-gradient-stop) 0%, var(--lqd-color-gradient-start) 100%)!important;
}

.about .module-btn  {
		margin-left: 10px;
	}
.aboutus .svg-drow{height:600px}
.aboutus svg{height:350px!important;width:auto;position:absolute;transform:translate(50%,-50%);top:0px;opacity:0.8}
.aboutus .svg{height:470px;position:absolute;transform:translate(50%,20%);right:69%;top:120px;opacity:0.8;z-index:0}
.aboutus .svg-path{stroke-dasharray:1150;stroke-dashoffset:1150;animation:7s linear infinite alternate about-dash;fill-opacity:1}
@keyframes about-dash{from{stroke-dashoffset:3000px}to{stroke-dashoffset:0px;fill-opacity:1}}
.aboutus .cls-1 { stroke: url(#linear-gradient-8); }
.aboutus .cls-1, .aboutus .cls-2, .aboutus .cls-3, .aboutus .cls-4, .aboutus .cls-5, .aboutus .cls-6, .aboutus .cls-7, .aboutus .cls-8, .aboutus .cls-9, .aboutus .cls-10 { fill: none; stroke-miterlimit: 10; stroke-width: 3.07px; }
.aboutus .cls-2 { stroke: url(#linear-gradient-3); }
.aboutus .cls-11 { filter: url(#drop-shadow-9); }
.aboutus .cls-12 { filter: url(#drop-shadow-2); }
.aboutus .cls-3 { stroke: url(#linear-gradient); }
.aboutus .cls-4 { stroke: url(#linear-gradient-5); }
.aboutus .cls-13 { filter: url(#drop-shadow-6); }
.aboutus .cls-14, .aboutus .cls-15 { opacity: 1; }
.aboutus .cls-16 { filter: url(#drop-shadow-5); }
.aboutus .cls-17 { fill: #fff; }
.aboutus .cls-18 { filter: url(#drop-shadow-8); }
.aboutus .cls-5 { stroke: url(#linear-gradient-4); }
.aboutus .cls-19 { filter: url(#drop-shadow-4); }
.aboutus .cls-6 { stroke: url(#linear-gradient-10); }
.aboutus .cls-20 { filter: url(#drop-shadow-1); }
.aboutus .cls-21 { filter: url(#drop-shadow-11); }
.aboutus .cls-22 { filter: url(#drop-shadow-10); }
.aboutus .cls-7 { stroke: url(#linear-gradient-9); }
.aboutus .cls-8 { stroke: url(#linear-gradient-2); }
.aboutus .cls-9 { stroke: url(#linear-gradient-7); }
.aboutus .cls-10 { stroke: url(#linear-gradient-6); }
.aboutus .cls-23 { filter: url(#drop-shadow-12); }
.aboutus .cls-24 { filter: url(#drop-shadow-3); }
.aboutus .cls-15 { filter: url(#drop-shadow-7); }
	[dir="rtl"] .flip-rtl{
  display: inline-block !important;
  transform: scaleX(-1) !important;
  transform-origin: center;
}

[dir="rtl"] .btn-icon{
  display: inline-block;
  transform: scaleX(-1);
  transform-origin: center;
}
/* اقلب اتجاه رموز الأسهم فقط في RTL (من دون لمس اتجاه السلايدر أو النص) */
[dir="rtl"] #home-hero .flickity-prev-next-button.previous,
[dir="rtl"] #home-hero .flickity-prev-next-button.next{
  transform: scaleX(-1) !important;
  transform-origin: center !important;
}

/* اختياري: لو الثيم يضخ Transform على الـ SVG نفسه عطّله */
[dir="rtl"] #home-hero .flickity-prev-next-button .flickity-button-icon,
[dir="rtl"] #home-hero .flickity-prev-next-button svg{
  transform: none !important;
  transform-box: view-box;
  transform-origin: center;
}
.carousel-item-content h6 {color:var(--lqd-body-text-color) !important}
.primary-color h6 {color:var(--lqd-color-primary) !important}
 .hide-mobile {
    display: none;
  }
@media (min-width: 992px) {
  .hide-mobile {
    display: block;
  }
}
.search-input::placeholder {
  color: #dedddd !important;
  opacity: 1;
}
.search-input:-ms-input-placeholder { color: #dedddd  !important; }
.search-input::-ms-input-placeholder { color: #dedddd  !important; }
.services .iconbox:hover {
    background-color: var(--lqd-color-blue-600);
}
.services .iconbox:hover .contents h3, .services .iconbox:hover .contents p {
    color: #fff;
}
/* ***** Titlebar ***** */
@media (max-width: 767px) {
	.titlebar-inner h1 {
		font-size: 60px;
	}
}
/* ***** Form ***** */
.form .module-form {
	box-shadow: 0 40px 80px 0px rgba(83, 94, 132, 0.15);
}
.form .lqd-contact-form {
  --input-margin-bottom: 20px;
  --inputs-margin: 0 0 var(--input-margin-bottom) 0;
}
@media (max-width: 767px) {
	.form {
		padding-right: 10px;
		padding-left: 10px;
	}
	.form .module-form {
		margin-right: 10px;
		margin-left: 10px;
		padding: 35px 15px;
	}
}

/* ***** Map ***** */
.map .module-contact {
	box-shadow: 20px 40px 60px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
	.map .module-col {
		padding-right: 50px;
		padding-left: 50px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media (max-width: 767px) {
	.map .module-col {
		padding-right: 20px;
		padding-left: 20px;
		margin: 0;
	}
	.map .module-contact {
		padding: 45px 20px;
	}
}
.border-blue-10{border-color: rgba(8, 5, 71, 0.1);}
.feature-services .lqd-iconbox-scale:hover {
    background-color: #c9ecf682;
    transform: scale(1.1);
}
.features img {
    transition: filter 0.3s ease;
}

.feature-services:hover img {
    filter: brightness(0) invert(1);
}
.services .img {
    transition: filter 0.3s ease;
}

.services .lqd-fb:hover .img,
.services .iconbox:hover .img {
    filter: brightness(0) invert(1);
}

body.locale-en .services .lqd-fb-content{
    justify-content:flex-end !important;
}

body.locale-en .services .lqd-fb-content-wrap{
    align-items:flex-start !important;
}
.bg-blue {
     background: linear-gradient(360deg, #13183e, #1c2252);
}
.text-white-300,
.text-blue-400{color: #F8F9FF;}
.main-footer h3 {color: #F8F9FF !important;}
.main-footer .text-slate-500{color: #F8F9FF !important;}
.main-footer  p,.main-footer span {color: #F8F9FF;}
.main-footer .text-end {color: #F8F9FF;}

.partner-logo {
    filter: grayscale(100%) brightness(0.7);
    opacity: 0.8;
    transition: all 0.3s ease;
	height: 60px;
}

/* Language Switch */
.lang-toggle{
  width: 64px;
  height: 32px;
  border-radius: 999px;
  position: relative;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.lang-toggle .toggle-track{
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(0, 15, 159, 0.10);
  border: 1px solid rgba(0, 15, 159, 0.18);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: .25s ease;
}

.lang-toggle:hover .toggle-track{
  background: rgba(0, 15, 159, 0.14);
}

.lang-toggle .toggle-thumb{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .25s ease;
}

.lang-toggle .toggle-label{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  color: #000F9F;
  line-height: 1;
  user-select: none;
}

/* الحالة ON = اللغة الحالية EN => الدائرة يمين */
.lang-toggle.is-on .toggle-thumb{
  right: 2px;
  left: auto;
}

/* الحالة OFF = اللغة الحالية AR => الدائرة يسار */
.lang-toggle.is-off .toggle-thumb{
  left: 2px;
  right: auto;
}

/* Mobile */
@media (max-width: 767px){
  .lang-toggle{ width: 60px; height: 30px; }
  .lang-toggle .toggle-thumb{ width: 26px; height: 26px; }
  .lang-toggle .toggle-label{ font-size: 10.5px; }
  .text-60{font-size: 30px;}
  #lqd-gdpr {
    bottom: 0.5rem;
  }
  .h2, h2 {
    font-size: 30px !important;
}
.ld-fancy-heading {padding-top:15px;}
.mb-40, .my-40 {
    margin-bottom: 20px;
}
.text-end {
    text-align: center;
}
}

/* GDPR cookie notice */
@keyframes lqdGDPRFadeIn {
  from {
    transform: translate(0, 50%);
    opacity: 0;
    visibility: hidden;
  }

  to {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes lqdGDPRFadeOut {
  from {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }

  to {
    transform: translate(0, 50%);
    opacity: 0;
    visibility: hidden;
  }
}

#lqd-gdpr {
  width: 242px;
  max-width: calc(100vw - 24px);
  padding: 38px 24px 22px;
  border: 1px solid #e9edf1;
  border-radius: 8px;
  bottom: 10%;
  left: 24px;
  background: #fff;
  color: #5f6f7d;
  font-size: 13px;
  line-height: 1.55;
  /* box-shadow: 0 12px 0 rgba(0, 0, 0, 0.18), 0 18px 26px rgba(0, 0, 0, 0.18); */
  transform: translate(0, 0);
}

#lqd-gdpr .lqd-gdpr-inner {
  display: block;
}

#lqd-gdpr .lqd-gdpr-left {
  padding: 0;
}

#lqd-gdpr p {
  margin: 0;
}

#lqd-gdpr .lqd-gdpr-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}

#lqd-gdpr .lqd-gdpr-privacy {
  color: #98a7b8;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  transition: color .2s ease;
}

#lqd-gdpr .lqd-gdpr-privacy:hover,
#lqd-gdpr .lqd-gdpr-privacy:focus {
  color: #1c2252;
}

#lqd-gdpr .lqd-gdpr-accept {
  min-width: 80px;
  padding: 9px 22px;
  border: 0;
  border-radius: 4px;
  background: #1c2252;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  box-shadow: none;
}

#lqd-gdpr .lqd-gdpr-accept:hover,
#lqd-gdpr .lqd-gdpr-accept:focus {
  background: #1c2252;
  color: #fff;
}

#lqd-gdpr .lqd-gdpr-cookie {
  width: 62px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}

#lqd-gdpr .lqd-gdpr-cookie::before,
#lqd-gdpr .lqd-gdpr-cookie::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

#lqd-gdpr .lqd-gdpr-cookie::before {
  width: 42px;
  height: 42px;
  left: 0;
  top: 4px;
  background: #a46a58;
  border: 3px solid #5f4b55;
}

#lqd-gdpr .lqd-gdpr-cookie::after {
  width: 40px;
  height: 40px;
  right: 0;
  top: 8px;
  background: #f0bd82;
  border: 3px solid #5f4b55;
}

#lqd-gdpr .lqd-gdpr-cookie-bite {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 3;
  border-radius: 50%;
  background: #fff;
}

#lqd-gdpr .lqd-gdpr-chip {
  width: 5px;
  height: 5px;
  position: absolute;
  z-index: 4;
  border-radius: 50%;
  background: #5f4b55;
}

#lqd-gdpr .lqd-gdpr-chip-1 {
  left: 15px;
  top: 17px;
}

#lqd-gdpr .lqd-gdpr-chip-2 {
  left: 28px;
  top: 29px;
}

#lqd-gdpr .lqd-gdpr-chip-3 {
  right: 25px;
  top: 23px;
}

#lqd-gdpr .lqd-gdpr-chip-4 {
  right: 15px;
  top: 36px;
}

@media (max-width: 540px) {
  #lqd-gdpr {
    min-width: 0;
    width: min(242px, calc(100vw - 24px));
    bottom: 10%;
    left: 12px;
    text-align: start;
  }

  #lqd-gdpr .lqd-gdpr-left {
    margin-bottom: 0;
  }

  #lqd-gdpr .lqd-gdpr-inner {
    display: block;
  }
}
/** logo switcher**/
  .brand-switcher{
    position: relative;
    width: 260px;
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.brand-item{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    transform: translateX(40px) scale(0.98);
    transition:
        transform 0.7s cubic-bezier(.22,.61,.36,1),
        opacity 0.45s ease;
    white-space: nowrap;
}
.brand-item.is-active{
    opacity: 1;
    transform: translateX(0) scale(1);
    z-index: 2;
}
.brand-item.is-exit{
    opacity: 0;
    transform: translateX(-25px) scale(0.96);
    z-index: 1;
}
.brand-text{
    font-size: 16px;
    font-weight: 700;
    color: #0b2a6f;
    letter-spacing: .2px;
}
.brand-item,
.brand-switcher{
    will-change: transform, opacity;
}

  /* search */
.smart-inline-search{
    position: relative;
    display: inline-flex;
    align-items: center;
}

.smart-inline-search .smart-search-trigger{
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}
.smart-inline-search.is-open .smart-search-trigger{
    opacity: 0;
    pointer-events: none;
}

.smart-search-dropdown{
    position: absolute;
    right: 0;             
    top: 50%;
    transform: translateY(-50%);
    width: 38px;         
    height: 38px;
    opacity: 0;
    pointer-events: none;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: 0 8px 18px rgba(0,0,0,.06);
    transition: width .25s cubic-bezier(.2,.8,.2,1), opacity .15s ease, box-shadow .2s ease;
}

.smart-inline-search.is-open .smart-search-dropdown{
    opacity: 1;
    pointer-events: auto;
    width: 220px;
}
.smart-inline-search.is-open.is-focus .smart-search-dropdown{
    width: 300px;         
	box-shadow: 0 14px 26px rgba(0,0,0,.10);
    border-color: rgba(11,42,111,.25);
}

.smart-inline-search .ld-search-form{
    position: relative;
    display: flex;
    align-items: center;
    height: 38px;
}

.smart-search-icon{
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: .65;
    color: #0b2a6f;
    flex: 0 0 38px;
}

.smart-search-input{
    height: 38px;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 10px 0 44px;
    font-size: 14px;
    color: #0b2a6f;
}

.smart-search-close{
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 999px;
    opacity: .7;
    cursor: pointer;
}
.smart-search-close:hover{ opacity: 1; }

@media (max-width: 480px){
    .smart-inline-search.is-open .smart-search-dropdown{ width: 190px; }
    .smart-inline-search.is-open.is-focus .smart-search-dropdown{ width: 280px; }
}

@media (prefers-reduced-motion: reduce){
    .smart-search-dropdown, .smart-search-trigger{ transition: none !important; }
}

.lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children {top: 65px; padding-bottom: 40px;}
.banner .btn-solid{--btn-pt:16px;--btn-pe:31px;--btn-pb:16px;--btn-ps:31px;--icon-mt:0;--icon-me:18px;--icon-mb:0;--icon-ms:0}.banner .btn-icon-right{--icon-mt:2px;--icon-ms:10px}@media (max-width:1199px){.banner{padding:40px 40px 0}.banner .ld-fancy-heading p{padding:0 15%}}@media (max-width:767px){.banner{padding:20px 20px 180px}.banner .ld-fancy-heading p{padding:0}.banner .btn-icon-right{margin:20px 30px 0}}.clients .lqd-imggrp-single:hover{opacity:.7}@media (max-width:1199px){.clients{padding:50px 40px}}@media (max-width:767px){.clients{padding:40px 20px}}@media (max-width:1199px){.features{padding:100px 20px}.features .col-12:first-child .d-flex{margin:0 0 30px 20px}}@media (max-width:767px){.features{padding:40px 0}}.solutions .lqd-section-scroll-dots{flex-direction:column}.solutions .lqd-section-scroll-dot{justify-content:center;align-items:center;border-radius:50em}.solutions .lqd-overlay{display:block}.solutions .module-img-1 .block-revealer__element{background-color:#f0ebff}@media (max-width:1199px){.solutions{padding:40px}.solutions .lqd-section-scroll-inner{margin-top:50px;margin-bottom:50px}}@media (max-width:767px){.solutions{padding:40px 20px}}.tab-box .lqd-tabs-nav{--icon-size:1em}.tab-box .lqd-tabs .lqd-tabs-nav li a.active,.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after{background-color:transparent;background-image:linear-gradient(180deg,#eaf4f3 0,#fff 100%)}.tab-box .lqd-tabs-nav .h3,.tab-box .lqd-tabs-nav>li>a,.tab-box .lqd-tabs-nav>li>a .lqd-tabs-nav-txt{font-size:var(--lqd-accent-font-size);line-height:var(--lqd-accent-line-height);letter-spacing:var(--lqd-accent-letter-spacing);word-spacing:var(--lqd-accent-word-spacing)}.tab-box .lqd-tabs .lqd-tabs-nav li a.active{color:#35399f}.tab-box .lqd-counter-element{margin-bottom:.3em;font-size:51px}@media (max-width:1199px){.tab-box{padding:50px 40px}}@media screen and (max-width:768px){.lqd-tabs-style-13{flex-direction:column-reverse!important}}@media (max-width:767px){.tab-box{padding:40px 20px}.tab-box .lqd-counter-element{font-size:12vw}}.lqd-tabs-style-10 .lqd-tabs-nav li a.active:before{opacity:1;transform:scale(1)}@media (max-width:1199px){.blog{padding:0 40px 50px}}@media (max-width:767px){.blog{padding:0 20px}}
:root{--lqd-container-width:1140px;--lqd-container-width-sm:100%;--lqd-container-width-md:100%;--bs-gutter-x:20px;--lqd-row-gutter-y:20px;--lqd-row-gutter-x:20px;--lqd-text-font-size:13px;--lqd-accent-font-size:16px;--lqd-accent-line-height:2em;--lqd-body-font-size:16px;--lqd-body-font-weight:400;--lqd-body-line-height:22px;--lqd-heading-color:var(--lqd-color-accent);--lqd-heading-font-weight:600;--lqd-heading-line-height:1.2em;--lqd-h1-font-size:65px;--lqd-h1-line-height:57px;--lqd-h1-letter-spacing:-1.96px;--lqd-h2-font-size:40px;--lqd-h2-line-height:1.1em;--lqd-h2-letter-spacing:-0.5px;--lqd-h3-font-size:36px;--lqd-h4-font-size:32px;--lqd-h5-font-size:20px;--lqd-h6-font-size:17px;--lqd-cc-bc:var(--lqd-color-primary);--lqd-cc-bg:var(--lqd-color-primary);--lqd-cc-size-outer:35px;--lqd-cc-size-inner:7px;--lqd-cc-bw:1px;--lqd-cc-br:calc(var(--lqd-cc-size-outer) / 2);--lqd-cc-active-bc:var(--lqd-color-primary);--lqd-cc-active-bg:var(--lqd-color-primary);--lqd-cc-active-bw:1px;--lqd-cc-active-circle-color:#fff;--lqd-cc-active-circle-txt:#000}.main-header .lqd-hide-onstuck{background-size:91px auto}.main-header .lqd-hide-onstuck a:before{background-color:#fff}.main-header .module-primary-nav a:hover,.main-header .module-primary-nav li.is-active,.social-icon:hover i{color:#000}@media (max-width:1199px){.main-header .module-primary-nav .navbar-collapse{margin-right:50px}}@media (max-width:767px){.main-header .lqd-mobile-sec .navbar-brand img{max-width:171px}}
@media (max-width:991px){.banner{padding-top:100px;padding-bottom:40px}.banner h1,.banner h2{font-size:66px}}@media (max-width:767px){.banner h2{font-size:40px}}@media (max-width:991px){.about{padding-bottom:40px}.about h2{font-size:38px}.contact{border-width:10px}}.ld-flipbox-face{backface-visibility:hidden}@media (max-width:767px){.about{padding-bottom:70px}.about h2{font-size:var(--lqd-h2-font-size)}.ld-flipbox-inner{padding:25px}}
:root{--lqd-color-blue-900: #0f144e; --lqd-container-width:1170px;--lqd-container-width-md:970px;--lqd-container-width-sm:750px;--lqd-row-gutter-y:0;--lqd-row-gutter-x:30px;--lqd-body-font-weight:400;--lqd-body-line-height:1.7em;--lqd-body-font-size:1em;--lqd-body-color:#8a8a91;--lqd-heading-font-weight:700;--lqd-heading-line-height:1.2em;--lqd-heading-color:#181b31;--lqd-h1-font-size:52px;--lqd-h2-font-size:40px;--lqd-h3-font-size:30px;--lqd-h4-font-size:25px;--lqd-h6-letter-spacing:.1em;--lqd-h6-font-size:12px;--lqd-h6-text-transform:uppercase}.lqd-highlight-inner svg{height:.275em;max-height:.475em}.ld-flipbox,.lqd-imggrp-single[data-hover3d]{perspective:1200px}.ld-flipbox-face,.ld-flipbox-wrap,.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container{transform-style:preserve-3d}.main-header .lqd-head-col>.lqd-active-row-light.header-module>.navbar-collapse .main-nav>li>a{color:rgba(0,0,0,.8)}
/* .lqd-section-scroll-dot {
    width: 40px;
    height: 40px;
    border: 1px solid #fdfdfd;
    cursor: pointer;
    font-size: 14px;
    color: #fdfdfd;
    transition: background .3s;
    counter-increment: section-scroll-dots;
} */
.lqd-section-scroll-dot.is-active, .lqd-section-scroll-dot:hover {
    border-color: #283c62;
    background-color: #283c62;
    color: #fff;
}
                /* Chatbot Widget Container */
        .chatbot-widget {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1000;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        /* Chat Toggle Button */
        .chat-toggle {
            width: 60px;
            height: 60px;
            border-radius: 50%;
      /*background: linear-gradient(135deg, #dab84a 0%, #9b353b 100%);*/
          background: linear-gradient(135deg, #224398 0%, #ed1c24 100%);
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .chat-toggle:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4);
        }

        .chat-toggle::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
                /*background: linear-gradient(135deg, #224398 0%, rgb(237 28 36) 100%)*/
            transform: translateX(-100%);
            transition: transform 0.6s;
        }

        .chat-toggle:hover::before {
            transform: translateX(100%);
        }

        .chat-icon {
            width: 24px;
            height: 24px;
            fill: white;
            transition: transform 0.3s ease;
        }

        .chat-toggle.active .chat-icon {
            transform: rotate(180deg);
        }

        /* Chat Container */
        .chat-container {
            position: absolute;
            bottom: 80px;
            right: 0;
            width: 380px;
            height: 500px;
            background: white;
            border-radius: 20px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
            display: none;
            flex-direction: column;
            overflow: hidden;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.3s ease;
        }

        .chat-container.active {
            display: flex;
            transform: translateY(0);
            opacity: 1;
        }

        /* Chat Header */
        .chat-header {
            /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
                            /*background: linear-gradient(135deg, #dab84a 0%, #9b353b 100%);*/
                             background: linear-gradient(135deg, #224398 0%, #ed1c24 100%);

            color: white;
            padding: 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .chat-header::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(0.8); opacity: 0.5; }
            50% { transform: scale(1.2); opacity: 0.8; }
        }

        .chat-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 5px;
            position: relative;
            z-index: 1;
        }

        .chat-subtitle {
            font-size: 12px;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }

        .status-indicator {
            position: absolute;
            top: 15px;
            left: 15px;
            width: 10px;
            height: 10px;
            background: #4ade80;
            border-radius: 50%;
            animation: blink 2s infinite;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0.3; }
        }

        /* Chat Messages */
        .chat-messages {
            flex: 1;
            padding: 20px;
            overflow-y: auto;
            background: #f8fafc;
        }

        .chat-messages::-webkit-scrollbar {
            width: 6px;
        }

        .chat-messages::-webkit-scrollbar-track {
            background: #f1f5f9;
        }

        .chat-messages::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 3px;
        }

        .message {
            margin-bottom: 15px;
            animation: slideIn 0.3s ease;
        }

        @keyframes slideIn {
            from { transform: translateY(10px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .message.bot {
            text-align: left;
        }

        .message.user {
            text-align: right;
        }

        .message-content {
            display: inline-block;
            max-width: 80%;
            padding: 12px 16px;
            border-radius: 18px;
            font-size: 14px;
            line-height: 1.4;
            position: relative;
        }

        .message.bot .message-content {
            background: white;
            color: #374151;
            border-bottom-left-radius: 6px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .message.user .message-content {
            /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
                            /*background: linear-gradient(135deg, #dab84a 0%, #9b353b 100%);*/
                            background: linear-gradient(135deg, #224398 0%, #ed1c24 100%);

            color: white;
            border-bottom-right-radius: 6px;
        }

        .message-time {
            font-size: 11px;
            opacity: 0.6;
            margin-top: 5px;
        }

        /* Typing Indicator */
        .typing-indicator {
            display: none;
            padding: 12px 16px;
            background: white;
            border-radius: 18px;
            border-bottom-left-radius: 6px;
            max-width: 80%;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .typing-dots {
            display: flex;
            gap: 4px;
        }

        .typing-dot {
            width: 8px;
            height: 8px;
            background: #9ca3af;
            border-radius: 50%;
            animation: typing 1.4s infinite;
        }

        .typing-dot:nth-child(2) { animation-delay: 0.2s; }
        .typing-dot:nth-child(3) { animation-delay: 0.4s; }

        @keyframes typing {
            0%, 60%, 100% { transform: translateY(0); }
            30% { transform: translateY(-10px); }
        }

        /* Chat Input */
        .chat-input-container {
            padding: 20px;
            background: white;
            border-top: 1px solid #e5e7eb;
        }

        .chat-input-wrapper {
            display: flex;
            gap: 10px;
            align-items: center;
            background: #f8fafc;
            border-radius: 25px;
            padding: 8px;
            border: 2px solid transparent;
            transition: all 0.3s ease;
        }

        .chat-input-wrapper:focus-within {
            border-color: #667eea;
            background: white;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        .chat-input {
            flex: 1;
            border: none;
            outline: none;
            padding: 8px 12px;
            font-size: 14px;
            background: transparent;
            color: #374151;
        }

        .chat-input::placeholder {
            color: #9ca3af;
        }

        .send-button {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: none;
            /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
                            /*background: linear-gradient(135deg, #dab84a 0%, #9b353b 100%);*/
                             /*background: linear-gradient(135deg, #224398 0%, #ed1c24 100%);*/
                             background: linear-gradient(135deg, #224398 0%, #ed1c24 100%);

            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .send-button:hover {
            transform: scale(1.1);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
        }

        .send-button:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
        }

        .send-icon {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        /* Welcome Message */
        .welcome-message {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            
            border: 1px solid #0ea5e9;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 20px;
            text-align: center;
        }

        .welcome-title {
            font-weight: 600;
            color: #0369a1;
            margin-bottom: 8px;
        }

        .welcome-text {
            font-size: 13px;
            color: #0284c7;
            line-height: 1.4;
        }

        /* Quick Actions */
        .quick-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 15px;
        }

        .quick-action {
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 20px;
            padding: 8px 12px;
            font-size: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            color: #6b7280;
        }

        .quick-action:hover {
            background: #667eea;
            color: white;
            border-color: #667eea;
            transform: translateY(-2px);
        }

        /* Chat History Controls */
        .chat-controls {
            padding: 10px 20px;
            background: #f8fafc;
            border-top: 1px solid #e5e7eb;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .clear-chat-btn {
            background: #ef4444;
            color: white;
            border: none;
            padding: 6px 12px;
            border-radius: 15px;
            font-size: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .clear-chat-btn:hover {
            background: #dc2626;
            transform: translateY(-1px);
        }

        .chat-info {
            font-size: 11px;
            color: #6b7280;
        }

        /* Responsive Design */
        @media (max-width: 480px) {
            .chat-container {
                width: calc(100vw - 40px);
                height: calc(100vh - 100px);
                right: 20px;
                bottom: 80px;
            }
            
            .chatbot-widget {
                right: 20px;
                bottom: 20px;
            }
        }

        /* Demo Container for Preview */
        .demo-container {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
            text-align: center;
            max-width: 500px;
            width: 100%;
        }

        .demo-title {
            font-size: 28px;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 10px;
        }

        .demo-subtitle {
            font-size: 16px;
            color: #6b7280;
            margin-bottom: 30px;
        }

        .demo-features {
            text-align: right;
            margin-bottom: 30px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 15px;
            padding: 12px;
            background: #f8fafc;
            border-radius: 10px;
            transition: all 0.3s ease;
        }

        .feature-item:hover {
            background: #f1f5f9;
            transform: translateX(-5px);
        }

        .feature-icon {
            width: 20px;
            height: 20px;
            fill: #667eea;
        }

        .feature-text {
            font-size: 14px;
            color: #374151;
        }

        .demo-note {
            background: #fef3c7;
            border: 1px solid #f59e0b;
            border-radius: 10px;
            padding: 15px;
            font-size: 14px;
            color: #92400e;
            margin-top: 20px;
        }
/* Banner Background */

/* يخلي كل السلايدر يغطي الشاشة */
#banner,
#home-hero,
#banner .carousel-container,
#banner .carousel-items,
#banner .flickity-viewport,
#banner .flickity-slider {
    height: 100vh !important;
}

/* كل سلايد */
#banner .banner-slide {
    width: 100% !important;
    height: 100vh !important;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
}
#banner .carousel-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* overlay لتحسين قراءة النص */

.banner-overlay{
    position:absolute;
    top:0;
    line-height: 60px;
    /* left:0; */
    width:100%;
    height:100%;
        inset: 0;
    /* background:rgba(0,0,0,0.35); */
}

/* النص */

.banner-content{
    /* position:relative; */
    z-index:2;
    color:#fff;
        padding-inline: 180px;

}

.banner-title{
    color:#fff;
    font-size:60px;
    font-weight:700;
    margin-bottom:20px;
    line-height: normal;
}

.banner-subtitle{
    display: block;
    max-width: 720px;
    font-size:18px;
    line-height: 2;
    margin-bottom:25px;
    white-space: normal;
}

body.locale-en #banner .banner-content{
    padding-left: clamp(64px, 7vw, 140px);
    padding-right: clamp(24px, 5vw, 100px);
    transform: translateY(38px);
}

body.locale-en #banner .banner-content .col-xl-6{
    flex: 0 0 min(860px, 58%);
    max-width: min(860px, 58%);
}

body.locale-en #banner .ld-fancy-heading.pt-70{
    padding-top: 0 !important;
}

body.locale-en #banner .banner-title{
    max-width: 860px;
    font-size: clamp(44px, 3.3vw, 64px);
    line-height: 1.07;
    margin-bottom: 22px;
    overflow-wrap: normal;
}

body.locale-en #banner .banner-subtitle{
    max-width: 760px;
    font-size: clamp(17px, 1.12vw, 21px);
    line-height: 1.55;
    margin-bottom: 28px;
}

@media (max-width:1199px){
    body.locale-en #banner .banner-content{
        padding-left: 34px;
        padding-right: 24px;
        transform: translateY(20px);
    }

    body.locale-en #banner .banner-content .col-xl-6{
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.locale-en #banner .banner-title{
        max-width: 620px;
        font-size: clamp(34px, 8vw, 52px);
    }

    body.locale-en #banner .banner-subtitle{
        max-width: 560px;
        font-size: 17px;
        line-height: 1.55;
    }
}
.main-menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent !important;
    box-shadow: none !important;
}

/* موبايل */
@media (max-width:768px){
    .banner-slide{
        height: 100vh;
        background-position: center;
    }

    .banner-title{
        font-size: 28px;
    }
    .banner-content{
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

}
.btn-sm {
    --btn-pt: 0.85em;
    --btn-pe: 2em;
    --btn-pb: 0.85em;
    --btn-ps: 2em;
}

/* news */

			.news-grid-container {
				display: grid;
				grid-template-columns: 1fr;
				gap: 30px;
				width: 100%;
			}
			
			@media (min-width: 992px) {
				.news-grid-container {
					grid-template-columns: 2fr 1fr; /* 66% / 33% ratio */
					grid-template-rows: 250px 250px; /* Total height 500px + 30px gap */
				}
				
				.news-item-large {
					grid-column: 1;
					grid-row: 1 / 3; /* Spans both rows */
					height: 100%;
				}
				
				.news-item-small-1 {
					grid-column: 2;
					grid-row: 1;
					height: 100%;
				}
				
				.news-item-small-2 {
					grid-column: 2;
					grid-row: 2;
					height: 100%;
				}
			}

			.news-card {
				position: relative;
				border-radius: 4px;
				overflow: hidden;
				box-shadow: 0 10px 30px rgba(0,0,0,0.1);
				transition: transform 0.3s ease, box-shadow 0.3s ease;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				background-color: #f8f9fa;
			}

			.news-card:hover {
				transform: translateY(-5px);
				box-shadow: 0 15px 40px rgba(0,0,0,0.2);
			}

			.news-card img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform 0.5s ease;
				z-index: 1;
			}

			.news-card:hover img {
				transform: scale(1.05);
			}

			.news-overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);
				z-index: 2;
			}

			.news-content {
				position: relative;
				z-index: 3;
				padding: 30px;
				color: white;
			}

			.news-tag {
				display: inline-block;
				background-color: var(--lqd-color-primary); /* Blue-600 */
				color: white;
				padding: 4px 12px;
				border-radius: 4px;
				font-size: 0.85rem;
				font-weight: 600;
				margin-bottom: 15px;
				text-decoration: none;
				transition: background-color 0.3s;
			}

			.news-tag:hover {
				background-color: var(--lqd-color-accent); /* Blue-700 */
				color: white;
			}

			.news-title {
				color: white;
				font-weight: 500;
				margin: 0;
				line-height: 1.4;
				text-decoration: none;
				transition: color 0.3s;
				display: block;
			}

			.news-title:hover {
				color: #93c5fd; /* Blue-300 */
			}

			.news-item-large .news-title {
				font-size: 2rem;
				margin-bottom: 15px;
			}

			.news-item-small-1 .news-title,
			.news-item-small-2 .news-title {
				font-size: 1rem;
			}

			.news-excerpt {
				color: #e2e8f0; /* Gray-200 */
				font-size: 1rem;
				line-height: 1.6;
				margin: 0;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}

			/* RTL Support */
			html[dir="rtl"] .news-grid-container {
				direction: rtl;
			}
			
			@media (max-width: 991px) {
				.news-card {
					height: 300px; /* Fixed height for mobile */
				}
			}

.bg-orange{background-color: var(--lqd-color-primary);}
.text-orange{color:var(--lqd-color-primary)}
.hover\:bg-accent:hover {
    background-color: var(--lqd-color-accent);
}
.btn-md {
    --btn-pt: 1.1em;
    --btn-pe: 2.8em !important;
    --btn-pb: 1.1em;
    --btn-ps: 2.8em !important;
}
.main-menu-overlay .btn-solid:hover {
    border-color: transparent;
    transform: translate3d(0, 0, 0);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
}
.bg-blue-200{background-color: #2d257d;} 
.text-blue-500{color: #2d257d;}
.bg-orange-200{background-color: #f7921e;}
.text-orange-500{color: #f7921e;}
.bg-yellow-200{background-color: #f9c20a;}
.text-yellow-500{color:#f9c20a}
.solutions .lqd-section-scroll-dot {
    justify-content: center;
    align-items: center;
    border-radius: 50em;
    display: none;
}
.bg-white-smoke{background-color: whitesmoke;}
.text-white-smoke{color: whitesmoke;}
.accordion-title-underlined .accordion-expander
 {
    left: 0px;
    right: auto;

}
[data-custom-animations=true]:not(.ca-initvalues-applied) {
    opacity: initial !important;
}
.ld-fh-txt-outline {    -webkit-text-stroke-color: aliceblue !important;}
/* ==========================================
   Mega Menu Custom CSS
   ========================================== */

/* 1. إجبار العنصر الأب (li) على أن يكون static لكي لا يحبس القائمة داخله */
.main-nav > li.lqd-megamenu {
    position: static !important;
}

/* 2. تصميم حاوية الميجا منيو الأساسية وتحديد عرضها بالكامل */
.main-nav > li.lqd-megamenu > .lqd-megamenu-inner {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 1200px !important; /* يمكنك تعديل هذا العرض حسب عرض الحاوية (container) في موقعك */
    margin: 0 auto !important; /* لتوسيط القائمة في الشاشة */
    top: 100%;
    background-color: #ffffff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 16px 16px;
    padding: 30px !important;
    
    /* إعدادات الإخفاء والحركة */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* منع القالب من التلاعب بخصائص العرض */
    display: block !important; 
    pointer-events: none;
    z-index: 999;
}

/* 3. إظهار الميجا منيو عند تمرير الماوس (Hover) */
.main-nav > li.lqd-megamenu:hover > .lqd-megamenu-inner {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

/* 4. تنسيق العناصر الداخلية (الأعمدة) */
.lqd-megamenu-inner .mega-menu-item a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-radius: 8px;
    color: #4a5568;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.lqd-megamenu-inner .mega-menu-item a:hover {
    background-color: #f0fdf4; 
    color: var(--lqd-color-primary);
}

.lqd-megamenu-inner .mega-menu-item a svg {
    opacity: 0;
    transform: translateX(10px); 
    transition: all 0.3s ease;
    color:  var(--lqd-color-primary);
}

.lqd-megamenu-inner .mega-menu-item a:hover svg {
    opacity: 1;
    transform: translateX(0); 
}

.main-nav > li.lqd-megamenu {
    position: static !important;
}

.main-nav > li.lqd-megamenu > .lqd-megamenu-inner {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 1200px !important; 
    margin: 0 auto !important; 
    top: 100%;
    background-color: #ffffff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 16px 16px;
    padding: 30px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    display: block !important; 
    pointer-events: none;
    z-index: 999;
}

.main-nav > li.lqd-megamenu:hover > .lqd-megamenu-inner {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.custom-mega-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px 30px !important;
    width: 100% !important;
    direction: rtl;
    text-align: right;
}

.custom-mega-grid .mega-menu-item {
    width: 100% !important;
    display: block !important;
}

.custom-normal-menu {
    padding: 25px !important; 
    min-width: 260px !important; 
    background-color: white;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
    border-radius: 16px 16px 16px 16px !important;
}

.custom-normal-menu .mega-menu-item {
    margin-bottom: 15px !important; 
    list-style: none !important;
    width: 100% !important;
    display: block !important;
}

.custom-normal-menu .mega-menu-item:last-child {
    margin-bottom: 0 !important; 
}

.custom-mega-grid .mega-menu-item a,
.custom-normal-menu .mega-menu-item a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 3px 15px !important; 
    border-radius: 8px;
    background-color: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #4a5568; 
    min-height: 32px !important; 
}

.custom-mega-grid .mega-menu-item a:hover,
.custom-normal-menu .mega-menu-item a:hover {
    background-color: rgba(247, 147, 32, 0.08) !important; 
}

.custom-mega-grid .mega-menu-item a:hover span,
.custom-normal-menu .mega-menu-item a:hover span {
    color: var(--lqd-color-primary) !important; 
}

.custom-mega-grid .mega-menu-item a i,
.custom-normal-menu .mega-menu-item a i {
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s ease;
    color: var(--lqd-color-primary) !important;
}

.custom-mega-grid .mega-menu-item a:hover i,
.custom-normal-menu .mega-menu-item a:hover i {
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 1024px) {
    .custom-mega-grid {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}
@media (max-width: 768px) {
    .custom-mega-grid {
        grid-template-columns: 1fr !important; 
    }
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children {
    --bg-position: none;
 
}

.main-nav > li {
    padding-bottom: 20px !important; 
    margin-bottom: -20px !important;
}

.lqd-megamenu-inner,
.custom-normal-menu {
    margin-top: 0 !important; 
}

.lqd-megamenu-inner::before,
.custom-normal-menu::before {
    content: "";
    position: absolute;
    top: -20px; 
    left: 0;
    width: 100%;
    height: 25px;
    background-color: transparent; 
    z-index: 10;
}
.t-75{top:75px !important;}
    .cac-about-page{
      --about-blue: var(--lqd-color-blue-600, #26286d);
      --about-gold: var(--lqd-color-primary, #da9e27);
      --about-light: var(--lqd-color-slate-100, #f0f6fc);
      --about-muted: var(--lqd-color-slate-500, #50596c);
      color: var(--lqd-body-text-color, #26286d);
      overflow: hidden;
    }
.section-kicker{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--about-gold);
      font-weight: 700;
      margin-bottom: 10px;
    }
.section-kicker:before{
      content: "";
      width: 34px;
      height: 2px;
      background: currentColor;
      border-radius: 10px;
    }

.cac-about-page,
.cac-cards-page {
  --about-blue: var(--cac-navy);
  --about-gold: var(--cac-gold);
  --about-muted: var(--cac-muted);
  --cards-blue: var(--cac-navy);
  --cards-gold: var(--cac-gold);
  --cards-muted: var(--cac-muted);
  --app-blue: var(--cac-navy);
  --app-gold: var(--cac-gold);
  --app-muted: var(--cac-muted);
  color: var(--lqd-body-text-color, var(--cac-navy));
  overflow: hidden;
}

/* Shared headings */
.cac-about-page .section-kicker,
.cac-cards-page .section-kicker,
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--cac-gold);
  font-weight: 800;
  margin-bottom: 10px;
}

.cac-about-page .section-kicker::before,
.cac-cards-page .section-kicker::before,
.section-kicker::before {
  content: "";
  width: 34px;
  height: 2px;
  background: currentColor;
  border-radius: 10px;
}

.cac-about-page .about-title,
.cac-cards-page .cards-title,
.app-title {
  color: var(--cac-navy);
  font-size: clamp(28px, 4vw, 56px);
  font-weight: 900;
  line-height: 1.18;
  margin-bottom: 16px;
}

.cac-about-page .about-text,
.cac-cards-page .cards-text,
.app-text {
  color: var(--cac-muted);
  font-size: 17px;
  line-height: 2;
  font-weight: 500;
}

/* Shared hero style */
.cac-hero,
.cac-cards-hero {
  min-height: 620px;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: var(--cac-navy-dark);
  position: relative;
}

.cac-hero::before,
.cac-cards-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .11;
  background-image:
    linear-gradient(45deg, transparent 48%, rgba(255,255,255,.35) 49%, transparent 50%),
    linear-gradient(-45deg, transparent 48%, rgba(255,255,255,.20) 49%, transparent 50%);
  background-size: 78px 78px;
}

.cac-hero .container,
.cac-cards-hero .container {
  position: relative;
  z-index: 1;
}

.cac-hero h1,
.cac-cards-hero h1 {
  color: #fff;
  font-size: clamp(46px, 6vw, 86px);
  font-weight: 900;
  line-height: 1.08;
  margin-bottom: 22px;
}

.cac-hero .lead,
.cac-cards-hero .lead {
  max-width: 650px;
  color: rgba(255,255,255,.88);
  font-size: 22px;
  line-height: 2;
  margin-bottom: 30px;
}

/* About page */
.cac-story-card,
.cac-vm-card,
.cac-value-card,
.card-product,
.app-experience-card {
  height: 100%;
  background: #fff;
  border: 1px solid var(--cac-border);
  box-shadow: var(--cac-shadow);
  position: relative;
  overflow: hidden;
  transition: .3s ease;
}

.cac-story-card:hover,
.cac-value-card:hover,
.card-product:hover,
.app-experience-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--cac-shadow-hover);
}

.cac-story-card {
  border-radius: 28px;
  padding: 34px 28px;
}

.cac-story-year {
  color: var(--cac-gold);
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 16px;
}

.cac-story-icon,
.cac-value-icon,
.app-service-icon {
  width: 66px;
  height: 66px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(218,158,39,.12);
  color: var(--cac-gold);
  font-size: 30px;
  margin-bottom: 18px;
}

.cac-story-card h3,
.cac-value-card h3 {
  color: var(--cac-navy);
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 12px;
}

.cac-story-card p,
.cac-value-card p {
  color: var(--cac-muted);
  line-height: 1.9;
  margin-bottom: 0;
  font-weight: 500;
}

.cac-vm-card {
  padding: 42px 38px;
  border-radius: 30px;
}

.cac-vm-card.is-primary {
  background: linear-gradient(135deg, var(--cac-navy), var(--cac-navy-dark));
  color: #fff;
}

.cac-vm-card::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  left: -70px;
  top: -70px;
  background: rgba(218,158,39,.13);
}

.cac-vm-card h3,
.cac-vm-card p {
  position: relative;
  color: inherit;
}

.cac-vm-card h3 {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 14px;
}

.cac-vm-card p {
  opacity: .88;
  line-height: 2;
  font-size: 18px;
  margin-bottom: 0;
}

.cac-values-section {
  background: #fff;
}

.cac-value-card {
  border-radius: 24px;
  padding: 30px 22px;
  text-align: center;
  box-shadow: 0 18px 45px rgba(38,40,109,.07);
}

.cac-value-card:hover {
  background: var(--cac-navy);
}

.cac-value-card:hover h3,
.cac-value-card:hover p {
  color: #fff;
}

.cac-value-card:hover .cac-value-icon {
  background: rgba(255,255,255,.12);
  color: var(--cac-gold);
}

.cac-about-cta,
.cards-cta {
  border-radius: 34px;
  padding: clamp(32px, 5vw, 60px);
  background:
    radial-gradient(circle at 12% 15%, rgba(218,158,39,.20), transparent 28%),
    linear-gradient(135deg, var(--cac-navy-dark), var(--cac-navy));
  color: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 24px 70px rgba(19,24,62,.25);
}

.cac-about-cta h2,
.cards-cta h2 {
  color: #fff;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 800;
  margin-bottom: 16px;
}

.cac-about-cta p,
.cac-about-cta .rich-text-content,
.cards-cta p,
.cards-cta .rich-text-content {
  color: rgba(255,255,255,.86);
  font-size: 18px;
  line-height: 2;
  margin-bottom: 28px;
  max-width: 850px;
}

/* Cards and solutions pages */
.cards-benefits-box {
  background: #fff;
  border-radius: 28px;
  padding: 26px 20px;
  box-shadow: var(--cac-shadow);
  margin-top: -58px;
  position: relative;
  z-index: 5;
}

.benefit-mini {
  height: 100%;
  text-align: center;
  padding: 18px 16px;
  border-left: 1px solid rgba(38,40,109,.12);
}

.benefit-mini.no-border {
  border-left: 0;
}

.benefit-mini i,
.benefit-mini img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 12px;
}

.benefit-mini i {
  background: rgba(218,158,39,.12);
  color: var(--cac-gold);
  font-size: 26px;
}

.benefit-mini img {
  object-fit: contain;
}

.benefit-mini h3 {
  color: var(--cac-navy);
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 6px;
}

.benefit-mini p,
.benefit-mini .rich-text-content {
  color: var(--cac-muted);
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.card-product {
  border-radius: 28px;
  padding: 30px;
}

.card-product .tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(218,158,39,.12);
  color: var(--cac-gold);
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 16px;
}

.mini-card-art {
  height: 150px;
  border-radius: 22px;
  padding: 18px;
  color: #fff;
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
}

.mini-card-art::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,.18), transparent 45%);
}

.mini-card-art strong,
.mini-card-art span,
.mini-card-art small {
  position: relative;
}

.mini-card-art strong {
  display: block;
  font-size: 15px;
  margin-bottom: 40px;
}

.mini-card-art span {
  direction: ltr;
  display: block;
  text-align: left;
  letter-spacing: 2px;
  font-size: 17px;
}

.mini-card-art small {
  position: absolute;
  left: 18px;
  bottom: 16px;
  color: inherit;
  opacity: .9;
  font-size: 12px;
  font-weight: 800;
}

.mini-world { background: linear-gradient(135deg, #05070b, #33343a); }
.mini-platinum { background: linear-gradient(135deg, #e6e8ef, #9ca3b3); color: #17204a; }
.mini-gold { background: linear-gradient(135deg, #b87912, #e4b642); }
.mini-business { background: linear-gradient(135deg, #061941, #27388d); }
.mini-classic { background: linear-gradient(135deg, #072055, var(--cac-navy)); }
.mini-prepaid { background: linear-gradient(135deg, #233D62, #00937E); }

.card-product h3 {
  color: var(--cac-navy);
  font-size: 23px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 10px;
}

.card-product .headline {
  color: var(--cac-gold);
  font-weight: 800;
  margin-bottom: 14px;
}

.card-product p,
.card-product .rich-text-content {
  color: var(--cac-muted);
  line-height: 1.9;
  margin-bottom: 18px;
  font-weight: 500;
}

.feature-list {
  padding: 0;
  margin: 0 0 24px;
  list-style: none;
}

.feature-list li {
  position: relative;
  padding-right: 26px;
  color: var(--cac-navy);
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.75;
}

.feature-list li::before {
  content: "\e80e";
  font-family: "lqd-essentials";
  position: absolute;
  right: 0;
  top: 2px;
  color: var(--cac-gold);
  font-size: 14px;
}

.card-product .btn {
  width: 100%;
  justify-content: center;
}

.cac-cards-page .btn-outline {
  border: 1px solid rgba(38,40,109,.30);
  color: var(--cac-navy);
  background: transparent;
  border-radius: 14px;
  font-weight: 900;
  padding: 14px 28px;
}

.cac-cards-page .btn-outline:hover {
  background: var(--cac-navy);
  color: #fff;
  border-color: var(--cac-navy);
}

.cards-filter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}

.cards-filter a {
  display: inline-flex;
  align-items: center;
  padding: 11px 20px;
  border-radius: 999px;
  background: #fff;
  color: var(--cac-navy);
  font-weight: 800;
  box-shadow: 0 10px 30px rgba(38,40,109,.08);
  border: 1px solid rgba(38,40,109,.08);
}

.cards-filter a.is-active,
.cards-filter a:hover {
  background: var(--cac-navy);
  color: #fff;
}

/* App/service experience block used in solutions.blade.php */
.app-experience-card {
  border-radius: 28px;
  padding: 30px;
  min-height: 280px;
}

.app-experience-card.large {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: center;
}

.app-experience-card.dark {
  background: linear-gradient(135deg, var(--cac-navy-dark), var(--cac-navy));
  color: #fff;
}

.app-experience-card.dark h3,
.app-experience-card.dark p,
.app-experience-card.dark .feature-list li {
  color: #fff;
}

.app-experience-card.outline {
  border: 2px solid rgba(218,158,39,.35);
}

.app-experience-card h3 {
  color: var(--cac-navy);
  font-size: 24px;
  line-height: 1.45;
  font-weight: 900;
  margin-bottom: 12px;
}

.app-experience-card p {
  color: var(--cac-muted);
  line-height: 1.9;
  font-weight: 500;
}

.experience-image-card {
  min-height: 360px;
  border-radius: 34px;
  background: linear-gradient(180deg, #fff, #eef3f9);
  padding: 25px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.experience-image-card img {
  max-width: 100%;
  max-height: 360px;
  object-fit: contain;
  display: block;
}

/* Header menu additions */
.custom-mega-grid > li {
  list-style: none;
}

.cac-mobile-level-2-link {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.cac-mobile-level-3-link {
  font-size: 14px !important;
  font-weight: 400 !important;
  opacity: .85;
  padding-right: 25px !important;
}

/* Responsive */
@media (max-width: 991px) {
  .cac-hero,
  .cac-cards-hero {
    min-height: auto;
    padding: 80px 0;
  }

  .benefit-mini {
    border-left: 0;
    border-bottom: 1px solid rgba(38,40,109,.10);
  }
}

@media (max-width: 767px) {
  .cac-hero,
  .cac-cards-hero {
    padding: 60px 0;
  }

  .cac-hero .lead,
  .cac-cards-hero .lead {
    font-size: 18px;
  }

  .cac-story-card,
  .cac-vm-card,
  .cac-value-card,
  .card-product,
  .app-experience-card {
    padding: 26px 20px;
  }

  .cards-benefits-box {
    margin-top: 0;
  }

  .app-experience-card.large {
    grid-template-columns: 1fr;
  }

  .experience-image-card {
    min-height: 300px;
  }
}
.text-blue{color:#233D62;}
.cac-sustain-page,
.cac-about-page{
  --sus-blue: var(--lqd-color-blue-600, #26286d);
  --sus-dark:#13183e;
  --sus-gold:var(--lqd-color-primary,#da9e27);
  --sus-light:#f5f7fb;
  --sus-muted:#50596c;
  overflow:hidden;
}

/* ================= HERO ================= */

.sus-hero{
  min-height:720px;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
}

.sus-hero-bg{
  position:absolute;
  inset:0;
  z-index:1;
}

.sus-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sus-hero-overlay{
  position:absolute;
  inset:0;
  background:
  linear-gradient(
    90deg,
    rgba(19,24,62,.95) 0%,
    rgba(38,40,109,.82) 45%,
    rgba(38,40,109,.30) 100%
  );
  z-index:2;
}

.sus-hero-pattern{
  position:absolute;
  inset:0;
  z-index:3;
  opacity:.08;
  background-image:
  linear-gradient(45deg, transparent 48%, rgba(255,255,255,.35) 49%, transparent 50%),
  linear-gradient(-45deg, transparent 48%, rgba(255,255,255,.18) 49%, transparent 50%);
  background-size:70px 70px;
}

.sus-hero .container{
  position:relative;
  z-index:5;
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--sus-gold);
  font-weight:800;
  margin-bottom:14px;
}

.section-kicker:before{
  content:"";
  width:34px;
  height:2px;
  background:currentColor;
  border-radius:10px;
}

.sus-hero h1{
  color:#fff;
  font-size:clamp(44px,6vw,60px);
  font-weight:900;
  line-height:1.08;
  margin-bottom:24px;
}

.sus-hero .lead{
  color:rgba(255,255,255,.88);
  font-size:22px;
  line-height:2;
  max-width:720px;
  font-weight:500;
}

.sus-hero-actions{
  margin-top:35px;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.sus-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  border-radius:16px;
  padding:15px 28px;
  font-weight:800;
  transition:.3s ease;
}

.sus-btn.primary{
  background:var(--sus-gold);
  color:#13183e;
}

.sus-btn.primary:hover{
  background:#fff;
}

.sus-btn.outline{
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  backdrop-filter:blur(10px);
}

.sus-btn.outline:hover{
  background:#fff;
  color:#13183e;
}

/* ================= FEATURES ================= */

.sus-pill-box{
  margin-top:-65px;
  position:relative;
  z-index:10;
  background:#fff;
  border-radius:34px;
  padding:30px 20px;
  box-shadow:-5px 18px 60px rgba(210,210,234,.40);
}

.sus-mini-feature{
  text-align:center;
  padding:20px;
  border-left:1px solid rgba(38,40,109,.10);
  height:100%;
}

.sus-mini-feature.no-border{
  border-left:0;
}

.sus-mini-feature i,
.sus-icon{
  width:70px;
  height:70px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(218,158,39,.12);
  color:var(--sus-gold);
  font-size:32px;
  margin-bottom:18px;
}

.sus-mini-feature h3{
  color:var(--sus-blue);
  font-size:20px;
  font-weight:900;
  margin-bottom:8px;
}

.sus-mini-feature p{
  color:var(--sus-muted);
  line-height:1.9;
  margin:0;
}

/* ================= TITLES ================= */

.sus-title{
  color:var(--sus-blue);
  font-size:clamp(30px,4vw,50px);
  font-weight:900;
  line-height:1.18;
  margin-bottom:18px;
}

.sus-text{
  color:var(--sus-muted);
  font-size:18px;
  line-height:2;
}

/* ================= CARDS ================= */

.pillar-card,
.finance-card,
.target-card,
.faq-card,
.gallery-card,
.stat-card{
  background:#fff;
  border-radius:28px;
  padding:32px 28px;
  height:100%;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(38,40,109,.08);
  box-shadow:-5px 18px 60px rgba(210,210,234,.40);
  transition:.35s ease;
}

.pillar-card:hover,
.finance-card:hover,
.target-card:hover,
.faq-card:hover,
.gallery-card:hover,
.stat-card:hover{
  transform:translateY(-8px);
}

.pillar-card:before,
.finance-card:before{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  border-radius:50%;
  left:-80px;
  top:-80px;
  background:rgba(218,158,39,.10);
}

.pillar-card h3,
.finance-card h3,
.target-card h3,
.faq-card h3,
.gallery-card h3{
  color:var(--sus-blue);
  font-size:24px;
  line-height:1.4;
  font-weight:900;
  margin-bottom:12px;
  position:relative;
  z-index:2;
}

.pillar-card p,
.pillar-card .rich-text-content,
.finance-card p,
.finance-card .rich-text-content,
.target-card p,
.target-card .rich-text-content,
.faq-card p,
.faq-card .rich-text-content,
.gallery-card p,
.gallery-card .rich-text-content{
  color:var(--sus-muted);
  line-height:2;
  margin:0;
  position:relative;
  z-index:2;
}

.finance-card.dark{
  background:linear-gradient(135deg,#13183e,var(--sus-blue, #26286d));
  border-color:rgba(255,255,255,.12);
  box-shadow:-5px 18px 60px rgba(19,24,62,.25);
}

.finance-card.dark h3,
.finance-card.dark p,
.finance-card.dark .rich-text-content,
.finance-card.dark .rich-text-content *{
  color:#fff;
}

.initiative-tag{
  display:inline-flex;
  padding:7px 15px;
  border-radius:999px;
  background:rgba(218,158,39,.12);
  color:var(--sus-gold);
  font-weight:800;
  margin-bottom:16px;
}

/* ================= SHOWCASE ================= */

.finance-showcase,
.cta-sustain{
  border-radius:36px;
  padding:clamp(32px,5vw,60px);
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
  radial-gradient(circle at 15% 18%, rgba(218,158,39,.20), transparent 28%),
  linear-gradient(135deg,#13183e,var(--sus-blue));
}

.finance-showcase h2,
.cta-sustain h2{
  color:#fff;
  font-size:clamp(30px,4vw,50px);
  font-weight:900;
  margin-bottom:16px;
}

.finance-showcase p,
.finance-showcase .rich-text-content,
.cta-sustain p,
.cta-sustain .rich-text-content{
  color:rgba(255,255,255,.86);
  line-height:2;
  font-size:18px;
}

.finance-showcase.clean{
    background:#fff;
    border-radius:36px;
    padding:clamp(32px,5vw,60px);
}

.finance-showcase.clean h2{
    color:var(--sus-blue);
}

.finance-showcase.clean p,
.finance-showcase.clean .rich-text-content{
    color:var(--sus-muted);
}

.finance-showcase.bordered{
    background:#fff;
    border-radius:36px;
    padding:clamp(32px,5vw,60px);
    border:1px solid rgba(38,40,109,.08);
    box-shadow:-5px 18px 60px rgba(210,210,234,.25);
}

.finance-showcase.bordered h2{
    color:var(--sus-blue);
}

.finance-showcase.bordered p,
.finance-showcase.bordered .rich-text-content{
    color:var(--sus-muted);
}

.finance-showcase.dark{
    background:
    radial-gradient(circle at 15% 18%, rgba(218,158,39,.20), transparent 28%),
    linear-gradient(135deg,#13183e,var(--sus-blue));
}

.finance-showcase.dark h2,
.finance-showcase.dark p,
.finance-showcase.dark .rich-text-content{
    color:#fff;
}

/* ================= TARGET ================= */

.target-card{
  text-align:center;
  background:linear-gradient(180deg,#fff,#f7f9fd);
}

/* ================= GALLERY ================= */

.gallery-card img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:20px;
  margin-bottom:18px;
}

/* ================= STATS ================= */

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

.stat-card h3{
  color:var(--sus-blue);
  font-size:46px;
  font-weight:900;
  margin-bottom:10px;
}

.stat-card p{
  color:var(--sus-muted);
  font-weight:700;
}

/* ================= CTA ================= */

.cta-sustain .btn{
  margin-top:20px;
}

/* ================= MOBILE ================= */

@media(max-width:991px){

  .sus-hero{
    min-height:auto;
    padding:120px 0 90px;
  }

  .sus-pill-box{
    margin-top:-35px;
  }

  .sus-mini-feature{
    border-left:0;
    border-bottom:1px solid rgba(38,40,109,.08);
  }
}

@media(max-width:767px){

  .sus-hero{
    padding:100px 0 80px;
  }

  .sus-hero h1{
    font-size:44px;
  }

  .sus-hero .lead{
    font-size:18px;
  }

  .sus-pill-box{
    margin-top:0;
  }

  .pillar-card,
  .finance-card,
  .target-card,
  .faq-card,
  .gallery-card,
  .stat-card{
    padding:24px 20px;
  }
}
.product-style-card {
    position: relative;
    height: 520px;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(135deg, #eef4ff, #dfe7fb);
    box-shadow: -5px 18px 60px rgba(210,210,234,.35);
}

/* حذف الجزء العلوي */
.product-card-text {
    display: none;
}

/* تكبير الصورة بالكامل */
.product-card-image {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.product-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* حذف الخط الأزرق */
.product-style-card:before {
    display: none;
}

/* الكرت السفلي */
.product-card-floating {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 5;
    min-height: 92px;
    background: #fff;
    border-radius: 18px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0 18px 45px rgba(38,40,109,.12);
}

.product-card-arrow {
    color: var(--sus-blue);
    font-size: 28px;
    opacity: .75;
}

.product-card-info {
    flex: 1;
    text-align: center;
}

.product-card-info h4 {
    color: var(--sus-blue);
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 4px;
}

.product-card-info span {
    color: var(--sus-muted);
    font-size: 14px;
}

.product-card-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--lqd-color-primary, #da9e27);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 26px;
}
.footer-social{
    gap:25px;
}

.footer-social a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    transition:.35s;
    color:#fff;
}

.footer-social a svg{
    width:18px;
    height:18px;
    fill:currentColor;
}

.footer-social a:hover{
    transform:translateY(-6px);
    background:var(--lqd-color-primary);
}

.footer-contact-box{
    background:#fff;
    padding:40px;
    border-radius:30px;
    margin-top:40px;
}

.contact-item{
    text-align:center;
    border-left:1px solid rgba(0,0,0,.08);
}

.contact-item:last-child{
    border:none;
}

.contact-item span{
    display:block;
    font-size:15px;
    margin-bottom:10px;
    color:#737791;
}

.contact-item a{
    display:inline-block;
    text-decoration:none;
}

.contact-item strong{
    font-size:21px;
    font-weight:800;
    color:#08164d;
    word-break:break-word;
    transition:color .2s ease;
}

.contact-item a:hover strong{
    color:var(--lqd-color-primary);
}

.related-services-section{
    background:#fff;
}

.related-service-card{
    display:flex;
    align-items:center;
    gap:18px;
    min-height:138px;
    padding:22px;
    border:1px solid rgba(8,22,77,.1);
    border-radius:12px;
    background:#fff;
    box-shadow:0 18px 42px rgba(8,22,77,.06);
    color:#08164d;
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.related-service-card:hover{
    transform:translateY(-4px);
    border-color:rgba(231,102,81,.34);
    box-shadow:0 22px 52px rgba(8,22,77,.11);
    color:#08164d;
}

.related-service-card__icon{
    flex:0 0 58px;
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#f7f9fc;
}

.related-service-card__icon img{
    width:38px;
    height:38px;
    object-fit:contain;
}

.related-service-card__body{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
    flex:1;
}

.related-service-card__body strong{
    font-size:19px;
    line-height:1.35;
    color:#08164d;
}

.related-service-card__body small{
    font-size:14px;
    line-height:1.55;
    color:#65708a;
}

.related-service-card__arrow{
    flex:0 0 auto;
    color:var(--lqd-color-primary);
    font-size:24px;
    line-height:1;
}

@media (max-width: 767px){
    .related-service-card{
        min-height:auto;
        padding:18px;
    }
}

.footer-link-item{
    margin-bottom:15px;
}

.footer-inline-link{
    position:relative;
    padding:0 18px;
    color:#c7cce2;
    transition:.3s;
}

.footer-inline-link:hover{
    color:#fff;
}

.footer-inline-link:after{
    content:"";
    position:absolute;
    left:-2px;
    top:50%;
    width:1px;
    height:18px;
    background:rgba(255,255,255,.2);
    transform:translateY(-50%);
}

.footer-link-item:last-child .footer-inline-link:after{
    display:none;
}

.footer-copy,
.footer-powered{
    color:#9ca7cf;
    font-size:14px;
}

.footer-powered a{
    color:#fff;
    font-weight:700;
    transition:.3s;
}

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

body.locale-en #site-footer .footer-social-wrap{
    display:flex;
    justify-content:flex-end;
    text-align:right !important;
}

body.locale-en #site-footer .footer-social{
    justify-content:flex-end;
}

body.locale-en #site-footer .contact-item{
    border-left:1px solid rgba(0,0,0,.08);
    border-right:0;
}

body.locale-en #site-footer .contact-item:first-child{
    border-left:0;
}

body.locale-en #site-footer .contact-item:last-child{
    border-left:1px solid rgba(0,0,0,.08);
}

body.locale-en #site-footer .footer-inline-link:after{
    left:auto;
    right:-2px;
}

body.locale-en #site-footer .footer-link-item:first-child .footer-inline-link{
    padding-left:0;
}

body.locale-en #site-footer .footer-link-item:last-child .footer-inline-link:after{
    display:none;
}

body.locale-en #site-footer .footer-powered{
    display:block;
    text-align:right;
}

body.locale-en #site-footer .footer-copy{
    display:block;
    text-align:left;
}

body.locale-en .cards-benefits-box .benefit-mini{
    border-left:1px solid rgba(38,40,109,.12);
    border-right:0;
}

body.locale-en .cards-benefits-box .benefit-mini.no-border{
    border-left:1px solid rgba(38,40,109,.12);
}

body.locale-en .cards-benefits-box .row > .col:first-child .benefit-mini{
    border-left:0;
}

body.locale-en .sus-pill-box .sus-mini-feature{
    border-left:1px solid rgba(38,40,109,.10);
    border-right:0;
}

body.locale-en .sus-pill-box .sus-mini-feature.no-border{
    border-left:1px solid rgba(38,40,109,.10);
}

body.locale-en .sus-pill-box .row > .col:first-child .sus-mini-feature{
    border-left:0;
}

@media(max-width:767px){
    .contact-item{
        border:none;
        margin-bottom:25px;
    }

    .footer-contact-box{
        padding:25px;
    }

    .footer-powered{
        margin-top:15px;
        display:block;
    }
}

@media(max-width:991px){
    body.locale-en #site-footer .contact-item,
    body.locale-en #site-footer .contact-item:last-child{
        border-left:0;
    }

    body.locale-en .cards-benefits-box .benefit-mini,
    body.locale-en .cards-benefits-box .benefit-mini.no-border,
    body.locale-en .sus-pill-box .sus-mini-feature,
    body.locale-en .sus-pill-box .sus-mini-feature.no-border{
        border-left:0;
        border-bottom:1px solid rgba(38,40,109,.08);
    }
}

@media(min-width:992px) and (max-width:1199px){
    body.locale-en .cards-benefits-box .row > .col:nth-child(odd) .benefit-mini,
    body.locale-en .sus-pill-box .row > .col:nth-child(odd) .sus-mini-feature{
        border-left:0;
    }

    body.locale-en .cards-benefits-box .row > .col:nth-child(even) .benefit-mini{
        border-left:1px solid rgba(38,40,109,.12);
    }

    body.locale-en .sus-pill-box .row > .col:nth-child(even) .sus-mini-feature{
        border-left:1px solid rgba(38,40,109,.10);
    }
}

@media(max-width:767px){
    body.locale-en #site-footer .footer-social-wrap,
    body.locale-en #site-footer .footer-social{
        justify-content:center;
        text-align:center !important;
    }

    body.locale-en #site-footer .contact-item,
    body.locale-en #site-footer .contact-item:last-child{
        border-left:0;
    }

    body.locale-en #site-footer .footer-powered,
    body.locale-en #site-footer .footer-copy{
        text-align:center;
    }
}

.cac-page-up{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    width:46px;
    height:46px;
    border:0;
    border-radius:50%;
    background:#08164d;
    color:#fff;
    font-size:24px;
    font-weight:700;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    box-shadow:0 12px 28px rgba(8,22,77,.25);
    transition:opacity .25s ease, visibility .25s ease, transform .25s ease, background .25s ease;
}

.cac-page-up:hover,
.cac-page-up:focus{
    background:var(--lqd-color-primary, #1c7ed6);
    color:#fff;
    outline:none;
}

.cac-page-up.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

[dir="rtl"] .cac-page-up{
    right:auto;
    left:24px;
}

@media(max-width:767px){
    .cac-page-up{
        right:16px;
        bottom:16px;
        width:42px;
        height:42px;
        font-size:22px;
    }

    [dir="rtl"] .cac-page-up{
        right:auto;
        left:16px;
    }
}

.branches-page{
    background:#f5f7fb;
    color:#101828;
}

.branches-hero{
    padding:150px 0 45px;
    background:linear-gradient(135deg,#07154c 0%,#0a4b8f 58%,#f28c18 140%);
    color:#fff;
}

.branches-hero__inner{
    max-width:720px;
}

.branches-eyebrow{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    margin-bottom:16px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    color:#dfeafe;
    font-size:13px;
    font-weight:700;
}

.branches-hero h1{
    margin:0 0 14px;
    color:#fff;
    font-size:clamp(34px,5vw,53px);
    line-height:1.08;
    letter-spacing:0;
}

.branches-hero p{
    margin:0;
    max-width:650px;
    color:rgba(255,255,255,.84);
    font-size:18px;
    line-height:1.8;
}

.branches-finder-section{
    padding:30px 0 70px;
}

.branch-finder-shell{
    display:flex;
    flex-direction:column;
    height:620px;
    max-height:calc(100vh - 130px);
    min-height:500px;
    border:1px solid #e3e8f2;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 24px 70px rgba(16,24,40,.10);
}

.branch-finder-toolbar{
    display:grid;
    grid-template-columns:minmax(240px,1.15fr) minmax(420px,1.45fr) minmax(250px,.9fr);
    gap:14px;
    align-items:end;
    padding:16px;
    border-bottom:1px solid #e3e8f2;
    background:#fff;
}

.branch-finder-body{
    display:grid;
    grid-template-columns:minmax(300px,380px) minmax(0,1fr);
    flex:1;
    min-height:0;
}

.branch-finder-panel{
    display:flex;
    flex-direction:column;
    min-height:0;
    height:100%;
    border-inline-end:1px solid #e3e8f2;
    background:#fff;
    overflow:hidden;
}

.branch-search-row{
    padding:0;
    border-bottom:0;
}

.branch-search{
    position:relative;
    display:flex;
    align-items:center;
    min-height:48px;
    border:1px solid #d7dfec;
    border-radius:8px;
    background:#fff;
}

.branch-search:focus-within{
    border-color:#0a4b8f;
    box-shadow:0 0 0 4px rgba(10,75,143,.12);
}

.branch-search input{
    width:100%;
    height:48px;
    border:0;
    background:transparent;
    padding:0 48px 0 16px;
    color:#101828;
    font-size:14px;
    outline:0;
}

[dir="ltr"] .branch-search input{
    padding:0 16px 0 48px;
}

.branch-search__icon{
    position:absolute;
    inset-inline-start:16px;
    display:flex;
    width:20px;
    height:20px;
    color:#667085;
}

[dir="rtl"] .branch-search__icon{
    inset-inline-start:auto;
    inset-inline-end:16px;
}

.branch-search__icon svg,
.branch-location-btn svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.branch-filter-grid{
    display:grid;
    grid-template-columns:minmax(393px,1fr) minmax(204px,.72fr);
    gap:12px;
    align-items:end;
    padding:0;
    border-bottom:0;
}

.branch-filter-group{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    padding:4px;
    margin-bottom:0;
    border-radius:8px;
    background:#eef3f9;
}

.branch-filter-btn{
    min-height:40px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#475467;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}

.branch-filter-btn.is-active{
    background:#fff;
    color:#0a4b8f;
    box-shadow:0 5px 16px rgba(16,24,40,.08);
}

.branch-select-label{
    display:grid;
    gap:8px;
    color:#344054;
    font-size:13px;
    font-weight:800;
}

.branch-select-label select{
    width:100%;
    min-height:46px;
    border:1px solid #d7dfec;
    border-radius:8px;
    padding:0 14px;
    background:#fff;
    color:#101828;
    font-size:14px;
    outline:0;
}

.branch-panel-actions{
    display:flex;
    gap:10px;
    padding:0;
    border-bottom:0;
}

.branch-location-btn,
.branch-reset-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border-radius:8px;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}

.branch-location-btn:disabled{
    cursor:wait;
    opacity:.78;
}

.branch-location-btn{
    flex:1;
    gap:8px;
    border:1px solid #0a4b8f;
    background:#0a4b8f;
    color:#fff;
}

.branch-location-btn span{
    width:18px;
    height:18px;
}

.branch-reset-btn{
    min-width:92px;
    border:1px solid #d7dfec;
    background:#fff;
    color:#344054;
}

.branch-results-meta{
    display:flex;
    align-items:baseline;
    gap:6px;
    padding:14px 18px 8px;
    color:#667085;
    font-size:13px;
}

.branch-results-meta strong{
    color:#0a4b8f;
    font-size:22px;
}

.branch-results-list{
    flex:1;
    overflow:auto;
    min-height:0;
    padding:10px 18px 18px;
    scrollbar-width:thin;
    scrollbar-color:#a7b4c7 #eef2f7;
}

.branch-results-list::-webkit-scrollbar{
    width:8px;
}

.branch-results-list::-webkit-scrollbar-track{
    background:#eef2f7;
}

.branch-results-list::-webkit-scrollbar-thumb{
    border-radius:8px;
    background:#a7b4c7;
}

.branch-card{
    display:block;
    margin-bottom:12px;
    padding:16px;
    border:1px solid #e4e9f2;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.branch-card:hover,
.branch-card:focus{
    border-color:#0a4b8f;
    box-shadow:0 12px 28px rgba(10,75,143,.12);
    transform:translateY(-1px);
    outline:0;
}

.branch-card__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.branch-type,
.branch-distance{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 9px;
    border-radius:6px;
    font-size:12px;
    font-weight:800;
}

.branch-type--branch{
    background:#e8f1fb;
    color:#0a4b8f;
}

.branch-type--atm{
    background:#fff3e3;
    color:#b85f00;
}

.branch-type--cac_fast{
    background:#e7f8ef;
    color:#027a48;
}

.branch-type--cac_transfer{
    background:#f6eafd;
    color:#6b1f80;
}

.branch-distance{
    background:#f2f4f7;
    color:#475467;
}

.branch-card h2{
    margin:0 0 8px;
    color:#101828;
    font-size:18px;
    line-height:1.35;
    letter-spacing:0;
}

.branch-card__address{
    margin:0 0 12px;
    color:#475467;
    font-size:14px;
    line-height:1.7;
}

.branch-card__meta{
    display:grid;
    gap:8px;
    margin:0 0 12px;
}

.branch-card__meta div{
    display:grid;
    gap:3px;
}

.branch-card__meta dt{
    color:#667085;
    font-size:12px;
    font-weight:800;
}

.branch-card__meta dd{
    margin:0;
    color:#1d2939;
    font-size:13px;
}

.branch-card__meta a{
    color:#0a4b8f;
}

.branch-card__services{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:14px;
}

.branch-card__services span{
    display:inline-flex;
    padding:4px 8px;
    border-radius:6px;
    background:#f8fafc;
    color:#475467;
    font-size:12px;
    font-weight:700;
}

.branch-card__actions{
    display:flex;
}

.branch-card__actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border-radius:8px;
    background:#07154c;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.branch-map-wrap{
    position:relative;
    min-height:0;
    height:100%;
    background:#d8e0ea;
}

.branch-map{
    width:100%;
    height:100%;
    min-height:100%;
}

.branches-map-empty{
    position:absolute;
    inset:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:28px;
    border:1px dashed #98a2b3;
    border-radius:8px;
    background:rgba(255,255,255,.94);
    color:#475467;
    text-align:center;
}

.branch-map-legend{
    position:absolute;
    top:16px;
    inset-inline-start:16px;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:8px;
    border:1px solid #e3e8f2;
    border-radius:8px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 24px rgba(16,24,40,.12);
}

.branch-map-legend span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    padding:0 8px;
    color:#344054;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.branch-map-legend__pin{
    position:relative;
    display:inline-flex;
    width:14px;
    height:14px;
    border:2px solid #fff;
    border-radius:50% 50% 50% 0;
    box-shadow:0 0 0 1px rgba(16,24,40,.14);
    transform:rotate(-45deg);
}

.branch-map-legend__pin::after{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:50%;
    background:#fff;
}

.branch-map-legend__pin--branch{
    background:#07154c;
}

.branch-map-legend__pin--atm{
    background:#d8a21b;
}

.branch-map-legend__pin--cac-fast{
    background:#039855;
}

.branch-map-legend__pin--cac-transfer{
    background:#7a2e8f;
}

.branches-map-empty strong{
    color:#101828;
    font-size:18px;
}

.branch-no-results{
    padding:28px 18px;
    border:1px dashed #d0d5dd;
    border-radius:8px;
    color:#667085;
    text-align:center;
}

.branch-map-info{
    display:grid;
    gap:6px;
    max-width:230px;
    color:#101828;
    font-family:inherit;
}

.branch-map-info strong{
    color:#0a4b8f;
    font-size:15px;
}

.branch-map-info span{
    color:#475467;
    font-size:13px;
}

.branch-map-info a{
    color:#f28c18;
    font-weight:800;
}

@media(max-width:991px){
    .branches-hero{
        padding:115px 0 34px;
    }

    .branch-finder-shell{
        height:auto;
        max-height:none;
        min-height:0;
    }

    .branch-finder-toolbar{
        grid-template-columns:1fr;
        align-items:stretch;
    }

    .branch-filter-grid{
        grid-template-columns:1fr;
    }

    .branch-filter-group{
        grid-template-columns:repeat(2,1fr);
    }

    .branch-finder-body{
        grid-template-columns:1fr;
    }

    .branch-finder-panel{
        height:auto;
        min-height:0;
        border-inline-end:0;
        border-bottom:1px solid #e3e8f2;
    }

    .branch-results-list{
        max-height:360px;
    }

    .branch-map-wrap,
    .branch-map{
        height:430px;
        min-height:430px;
    }
}

@media(max-width:575px){
    .branches-finder-section{
        padding:24px 0 55px;
    }

    .branch-finder-shell{
        border-radius:0;
        margin-inline:-15px;
    }

    .branch-filter-group{
        grid-template-columns:1fr;
    }

    .branch-panel-actions{
        flex-direction:column;
    }

    .branch-reset-btn{
        width:100%;
    }

    .branch-map-wrap,
    .branch-map{
        height:360px;
        min-height:360px;
    }

    .branch-results-list{
        max-height:340px;
    }

    .branches-map-empty{
        inset:14px;
        padding:18px;
    }

    .branch-map-legend{
        top:10px;
        inset-inline-start:10px;
        max-width:calc(100% - 20px);
    }
}

.article-share{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:28px 0 10px;
    padding:18px;
    border:1px solid #e6ebf2;
    border-radius:10px;
    background:#fff;
    box-shadow:0 18px 45px rgba(16,24,40,.08);
}

.article-share__text{
    display:grid;
    gap:3px;
    min-width:180px;
}

.article-share__text span{
    color:#d8a21b;
    font-size:13px;
    font-weight:800;
}

.article-share__text strong{
    color:#07154c;
    font-size:18px;
    line-height:1.35;
}

.article-share__actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}

.article-share__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 14px;
    border:1px solid #e6ebf2;
    border-radius:8px;
    background:#f8fafc;
    color:#07154c;
    font-size:13px;
    font-weight:800;
    line-height:1;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.article-share__btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(16,24,40,.14);
    color:#fff;
}

.article-share__btn i{
    font-size:16px;
}

.article-share__btn--facebook:hover{
    border-color:#1877f2;
    background:#1877f2;
}

.article-share__btn--twitter:hover{
    border-color:#111827;
    background:#111827;
}

.article-share__btn--linkedin:hover{
    border-color:#0a66c2;
    background:#0a66c2;
}

.article-share__btn--whatsapp:hover{
    border-color:#25d366;
    background:#25d366;
}

.article-share__btn--copy{
    cursor:pointer;
}

.article-share__btn--copy:hover,
.article-share__btn--copy.is-copied{
    border-color:#d8a21b;
    background:#d8a21b;
    color:#07154c;
}

[dir="rtl"] .article-share__actions{
    justify-content:flex-start;
}

@media(max-width:767px){
    .article-share{
        align-items:stretch;
        flex-direction:column;
    }

    .article-share__actions,
    [dir="rtl"] .article-share__actions{
        justify-content:stretch;
    }

    .article-share__btn{
        flex:1 1 calc(50% - 10px);
    }
}

@media(max-width:420px){
    .article-share__btn{
        flex-basis:100%;
    }
}
  .cac-mobile-header .lqd-mobile-sec-inner {
                min-height: 76px;
                align-items: center;
                justify-content: space-between;
                padding-inline: 16px 74px;
                position: relative;
            }

            .cac-mobile-header .lqd-mobile-modules-container.empty {
                display: none;
            }

            .cac-mobile-header .navbar-toggle {
                position: absolute;
                top: 50%;
                right: 16px;
                left: auto;
                z-index: 4;
                width: 52px;
                height: 52px;
                justify-content: center;
                transform: translateY(-50%);
            }

            .cac-mobile-header .language-switch {
                display: none;
            }

            .cac-mobile-header .navbar-brand {
                position: absolute;
                top: 50%;
                left: 25px;
                right: auto;
                margin: 0;
                justify-content: flex-start;
                z-index: 3;
                transform: translateY(-50%);
            }

            .cac-mobile-header .navbar-brand img {
                width: 150px;
                max-width: 42vw;
                height: auto;
            }

            .cac-mobile-search-item {
                box-sizing: border-box;
                width: auto;
                margin: 12px 0px 0;
                padding: 14px 0 0;
                border-top: 1px solid rgba(255, 255, 255, 0.16);
            }

            .cac-mobile-search-trigger {
                box-sizing: border-box;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                width: 100%;
                min-height: 48px;
                padding: 12px 16px;
                border: 0;
                border-radius: 8px;
                background: #e6ad1b;
                color: #191c55;
                font-weight: 700;
                line-height: 1;
                cursor: pointer;
                box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
            }

            .cac-mobile-search-trigger svg {
                width: 17px;
                height: 17px;
                fill: currentColor;
            }

            .cac-mobile-search-panel {
                box-sizing: border-box;
                width: auto;
                margin: 10px 0px 14px;
                padding: 0;
            }

            .cac-mobile-search-panel.collapse:not(.show) {
                display: none !important;
            }

            .cac-mobile-search-panel.show {
                display: block;
            }

            .cac-mobile-search-box {
                box-sizing: border-box;
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                padding: 8px;
                border: 1px solid rgba(255, 255, 255, 0.18);
                border-radius: 8px;
                background: #fff;
                box-shadow: 0 10px 24px rgba(25, 28, 85, 0.1);
                overflow: hidden;
            }

            .cac-mobile-search-box input {
                width: 100%;
                min-width: 0;
                height: 42px;
                padding: 0 12px;
                border: 0;
                outline: 0;
                background: transparent;
                color: #191c55;
                font-weight: 600;
            }

            .cac-mobile-search-box button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                min-width: 42px;
                height: 42px;
                border: 0;
                border-radius: 8px;
                background: #191c55;
                color: #fff;
            }

            .cac-mobile-search-box button svg {
                width: 16px;
                height: 16px;
                fill: currentColor;
            }