@import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@100..800&display=swap');



:root {
    --main-color: #2D29D7;
    --font-family-Font-1: "Anek Malayalam";
}

* {
    font-family: "Anek Malayalam", sans-serif !important;

}

body {
    overflow-x: hidden;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}


.views-field-nothing {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    background: var(--b-btn);
    background-size: contain;
    display: flex;
    width: 226.17px;
    height: 38px;
    padding: 9px 33.8px 8px 34px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: 0.3s all;

    a {
        color: #fff;
    }
}

.view-about-us h2,
.view-header h2 {
    color: var(--main-color);
    text-align: center;
    font-family: var(--geo);
    font-size: 48.781px;
    font-style: normal;
    font-weight: 500;
    line-height: 67.2px;
    /* 137.758% */
    /* text-transform: uppercase; */
}

.form-control:focus {
    box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    margin-bottom: unset;
}

html {
    scroll-behavior: smooth;
    font-size: 62.5%;
    overflow-x: hidden;
}

legend {
    display: none;
}

a {
    transition: 0.3s ease;
    text-decoration: none !important;
    outline: none !important;
    color: #000;
}

p {
    margin-bottom: 0;
}

li {
    list-style: none;
    display: inline-block;
}

.field--type-text-with-summary li {
    display: list-item;
    list-style: auto;
}

ul {
    padding: 0;
    margin: 0;
}

*,
::before,
::after {
    /* transition: 0.3s ease;*/
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    content: unset;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}


img,
video {
    max-width: 100%;
    width: auto;
}

.field[data-blazy] {
    min-width: unset !important;
}

video {
    height: 100%;
}

.slide__media {
    display: none;
}

.slide__caption {
    padding: 0;
}

.main-content.col {
    padding: 0;
}

.node__content {
    margin: 0;
}


*:focus {
    outline: none;
}

.field--type-entity-reference,
.field--type-image img,
.field--name-field-user-picture img {
    margin-bottom: unset;
}

.node .field--type-image {
    margin: 0;
}

/* nav bar */

/* ===== Header Base ===== */
#header.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
}

#header.header #navbar-main {
    background: transparent;
    padding: 18px 40px;
    display: flex;
    align-items: center;
    position: relative;
    padding-inline-start: 37px;
}

#header.header #navbar-main

/* ===== Logo ===== */
#header.header .navbar-brand {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 2;
}

#header.header .navbar-brand img {
    display: block;
    width: auto;
    max-height: 100px;
    width: 200px;
}



/* ===== Main Menu Wrapper ===== */
#header.header #block-bootstrap-barrio-subtheme-main-menu {
    margin: 0 auto;
}

#header.header #block-bootstrap-barrio-subtheme-main-menu .nav.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    margin: 0;
    padding: 0;
}


#header.header #block-bootstrap-barrio-subtheme-main-menu .nav.navbar-nav>li>a {
    position: relative;
    display: inline-block;
}

#header.header #block-bootstrap-barrio-subtheme-main-menu .nav.navbar-nav>li>a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease;
}

#header.header #block-bootstrap-barrio-subtheme-main-menu .nav.navbar-nav>li>a:hover::after,
#header.header #block-bootstrap-barrio-subtheme-main-menu .nav.navbar-nav>li>a:focus::after {
    width: 100%;
}

/* ===== All Header Links ===== */
#header.header .menu--main .nav-link,
#header.header .menu--get-a-quote-menu .nav-link {
    color: #FFF;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 22.5px;
    text-decoration: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: 0.3s ease;
}

/* ===== Main Menu Link Hover ===== */
#header.header .menu--main .nav-link:hover,
#header.header .menu--main .nav-link:focus,
#header.header .menu--main .nav-link.is-active {
    color: #FFF;
    opacity: 0.85;
    background: transparent;
}

/* ===== Get A Quote Wrapper ===== */
#header.header #block-bootstrap-barrio-subtheme-getaquotemenu {
    margin: 0 0 0 auto;
    flex-shrink: 0;
}

/* ===== Get A Quote Button ===== */
#header.header .menu--get-a-quote-menu .nav {
    margin: 0;
    padding: 0;
}

#header.header .menu--get-a-quote-menu .nav-link {
    border-radius: 10px;
    background: linear-gradient(90deg, var(--color-blue-31, #051E9B) 0%, var(--color-violet-46, #7B2FBE) 100%);
    display: flex;
    padding: 10px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    color: #FFF;
}

#header.header .menu--get-a-quote-menu .nav-link:hover,
#header.header .menu--get-a-quote-menu .nav-link:focus {
    color: #FFF;
    opacity: 0.92;
    transform: translateY(-1px);
}

/* ===== Nav Items Reset ===== */
#header.header .nav-item {
    margin: 0;
    padding: 0;
}

/* ===== Navbar Toggler ===== */
#header.header .navbar-toggler {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: none;
    padding: 0;
    margin-left: auto;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease, border-radius 0.3s ease;
    z-index: 10;
}

#header.header .navbar-toggler:hover {
    background: rgba(255, 255, 255, 0.14);
}

#header.header .navbar-toggler:focus {
    box-shadow: none;
    outline: none;
}

/* Active state — toggler turns solid */
#header.header .navbar-toggler.active {
    background: rgba(91, 127, 255, 0.22);
    border-radius: 14px;
}

/* Icon wrapper */
#header.header .navbar-toggler-icon {
    background-image: none;
    width: 22px;
    height: 16px;
    position: relative;
    display: block;
    background-color: transparent;
}

/* Top + bottom lines */
#header.header .navbar-toggler-icon::before,
#header.header .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 2.5px;
    border-radius: 2px;
    background: #fff;
    transition: all 0.35s cubic-bezier(0.34, 1.15, 0.56, 1);
    transform-origin: center;
}

#header.header .navbar-toggler-icon::before {
    top: 0;
    box-shadow: 0 7px 0 #fff;
}

#header.header .navbar-toggler-icon::after {
    top: 14px;
}

/* Active toggler → X shape */
#header.header .navbar-toggler.active .navbar-toggler-icon::before {
    top: 7px;
    box-shadow: none;
    transform: rotate(45deg);
    background: linear-gradient(90deg, var(--color-blue-31, #051E9B) 0%, var(--color-violet-46, #7B2FBE) 100%);
}

#header.header .navbar-toggler.active .navbar-toggler-icon::after {
    top: 7px;
    transform: rotate(-45deg);
    background: linear-gradient(90deg, var(--color-blue-31, #051E9B) 0%, var(--color-violet-46, #7B2FBE) 100%);
}

/* hero slider */

.hero-slider-section {
    position: relative;
    overflow: hidden;
}

.hero-slider-section .view-hero-slider,
.hero-slider-section .view-content,
.hero-slider-section .views-row,
.hero-slider-section article.node--type-hero-slider,
.hero-slider-section .node__content {
    position: relative;
}

.hero-slider-section article.node--type-hero-slider {
    min-height: 860px;
    overflow: hidden;
    background: #061a4b;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.hero-slider-section .field--name-field-media-background {
    position: relative;
    z-index: 1;
    line-height: 0;
}

.hero-slider-section .field--name-field-media-background .field--name-field-media-image,
.hero-slider-section .field--name-field-media-background .field__item {
    display: block;
    width: 100%;
}

.hero-slider-section .field--name-field-media-background img {
    width: 100%;
    height: 860px;
    display: block;
    object-fit: cover;
    object-position: center center;
    opacity: 1;
}

.hero-slider-section article.node--type-hero-slider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 600px;
    transform: translate(-50%, -50%);
    z-index: 11;
    pointer-events: none;
    border-radius: 33554398px;
    background: var(--color-blue-3120, rgba(5, 30, 155, 0.20));
    filter: blur(29.999998092651367px);
}

.hero-slider-section .hero-slider-home-full-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    min-height: 860px;
    padding: 140px 70px 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    box-sizing: border-box;
    background: url("./images/inner-image.gif") center center / cover no-repeat;
    overflow: hidden;
}

