*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul,
ol {
    list-style: none;
    padding: 0;
}

img,
picture {
    max-width: 100%;
    height: auto;
    border-style: none;
}

input,
button,
textarea,
select {
    font: inherit;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    background: #0B1117;
}
.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}
h1 {
    font-family: 'Momo Trust Display', sans-serif;
    font-weight: 400;
}
h2 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.8px;
    margin-bottom: 5px;
}
.text-center {
    text-align: center;
}

/* header */
.header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background: transparent;
    padding: 14px 0;
}
.header.active {
    background: rgba(42, 35, 35, 0.20);
    backdrop-filter: blur(11px);
}
.header .black-logo {
    display: none;
}
.header.dark .black-logo {
    display: block;
}
.header.dark .white-logo {
    display: none;
}
.header.dark .nav-link {
    color: #383840;
}



.header .header-inner {
    display: flex;
    align-items: center;
    gap: 40px;
}
.header .logo {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-decoration: none;
    flex-shrink: 0;
}
.header .logo-badge {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 2px;
    padding-left: 1px;
}

/* ── NAV ── */
.header .nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    flex: 1;
}
.header .nav-item {
    position: relative;
}
.header .nav-link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    color: #CBD3DA;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    border-radius: 8px;
    transition: color 0.2s, background 0.2s;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: none;
}
.header .nav-link:hover {
    /* background: linear-gradient(90deg, #E98989 0%, #1FFFFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    font-weight: 500;
}
.header .chevron {
    width: 14px;
    height: 14px;
    transition: transform 0.25s;
    opacity: 0.6;
}
.header .nav-item.open>.nav-link .chevron {
    transform: rotate(180deg);
    opacity: 1;
}
.header .dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    border-radius: 14px;
    padding: 8px;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
    pointer-events: none;
    background: linear-gradient(121deg, #ECF1FD 3.88%, #E9E6FB 96.12%);
}
.header .nav-item.open>.dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.header .dropdown a {
    display: block;
    padding: 9px 14px;
    font-size: 14px;
    color: #292E2F;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
.header .dropdown a:hover {
    color: #3437CC;
}

/* ── MEGA DROPDOWN (Services) ── */
.header .mega-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: -110px;
    width: 780px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
    pointer-events: none;
}
.header .nav-item.open>.mega-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.header .mega-left {
    width: 340px;
    flex-shrink: 0;
    padding: 15px 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(108deg, #441865 9.33%, #122562 98.4%);
    gap: 5px;
    display: flex;
    flex-direction: column;
}
.header .mega-service-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    color: #CBD3DA;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 235.294% */
    border-radius: 9px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.header .mega-service-item:hover,
.header .mega-service-item.active {
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 6px;
    background: rgba(255, 208, 208, 0.20);
    font-weight: 500;
}
.header .mega-service-item .arrow-icon {
    width: 16px;
    height: 16px;
    opacity: 0;
    transition: opacity 0.15s;
    flex-shrink: 0;
    transform: rotate(-45deg);
}
.header .mega-service-item:hover .arrow-icon,
.header .mega-service-item.active .arrow-icon {
    opacity: 1;
}
.header .mega-right {
    flex: 1;
    padding: 40px 28px 28px 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: linear-gradient(121deg, #ECF1FD 3.88%, #E9E6FB 96.12%);
}
.header .mega-detail {
    display: none;
}
.header .mega-detail.visible {
    display: block;
}
.header .mega-detail-title {
    color: #1A1634;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 119.231% */
    margin-bottom: 8px;
}
.header .mega-detail-desc {
    color: #1A1634;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 163.158% */
    margin-bottom: 20px;
}
.header .mega-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px;
}
.header .mega-features li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #292E2F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.header .check-icon {
    width: 18px;
    height: 18px;
    background: #ede9fe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.header .check-icon svg {
    width: 10px;
    height: 10px;
}
.header .default-btn {
    font-size: 15px;
    padding: 6px 25px;
    border: 0;
    display: flex;
    gap: 8px;
    border-radius: 4px;
    background: #4C31B6;
}
.header .default-btn:hover {
    background: #7E37E0;
    border-color: transparent;
}


/* ── CTA BUTTON ── */
.header .header-actions {
    margin-left: auto;
    flex-shrink: 0;
}


/* ── HAMBURGER ── */
.header .hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 4px;
    background: none;
    border: none;
    margin-left: auto;
}
.header .hamburger span {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: transform 0.3s, opacity 0.3s;
}
.header .hamburger.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.header .hamburger.open span:nth-child(2) {
    opacity: 0;
}
.header .hamburger.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ── MOBILE MENU ── */
.mobile-menu {
    display: none;
    position: fixed;
    inset: 68px 0 0 0;
    background: #0c0d23;
    z-index: 999;
    overflow-y: auto;
    padding: 16px;
    flex-direction: column;
    gap: 2px;
}
.mobile-menu.open {
    display: flex;
}
.mobile-nav-item {
    border-radius: 10px;
    overflow: hidden;
}
.mobile-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    border-radius: 10px;
    transition: background 0.15s;
    text-decoration: none;
    background: transparent;
    border: 0;
    width: 100%;
}
.mobile-nav-link:hover {
    background: rgba(255, 255, 255, 0.06);
}
.mobile-chevron {
    width: 16px;
    height: 16px;
    transition: transform 0.25s;
    opacity: 0.5;
}
.mobile-nav-item.open>.mobile-nav-link .mobile-chevron {
    transform: rotate(180deg);
    opacity: 1;
}
.mobile-submenu {
    display: none;
    padding: 4px 8px 8px 16px;
    flex-direction: column;
    gap: 2px;
}
.mobile-nav-item.open>.mobile-submenu {
    display: flex;
}
.mobile-submenu a {
    padding: 10px 12px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.15s, color 0.15s;
}
.mobile-submenu a:hover {
    background: rgba(124, 92, 252, 0.15);
}
.mobile-menu .default-btn {
    max-width: 100%;
    margin-top: 20px;
}