.hero-slider-section .hero-slider-home-full-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(135deg, var(--color-azure-5, #020818) 0%, var(--color-blue-11, #0A0A2E) 50%, var(--color-violet-8, #0D0525) 100%);
    opacity: 0.72;
}

.hero-slider-section .hero-slider-home-full-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 220px;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(0deg, var(--color-black-solid, #000) 0%, var(--color-black-0, rgba(0, 0, 0, 0.00)) 100%);
}

.hero-slider-section .hero-slider-home-title-body-wrapper {
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    z-index: 6;
    width: 100%;
    max-width: 650px;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 8px 18px;
    margin: 0 0 26px 0;
    border-radius: 33554398px;
    border: 1px solid var(--color-white-10, rgba(255, 255, 255, 0.10));
    background: var(--color-white-3, rgba(255, 255, 255, 0.03));
    backdrop-filter: blur(1.9999998807907104px);
    color: var(--sculpt-carry-94721805-figma-site-white-60, var(--color-white-60, rgba(255, 255, 255, 0.60)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 19.5px;
    width: fit-content;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-tag::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--color-blue-31, #051E9B);

}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-body {
    margin: 0 0 30px 0;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-body p {
    margin: 0;
    color: var(--sculpt-carry-94721805-figma-site-white-50, var(--color-white-50, rgba(255, 255, 255, 0.50)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 30.6px;
    padding-block-start: 31px;
    max-width: 620px;
}

.field--name-field-customize-title {
    color: var(--sculpt-carry-94721805-figma-site-white, var(--color-white-solid, #FFF));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 76px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 79.8px;
    /* 105% */
    letter-spacing: -2.28px;

    strong {
        font-family: var(--font-family-Font-1, "Anek Malayalam");
        font-size: 76px;
        font-style: normal;
        font-weight: var(--font-weight-500, 500);
        line-height: 79.8px;
        color: linear-gradient(90deg, var(--color-blue-68, #5B7FFF) 0%, var(--color-violet-66, #8B5CF6) 50%, var(--color-violet-75, #C084FC) 100%);
        background: linear-gradient(90deg, var(--color-blue-68, #5B7FFF) 0%, var(--color-violet-66, #8B5CF6) 50%, var(--color-violet-75, #C084FC) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        letter-spacing: -2.28px;
    }
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-body strong {
    display: inline;
    font-weight: 700;
    background: linear-gradient(90deg, #5da7ff 0%, #8b5cf6 52%, #d946ef 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-body p+p {
    margin-top: 26px;
    max-width: 560px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 34px;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links .field__item {
    margin: 0;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links .field__item a {
    min-width: 180px;
    height: 58px;
    padding: 0 28px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.35s ease;
    box-sizing: border-box;
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links .field__item:first-child a {
    border-radius: 14px;
    background: linear-gradient(90deg, var(--color-blue-31, #051E9B) 0%, var(--color-blue-54, #5B3FD6) 100%);
    color: #fff;
    color: var(--sculpt-carry-94721805-figma-site-white, var(--color-white-solid, #FFF));
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 24px;
    /* 150% */
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links .field__item:first-child a:hover {
    /* transform: translateY(-2px); */
    background: linear-gradient(90deg, var(--color-blue-54, #5B3FD6) 0%, var(--color-blue-31, #051E9B) 100%);


}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links .field__item:last-child a {
    background: transparent;
    color: var(--sculpt-carry-94721805-figma-site-white-80, var(--color-white-80, rgba(255, 255, 255, 0.80)));
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 24px;
    /* 150% */
    border-radius: 14px;
    border: 1px solid var(--color-white-15, rgba(255, 255, 255, 0.15));
}

.hero-slider-section .hero-slider-home-title-body-wrapper .field--name-field-links .field__item:last-child a:hover {
    color: #081F9D;
    text-align: center;
    border-radius: 19.25px;
    border: 1.375px solid var(--color-white-15, rgba(255, 255, 255, 0.15));
    background: #FFF;
}

.hero-slider-section .hero-slider-home-full-wrapper>.field--name-field-media-image {
    position: absolute;
    top: 50%;
    right: 90px;
    transform: translateY(-50%);
    z-index: 6;
    width: 100%;
    max-width: 520px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-slider-section .hero-slider-home-full-wrapper>.field--name-field-media-image .field--name-field-media-image,
.hero-slider-section .hero-slider-home-full-wrapper>.field--name-field-media-image .field__item {
    width: 100%;
    display: block;
    position: relative;
}

.hero-slider-section .hero-slider-home-full-wrapper>.field--name-field-media-image .field__item::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 430px;
    height: 430px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 0;
    background: radial-gradient(circle, rgba(142, 61, 255, 0.18) 0%, rgba(142, 61, 255, 0.05) 45%, rgba(142, 61, 255, 0) 68%);
    box-shadow:
        0 0 0 1px rgba(143, 100, 255, 0.10),
        0 0 0 14px rgba(143, 100, 255, 0.05),
        0 0 0 28px rgba(143, 100, 255, 0.03);
    pointer-events: none;
}

.hero-slider-section .hero-slider-home-full-wrapper>.field--name-field-media-image img {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 480px;
    height: auto;
    display: block;
    filter: drop-shadow(0 20px 35px rgba(0, 0, 0, 0.45));
}




.Built-by-a-team-section {
    background: #000;
    padding: 120px 0 110px;
    position: relative;
    overflow: hidden;
}

.Built-by-a-team-section .block-views-blockbuilt-by-a-team-block-1,
.Built-by-a-team-section .view-built-by-a-team,
.Built-by-a-team-section .view-content,
.Built-by-a-team-section .views-row {
    position: relative;
}

.Built-by-a-team-section .views-row {
    display: flex;
    justify-content: center;
}

.Built-by-a-team-section .views-field-body {
    width: 100%;
    display: flex;
    justify-content: center;
}

.Built-by-a-team-section .views-field-body .field-content {
    width: 100%;
    max-width: 890px;
    text-align: center;
    position: relative;
    padding-bottom: 95px;
}

.Built-by-a-team-section .views-field-body .field-content p {
    margin: 0;
    color: var(--sculpt-carry-94721805-figma-site-white-70, rgba(255, 255, 255, 0.70));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 27.4px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 46.51px;
    letter-spacing: -0.28px;
    text-align: center;
}

.Built-by-a-team-section .views-field-body .field-content p strong {
    color: #7b61ff;
    font-weight: 400;
}

/* about home */
.about-home-section {
    background: #f3f3f3;
    padding: 130px 0px;
    overflow: hidden;
}

.about-home-section .col-12 {
    padding-inline: 33px;
}

.about-home-section .container {
    max-width: 1380px;
}

.about-home-section .block-views-blockabout-us-block-1,
.about-home-section .view-about-us,
.about-home-section .view-content,
.about-home-section .views-row {
    position: relative;
}

.about-home-section .view-content.row {
    margin: 0;
    padding-inline: 33px;
}

.about-home-section .views-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 84px;
    width: 100%;
}

.about-home-section .views-field-fieldset {
    flex: 0 0 48%;
    max-width: 48%;
}

.about-home-section .views-field-field-media-image {
    flex: 0 0 48%;
    max-width: 48%;
}

.about-home-section .title-body-wrapper {
    width: 100%;
}

.about-home-section .title-body-wrapper::before {
    content: "ABOUT US";
    display: block;
    margin-bottom: 22px;
    color: var(--sculpt-carry-94721805-figma-site-dodger-blue-80, var(--color-blue-6880, rgba(91, 127, 255, 0.80)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    /* 150% */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-transform: uppercase;
}

html[dir="rtl"] .about-home-section .title-body-wrapper::before {
    content: "من نحن";
    font-family: "Anek Malayalam";
}

.about-home-section .views-field-field-customize-title {
    margin-bottom: 28px;
}

.about-home-section .views-field-field-customize-title .field-content p {
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 47.5px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 54.65px;
    /* 115.053% */
    letter-spacing: -1.44px;
}

.about-home-section .views-field-field-customize-title .field-content p strong {
    background: linear-gradient(90deg, #5B7FFF 0%, #C084FC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Anek Malayalam";
    font-size: 47.5px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 54.65px;
    letter-spacing: -1.44px;
}

.about-home-section .views-field-body .field-content p {
    color: #000;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 28.8px;
    /* 180% */
    max-width: 660px;
}

.about-home-section .views-field-body .field-content p:last-child {
    margin-bottom: 0;
}

.about-home-section .views-field-field-media-image .field-content,
.about-home-section .views-field-field-media-image .field,
.about-home-section .views-field-field-media-image .field__item {
    display: block;
    width: 100%;
    height: 100%;
}

.about-home-section .views-field-field-media-image .field__item {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
}

.about-home-section .views-field-field-media-image .field__item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(0deg, var(--color-blue-460, rgba(5, 5, 16, 0.60)) 0%, var(--color-blue-40, rgba(5, 5, 16, 0.00)) 50%, var(--color-blue-40, rgba(5, 5, 16, 0.00)) 100%);
}

.about-home-section .views-field-field-media-image img {
    width: 100%;
    min-height: 418px;
    display: block;
    object-fit: cover;
    object-position: center center;
    border-radius: 34px;
    position: relative;
    z-index: 1;
    display: block;
}


/*service */
.services-section-home {
    position: relative;
    overflow: hidden;
    /* height: 1066.364px; */
    padding: 110px 0 120px;
    background: url('./images/test1.gif') center center / cover no-repeat;
}

.services-section-home .col-12 {
    padding-inline: 33px;
}

.services-section-home>.container {
    position: relative;
    z-index: 5;
    max-width: 1280px;
    height: 100%;
}

.services-section-home::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(1, 6, 24, 0.72) 0%, rgba(2, 8, 29, 0.82) 100%);
    pointer-events: none;
}

.services-section-home .block-views-blockour-service-block-1,
.services-section-home .view-our-service,
.services-section-home .view-content,
.services-section-home .view-header {
    position: relative;
    z-index: 5;
}

.services-section-home .view-header {
    text-align: center;
    margin-bottom: 42px;
}

.services-section-home .view-header p {
    margin: 0 0 12px 0;
    color: var(--sculpt-carry-94721805-figma-site-dodger-blue-80, var(--color-blue-6880, rgba(91, 127, 255, 0.80)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    /* 150% */
    letter-spacing: 1.4px;
    text-transform: uppercase;

}

.services-section-home .view-header h2 {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -1px;
}

.services-section-home .view-content.row {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: center;
    gap: 20px;
    justify-content: center;
}

.services-section-home .views-row {
    position: relative;
    width: 100%;
    min-height: 320px;
    padding: 38px 34px 34px;
    border-radius: 20px;
    background: linear-gradient(124deg, var(--color-blue-6818, rgba(91, 127, 255, 0.18)) 0%, var(--color-violet-4612, rgba(123, 47, 190, 0.12)) 50%, var(--color-white-4, rgba(255, 255, 255, 0.04)) 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition:
        background 0.35s ease,
        border-radius 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.services-section-home .views-row::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
    pointer-events: none;
    z-index: 0;
    transition: opacity 0.35s ease, border-radius 0.35s ease;
}

.services-section-home .views-row>div {
    position: relative;
    z-index: 2;
}

.services-section-home .views-field-field-icon {
    margin-bottom: 38px;
}

.services-section-home .views-field-field-icon .field-content {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(104, 92, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        width 0.35s ease,
        height 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        transform 0.35s ease;
}

.services-section-home .views-field-field-icon .field,
.services-section-home .views-field-field-icon .field__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-section-home .views-field-field-icon img {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    transition:
        width 0.35s ease,
        height 0.35s ease,
        filter 0.35s ease,
        transform 0.35s ease;
}

.services-section-home .views-field-title {
    margin-bottom: 24px;
    padding-right: 120px;
}

.services-section-home .views-field-title {
    color: var(--sculpt-carry-94721805-figma-site-white, var(--color-white-solid, #FFF));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 21px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 31.5px;
    /* 150% */
    letter-spacing: -0.3px;
    transition: color 0.35s ease;

}

.services-section-home .views-field-body {
    padding-right: 30px;
}

.services-section-home .views-field-body .field-content p {
    margin: 0;
    color: var(--azad-figma-site-white-38, var(--color-white-38, rgba(255, 255, 255, 0.38)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 26.25px;
    /* 175% */
    transition: color 0.35s ease;

}

.services-section-home .views-field-field-number {
    position: absolute;
    top: 22px;
    right: 24px;
    z-index: 4;
}

.services-section-home .views-field-field-number .field-content {
    color: var(--azad-figma-site-white-27, var(--color-white-27, rgba(255, 255, 255, 0.03)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 88px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 88px;
    letter-spacing: -4px;
    text-align: right;
    transition: color 0.35s ease;
}

.services-section-home .views-field-field-number {
    position: absolute !important;

    top: 25px;
    right: 25px;
}

/* hover فقط على الايقونة */
.services-section-home .views-row:hover {
    background: #5B7FFF;
    border-radius: 27.5px;
    transform: none !important;

}

.services-section-home .views-row:hover::before {
    opacity: 0;
    border-radius: 27.5px;
}

.services-section-home .views-field-field-icon .field-content {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(104, 92, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width 0.35s ease, height 0.35s ease, border-radius 0.35s ease, background 0.35s ease;
}

.services-section-home .views-field-field-icon {
    margin-bottom: 38px;
    height: 77px;
    /* نحجز أكبر ارتفاع من البداية */
    display: flex;
    align-items: flex-start;
}

.services-section-home .views-field-field-icon .field-content {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(104, 92, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        width 0.35s ease,
        height 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease;
}

.services-section-home .views-row:hover .views-field-field-icon .field-content {
    width: 77px;
    height: 77px;
    border-radius: 22px;
    background: #fff;
}

.services-section-home .views-row:hover .views-field-field-icon img {
    width: 34px;
    height: 34px;
    filter: brightness(0) saturate(100%) invert(53%) sepia(69%) saturate(1778%) hue-rotate(205deg) brightness(102%) contrast(101%);
}

/*  */
/* =========================
   HOW WE WORK SECTION
   ========================= */

.how-we-work-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0 120px;
    background: url('./images/test1.gif') center center / cover no-repeat;
}

.how-we-work-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(10, 10, 45, 0.82), rgba(10, 10, 45, 0.82)),
        url('./images/OverlayBlur.svg') center center / cover no-repeat;
    pointer-events: none;
    z-index: 0;
}

.how-we-work-section>* {
    position: relative;
    z-index: 1;
}

/* optional particles layer feel */
.how-we-work-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 28%, rgba(101, 180, 255, 0.35) 0 2px, transparent 3px),
        radial-gradient(circle at 35% 45%, rgba(101, 180, 255, 0.20) 0 2px, transparent 3px),
        radial-gradient(circle at 62% 20%, rgba(101, 180, 255, 0.25) 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 78% 60%, rgba(101, 180, 255, 0.20) 0 2px, transparent 3px),
        radial-gradient(circle at 92% 34%, rgba(101, 180, 255, 0.22) 0 2px, transparent 3px),
        radial-gradient(circle at 8% 72%, rgba(101, 180, 255, 0.20) 0 2px, transparent 3px),
        radial-gradient(circle at 48% 82%, rgba(101, 180, 255, 0.16) 0 2px, transparent 3px);
    pointer-events: none;
    opacity: 0.8;
}

.how-we-work-section .container {
    position: relative;
    z-index: 2;
    max-width: 1380px;
}

/* =========================
   HEADER
   ========================= */

.how-we-work-section .view-header {
    text-align: center;
    margin-bottom: 95px;
}

.how-we-work-section .view-header p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.how-we-work-section .view-header h2 {
    margin: 0;
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -1.8px;
}

/* =========================
   ROW
   ========================= */

.how-we-work-section .view-content.row {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    margin: 0;
}

/* line between cards */
.how-we-work-section .view-content.row::before {
    content: "";
    position: absolute;
    top: 21px;
    left: 11.5%;
    width: 77%;
    height: 78px;
    background: url("./images/line-How-we-work.svg") center center / 100% 100% no-repeat;
    pointer-events: none;
    z-index: 0;
}

/* =========================
   ITEM
   ========================= */

.how-we-work-section .view-content.row>.views-row {
    position: relative;
    z-index: 2;
    width: 24%;
    text-align: center;
    margin: 0;
}

.how-we-work-section .node--view-mode-how-we-work .node__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* circle + number wrapper */
.how-we-work-section .icon-number-wrapper {
    width: 120px;
    min-height: 152px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 26px;
    transition: transform 0.35s ease;
}

/* حرّك الأيقونة والرقم مع بعض */
.how-we-work-section .view-content.row>.views-row:nth-child(1) .icon-number-wrapper {
    transform: translateY(4px);
}

.how-we-work-section .view-content.row>.views-row:nth-child(2) .icon-number-wrapper {
    transform: translateY(-6px);
}

.how-we-work-section .view-content.row>.views-row:nth-child(3) .icon-number-wrapper {
    transform: translateY(3px);
}

.how-we-work-section .view-content.row>.views-row:nth-child(4) .icon-number-wrapper {
    transform: translateY(-25px);
}

/* white glowing circle */
.how-we-work-section .field--name-field-icon {
    width: 120px;
    height: 120px;
    margin: 0 0 12px;
    border-radius: 50%;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.04),
        0 0 22px rgba(67, 97, 255, 0.35),
        0 0 45px rgba(67, 97, 255, 0.16);
    position: relative;
    top: auto;
    transition: all 0.35s ease;
}

.how-we-work-section .field--name-field-icon .field__item,
.how-we-work-section .field--name-field-icon .field--name-field-media-image,
.how-we-work-section .field--name-field-icon .field__item img {
    display: block;
}

.how-we-work-section .field--name-field-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    transition: all 0.35s ease;
}

/* number */
.how-we-work-section .field--name-field-number {
    margin-top: -40px;
    color: #080824;
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 18px;
    position: relative;
    top: auto;
    z-index: 3;
    transition: all 0.35s ease;
}

/* .how-we-work-section .field--name-field-number::before {
    content: "0";
} */

/* title */
.how-we-work-section .field--name-title {
    display: block;
    margin-bottom: 16px;
}

.how-we-work-section .field--name-title h2 {
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.how-we-work-section .field--name-title a {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    pointer-events: none;
}

/* body */
.how-we-work-section .field--name-body,
.how-we-work-section .field--name-body .field__item,
.how-we-work-section .field--name-body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
    max-width: 320px;
}

.how-we-work-section .field--name-body p br {
    display: none;
}

/* =========================
   HOVER
   ========================= */

.how-we-work-section .view-content.row .views-row:hover .field--name-field-icon {
    border-radius: 46137300px;
    border: 2px solid #FFF;
    background: #5B7FFF;
    box-shadow:
        0 13.75px 20.625px 9px rgba(41, 54, 141, 0.50),
        0 5.5px 8.25px 9px rgba(41, 54, 141, 0.20);
}

.how-we-work-section .view-content.row .views-row:hover .field--name-field-icon img {
    filter: brightness(0) invert(1);
}

.how-we-work-section .view-content.row .views-row:hover .field--name-field-number {
    color: #FFF;
}

/* =========================
   WHY CHOOSE AZAD SECTION
   ========================= */

.why-choose-section {
    background: #fff;
    padding: 110px 0 120px;
}

.why-choose-section .container {
    max-width: 1360px;
    margin: 0 auto;
}

/* Header */
.why-choose-section .view-header {
    text-align: center;
    margin-bottom: 90px;
}

.why-choose-section .view-header p {
    margin: 0 0 18px;
    color: var(--sculpt-carry-94721805-figma-site-international-klein-blue-60, var(--color-blue-3160, rgba(5, 30, 155, 0.60)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.why-choose-section .view-header h2 {
    margin: 0;
    color: #000;
    text-align: center;
    font-family: inherit;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

/* Cards wrapper */
.why-choose-section .view-content.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 50px;
    margin: 0;
}

/* Single item */
.why-choose-section .view-content.row>.views-row {
    width: calc(25% - 30px);
    max-width: 300px;
    text-align: center;
    padding: 0 10px;
    margin: 0;
}

/* Icon wrapper */
.why-choose-section .views-field-field-icon {
    margin-bottom: 28px;
}

.why-choose-section .views-field-field-icon .field-content {
    width: 77px;
    height: 77px;
    margin: 0 auto;
    border-radius: 22px;
    background: linear-gradient(135deg,
            var(--color-blue-3110, rgba(5, 30, 155, 0.10)) 0%,
            var(--color-violet-465, rgba(123, 47, 190, 0.05)) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* icon image */
.why-choose-section .views-field-field-icon img {
    display: block;
    max-width: 33px;
    max-height: 33px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.4s ease, filter 0.3s ease;
}

/* Title */
.why-choose-section .views-field-title {
    margin-bottom: 16px;
}

.why-choose-section .views-field-title a {
    color: #111;
    text-align: center;
    font-family: inherit;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    transition: all 0.3s ease;
}

/* Body */
.why-choose-section .views-field-body .field-content,
.why-choose-section .views-field-body p {
    margin: 0;
    color: #8d8d8d;
    text-align: center;
    font-family: inherit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.65;
}

/* remove weird default spacing */
.why-choose-section .views-field-body p br {
    display: none;
}

/* =========================
   HOVER
   ========================= */

.why-choose-section .view-content.row .views-row:hover .views-field-title a {
    color: #5B7FFF;
}

.why-choose-section .view-content.row .views-row:hover .views-field-field-icon .field-content {
    background: #5B7FFF;
}

.why-choose-section .view-content.row .views-row:hover .views-field-field-icon img {
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
}

.just-build {
    position: relative;
    overflow: hidden;
    padding: 120px 0 110px;
    background: url('./images/We-don\'t-bg.svg') center center / cover no-repeat;
}

.just-build .container {
    position: relative;
    z-index: 2;
}

.just-build .block-content-basic {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.just-build .block-content-basic>h2 {
    display: none;
}

.just-build .field--name-body h2 {
    color: var(--sculpt-carry-94721805-figma-site-black, var(--color-black-solid, #000));
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 63.4px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 69.7px;
    /* 109.937% */
    letter-spacing: -1.92px;
}

.just-build .field--name-body h2 strong {
    background: linear-gradient(90deg, #051E9B 0%, #7B2FBE 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 63.4px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 69.7px;
    letter-spacing: -1.92px;
}

.just-build .field--name-body p {
    margin: 0;
    color: var(--sculpt-carry-94721805-figma-site-black-40, var(--color-black-40, rgba(0, 0, 0, 0.40)));
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 32.4px;
    /* 180% */
}

.ready-to-build-something {
    position: relative;
    overflow: hidden;
    padding: 165px 0 173px;
    background: url('./images/test1.gif') center center / cover no-repeat;
}

.ready-to-build-something::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(10, 10, 45, 0.82), rgba(10, 10, 45, 0.82)),
        url('./images/OverlayBlur.svg') center center / cover no-repeat,
        repeating-linear-gradient(to right,
            rgba(255, 255, 255, 0.028) 0,
            rgba(255, 255, 255, 0.028) 2px,
            transparent 2px,
            transparent 95px);
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}

.ready-to-build-something>* {
    position: relative;
    z-index: 1;
}

.ready-to-build-something::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(157, 194, 255, 0.32) 2px, transparent 2.2px),
        radial-gradient(circle, rgba(255, 255, 255, 0.16) 1.4px, transparent 1.6px),
        radial-gradient(circle, rgba(118, 177, 255, 0.14) 4px, transparent 4.4px);
    background-size: 320px 320px, 210px 210px, 520px 520px;
    background-position: 20px 10px, 70px 90px, 0 0;
    opacity: 0.48;
    pointer-events: none;
}

.ready-to-build-something .container {
    position: relative;
    z-index: 2;
}

.ready-to-build-box {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.ready-to-build-box h2 {
    margin: 0 0 30px;
    color: #FFF;
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam"), sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -2.2px;
    position: relative;
}

.ready-to-build-box h2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 208px;
    height: 208px;
    transform: translate(-40%, -9%);
    border-radius: 33554398px;
    background: linear-gradient(135deg, var(--color-blue-3120, rgba(5, 30, 155, 0.20)) 0%, var(--color-violet-4610, rgba(123, 47, 190, 0.10)) 100%);
    filter: blur(9.999999046325684px);
    z-index: -1;
    pointer-events: none;
}


.ready-to-build-box h2::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 600px;
    transform: translate(-50%, -28%);
    border-radius: 33554398px;
    background: var(--color-blue-3115, rgba(5, 30, 155, 0.15));
    filter: blur(37.5px);
    z-index: -2;
    pointer-events: none;
}



.ready-to-build-box h2 strong {
    color: #7D5BFF;
    font-weight: 500;
}

.ready-to-build-box .ready-desc {
    margin: 0 auto 58px;
    max-width: 830px;
    color: rgba(255, 255, 255, 0.34);
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam"), sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
}

.ready-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
}

.ready-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 245px;
    height: 90px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.35s ease;
    font-family: var(--font-family-Font-1, "Anek Malayalam"), sans-serif;
    font-size: 23.375px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.063px;
}

.ready-actions .btn-get-started {
    padding: 20px 40px 21.5px 40px;
    border-radius: 14px;
    background: linear-gradient(90deg, var(--color-blue-31, #051E9B) 0%, var(--color-blue-54, #5B3FD6) 100%);
    color: #FFF;
    box-shadow: 0 10px 35px rgba(67, 73, 212, 0.28);
}

.ready-actions .btn-get-started:hover {
    border-radius: 19.25px;
    background: linear-gradient(90deg, var(--color-blue-54, #5B3FD6) 0%, var(--color-blue-31, #051E9B) 100%);
    color: #FFF;
}

.ready-actions .btn-contact-us {
    padding: 20px 40px 21.5px 40px;
    border-radius: 14px;
    border: 1.375px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.01);
    color: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.ready-actions .btn-contact-us:hover {
    color: #081F9D;
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam"), sans-serif;
    font-size: 23.375px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.063px;
    border-radius: 19.25px;
    border: 1.375px solid var(--color-white-15, rgba(255, 255, 255, 0.15));
    background: #FFF;
}



/*service */
.services-page-wrappr {
    position: relative;
    overflow: hidden;
    /* height: 1066.364px; */
    padding: 110px 0 120px;
    background: #000;
}

.services-page-wrappr .col-12 {
    padding-inline: 33px;
}

.services-page-wrappr>.container {
    position: relative;
    z-index: 5;
    max-width: 1280px;
    height: 100%;
}

/* .services-page-wrappr::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(1, 6, 24, 0.72) 0%, rgba(2, 8, 29, 0.82) 100%);
    pointer-events: none;
} */

.services-page-wrappr .block-views-blockour-service-block-1,
.services-page-wrappr .view-our-service,
.services-page-wrappr .view-content,
.services-page-wrappr .view-header {
    position: relative;
    z-index: 5;
}

.services-page-wrappr .view-header {
    text-align: center;
    margin-bottom: 42px;
}

.services-page-wrappr .view-header p {
    margin: 0 0 12px 0;
    color: var(--sculpt-carry-94721805-figma-site-dodger-blue-80, var(--color-blue-6880, rgba(91, 127, 255, 0.80)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.services-page-wrappr .view-header h2 {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -1px;
}

.services-page-wrappr .view-content.row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 44px;
    padding-inline: 20px;
}

.services-page-wrappr .views-row {
    position: relative;
    width: 100%;
    min-height: 320px;
    padding: 38px 34px 34px;
    border-radius: 20px;
    background: linear-gradient(124deg, var(--color-blue-6818, rgba(91, 127, 255, 0.18)) 0%, var(--color-violet-4612, rgba(123, 47, 190, 0.12)) 50%, var(--color-white-4, rgba(255, 255, 255, 0.04)) 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition:
        background 0.35s ease,
        border-radius 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.services-page-wrappr .views-row::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
    pointer-events: none;
    z-index: 0;
    transition: opacity 0.35s ease, border-radius 0.35s ease;
}

.services-page-wrappr .views-row>div {
    position: relative;
    z-index: 2;
}

.services-page-wrappr .views-field-field-icon {
    margin-bottom: 38px;
}

.services-page-wrappr .views-field-field-icon .field-content {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(104, 92, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        width 0.35s ease,
        height 0.35s ease,
        border-radius 0.35s ease,
        background 0.35s ease,
        transform 0.35s ease;
}

.services-page-wrappr .views-field-field-icon .field,
.services-page-wrappr .views-field-field-icon .field__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-page-wrappr .views-field-field-icon img {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    transition:
        width 0.35s ease,
        height 0.35s ease,
        filter 0.35s ease,
        transform 0.35s ease;
}

.services-page-wrappr .views-field-title {
    margin-bottom: 24px;
    padding-right: 120px;
}

.services-page-wrappr .views-field-title {
    color: var(--sculpt-carry-94721805-figma-site-white, var(--color-white-solid, #FFF));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 23px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 31.5px;
    letter-spacing: -0.3px;
    transition: color 0.35s ease;
}

.services-page-wrappr .views-field-body {
    padding-right: 30px;
}

.services-page-wrappr .views-field-body .field-content p {
    margin: 0;
    color: var(--azad-figma-site-white-38, var(--color-white-38, rgba(255, 255, 255, 0.38)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 17px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 26.25px;
    transition: color 0.35s ease;
}

.services-page-wrappr .views-field-field-number {
    position: absolute;
    top: 22px;
    right: 24px;
    z-index: 4;
}

.services-page-wrappr .views-field-field-number .field-content {
    color: var(--azad-figma-site-white-27, var(--color-white-27, rgba(255, 255, 255, 0.03)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 88px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 88px;
    letter-spacing: -4px;
    text-align: right;
    transition: color 0.35s ease;
    transform: translate(47px, -10px);
}

.services-page-wrappr .views-field-field-number {
    position: absolute !important;
    top: 25px;
    right: 76px;
}

.services-page-wrappr .views-field-field-icon {
    margin-bottom: 38px;
    height: 77px;
    display: flex;
    align-items: flex-start;
}

.services-page-wrappr .views-field-field-icon .field-content {
    width: 77px;
    height: 77px;
    border-radius: 19px;
    background: rgba(104, 92, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.7273);
    transform-origin: top left;
    transition: transform 0.35s ease, background 0.35s ease, border-radius 0.35s ease;

}

.services-page-wrappr .views-field-field-icon img {
    width: 56px;
    height: 56px;
    display: block;
    object-fit: contain;
    transition: filter 0.35s ease;
}

.services-page-wrappr .views-row:hover {
    border-radius: 27.5px;
    border-radius: 19px;
    background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%), #060616;

}

.services-page-wrappr .views-row:hover::before {
    opacity: 0;
    border-radius: 27.5px;
}

.services-page-wrappr .views-row:hover .views-field-field-icon .field-content {
    transform: scale(1);
    background: #fff;
}

.services-page-wrappr .views-row:hover .views-field-field-icon img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(69%) saturate(1778%) hue-rotate(205deg) brightness(102%) contrast(101%);
}

.services-page-wrappr .views-row:hover .views-field-title a {
    color: #fff;
}

.services-page-wrappr .views-row:hover .views-field-body .field-content p {
    color: rgba(255, 255, 255, 0.48);
}

.services-page-wrappr .views-row:hover .views-field-field-number .field-content {
    color: rgba(255, 255, 255, 0.04);
}

/* ترتيب الكروت مثل الصورة */
.services-page-wrappr .views-row:nth-child(1) {
    order: 3;
}

.services-page-wrappr .views-row:nth-child(2) {
    order: 2;
}

.services-page-wrappr .views-row:nth-child(3) {
    order: 1;
}







.inner-image {
    position: relative;
    overflow: visible;
}

.inner-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}


.breadcrumb-page-title-wrapper {
    position: absolute;
    inset: 0;
    z-index: 6;
    pointer-events: none;
}

.breadcrumb-page-title-wrapper .content,
.breadcrumb-page-title-wrapper .view,
.breadcrumb-page-title-wrapper .view-content,
.breadcrumb-page-title-wrapper .views-row {
    height: 100%;
}

.breadcrumb-page-title-wrapper .views-row {
    position: absolute;
    bottom: 37%;
    left: 3%;
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
    pointer-events: auto;
}

.breadcrumb-page-title-wrapper .views-field-nothing {
    all: unset;
    display: block;
    color: var(--sculpt-carry-94721805-figma-site-white-60, var(--color-white-60, rgba(255, 255, 255, 0.60)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 19.5px;
}

.breadcrumb-page-title-wrapper .views-field-title {
    color: var(--sculpt-carry-94721805-figma-site-white, var(--color-white-solid, #FFF));
    font-family: "Anek Malayalam";
    font-size: 76px;
    font-style: normal;
    font-weight: var(--font-weight-500, 500);
    line-height: 79.8px;
    letter-spacing: -2.28px;
    text-decoration: none;
}

.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 7px 16px 8px 16px;
    list-style: none;
    border-radius: 33554398px;
    border: 1px solid var(--color-white-10, rgba(255, 255, 255, 0.10));
    background: var(--color-white-3, rgba(255, 255, 255, 0.03));
    backdrop-filter: blur(1.9999998807907104px);
}

.breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "—";
    color: rgba(255, 255, 255, 0.55);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    padding: 0 14px 0 2px;
}

.breadcrumb-item:first-child::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 33554398px;
    background: var(--color-blue-31, #051E9B);
    margin-right: 16px;
    display: inline-block;
}

.breadcrumb-item a,
.breadcrumb-item span {
    color: var(--sculpt-carry-94721805-figma-site-white-60, var(--color-white-60, rgba(255, 255, 255, 0.60)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 19.5px;
    transition: color 0.3s ease;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #fff;
}

.breadcrumb-item:last-child a,
.breadcrumb-item:last-child span {
    color: var(--sculpt-carry-94721805-figma-site-white-60, var(--color-white-60, rgba(255, 255, 255, 0.60)));
    font-family: var(--font-family-Font-1, "Anek Malayalam");
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 19.5px;
}


.inner-image {
    position: relative;
    width: 100%;
    height: 500px;
    background: url("./images/inner-image.gif") center center / cover no-repeat;
    overflow: hidden;
}

.inner-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(135deg,
            var(--color-azure-5, #020818) 0%,
            var(--color-blue-11, #0A0A2E) 50%,
            var(--color-violet-8, #0D0525) 100%);
    opacity: 0.72;
}

.inner-image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 220px;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(0deg,
            var(--color-black-solid, #000) 0%,
            var(--color-black-0, rgba(0, 0, 0, 0)) 100%);
}

.inner-image img {
    display: none;
}

/* ---------------------------------------
   ANIMATED HAMBURGER BUTTON
---------------------------------------- */
.navbar-toggler {
    width: 40px;
    height: 32px;
    position: relative;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.navbar-toggler-icon,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    display: block;
    background-color: #900013;
    /* JBBC color */
    width: 100%;
    height: 4px;
    border-radius: 3px;
    position: absolute;
    transition: all 0.35s ease-in-out;
}

.navbar-toggler-icon {
    top: 50%;
    transform: translateY(-50%);
}

.navbar-toggler-icon::before {
    content: "";
    top: -12px;
}

.navbar-toggler-icon::after {
    content: "";
    top: 12px;
}

/* When button is active — turn into X */
.navbar-toggler.active .navbar-toggler-icon {
    background: transparent;
}

.navbar-toggler.active .navbar-toggler-icon::before {
    top: 0;
    transform: rotate(45deg);
}

.navbar-toggler.active .navbar-toggler-icon::after {
    top: 0;
    transform: rotate(-45deg);
}

/* ---------------------------------------
   SLIDE-DOWN MENU ANIMATION
---------------------------------------- */
#CollapsingNavbar {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s ease-in-out;
}

/* When menu is visible */
#CollapsingNavbar.showing {
    max-height: 600px;
    /* enough for menu links */
}

/* Desktop always visible normally */
@media (min-width: 992px) {
    #CollapsingNavbar {
        max-height: none !important;
        overflow: visible !important;
    }
}


/* login style */
/* =========================================================
   LOGIN PAGE - AZAD DIGITAL THEME STYLE
========================================================= */

body.simplelogin {
    margin: 0;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    background: url('./images/test1.gif') center center / cover no-repeat;
    font-family: var(--font-family-Font-1, "Anek Malayalam"), sans-serif;
}

/* Main dark overlay + blur + vertical lines */
body.simplelogin::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        linear-gradient(rgba(10, 10, 45, 0.82), rgba(10, 10, 45, 0.82)),
        url('./images/OverlayBlur.svg') center center / cover no-repeat,
        repeating-linear-gradient(to right,
            rgba(255, 255, 255, 0.028) 0,
            rgba(255, 255, 255, 0.028) 2px,
            transparent 2px,
            transparent 95px);
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}

/* Small dots / particles layer */
body.simplelogin::after {
    content: "";
    position: fixed;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(157, 194, 255, 0.32) 2px, transparent 2.2px),
        radial-gradient(circle, rgba(255, 255, 255, 0.16) 1.4px, transparent 1.6px),
        radial-gradient(circle, rgba(118, 177, 255, 0.14) 4px, transparent 4.4px);
    background-size: 320px 320px, 210px 210px, 520px 520px;
    background-position: 20px 10px, 70px 90px, 0 0;
    opacity: 0.48;
    pointer-events: none;
    z-index: 0;
}

body.simplelogin .dialog-off-canvas-main-canvas {
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

/* Page wrapper */
body.simplelogin .simplelogin-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    position: relative;
    z-index: 2;
}

/* Login card */
body.simplelogin .simplelogin-form {
    width: 100% !important;
    max-width: 520px;
    position: relative;
    z-index: 2;
    padding: 0;
    background: unset;
}

/* Main box */
body.simplelogin .simplelogin-bg {
    position: relative;
    overflow: hidden;
    padding: 42px 36px 34px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(10, 10, 46, 0.72);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* glow 1 */
body.simplelogin .simplelogin-bg::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -80px;
    left: -80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(5, 30, 155, 0.20) 0%, rgba(123, 47, 190, 0.12) 100%);
    filter: blur(16px);
    pointer-events: none;
    z-index: 0;
}

/* glow 2 */
body.simplelogin .simplelogin-bg::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -120px;
    bottom: -160px;
    border-radius: 50%;
    background: rgba(5, 30, 155, 0.14);
    filter: blur(42px);
    pointer-events: none;
    z-index: 0;
}

body.simplelogin .simplelogin-bg>* {
    position: relative;
    z-index: 1;
}

/* Logo area */
body.simplelogin .simplelogin-logo {
    text-align: center;
    margin-bottom: 28px;
}

body.simplelogin .simplelogin-logo a {
    display: inline-block;
    margin-bottom: 16px;
}

body.simplelogin .simplelogin-logo img {
    max-width: 170px;
    height: auto;
    display: block;
    margin: 0 auto;
}

body.simplelogin .simplelogin-logo h1 {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: var(--font-family-Font-1, "Anek Malayalam"), sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -1.2px;
}

/* Tabs */
body.simplelogin .tabs {
    margin: 0 0 28px;
}

body.simplelogin .tabs ul.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    flex-wrap: wrap;
}

body.simplelogin .tabs ul.nav-tabs li {
    margin: 0;
}

body.simplelogin .tabs ul.nav-tabs li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    transition: all 0.3s ease;
}

body.simplelogin .tabs ul.nav-tabs li a:hover,
body.simplelogin .tabs ul.nav-tabs li a:focus {
    background: rgba(81, 162, 255, 0.16);
    border-color: rgba(81, 162, 255, 0.50);
    color: #FFF;
}

body.simplelogin .tabs ul.nav-tabs li.active a,
body.simplelogin .tabs ul.nav-tabs li a.active {
    background: linear-gradient(180deg, #00D3F3 0%, #51A2FF 100%);
    border-color: transparent;
    color: #FFF;
    box-shadow: 0 12px 32px rgba(81, 162, 255, 0.30);
}

/* Form fields */
body.simplelogin .user-login-form .form-control {
    width: 100%;
    min-height: 58px;
    padding: 16px 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.06);
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    transition: all 0.3s ease;
}

body.simplelogin .user-login-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.68);
}

body.simplelogin .user-login-form .form-control:hover {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
}

body.simplelogin .user-login-form .form-control:focus {
    border-color: #51A2FF;
    background: rgba(255, 255, 255, 0.09);
    color: #FFF;
    box-shadow: 0 0 0 4px rgba(81, 162, 255, 0.14);
    outline: none;
}

/* spacing */
body.simplelogin .user-login-form .mb-3,
body.simplelogin .user-login-form .form-item-name,
body.simplelogin .user-login-form .form-item-pass,
body.simplelogin .user-login-form .form-actions {
    margin-bottom: 18px !important;
}

/* Submit button */
body.simplelogin .user-login-form .btn.btn-primary,
body.simplelogin .user-login-form .form-submit {
    width: 100%;
    min-height: 60px;
    padding: 16px 24px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #00D3F3 0%, #51A2FF 100%);
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 18px 40px rgba(81, 162, 255, 0.28);
    transition: all 0.3s ease;
}

body.simplelogin .user-login-form .btn.btn-primary:hover,
body.simplelogin .user-login-form .form-submit:hover,
body.simplelogin .user-login-form .btn.btn-primary:focus,
body.simplelogin .user-login-form .form-submit:focus {
    transform: translateY(-2px);
    box-shadow: 0 24px 48px rgba(81, 162, 255, 0.34);
    color: #FFF;
}

/* Forgot password */
body.simplelogin .forgot-password {
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.78);
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
}

body.simplelogin .forgot-password a {
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(180deg, #00D3F3 0%, #51A2FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

body.simplelogin .forgot-password a:hover,
body.simplelogin .forgot-password a:focus {
    text-decoration: underline;
}

/* Messages */
body.simplelogin .alert,
body.simplelogin [data-drupal-messages] {
    border-radius: 18px;
    margin-bottom: 20px;
}

/* Hide empty link area if not used */
body.simplelogin .simplelogin-link:empty {
    display: none;
}

/* Responsive */
@media (max-width: 767px) {
    body.simplelogin .simplelogin-wrapper {
        padding: 30px 16px;
    }

    body.simplelogin .simplelogin-bg {
        padding: 30px 22px 26px;
        border-radius: 24px;
    }

    body.simplelogin .simplelogin-logo h1 {
        font-size: 28px;
    }

    body.simplelogin .tabs ul.nav-tabs li a {
        min-height: 44px;
        padding: 10px 16px;
        font-size: 14px;
    }

    body.simplelogin .user-login-form .form-control {
        min-height: 54px;
        padding: 14px 16px;
        font-size: 15px;
    }

    body.simplelogin .user-login-form .btn.btn-primary,
    body.simplelogin .user-login-form .form-submit {
        min-height: 56px;
        font-size: 16px;
    }
}

.page-user-password .simplelogin-link {
    display: none;
}


.simplelogin-form button.form-submit {
    background: linear-gradient(180deg, #00D3F3 0%, #51A2FF 100%);
    border-color: transparent;
    color: #FFF;
    box-shadow: 0 12px 32px rgba(81, 162, 255, 0.30);
    border-radius: 999px;
}

.simplelogin .form-control {
    width: 100%;
    min-height: 58px;
    padding: 16px 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.06);
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    transition: all 0.3s ease;
}





#block-bootstrap-barrio-subtheme-languageswitcher .content {
    position: relative;
    padding-left: 26px;
}

#block-bootstrap-barrio-subtheme-languageswitcher .content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url('./images/lang-s.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#block-bootstrap-barrio-subtheme-languageswitcher .links.nav.links-inline .nav-link::before {
    content: none !important;
    display: none !important;
}

/* اخفي اللغة الحالية */
#block-bootstrap-barrio-subtheme-languageswitcher .links.nav.links-inline .nav-link.is-active {
    display: none;
}


.language-switcher-language-url {
    padding-inline-end: 50px;
    padding-inline-start: 40px;

    .links a {
        color: #FFF;
        font-family: var(--font-family-Font-1, "Anek Malayalam");
        font-size: 15px;
        font-style: normal;
        font-weight: var(--font-weight-400, 400);
        line-height: 22.5px;
        text-decoration: none;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        transition: 0.3s ease;
    }
}

.contact-us-section .layout>.col-lg-6 {

    /* max-height: 830px; */
}




.quote-language-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    gap: 0px;
}




/* whats news page  */

.whats-new-blog {
    .view-content {
        padding-block-end: 55px;
    }
}

.whats-new-blog {
    .swiper {
        padding-block-end: 90px;
        padding-block-start: 10px;
    }
}

.whats-new-blog {
    padding-inline: 85px;
    background: #000;
    padding-block: 81px;

    .view-header h2 {
        color: #FFF;
        text-align: center;
        font-family: "Anek Malayalam";
        font-size: 47.5px;
        font-style: normal;
        font-weight: var(--font-weight-500, 500);
        line-height: 54.65px;
        /* 115.053% */
        letter-spacing: -1.44px;
        padding-block-end: 35px;
    }
}

.whats-news-page {
    padding: 40px 0;
    background: #000;
}

.whats-news-page .container,
.whats-new-blog .container {
    max-width: 1320px;
}

.whats-news-page .view-what-s-new .view-content.row,
.whats-new-blog .view-what-s-new .view-content.row {
    margin: 0;
}

.whats-news-page .view-what-s-new .view-content.row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding-inline: 85px;
}

.whats-news-page .view-what-s-new .view-content.row>.views-row,
.whats-new-blog .view-what-s-new .swiper-slide {
    width: 100%;
    margin: 0;
    background: #f3f3f3;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 30px 30px;
    max-height: 529.66px;

}

.whats-news-page .view-what-s-new .view-content.row>.views-row:hover,
.whats-new-blog .view-what-s-new .swiper-slide:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2);
}

.whats-news-page .view-what-s-new .views-field-fieldset,
.whats-news-page .view-what-s-new .views-field-fieldset>.field-content,
.whats-news-page .view-what-s-new .date-image-wrapper,
.whats-new-blog .view-what-s-new .views-field-fieldset,
.whats-new-blog .view-what-s-new .views-field-fieldset>.field-content,
.whats-new-blog .view-what-s-new .date-image-wrapper {
    display: block;
    position: relative;
}

.whats-news-page .view-what-s-new .date-image-wrapper,
.whats-new-blog .view-what-s-new .date-image-wrapper {
    padding: 0;
    line-height: 0;
}

.whats-news-page .view-what-s-new .views-field-field-media-image,
.whats-news-page .view-what-s-new .views-field-field-media-image .field-content,
.whats-news-page .view-what-s-new .views-field-field-media-image .field,
.whats-news-page .view-what-s-new .views-field-field-media-image .field__item,
.whats-new-blog .view-what-s-new .views-field-field-media-image,
.whats-new-blog .view-what-s-new .views-field-field-media-image .field-content,
.whats-new-blog .view-what-s-new .views-field-field-media-image .field,
.whats-new-blog .view-what-s-new .views-field-field-media-image .field__item {
    display: block;
    width: 100%;
}

.whats-news-page .view-what-s-new .views-field-field-media-image img,
.whats-new-blog .view-what-s-new .views-field-field-media-image img {
    display: block;
    width: 100%;
    height: 296px;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}


.whats-news-page .view-what-s-new .date-wrapper,
.whats-new-blog .view-what-s-new .date-wrapper {
    .views-field-field-date {
        color: var(--demo-awaikenthemes-com-white, var(--color-white-solid, #FFF));
        text-align: center;

        /* demo.awaikenthemes.com/Semantic/Heading 3 */
        font-family: var(--font-family-Font-1, "Golos Text");
        font-size: var(--font-size-18, 18px);
        font-style: normal;
        font-weight: var(--font-weight-600, 600);
        line-height: normal;
    }

    .views-field-field-date-1 {
        color: var(--demo-awaikenthemes-com-white, var(--color-white-solid, #FFF));
        text-align: center;

        /* demo.awaikenthemes.com/Golos Text/Regular title */
        font-family: var(--font-family-Font-1, "Golos Text");
        font-size: var(--font-size-15, 15px);
        font-style: normal;
        font-weight: var(--font-weight-400, 400);
        line-height: var(--font-size-15, 15px);
        /* 100% */
        text-transform: capitalize;
    }
}



.whats-news-page .view-what-s-new .date-wrapper,
.whats-new-blog .view-what-s-new .date-wrapper {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 3;
    margin: 0;
}

.whats-news-page .view-what-s-new .date-wrapper,
.whats-new-blog .view-what-s-new .date-wrapper {
    min-width: 50px;
    padding: 6px 7px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 10px 0;
    background: #9664F7;
    box-shadow: 0 6px 16px rgba(150, 100, 247, 0.28);
}

.whats-news-page .view-what-s-new .views-field-fieldset-1,
.whats-new-blog .view-what-s-new .views-field-fieldset-1 {
    flex: 1 1 auto;
    display: flex;
}

.whats-news-page .view-what-s-new .views-field-fieldset-1>.field-content,
.whats-new-blog .view-what-s-new .views-field-fieldset-1>.field-content {
    width: 100%;
    display: flex;
    flex: 1 1 auto;
}

.whats-news-page .view-what-s-new .title-body-wrapper-new,
.whats-new-blog .view-what-s-new .title-body-wrapper-new {
    all: unset;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    min-height: 190px;
    border-radius: 0px 0px 30px 30px;
    border: 1px solid #ECF2F0;
    background: #FFF;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.03);
    box-sizing: border-box;

}


.whats-news-page .view-what-s-new .views-field-title,
.whats-new-blog .view-what-s-new .views-field-title {
    margin-bottom: 10px;
}

.whats-news-page .view-what-s-new .views-field-title a,
.whats-new-blog .view-what-s-new .views-field-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
    font-family: "Anek Malayalam";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 21.6px;
    text-decoration: none;
}

.whats-news-page .view-what-s-new .views-field-body,
.whats-new-blog .view-what-s-new .views-field-body {
    margin-bottom: 14px;
    flex: 1 1 auto;
}

.whats-news-page .view-what-s-new .views-field-body .field-content,
.whats-news-page .view-what-s-new .views-field-body p,
.whats-new-blog .view-what-s-new .views-field-body .field-content,
.whats-new-blog .view-what-s-new .views-field-body p {
    color: #6F6F6F;
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.5px;
}

.whats-news-page .view-what-s-new .views-field-body .field-content,
.whats-new-blog .view-what-s-new .views-field-body .field-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.whats-news-page .view-what-s-new .views-field-body p,
.whats-new-blog .view-what-s-new .views-field-body p {
    margin: 0;
}

.whats-news-page .view-what-s-new .views-field-view-node,
.whats-new-blog .view-what-s-new .views-field-view-node {
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

.whats-news-page .view-what-s-new .views-field-view-node a,
.whats-new-blog .view-what-s-new .views-field-view-node a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #9664F7;
    font-family: "Anek Malayalam";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.5px;
    text-transform: capitalize;
    text-decoration: none;
}

.whats-news-page .view-what-s-new .views-field-view-node a::after,
.whats-new-blog .view-what-s-new .views-field-view-node a::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 18px;
    background-image: url("./arrow-azad.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-inline-start: 6px;
    vertical-align: middle;
}

.whats-news-page .view-what-s-new .views-field-view-node a:hover,
.whats-news-page .view-what-s-new .views-field-title a:hover,
.whats-new-blog .view-what-s-new .views-field-view-node a:hover,
.whats-new-blog .view-what-s-new .views-field-title a:hover {
    text-decoration: none;
}







.inner-whats-new {
    padding-inline: 85px;
    background: #000;
}

.inner-whats-new .container {
    max-width: 1320px;
}

.inner-whats-new .view-what-s-new .view-content.row {
    margin: 0;
    display: block;
    /* padding-inline: 32px; */
}

.inner-whats-new .view-what-s-new .view-content.row>.views-row {
    width: 100%;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
    background: #f3f3f3;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    padding: 0;
}

.inner-whats-new .view-what-s-new .views-field-field-media-image,
.inner-whats-new .view-what-s-new .views-field-field-media-image .field-content,
.inner-whats-new .view-what-s-new .views-field-field-media-image .field,
.inner-whats-new .view-what-s-new .views-field-field-media-image .field__item {
    display: block;
    width: 100%;
}

.inner-whats-new .view-what-s-new .views-field-field-media-image {
    line-height: 0;
}

.inner-whats-new .view-what-s-new .views-field-field-media-image img {
    display: block;
    width: 100%;
    height: 635px;
    object-fit: cover;
    border-radius: 30px 30px 0 0;
}

.inner-whats-new .view-what-s-new .views-field-body {


    background: #FFF;
    padding: 50px;
    display: flex;
    color: var(--demo-awaikenthemes-com-dove-gray, #6F6F6F);
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_5, 25.5px);
    /* 141.667% */
}

.inner-whats-new .view-what-s-new .views-field-body .field-content {
    color: #8b8b8b;
    font-family: "Anek Malayalam";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
}

.inner-whats-new .view-what-s-new .views-field-body p {
    margin: 0 0 14px;
    color: var(--demo-awaikenthemes-com-dove-gray, #6F6F6F);
    font-family: "Anek Malayalam";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_5, 25.5px);
    /* 141.667% */
}

.inner-whats-new .view-what-s-new .views-field-body p:last-child {
    margin-bottom: 0;
}








.swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 40px;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 26px;
    height: 26px;
    margin: 0 !important;
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 18px;
    border: 1.125px solid #FFF;
    background: rgba(255, 255, 255, 0.00);
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #9664F7;
    border-color: #9664F7;
}


.node--type-what-s-new .breadcrumb-page-title-wrapper .views-field-title {
    font-size: 58px;
}