/*  */
.heading-component {
    margin-bottom: 30px;
    position: relative;
}
.heading-component p {
    color: rgba(255, 255, 255, 0.70);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 188.235% */
}
.hero-section {
    padding: 180px 0 100px;
    background-color: #0E0842;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.hero-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -10%;
    width: 900px;
    height: 100%;
    background: url(../images/left-art.svg) 0 0 no-repeat;
    background-size: 100%;
    z-index: -1;
}
.hero-section::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 0;
    width: 700px;
    height: 100%;
    background: url(../images/right-art.svg) 0 0 no-repeat;
    background-size: 100%;
    z-index: -1;
}
.head-title {
    position: relative;
    border-radius: 450px;
    border: 1px solid #2D2479;
    background: rgba(12, 9, 43, 0.40);
    color: #A89FDC;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding: 10px 20px 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 180px;
    margin-bottom: 20px;
}
.head-title.style-2 {
    background-color: transparent;
    color: #301863;
    border-color: #9749F7;
}
.head-title.style-2::before {
    background-image: url(../images/star-icon-voilet.svg);
}
.head-title.style-3 {
    background-color: #9B94D8;
    color: #fff;
    border-color: #9B94D8;
}
.head-title::before {
    content: "";
    width: 17px;
    height: 16px;
    background: url(../images/star-icon.svg) 0 0 no-repeat;
    background-size: 100%;
    margin-right: 10px;
    animation: rotateStar 5s linear infinite;
}

@keyframes rotateStar {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.hero-section h1 {
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-bottom: 20px;
}
.hero-section h1 span {
   /* background: linear-gradient(90deg, #FFC60A 0%, #AA2DD4 40.87%, #FA13A5 88.46%);*/
   background: linear-gradient(90deg, #FFC60A 0%, #f47788 40.87%, #F5B038 88.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-section .hero-wrapper {
    display: grid;
    grid-template-columns: 700px 1fr;
    gap: 50px;
}
.hero-section p {
    color: rgba(255, 255, 255, 0.70);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-right: 110px;
}
.hero-section .right-column {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-outer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 60px;
}
.default-btn {
    border-radius: 6px;
    padding: 10px 40px;
    background: linear-gradient(92deg, #7E37E0 0.38%, #3437CC 99.62%);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
    max-width: 300px;
    cursor: pointer;
}
.default-btn:hover {
    background: linear-gradient(92deg, #3437CC 0.38%, #7E37E0 99.62%);
    border-color: transparent;
}
.default-btn.btn-style-1 {
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: transparent;
    color: rgba(255, 255, 255, 0.70);
}
.default-btn.btn-style-1:hover {
    background: #3437CC;
    border-color: #3437CC;
}
.default-btn.btn-style-2 {
    background: rgba(255, 255, 255, 0.90);
    color: #000000;
}
.default-btn.btn-style-2:hover {
    background: #7E37E0;
    color: #FFF;
    border-color: #7E37E0 !important;
}
.default-btn.btn-style-3 {
    background: linear-gradient(92deg, #000 0.38%, #000 99.62%);
    color: #FFFFFF;
}
.default-btn.btn-style-3:hover {
    background: linear-gradient(92deg, #7E37E0 0.38%, #3437CC 99.62%);
    color: #FFF;
}
.default-btn.btn-style-4 {
    background: transparent;
    color: #484650;
    border: 2px solid #BDC6D5;
}
.default-btn.btn-style-4:hover {
    background: #3437CC;
    border-color: #3437CC;
    color: #FFF;
}

.link-default-btn {
    border-radius: 6px;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 25px;
    padding-bottom: 2px;
}
.link-default-btn::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
}
.link-default-btn:hover::before {
    width: 50%;
}

.link-default-btn::after {
    content: '';
    display: inline-block;
    background: url(../images/round-arrow-right.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 0;
    transition: all 0.3s ease-in-out;
}
.link-default-btn:hover::after {
    right: -2px;
}

.link-default-btn.style-2 {
    padding-right: 16px;
}
.link-default-btn.style-2::after {
    background: url(../images/arc-white.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 7px;
    height: 20px;
    top: 12px;
    right: 0;
}
.link-default-btn.style-2:hover::after {
    right: -1px;
}
.link-default-btn.style-3 {
    color: #9E40FC;
}
.link-default-btn.style-3::before {
    background-color: #9E40FC;
}
.link-default-btn.style-3::after {
    filter: invert(40%) sepia(92%) saturate(3100%) hue-rotate(233deg) brightness(88%) contrast(95%);
    background: url(../images/arc-white.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 7px;
    height: 20px;
    top: 12px;
    right: 0;
}


/* Rotate List */
.rotate-list {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.rotate-list .rotate-item {
    border-radius: 10px;
    border: 1px solid #A89FF8;
    background: linear-gradient(90deg, rgba(25, 23, 42, 0.20) 0%, rgba(41, 35, 75, 0.20) 100%);
    display: flex;
    gap: 20px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 14px 20px;
    border-radius: 12px;
    transition:
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s ease;
    will-change: transform;
}
.rotate-list h3 {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px;
}
.rotate-list h4 {
    color: #A89FF8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.rotate-list img {
    background: rgb(168 159 248 / 10%);
    padding: 10px;
    border-radius: 10px;
}
.rotate-list .rotate-item.clr-1 {
    border: 1px solid #6CF6FE;
}
.rotate-list .rotate-item.clr-2 {
    border: 1px solid #FCAA3F;
}
.rotate-list .rotate-item.clr-3 {
    border: 1px solid #C5BEFF;
}
.rotate-list .rotate-item.clr-4 {
    border: 1px solid #00E5C8;
}
.rotate-list .rotate-item.clr-1 h4 {
    color: #6CF6FE;
}
.rotate-list .rotate-item.clr-2 h4 {
    color: #FCAA3F;
}
.rotate-list .rotate-item.clr-3 h4 {
    color: #C5BEFF;
}
.rotate-list .rotate-item.clr-4 h4 {
    color: #00E5C8;
}
.rotate-list .rotate-item.clr-1 img {
    background: rgb(108 246 254 / 10%);
}
.rotate-list .rotate-item.clr-2 img {
    background: rgb(250 172 63 / 10%);
}
.rotate-list .rotate-item.clr-3 img {
    background: rgb(197 190 255 / 10%);
}
.rotate-list .rotate-item.clr-4 img {
    background: rgb(0 229 200 / 10%);
}
.rotate-list .rotate-item.active {
    opacity: 1;
    transform: scale(1);
}
.rotate-list .rotate-item::after {
    content: "";
    position: absolute;
    right: -10px;
    top: -10px;
    /* transform: translateY(-50%); */
    background: url(../images/check-icon.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 38px;
    height: 38px;
    color: white;
    border-radius: 50%;
    padding: 6px 10px;
    font-size: 14px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease;
}
.rotate-list .rotate-item.active::after {
    opacity: 1;
    transform: scale(1);
}


/*  */
.what-we-do-section {
    padding: 60px 0;
    background-color: #0E0842;
}
.what-we-do-section .heading-component {
    max-width: 840px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.what-we-do-section.light-theme {
    background-color: #fff;
}
.what-we-do-section.light-theme h2 {
    color: #1A203F;
}
.what-we-do-section.light-theme p {
    color: rgba(26, 32, 63, 0.70);
}
.light-theme .skill-box-component-wrapper {
    border-color: #E8ECEF;
    background: rgba(254, 254, 255, 0.60);
}
.light-theme .skill-box-component {
    border-color: #E8ECEF;
}
.light-theme .skill-box-component h3 {
    color: #1A203F;
}
/*  */
.skill-box-component-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-radius: 20px;
    border: 1px solid #3A2F71;
    background: #211B51;
    overflow: hidden;
}
.skill-box-component {
    padding: 40px;
    border: 1px solid #3A2F71;
    border-top: 0;
    border-left: 0;
}
.skill-box-component:nth-child(3n) {
    border-right: 0;
}
.skill-box-component:nth-last-child(-n + 3) {
    border-bottom: 0;
}
.skill-box-component h3 {
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}
.skill-box-component h3 a {
    color: inherit;
}
.skill-box-component .icon-img {
    background: #262053;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    flex-shrink: 0;
}
.skill-box-component p {
    color: #A693C8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}
.skill-box-component a {
    margin-top: 20px;
}
.skill-box-row {
    display: flex;
    gap: 25px;
}
.tags-component {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
}
.tags-component .tag-item {
    border-radius: 40px;
    background: #40377D;
    color: #C3BEEE;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 180% */
    padding: 4px 10px;
}
.skill-box-component {
    position: relative;
    transition: all .3s ease-in-out;
}
.skill-box-component:hover {
    box-shadow: 0 4px 24px rgba(124, 92, 252, .2);
}
.skill-box-component.clr-style-1 .icon-img {
    background: #524E22;
}
.skill-box-component.clr-style-2 .icon-img {
    background: #4A3417;
}
.skill-box-component.clr-style-3 .icon-img {
    background: #441A42;
}
.skill-box-component.clr-style-4 .icon-img {
    background: #2F4E20;
}
.skill-box-component.clr-style-5 .icon-img {
    background: #1A374E;
}
.skill-box-component.clr-style-6 .icon-img {
    background: #24401B;
}
.skill-box-component.clr-style-7 .icon-img {
    background: #245356;
}
.skill-box-component.clr-style-8 .icon-img {
    background: #42282E;
}
.skill-box-component.clr-style-1 .tag-item {
    background: #524E22;
    color: #F9EE7C;
}
.skill-box-component.clr-style-2 .tag-item {
    background: #4A3417;
    color: #FDA940;
}
.skill-box-component.clr-style-3 .tag-item {
    background: #441A42;
    color: #F350EB;
}
.skill-box-component.clr-style-4 .tag-item {
    background: #2F4E20;
    color: #72D044;
}
.skill-box-component.clr-style-5 .tag-item {
    background: #1A374E;
    color: #2A9BF8;
}
.skill-box-component.clr-style-6 .tag-item {
    background: #24401B;
    color: #BCEBC7;
}
.skill-box-component.clr-style-7 .tag-item {
    background: #1F494B;
    color: #6CF6FE;
}
.skill-box-component.clr-style-8 .tag-item {
    background: #42282E;
    color: #EA7E99;
}


/* light theme */

.elementor-widget-omangom-services-v2 .skill-box-component .icon-img {
    background: #A781FF;
}
.elementor-widget-omangom-services-v2 .skill-box-component .icon-img img {
    filter: brightness(0) invert(1);
}
.elementor-widget-omangom-services-v2 .tags-component .tag-item {
    background: #EFE8FF;
    color: #9784C3;
}

.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-1 .icon-img {
    background: #D8CC49;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-2 .icon-img {
    background: #6EB4E0;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-3 .icon-img {
    background: #E17AEB;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-4 .icon-img {
    background: #5AA6D9;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-5 .icon-img {
    background: #71D0B0;
}
/*  */
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-1 .tag-item {
    background: #EEECCD;
    color: #9E9420;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-2 .tag-item {
    background: #D5EAF8;
    color: #59A0CC;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-3 .tag-item {
    background: #F3D9F6;
    color: #C56DCD;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-4 .tag-item {
    background: #CFE3F1;
    color: #6993AE;
}
.elementor-widget-omangom-services-v2 .skill-box-component.clr-style-5 .tag-item {
    background: #C7F0E2;
    color: #63AA92;
}


.elementor-widget-omangom-services-v3 .skill-box-component:nth-last-child(-n+2) {
    border-bottom: 0 !important;
}
.elementor-widget-omangom-services-v3 .skill-box-component:nth-child(even) {
    border-right: 0 !important;
}


/* tech partner section */
.tech-partner-section {
    padding: 60px 0;
    background-color: #18133E;
}
.partner-card-outer,
.industries-card-outer,
.our-project-outer {
    padding-left: calc((100% - 1260px) / 2);
}
.partner-card-component {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(130deg, #211B51 26.4%, #352D7B 109.03%);
    padding: 30px;
    /* transition: border-color .2s, color .2s; */
    margin: 0 10px 0 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.partner-card-component:hover {
    border-color: #7C5CFC;
    box-shadow: 0 4px 24px rgba(124, 92, 252, .2)
}
.partner-card-component .icon {
    /* border-radius: 7.429px;
    background: rgba(77, 77, 77, 0.10);
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center; */
}
.partner-card-component .parner-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}
.partner-card-component .parner-logo-wrapper img {
    min-height: 35px;
}
.partner-card-component .parner-name {
    color: #BCEBC7;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border-radius: 40px;
    background: #24401B;
    padding: 4px 10px;
}
.partner-card-component .platform-name {
    color: #7E66AF;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.22px;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.partner-card-component h3 {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.34px;
}
.partner-card-component .platform-heading p {
    color: rgba(227, 219, 240, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-right: 40px;
}
.partner-card-component h4 {
    color: #FFC60A;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.22px;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.partner-card-component .platform-heighlight p {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
}
.partner-card-component .platform-heighlight {
    border-radius: 10px;
    /* border: 1px solid rgba(255, 255, 255, 0.20); */
    background: #2F2579;
    /* border-left: 4px solid #FFC60A; */
    padding: 20px;
    padding-right: 60px;
    margin-top: 20px;
}
.slider-count-component {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.70);
}
.slider-count-component .current {
    color: #fff;
}

/* carausel */
.partner-card-wrapper,
.industries-card-wrapper,
.our-project-wrapper {
    overflow: hidden;
    position: relative;
    padding-top: 0;
    height: 100%;
    margin-top: -70px;
    padding-top: 80px;
}
.partner-card-wrapper .slick-track,
.industries-card-wrapper .slick-track,
.our-project-wrapper .slick-track {
  display: flex !important;
}
.partner-card-wrapper .slick-slide,
.industries-card-wrapper .slick-slide,
.our-project-wrapper .slick-slide {
  height: auto;
  display: flex !important;
}

/* Active center card */
/* .partner-card-wrapper .slick-center .partner-card-component {
  opacity: 1;
  transform: scale(1);
} */

/* Remove outline */
.partner-card-wrapper .slick-slide,
.industries-card-wrapper .slick-slide,
.our-project-wrapper .slick-slide {
  outline: none;
}
.partner-card-wrapper .slick-prev,
.partner-card-wrapper .slick-next,
.industries-card-wrapper .slick-prev,
.industries-card-wrapper .slick-next,
.our-project-wrapper .slick-prev,
.our-project-wrapper .slick-next {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.00);
    backdrop-filter: blur(12px);
}
.partner-card-wrapper .slick-prev:before,
.partner-card-wrapper .slick-next:before,
.industries-card-wrapper .slick-prev:before,
.industries-card-wrapper .slick-next:before,
.our-project-wrapper .slick-prev:before,
.our-project-wrapper .slick-next:before {
  font-size: 20px;
}
.partner-card-wrapper .slick-list,
.industries-card-wrapper .slick-list {
  overflow: visible;
  padding-right: 100px !important;
}
.partner-card-wrapper .slick-list {
  padding-right: 0px !important;
}
.industries-card-wrapper .slick-list {
  padding-right: 300px !important;
}
/* .our-project-wrapper .slick-list {
  padding-right: 200px !important;
} */

.partner-card-wrapper .slick-track {
  margin-left: 0;
}
.partner-card-wrapper .slick-arrow,
.industries-card-wrapper .slick-arrow,
.our-project-wrapper .slick-arrow {
  position: absolute;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* RIGHT arrow (next) */
.partner-card-wrapper .slick-next,
.industries-card-wrapper .slick-next,
.our-project-wrapper .slick-next {
  right: calc((100% - 1120px) / 2);
}

/* LEFT arrow (prev) */
.partner-card-wrapper .slick-prev,
.industries-card-wrapper .slick-prev,
.our-project-wrapper .slick-prev {
  right: calc((100% - 1120px) / 2 + 50px);
  left: auto;
}
.partner-card-wrapper .slick-arrow::before,
.industries-card-wrapper .slick-arrow::before,
.our-project-wrapper .slick-arrow::before {
    content: '';
    background: url(../images/left-arrow.svg) no-repeat center center;
    background-size: 100%;
    width: 12px;
    height: 12px;
    display: block;
}
.partner-card-wrapper .slick-next::before,
.industries-card-wrapper .slick-next::before,
.our-project-wrapper .slick-next::before {
    transform: rotate(180deg);
} 


/*  */
.testimonials-section {
    padding: 60px 0;
    position: relative;
    z-index: 9;
    background: #191440;
}
.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}
.testimonial-card .quote-icon {
    width: 30px;
    height: 24px;
    margin-bottom: 10px;
}
.testimonial-card {
    min-height: 320px;
    padding: 40px 46px;
    border-radius: 16px;
}
.testimonial-card p {
    color: #FFF;
    font-size: 17px;
    font-style: italic;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 20px;
    min-height: 178px;
    position: relative;
    padding-top: 30px;
}
.testimonial-card p::after {
    content: "";
    background: url(../images/quote-icon.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 30px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial-card.sky {
    background: linear-gradient(150deg, #6C32CA 9.12%, #622ABC 95.87%);
}
.testimonial-card.violet {
    background: linear-gradient(329deg, #29974B 5.12%, #31B559 94.88%);
}
.testimonial-card.purple {
    background: linear-gradient(324deg, #AD31A5 2.76%, #C540BD 97.24%);
}
.testimonial-card .testimonial-wrapper {
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding-top: 30px;
}
.testimonial-card .testimonial-wrapper img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}
.testimonial-card .testimonial-profile {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.testimonial-card h3 {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.testimonial-card h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.testimonial-card h5 {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 4px;
}

/*  */
.footer-section {
    background: #16185D;
    padding: 65px 0 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
/* .footer-section::before {
    content: "";
    position: absolute;
    top: -140px;
    left: 0;
    border-radius: 50px;
    background: #8E42B9;
    filter: blur(172px);
    width: 1196px;
    height: 167px;
    z-index: -1;
    margin: auto;
    right: 0;
} */
.footer-section .footer-wrapper {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 124px;
}
.footer-section .footer-left h3 {
    margin-bottom: 7px;
    font-size: 14px;
}
.footer-section .footer-left p {
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}
.footer-section .footer-left .tags-component {
    margin: 30px 0;
}
.footer-section h3 {
    color: #E5E0EF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}
.footer-section .footer-list li {
    color: #E5E0EF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    /* 266.667% */
}
.footer-section .footer-list li a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.footer-section .footer-list li a:hover {
    text-decoration: underline;
}
.footer-section .footer-right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
}
.footer-section .footer-right h3 {
    margin-bottom: 8px;
}
.footer-section .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    margin-top: 70px;
    padding: 20px 0;
}
.footer-section .copyright p {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
}
.footer-section .footer-middle {
    color: #CFCAF8;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    gap: 10px;
    align-items: center;
}
.footer-section .copyright .default-btn {
    border-radius: 6px;
    padding: 5px 18px;
    font-weight: 500;
}
.footer-section .footer-link {
    color: #DCD4EB;
}
.footer-section .footer-link a {
    color: #DCD4EB;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
    text-decoration: none;
}
.footer-section .footer-link a:hover {
    text-decoration: underline;
}
.footer-section .copyright-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.footer-section .social-icons {
    display: flex;
    gap: 10px;
    margin-top: 30px;
}
.footer-section .social-icons li a {
    background: #AFAEF5;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.footer-section .social-icons li a:hover {
    background: #fff;
}
.footer-section .locations-wrapper {
    margin-top: 46px;
    max-width: 240px;
}
.footer-section .location:first-child {
    border-bottom: 1px solid #4D4853;
}
.footer-section .location {
    padding-bottom: 20px;
    margin-bottom: 20px;
}


/* partner-section */
.partner-section {
    padding: 80px 0;
    background-color: #0E0842;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.partner-section::before {
    content: "";
    position: absolute;
    top: -140px;
    left: 0;
    border-radius: 50px;
    background: linear-gradient(180deg, #1C192F 20.98%, rgba(28, 25, 47, 0.00) 84.1%);
    width: 1196px;
    height: 167px;
    margin: auto;
    right: 0;
    z-index: -1;
}
.partner-section::after {
    content: "";
    position: absolute;
    bottom: -210px;
    left: 0;
    border-radius: 50px;
    background: radial-gradient(50% 50% at 49.71% 49.81%, #3264EE 0%, rgba(120, 0, 149, 0.00) 100%);
    opacity: 0.15;
    filter: blur(72px);
    width: 500px;
    height: 500px;
    margin: auto;
    right: 0;
    z-index: -1;
}
.partner-section p {
    color: #756589;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.partner-section .partner-logo-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 22px;
    margin-top: 30px;
}
.logo-box-component {
    padding: 35px 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

/* .logo-box-component:hover {
  box-shadow: 
    0 0 10px rgba(126, 55, 224, 0.5),
    0 0 20px rgba(126, 55, 224, 0.4),
    0 0 40px rgba(126, 55, 224, 0.3);
} */
.logo-box-component::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.05);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s ease;
    filter: blur(10px);
}
.logo-box-component:hover::before {
    opacity: 1;
}

/* industry-section */
.industry-section {
    background-color: #0E0842;
    padding: 60px 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.ind-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(236px, 1fr));
    gap: 15px;
    margin-top: 30px
}
.ind-card-component {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #21153D;
    padding: 30px 25px;
    transition: border-color .2s, box-shadow .2s;
}
.ind-card-component:hover {
    border-color: #7C5CFC;
    box-shadow: 0 4px 24px rgba(124, 92, 252, .2)
}
.ind-card-component .ind-icon {
    margin-bottom: 20px;
    display: block
}
.ind-card-component .ind-name {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6px;
}
.ind-card-component .ind-sub {
    color: rgba(229, 226, 235, 0.60);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
}

/* tech stack section */
.tech-stack-section {
    padding: 60px 0;
    background-color: #0E0842;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.tech-stack-section::before {
    content: "";
    position: absolute;
    top: -220px;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: radial-gradient(50% 50% at 49.71% 49.81%, #3264EE 0%, rgba(120, 0, 149, 0.00) 100%);
    opacity: 0.15;
    filter: blur(72px);
    width: 1196px;
    height: 500px;
    margin: auto;
    z-index: -1;
}
.tech-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.tech-grid-wrapper h3 {
    color: #A699D8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 30px;
}
.tech-grid-wrapper h3:first-child {
    margin-top: 10px;
}
.tech-pill-component {
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(31, 37, 93, 0.10);
    padding: 8px 22px;
    transition: border-color .2s, color .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tech-pill-component:hover {
    border-color: #7C5CFC;
    box-shadow: 0 4px 24px rgba(124, 92, 252, .2)
}

/* cta-section */
.cta-section {
    padding: 60px 0;
    background: #fff;
    text-align: center;
}
.cta-section h2 {
    color: #1A203F;
}
.cta-section p {
    color: #1A203F;
    max-width: 800px;
    margin: auto;
}
.cta-section .button-outer {
    justify-content: center;
    margin-top: 40px;
}
.cta-section .contact-info {
    color: #1A203F;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 228.571% */
    margin-top: 20px;
}
.our-work-section {
    padding: 60px 0;
    background: linear-gradient(90deg, #E8EEFB 0%, #E3DFF6 100%);
    position: relative;
    min-height: 100vh;
}
.our-work-section h2 {
    color: #000;
}
.our-work-wrapper {
    position: relative;
}
/*  */
.our-work-card-component {
    border-radius: 20px;
    border: 1px solid #E0DEE6;
    background: #FFF;
    padding: 70px 50px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
    align-items: center;
}
.our-work-card-component .left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.our-work-card-component .project-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 30px;
}
.our-work-card-component .badge {
    color: #5A95D0;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 200% */
    border-radius: 450px;
    border: 1px solid #5A95D0;
    background: #F3F9FF;
    padding: 8px 14px;
    white-space: nowrap;
}
.our-work-card-component .title-block h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}
.our-work-card-component .title-block p {
    color: #47434F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}
.our-work-card-component .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.our-work-card-component .tag {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #5D5B67;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 200% */
}
.our-work-card-component .tag::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7846E6;
    flex-shrink: 0;
}
.our-work-card-component .stats {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.our-work-card-component .stat-label {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 200% */
}
.our-work-card-component .stat-value {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.our-work-card-component .right img {
    border-radius: 10px;
    background: linear-gradient(261deg, #EEEFFA 5.23%, #FEF3F0 43.97%, #EEEFFA 94.77%);
    padding: 50px 15px;
}
.our-work-card-component .default-btn {
    max-width: max-content;
}

/* CARDS */
.our-work-card-component {
  min-height: 60vh;
  position: sticky;
  top: 140px;
  transition: all 0.4s ease;
  opacity: 1 !important;
  transform: none;
}

/* stacking effect */
.our-work-card-component:nth-child(1) { top: 140px; }
.our-work-card-component:nth-child(2) { top: 140px; }
.our-work-card-component:nth-child(3) { top: 140px; }
.our-work-card-component:nth-child(4) { top: 140px; }
.our-work-card-component:nth-child(5) { top: 140px; }

/*  */
.industries-card-component {
    border-radius: 10px;
    background: #91F1FA;
    position: relative;
    overflow: hidden;
    padding: 24px;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.industries-card-component .card-content h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  color: #000;
}
.industries-card-component .card-content p {
  margin-top: 10px;
  font-size: 16px;
  color: #0a0a0a;
  line-height: 1.5;
}
.industries-card-component .card-content {
    margin-bottom: 250px;
}
.industries-card-component .card-image {
    overflow: hidden;
    margin-top: 40px;
    position: absolute;
    bottom: -100px;
    right: -40px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: #e1e1e1;
}
.industries-card-component .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.industries-card-component.bg2 {
    background-color: #C4CFFF;
}
.industries-card-component.bg3 {
    background-color: #D7B5FF;
}
.industries-card-component.bg4 {
    background-color: #FDD4B7;
}

/*  */
.our-project-section {
    background: #191440;
    padding-top: 60px;
    padding-bottom: 60px;
}
.our-work-card-component {
    padding-bottom: 0;
    align-items: flex-start;
}
.our-project-section h2 {
    color: #fff;
}
.our-project-card-component {
    border-radius: 20px;
    background: #3C40B2;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    /* margin-right: 40px; */
    position: relative;
    z-index: 0;
}
.our-project-card-component::before {
    /* content: '';
    background: url(../images/card-bg-pattern-1.png) 0 0 no-repeat;
    background-size: contain;
    width: 2186px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    filter: brightness(0.5); */
}
.our-project-card-component .left {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    padding: 50px 50px 20px;
}
.our-project-card-component .right {
    text-align: center;
    flex-basis: 50%;
    background-color: #30349A;
    height: 100%;
    padding: 0 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
/* bg color */
.our-project-card-component.bg-2 {
    background: #19889C;
}
.our-project-card-component.bg-2 .right {
    background-color: #187586;
}
.our-project-card-component.bg-3 {
    background: #A43EB7;
}
.our-project-card-component.bg-3 .right {
    background-color: #892A9B;
}
.our-project-card-component.bg-4 {
    background: #2F9750;
}
.our-project-card-component.bg-4 .right {
    background-color: #218842;
}
.our-project-card-component.bg-5 {
    background: #BC5287;
}
.our-project-card-component.bg-5 .right {
    background-color: #A2356C;
}
.our-project-card-component.bg-6 {
    background: #276395;
}
.our-project-card-component.bg-6 .right {
    background-color: #195689;
}
.our-project-card-component.bg-7 {
    background: #AF4B4B;
}
.our-project-card-component.bg-7 .right {
    background-color: #8F3636;
}
.our-project-card-component.bg-8 {
    background: #0B6660;
}
.our-project-card-component.bg-8 .right {
    background-color: #175955;
}

/* tag color */
.our-project-card-component.bg-2 .tags-component .tag-item {
    background-color: #18535E;
    color: #48F6DF;
}
.our-project-card-component.bg-3 .tags-component .tag-item {
    background-color: #852B97;
    color: #fff;
}
.our-project-card-component.bg-4 .tags-component .tag-item {
    background-color: #0E5E45;
    color: #B7F885;
}
.our-project-card-component.bg-5 .tags-component .tag-item {
    background-color: #942772;
    color: #FBEFFB;
}
.our-project-card-component.bg-6 .tags-component .tag-item {
    background-color: #4187D2;
    color: #fff;
}
.our-project-card-component.bg-7 .tags-component .tag-item {
    background-color: #DAC445;
    color: #000;
}
.our-project-card-component.bg-8 .tags-component .tag-item {
    background-color: #B9FD60;
    color: #000;
}




.our-project-card-component .right img {
    /* margin-left: auto; */
    /* border-radius: 10px;
    background: linear-gradient(261deg, #EEEFFA 5.23%, #FEF3F0 43.97%, #EEEFFA 94.77%);
    padding: 50px 15px; */
    width: 100%;
}

.our-project-card-component .pr-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.our-project-card-component .badge {
    color: rgba(255, 255, 255, 0.80);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 163.636% */
    text-transform: uppercase;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(0, 0, 0, 0.20);
    padding: 5px 16px;
    white-space: nowrap;
}

.our-project-card-component .title-block h3 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.our-project-card-component .title-block p {
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
}
.our-project-card-component .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.our-project-card-component .tag {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 200% */
}
.our-project-card-component .tag::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
}
.our-project-card-component .stats {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.our-project-card-component .stat-label {
    color: rgb(255 255 255 / 70%);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 200% */
}
.our-project-card-component .stat-value {
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.our-project-card-component .default-btn {
    max-width: max-content;
}
.our-project-card-component .btn-wrapper {
    margin-top: 25px;
}

.result-component {
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.20);
    padding: 10px 25px;
}
.result-component h4 {
    color: #FFDA0A;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 216.667% */
}
.result-component p {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; /* 158.333% */
}
.our-project-card-component .tags-component .tag-item {
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #4E44DB;
}

/* second-lavel-section */
.second-lavel-section {
    padding: 180px 0 100px;
    background-color: #0E0842;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.second-lavel-section.light-theme {
    background: #fff url(../images/second-lavel-banner-bg.png) 0 0 no-repeat;
    background-size: cover;
}
.second-lavel-section h1 {
    font-size: 60px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-bottom: 20px;
    color: #fff;
}
.second-lavel-section.light-theme h1 {
    color: #1A203F;
}
.second-lavel-section h1 span {
    background: linear-gradient(90deg, #FFC60A 0%, #AA2DD4 40.87%, #FA13A5 88.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.second-lavel-section .hero-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 50px;
}
.second-lavel-section p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-right: 110px;
    color: #fff;
}
.second-lavel-section.light-theme p {
    color: #1A203F;
}
.second-lavel-section .right-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 372px;
    padding: 20px 30px 30px;
    border-radius: 10px;
    border: 1px solid #371A6C;
    background: linear-gradient(90deg, rgba(25, 23, 42, 0.20) 0%, rgba(41, 35, 75, 0.20) 100%);
    margin-left: auto;
    margin-right: auto;
}
.second-lavel-section.light-theme .right-column {
    border: 1px solid #E9E8EA;
    background: rgba(255, 255, 255, 0.20);
}
.second-lavel-section  .default-btn.btn-style-2 {
    border: 2px solid #BDC6D5;
}
.second-lavel-section .right-column h2 {
    color: #fff;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.second-lavel-section.light-theme .right-column h2 {
    color: #000;
}
.second-lavel-section.light-theme .tags-component .tag-item {
    background-color: #E2DDFF;
    color: #9270CD;
}
.second-lavel-section.dark-theme::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -10%;
    width: 900px;
    height: 100%;
    background: url(../images/left-art.svg) 0 0 no-repeat;
    background-size: 100%;
    z-index: -1;
}
.second-lavel-section.dark-theme::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 0;
    width: 700px;
    height: 100%;
    background: url(../images/right-art.svg) 0 0 no-repeat;
    background-size: 100%;
    z-index: -1;
}

/* highlighted-list-component */
.highlighted-list-component {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.highlighted-list-component h3 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.light-theme .highlighted-list-component h3 {
    color: #000;
}
.highlighted-list-component h4 {
    color: #7F7E86;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 2px;
}
.highlighted-list-component .omg-hf-item-content {
    display: inline-block
    ;
}
/*
.highlighted-list-component img {
    background: rgb(168 159 248 / 10%);
    padding: 10px;
    border-radius: 10px;
}
*/    
.highlighted-list-component .highlighted-item {
    display: flex;
    gap: 20px;
    width: 100%;
    padding: 0;
    position: relative;
}
.highlighted-list-component .highlighted-item > .omg-hf-icon {
    flex-shrink: 0;
}

/*
.highlighted-list-component .highlighted-item::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background: url(../images/circle-check-yellow.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    padding: 6px 10px;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}

.highlighted-list-component .highlighted-item.active::after {
    opacity: 1;
    transform: scale(1);
}
*/
/*  */
.delivery-process-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #130C4A;
}
.delivery-process-section.light-theme {
    background-color: #fff;
}
.delivery-process-wrapper {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
}
.delivery-process-section.light-theme h2 {
    color: #1A203F;
}
.delivery-process-section.light-theme p {
    color: #1A203F;
}
.delivery-process-card-component {
    border-radius: 10px;
    border: 1px solid #6129CA;
    background: #31266E;
    padding: 20px 25px;
    counter-increment: step;
    position: relative;
}
.light-theme .delivery-process-card-component {
    background: #FFF;
}
.delivery-process-card-component::before {
    content: counter(step, decimal-leading-zero);
    position: relative;
    top: 0;
    left: 0;
    color: #A697FA;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
}
.light-theme .delivery-process-card-component::before {
    color: #000;
}
.delivery-process-card-component h3 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 5px 0 8px;
    min-height: 40px;
}
.light-theme .delivery-process-card-component h3 {
    color: #6129CA;
}
.delivery-process-card-component p {
    color: #ACB2D2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
}
.light-theme .delivery-process-card-component p {
    color: #686C7C;
}

/* capability-list */
.capability-list-wrapper {
    display: grid;
    grid-template-columns: 55% 1fr;
    gap: 50px;
    margin-top: 40px;
}
.capability-list-section {
    background-color: #080031;
    padding-top: 60px;
    padding-bottom: 60px;
}
.capability-list-component {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 28px;
}
.capability-list-wrapper .img-side img {
    border-radius: 20px;
}
.capability-list-component .icon-wrap {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #245356;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.capability-list-component .icon-wrap.bg2 {
    background: #544F23;
}
.capability-list-component .icon-wrap.bg3 {
    background: #441A42;
}
.capability-list-component .icon-wrap.bg4 {
    background: #2F4E20;
}
.capability-list-component .card-title {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
.capability-list-component .card-desc {
    color: #A2A0B3;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}
.capability-list-component .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.capability-list-component .tag {
    color: #8885A0;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 180% */
    border-radius: 40px;
    background: rgba(248, 252, 255, 0.10);
    padding: 3px 10px;
    letter-spacing: 0.01em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}
.capability-list-component .tag span {
    position: relative;
}
.capability-list-component .tag span:first-child::before {
    display: none;
}
.capability-list-component .tag span::before {
    content: '';
    background: #8885A0;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    margin-right: 4px;
}
 
/* case-study-section */
.case-study-section {
    background: #FFF;
    padding-top: 60px;
    position: relative;
    z-index: 0;
}
.case-study-section::after {
    content: '';
    background: url(../images/blue-bg-patter.png) 0 0 no-repeat;
    background-size: cover;
    width: 722px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.case-study-section h2 {
    color: #1A203F;
    margin-bottom: 20px;
}
.case-study-section p {
    color: #1A203F;
    margin-bottom: 20px;
}
.img-box img {
    vertical-align: bottom;
}
.case-study-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
    gap: 60px;
}
.case-study-section .link-default-btn {
    color: #2B32AE;
}
.case-study-section .link-default-btn::before {
    background-color: #2B32AE;
}
.case-study-section .link-default-btn::after {
    filter: invert(80%) sepia(92%) saturate(3100%) hue-rotate(233deg) brightness(88%) contrast(95%);
}


/* Media Queries */
@media (max-width:1200px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hero-section .hero-wrapper {
        grid-template-columns: 600px 1fr;
        gap: 20px;
    }
    .rotate-list .rotate-item {
        gap: 10px;
        padding: 6px 15px;
    }
    .rotate-list h3 {
        font-size: 18px;
    }
    .footer-section .footer-wrapper {
        gap: 50px;
    }
    .footer-section .footer-right {
        gap: 50px;
    }
    .our-work-card-component {
        padding: 40px 30px;
        gap: 30px;
    }
    .partner-card-wrapper .slick-prev,
    .industries-card-wrapper .slick-prev,
    .our-project-wrapper .slick-prev {
        right: 80px;
    }
    .partner-card-wrapper .slick-next,
    .industries-card-wrapper .slick-next,
    .our-project-wrapper .slick-next {
        right: 20px;
    }
    .our-project-outer {
        padding-left: 15px;
    }

}

@media (max-width:1024px) {
    .rotate-list h3 {
        font-size: 16px;
    }
    .rotate-list img {
        padding: 6px;
        width: 30px;
        height: 30px;
        object-fit: contain;
    }
}


@media (max-width:991px) {
    .rotate-list {
        max-width: 400px;
        height: 350px;
    }
    .rotate-list .rotate-item {
        gap: 10px;
        padding: 6px 4px;
    }
    .hero-section .hero-wrapper {
        grid-template-columns: 380px 1fr;
    }
    .hero-section h1 {
        font-size: 34px;
        line-height: 1.2;
    }
    .hero-section p {
        font-size: 16px;
        padding-right: 20px;
    }
    .button-outer {
        gap: 10px;
        margin-top: 30px;
    }
    .default-btn {
        padding: 10px 15px;
        font-size: 15px;
    }
    .skill-box-component {
        padding: 30px 20px;
    }
    .skill-box-component-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .skill-box-component:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.10);
    }
    .footer-section .footer-wrapper {
        grid-template-columns: 1fr;
    }
    .header .nav {
        display: none;
    }
    .header .header-actions {
        display: none;
    }
    .header .hamburger {
        display: flex;
    }
    .header .header-inner {
        gap: 0;
    }
    .industries-card-wrapper .slick-list,
    .our-project-wrapper .slick-list {
        overflow: hidden;
        padding-right: 0 !important;
    }
    .capability-list-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width:767px) {
    h2 {
        font-size: 26px;
    }
    .heading-component p {
        font-size: 15px;
        line-height: 1.4;
    }
    .default-btn {
        width: 100%;
    }
    .hero-section {
        padding: 140px 0 30px;
        text-align: center;
    }
    .hero-section .button-outer {
        justify-content: center;
    }
    .rotate-list h4 {
        font-size: 14px;
    }
    .rotate-list .rotate-item {
        justify-content: center;
        align-items: center;
    }
    .rotate-list .rotate-item::after {
        width: 25px;
        height: 25px;
    }
    .partner-section {
        padding: 50px 0;
    }
    .what-we-do-section {
        padding: 50px 0;
    }
    .hero-section .hero-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .hero-section .hero-wrapper .left-column {
        order: 2;
    }
    .logo-box-component {
        padding: 20px 0;
    }
    .partner-section .partner-logo-wrapper {
        gap: 4px;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
    .partner-card-wrapper .slick-prev,
    .partner-card-wrapper .slick-next,
    .industries-card-wrapper .slick-prev,
    .industries-card-wrapper .slick-next,
    .our-project-wrapper .slick-prev,
    .our-project-wrapper .slick-next {
        width: 25px;
        height: 25px;
    }
    .partner-card-wrapper .slick-arrow::before,
    .industries-card-wrapper .slick-arrow::before,
    .our-project-wrapper .slick-arrow::before {
        width: 10px;
        height: 10px;
    }
    .partner-card-wrapper .slick-prev,
    .industries-card-wrapper .slick-prev,
    .our-project-wrapper .slick-prev {
        right: 60px;
    }
    .skill-box-component-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .skill-box-component:nth-last-child(-n + 3) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .skill-box-component:last-child {
        border-bottom: 0;
        border-right: 0;
    }
    .skill-box-component:first-child {
        border-right: 0;
    }
    .footer-section {
        padding: 50px 0 0;
    }
    .footer-section .footer-right {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-section .footer-right {
        gap: 20px;
    }
    .footer-section .footer-wrapper {
        gap: 20px;
    }
    .footer-section .copyright-wrapper {
        gap: 10px;
        text-align: center;
        justify-content: center;
    }
    .footer-section .copyright p {
        font-size: 12px;
    }
    .footer-section .footer-middle {
        font-size: 15px;
    }
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
    .partner-card-outer,
    .industries-card-outer {
        padding-left: 15px;
    }
    .partner-card-component {
        margin-right: 5px;
    }
    .partner-card-wrapper .slick-list {
        padding-right: 20px !important;
    }
    .header .mega-dropdown {
        width: 100vw;
        left: -80px;
    }
    .industry-section {
        padding-top: 20px;
    }
    .tech-grid-wrapper h3 {
        font-size: 15px;
    }
    .tech-pill-component img {
        max-width: 60px;
        max-height: 20px;
    }
    .tech-grid-wrapper {
        gap: 10px;
    }
    .tech-pill-component {
        padding: 7px 14px;
    }
    .testimonial-card p {
        font-size: 15px;
        line-height: 1.5;
    }
    .testimonial-card {
        padding: 30px 15px;
    }
    .our-work-card-component {
        grid-template-columns: 1fr;
    }
    .our-work-card-component .stats {
        gap: 10px;
        padding: 0;
    }
    .our-work-card-component .stat-value {
        font-size: 24px;
    }
    .our-work-card-component .tags {
        gap: 2px 10px;
    }
    .our-work-card-component .title-block h3 {
        font-size: 18px;
    }
    .our-work-card-component {
        padding: 30px 20px;
    }
    .our-work-card-component .project-head {
        margin-bottom: 10px;
    }
    .our-work-card-component {
        position: relative !important;
        top: auto !important;
        transform: none !important;
        filter: none !important;
        margin-bottom: 30px;
    }
    .our-work-wrapper {
        overflow: visible;
    }
    .partner-card-wrapper,
    .industries-card-wrapper,
    .our-project-wrapper {
        margin-top: -20px;
        padding-top: 50px;
    }
    .our-project-wrapper .slick-slide {
        flex-direction: column;
    }
    .our-project-card-component {
        grid-template-columns: 1fr;
        gap: 20px;
        position: relative !important;
        top: auto !important;
        transform: none !important;
        filter: none !important;
        margin-bottom: 30px;
    }
    .our-project-card-component .left {
        flex-basis: 100%;
        padding: 30px 20px 20px;
    }
    .our-project-card-component .right {
        flex-basis: 100%;
    }
    .our-project-card-component .stats {
        gap: 10px;
        padding: 0;
    }
    .our-project-card-component .stat-value {
        font-size: 24px;
    }
    .our-project-card-component .tags {
        gap: 2px 10px;
    }
    .our-project-card-component .title-block h3 {
        font-size: 18px;
    }
    .our-project-card-component .project-head {
        margin-bottom: 10px;
    }
    .our-project-wrapper {
        overflow: visible;
    }


}